Merge branch 'main' of https://github.com/gsoft-inc/wl-hopper into fe…

…at/DS-116-combobox
gsoft-inc · Sep 19, 2024 · 3781423 · 3781423
2 parents 38c9b68 + 5807a53
commit 3781423
Show file tree

Hide file tree

Showing 13 changed files with 38 additions and 19 deletions.
diff --git a/apps/docs/datas/tokens-dark.json b/apps/docs/datas/tokens-dark.json
@@ -1169,7 +1169,7 @@
       },
       {
         "name": "hop-neutral-text-weakest",
-        "value": "#777775"
+        "value": "#959593"
       },
       {
         "name": "hop-primary-border-active",

diff --git a/apps/docs/datas/tokens.json b/apps/docs/datas/tokens.json
@@ -1171,7 +1171,7 @@
       },
       {
         "name": "hop-neutral-text-weakest",
-        "value": "#b3b3b1"
+        "value": "#959593"
       },
       {
         "name": "hop-primary-border-active",

diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @hopper-ui/components
 
+## 1.3.8
+
+### Patch Changes
+
+- 7f8b609: Adjusted text-neutral-weakest color
+  - @hopper-ui/icons@2.8.0
+
 ## 1.3.7
 
 ### Patch Changes

diff --git a/packages/components/package.json b/packages/components/package.json
@@ -1,7 +1,7 @@
 {
     "name": "@hopper-ui/components",
     "author": "Workleap",
-    "version": "1.3.7",
+    "version": "1.3.8",
     "description": "The components package.",
     "license": "Apache-2.0",
     "repository": {

diff --git a/packages/components/src/Select/tests/chromatic/Select.stories.tsx b/packages/components/src/Select/tests/chromatic/Select.stories.tsx
@@ -17,7 +17,7 @@ const meta = {
     args: {
         children: [],
         "aria-label": "Animals"
-    }  
+    }
 } satisfies Meta<typeof Select>;
 
 export default meta;
@@ -180,7 +180,7 @@ export const SelectedItem = {
                 <Select.Option id="raccoon">Raccoon</Select.Option>
                 <Select.Option id="frog">Frog</Select.Option>
             </Select>
-            <h1>Limited Width</h1>  
+            <h1>Limited Width</h1>
             <Div width="11%">
                 <Select {...args} defaultSelectedKey="raccoon" isFluid>
                     <Select.Option id="dog">Dog</Select.Option>
@@ -249,7 +249,7 @@ export const SelectedItemWithIcon = {
                 </Select.Option>
                 <Select.Option id="frog">Frog</Select.Option>
             </Select>
-            <h1>Limited Width</h1>  
+            <h1>Limited Width</h1>
             <Div width="11%">
                 <Select {...args} defaultSelectedKey="raccoon" isFluid>
                     <Select.Option id="dog" textValue="Dog">
@@ -324,7 +324,7 @@ export const SelectedItemWithEndIcon = {
                 </Select.Option>
                 <Select.Option id="frog">Frog</Select.Option>
             </Select>
-            <h1>Limited Width</h1>  
+            <h1>Limited Width</h1>
             <Div width="11%">
                 <Select {...args} defaultSelectedKey="raccoon" isFluid>
                     <Select.Option id="dog" textValue="Dog">
@@ -378,7 +378,7 @@ export const ScrollingWithSelectedItemOutsideVisibleScope = {
         const selectTrigger = canvas.getAllByRole("button")[0];
         await userEvent.click(selectTrigger);
     },
-    decorators: marginBottomDecoratorMD 
+    decorators: marginBottomDecoratorMD
 } satisfies Story;
 
 export const CustomTriggerWidth = {
@@ -424,7 +424,7 @@ export const Direction = {
                 <Story />
             </Div>
         )
-    ] 
+    ]
 } satisfies Story;
 
 export const DirectionTop = {
@@ -441,7 +441,7 @@ export const DirectionTop = {
                 <Story />
             </Div>
         )
-    ] 
+    ]
 } satisfies Story;
 
 export const Invalid = {
@@ -587,7 +587,7 @@ export const Styling = {
                 <Select.Option id="2">Voodoo</Select.Option>
                 <Select.Option id="3">Dusty</Select.Option>
             </Select>
-            <Select {...args} 
+            <Select {...args}
                 triggerProps={
                     { className: "border-red" }
                 }
@@ -596,7 +596,7 @@ export const Styling = {
                 <Select.Option id="2">Voodoo</Select.Option>
                 <Select.Option id="3">Dusty</Select.Option>
             </Select>
-            <Select {...args} 
+            <Select {...args}
                 triggerProps={
                     { style: { border: "1px solid red" } }
                 }
@@ -611,4 +611,4 @@ export const Styling = {
         defaultSelectedKey: "2"
     },
     decorators: marginBottomDecoratorSM
-} satisfies Story;
+} satisfies Story;
diff --git a/packages/styled-system/CHANGELOG.md b/packages/styled-system/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @hopper-ui/styled-system
 
+## 2.3.3
+
+### Patch Changes
+
+- 7f8b609: Adjusted text-neutral-weakest color
+
 ## 2.3.2
 
 ### Patch Changes

diff --git a/packages/styled-system/package.json b/packages/styled-system/package.json
@@ -1,7 +1,7 @@
 {
     "name": "@hopper-ui/styled-system",
     "author": "Workleap",
-    "version": "2.3.2",
+    "version": "2.3.3",
     "description": "The styled-system package.",
     "license": "Apache-2.0",
     "repository": {

diff --git a/packages/styled-system/src/tokens/generated/darkSemanticTokens.ts b/packages/styled-system/src/tokens/generated/darkSemanticTokens.ts
@@ -95,7 +95,7 @@ export const DarkSemanticTokens = {
     "--hop-neutral-text-weak-hover": "var(--hop-rock-75)",
     "--hop-neutral-text-weak-press": "var(--hop-rock-50)",
     "--hop-neutral-text-weak-selected": "var(--hop-rock-75)",
-    "--hop-neutral-text-weakest": "var(--hop-rock-400)",
+    "--hop-neutral-text-weakest": "var(--hop-rock-300)",
     "--hop-primary-border-active": "var(--hop-sapphire-500)",
     "--hop-primary-icon-active": "var(--hop-sapphire-75)",
     "--hop-primary-surface-active": "var(--hop-sapphire-500)",

diff --git a/packages/styled-system/src/tokens/generated/lightSemanticTokens.ts b/packages/styled-system/src/tokens/generated/lightSemanticTokens.ts
@@ -312,7 +312,7 @@ export const SemanticTokens = {
     "--hop-neutral-text-weak-hover": "var(--hop-rock-600)",
     "--hop-neutral-text-weak-press": "var(--hop-rock-700)",
     "--hop-neutral-text-weak-selected": "var(--hop-rock-600)",
-    "--hop-neutral-text-weakest": "var(--hop-rock-200)",
+    "--hop-neutral-text-weakest": "var(--hop-rock-300)",
     "--hop-primary-border-active": "var(--hop-sapphire-300)",
     "--hop-primary-icon-active": "var(--hop-sapphire-700)",
     "--hop-primary-surface-active": "var(--hop-sapphire-300)",

diff --git a/packages/tokens/CHANGELOG.md b/packages/tokens/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @hopper-ui/tokens
 
+## 4.3.3
+
+### Patch Changes
+
+- 7f8b609: Adjusted text-neutral-weakest color
+
 ## 4.3.2
 
 ### Patch Changes

diff --git a/packages/tokens/package.json b/packages/tokens/package.json
@@ -1,7 +1,7 @@
 {
     "name": "@hopper-ui/tokens",
     "author": "Workleap",
-    "version": "4.3.2",
+    "version": "4.3.3",
     "description": "The tokens package.",
     "license": "Apache-2.0",
     "repository": {

diff --git a/packages/tokens/src/tokens/semantic/dark/colors.tokens.json b/packages/tokens/src/tokens/semantic/dark/colors.tokens.json
@@ -734,7 +734,7 @@
         },
         "text-weakest": {
             "$type": "color",
-            "$value": "{rock.400}"
+            "$value": "{rock.300}"
         }
     },
     "primary": {

diff --git a/packages/tokens/src/tokens/semantic/light/colors.tokens.json b/packages/tokens/src/tokens/semantic/light/colors.tokens.json
@@ -734,7 +734,7 @@
         },
         "text-weakest": {
             "$type": "color",
-            "$value": "{rock.200}"
+            "$value": "{rock.300}"
         }
     },
     "primary": {