updated css for style component (#650)

Horay · web-flow · commit b7f3165cc0c0 · 2023-09-11T14:03:00.000+02:00
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@nordcloud/gnui",
   "description": "Nordcloud Design System - a collection of reusable React components used in Nordcloud's SaaS products",
-  "version": "8.17.0",
+  "version": "8.18.0",
   "license": "MIT",
   "repository": {
     "type": "git",
diff --git a/src/components/select/Select.tsx b/src/components/select/Select.tsx
@@ -82,15 +82,16 @@ const SelectContainer = styled.div`
       }
       &--is-focused {
         cursor: pointer;
-        background: ${theme.color.interactive.secondaryHover};
+        background: ${theme.color.interactive.secondary};
         color: ${theme.color.text.text01};
       }
       &--is-selected {
         cursor: not-allowed;
-        background: ${theme.color.interactive.secondaryHover};
+        background: ${theme.color.interactive.secondaryActive};
         color: ${theme.color.text.text01};
+        font-weight: 500;
         &:active {
-          background: ${theme.color.interactive.secondaryHover};
+          background: ${theme.color.interactive.secondaryActive};
           color: ${theme.color.text.text01};
         }
       }

Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,7 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@nordcloud/gnui",`
`3`	`3`	`"description": "Nordcloud Design System - a collection of reusable React components used in Nordcloud's SaaS products",`
`4`		`- "version": "8.17.0",`
	`4`	`+ "version": "8.18.0",`
`5`	`5`	`"license": "MIT",`
`6`	`6`	`"repository": {`
`7`	`7`	`"type": "git",`
Original file line number	Diff line number	Diff line change
@@ -82,15 +82,16 @@ const SelectContainer = styled.div`
`82`	`82`	`}`
`83`	`83`	`&--is-focused {`
`84`	`84`	`cursor: pointer;`
`85`		`- background: ${theme.color.interactive.secondaryHover};`
	`85`	`+ background: ${theme.color.interactive.secondary};`
`86`	`86`	`color: ${theme.color.text.text01};`
`87`	`87`	`}`
`88`	`88`	`&--is-selected {`
`89`	`89`	`cursor: not-allowed;`
`90`		`- background: ${theme.color.interactive.secondaryHover};`
	`90`	`+ background: ${theme.color.interactive.secondaryActive};`
`91`	`91`	`color: ${theme.color.text.text01};`
	`92`	`+ font-weight: 500;`
`92`	`93`	`&:active {`
`93`		`- background: ${theme.color.interactive.secondaryHover};`
	`94`	`+ background: ${theme.color.interactive.secondaryActive};`
`94`	`95`	`color: ${theme.color.text.text01};`
`95`	`96`	`}`
`96`	`97`	`}`