@wix/design-system-tokens 1.229.0 → 1.229.1

package/CHANGELOG.md

@@ -1,3 +1,9 @@
+## 1.229.1
+
+### Patch Changes
+
+- [#17016](https://github.com/wix-private/wix-design-systems/pull/17016) [`0efc09e`](https://github.com/wix-private/wix-design-systems/commit/0efc09eb29ee7a30c54cf47229632543ee43f8df) - StarsRatingBar: unfilled stars now use a dedicated `--wds-stars-rating-bar-unfilled-star-color` token instead of the shared `--wds-color-black-500` primitive directly. In `odeditor-dark` (Studio 2.0) it resolves to `black.400` instead of `black.500`, fixing insufficient contrast against dark surfaces — most visible for read-only ratings. Every other theme aliases to the unchanged `black.500`, so nothing else visually changes, including `odeditor` (Harmony). Other components consuming `--wds-color-black-500` directly are unaffected.
+
 ## 1.229.0
 
 ### Minor Changes

package/all.css

@@ -1163,6 +1163,7 @@
   --wds-statistics-widget-padding-vertical-large: var(--wds-space-300);
   --wds-statistics-widget-padding-horizontal-tiny: var(--wds-space-400);
   --wds-statistics-widget-padding-horizontal-large: var(--wds-space-400);
+  --wds-stars-rating-bar-unfilled-star-color: var(--wds-color-black-500);
   --wds-social-preview-content-padding-vertical: var(--wds-space-150);
   --wds-social-preview-content-padding-horizontal: var(--wds-space-200);
   --wds-social-post-preview-content-padding-vertical: var(--wds-space-200);

package/all.scss

@@ -718,6 +718,7 @@
   --wds-statistics-widget-padding-vertical-large: var(--wds-space-300);
   --wds-statistics-widget-padding-horizontal-tiny: var(--wds-space-400);
   --wds-statistics-widget-padding-horizontal-large: var(--wds-space-400);
+  --wds-stars-rating-bar-unfilled-star-color: var(--wds-color-black-500);
   --wds-space-viewport-spacing: var(--wds-space-800);
   --wds-space-padding-vertical-xx-tiny: var(--wds-space-50);
   --wds-space-padding-vertical-x-tiny: var(--wds-space-100);

package/all.st.css

@@ -2219,6 +2219,7 @@
 @property st-global(--wds-space-padding-vertical-x-tiny);
 @property st-global(--wds-space-padding-vertical-xx-tiny);
 @property st-global(--wds-space-viewport-spacing);
+@property st-global(--wds-stars-rating-bar-unfilled-star-color);
 @property st-global(--wds-statistics-widget-description-font-line-height);
 @property st-global(--wds-statistics-widget-description-font-size);
 @property st-global(--wds-statistics-widget-description-info-gap);
@@ -4866,6 +4867,7 @@
   --wds-space-padding-vertical-x-tiny: 6px;
   --wds-space-padding-vertical-xx-tiny: 3px;
   --wds-space-viewport-spacing: 48px;
+  --wds-stars-rating-bar-unfilled-star-color: #acafc4;
   --wds-statistics-widget-description-font-line-height: 18px;
   --wds-statistics-widget-description-font-size: 14px;
   --wds-statistics-widget-description-info-gap: 6px;

package/component.st.css

@@ -1480,6 +1480,7 @@
 @property st-global(--wds-social-post-preview-content-padding-vertical);
 @property st-global(--wds-social-preview-content-padding-horizontal);
 @property st-global(--wds-social-preview-content-padding-vertical);
+@property st-global(--wds-stars-rating-bar-unfilled-star-color);
 @property st-global(--wds-statistics-widget-description-font-line-height);
 @property st-global(--wds-statistics-widget-description-font-size);
 @property st-global(--wds-statistics-widget-description-info-gap);
@@ -3386,6 +3387,7 @@
   --wds-social-post-preview-content-padding-vertical: 12px;
   --wds-social-preview-content-padding-horizontal: 12px;
   --wds-social-preview-content-padding-vertical: 9px;
+  --wds-stars-rating-bar-unfilled-star-color: #acafc4;
   --wds-statistics-widget-description-font-line-height: 18px;
   --wds-statistics-widget-description-font-size: 14px;
   --wds-statistics-widget-description-info-gap: 6px;

package/odeditor/all.css

@@ -1189,6 +1189,7 @@
   --wds-statistics-widget-padding-horizontal-tiny: var(--wds-space-300);
   --wds-statistics-widget-padding-horizontal-large: var(--wds-space-300);
   --wds-statistics-widget-description-info-gap: var(--wds-space-50);
+  --wds-stars-rating-bar-unfilled-star-color: var(--wds-color-black-500);
   --wds-social-preview-content-padding-vertical: var(--wds-space-200);
   --wds-social-preview-content-padding-horizontal: var(--wds-space-300);
   --wds-social-post-preview-content-padding-vertical: var(--wds-space-300);

package/odeditor/all.scss

@@ -764,6 +764,7 @@
   --wds-statistics-widget-padding-horizontal-tiny: var(--wds-space-300);
   --wds-statistics-widget-padding-horizontal-large: var(--wds-space-300);
   --wds-statistics-widget-description-info-gap: var(--wds-space-50);
+  --wds-stars-rating-bar-unfilled-star-color: var(--wds-color-black-500);
   --wds-space-viewport-spacing: var(--wds-space-1200);
   --wds-space-padding-vertical-xx-tiny: var(--wds-space-100);
   --wds-space-padding-vertical-x-tiny: var(--wds-space-200);

package/odeditor/all.st.css

@@ -2207,6 +2207,7 @@
 @property st-global(--wds-space-padding-vertical-x-tiny);
 @property st-global(--wds-space-padding-vertical-xx-tiny);
 @property st-global(--wds-space-viewport-spacing);
+@property st-global(--wds-stars-rating-bar-unfilled-star-color);
 @property st-global(--wds-statistics-widget-description-font-line-height);
 @property st-global(--wds-statistics-widget-description-font-size);
 @property st-global(--wds-statistics-widget-description-info-gap);
@@ -4838,6 +4839,7 @@
   --wds-space-padding-vertical-x-tiny: 8px;
   --wds-space-padding-vertical-xx-tiny: 4px;
   --wds-space-viewport-spacing: 48px;
+  --wds-stars-rating-bar-unfilled-star-color: #a8a6a5;
   --wds-statistics-widget-description-font-line-height: 16px;
   --wds-statistics-widget-description-font-size: 12px;
   --wds-statistics-widget-description-info-gap: 2px;

package/odeditor/component.st.css

@@ -1457,6 +1457,7 @@
 @property st-global(--wds-social-post-preview-content-padding-vertical);
 @property st-global(--wds-social-preview-content-padding-horizontal);
 @property st-global(--wds-social-preview-content-padding-vertical);
+@property st-global(--wds-stars-rating-bar-unfilled-star-color);
 @property st-global(--wds-statistics-widget-description-font-line-height);
 @property st-global(--wds-statistics-widget-description-font-size);
 @property st-global(--wds-statistics-widget-description-info-gap);
@@ -3336,6 +3337,7 @@
   --wds-social-post-preview-content-padding-vertical: 12px;
   --wds-social-preview-content-padding-horizontal: 12px;
   --wds-social-preview-content-padding-vertical: 8px;
+  --wds-stars-rating-bar-unfilled-star-color: #a8a6a5;
   --wds-statistics-widget-description-font-line-height: 16px;
   --wds-statistics-widget-description-font-size: 12px;
   --wds-statistics-widget-description-info-gap: 2px;

package/odeditor-dark/all.css

@@ -1198,6 +1198,7 @@
   --wds-statistics-widget-padding-horizontal-tiny: var(--wds-space-300);
   --wds-statistics-widget-padding-horizontal-large: var(--wds-space-300);
   --wds-statistics-widget-description-info-gap: var(--wds-space-50);
+  --wds-stars-rating-bar-unfilled-star-color: var(--wds-color-black-400);
   --wds-social-preview-content-padding-vertical: var(--wds-space-200);
   --wds-social-preview-content-padding-horizontal: var(--wds-space-300);
   --wds-social-post-preview-content-padding-vertical: var(--wds-space-300);

package/odeditor-dark/all.scss

@@ -772,6 +772,7 @@
   --wds-statistics-widget-padding-horizontal-tiny: var(--wds-space-300);
   --wds-statistics-widget-padding-horizontal-large: var(--wds-space-300);
   --wds-statistics-widget-description-info-gap: var(--wds-space-50);
+  --wds-stars-rating-bar-unfilled-star-color: var(--wds-color-black-400);
   --wds-space-viewport-spacing: var(--wds-space-1200);
   --wds-space-padding-vertical-xx-tiny: var(--wds-space-100);
   --wds-space-padding-vertical-x-tiny: var(--wds-space-200);

package/odeditor-dark/all.st.css

@@ -2207,6 +2207,7 @@
 @property st-global(--wds-space-padding-vertical-x-tiny);
 @property st-global(--wds-space-padding-vertical-xx-tiny);
 @property st-global(--wds-space-viewport-spacing);
+@property st-global(--wds-stars-rating-bar-unfilled-star-color);
 @property st-global(--wds-statistics-widget-description-font-line-height);
 @property st-global(--wds-statistics-widget-description-font-size);
 @property st-global(--wds-statistics-widget-description-info-gap);
@@ -4838,6 +4839,7 @@
   --wds-space-padding-vertical-x-tiny: 8px;
   --wds-space-padding-vertical-xx-tiny: 4px;
   --wds-space-viewport-spacing: 48px;
+  --wds-stars-rating-bar-unfilled-star-color: #A09E9D;
   --wds-statistics-widget-description-font-line-height: 16px;
   --wds-statistics-widget-description-font-size: 12px;
   --wds-statistics-widget-description-info-gap: 2px;

package/odeditor-dark/component.st.css

@@ -1456,6 +1456,7 @@
 @property st-global(--wds-social-post-preview-content-padding-vertical);
 @property st-global(--wds-social-preview-content-padding-horizontal);
 @property st-global(--wds-social-preview-content-padding-vertical);
+@property st-global(--wds-stars-rating-bar-unfilled-star-color);
 @property st-global(--wds-statistics-widget-description-font-line-height);
 @property st-global(--wds-statistics-widget-description-font-size);
 @property st-global(--wds-statistics-widget-description-info-gap);
@@ -3334,6 +3335,7 @@
   --wds-social-post-preview-content-padding-vertical: 12px;
   --wds-social-preview-content-padding-horizontal: 12px;
   --wds-social-preview-content-padding-vertical: 8px;
+  --wds-stars-rating-bar-unfilled-star-color: #A09E9D;
   --wds-statistics-widget-description-font-line-height: 16px;
   --wds-statistics-widget-description-font-size: 12px;
   --wds-statistics-widget-description-info-gap: 2px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/design-system-tokens",
-  "version": "1.229.0",
+  "version": "1.229.1",
   "scripts": {
     "build": "cp -r tokens/* .",
     "figma-to-dictionary": "ts-node src/scripts/figma-to-dictionary.ts",
@@ -36,5 +36,5 @@
   "author": "augustinasv@wix.com",
   "description": "Design system tokens",
   "packageManager": "yarn@3.5.0",
-  "falconPackageHash": "658cb3a3df8d85b7d5c48ab799b40abf026c85243a5df6e990bba66f"
+  "falconPackageHash": "5f5f9fa9f694aba9eb460f3eb11675e19c2371a4b1c1353890d65709"
 }

package/studio/all.css

@@ -1185,6 +1185,7 @@
   --wds-statistics-widget-padding-vertical-tiny: var(--wds-space-300);
   --wds-statistics-widget-padding-horizontal-tiny: var(--wds-space-600);
   --wds-statistics-widget-padding-horizontal-large: var(--wds-space-600);
+  --wds-stars-rating-bar-unfilled-star-color: var(--wds-color-black-500);
   --wds-social-preview-content-padding-vertical: var(--wds-space-200);
   --wds-social-preview-content-padding-horizontal: var(--wds-space-300);
   --wds-social-post-preview-content-padding-vertical: var(--wds-space-300);

package/studio/all.scss

@@ -770,6 +770,7 @@
   --wds-statistics-widget-padding-vertical-tiny: var(--wds-space-300);
   --wds-statistics-widget-padding-horizontal-tiny: var(--wds-space-600);
   --wds-statistics-widget-padding-horizontal-large: var(--wds-space-600);
+  --wds-stars-rating-bar-unfilled-star-color: var(--wds-color-black-500);
   --wds-space-viewport-spacing: var(--wds-space-1200);
   --wds-space-padding-vertical-xx-tiny: var(--wds-space-100);
   --wds-space-padding-vertical-x-tiny: var(--wds-space-200);

package/studio/all.st.css

@@ -2210,6 +2210,7 @@
 @property st-global(--wds-space-padding-vertical-x-tiny);
 @property st-global(--wds-space-padding-vertical-xx-tiny);
 @property st-global(--wds-space-viewport-spacing);
+@property st-global(--wds-stars-rating-bar-unfilled-star-color);
 @property st-global(--wds-statistics-widget-description-font-line-height);
 @property st-global(--wds-statistics-widget-description-font-size);
 @property st-global(--wds-statistics-widget-description-info-gap);
@@ -4842,6 +4843,7 @@
   --wds-space-padding-vertical-x-tiny: 8px;
   --wds-space-padding-vertical-xx-tiny: 4px;
   --wds-space-viewport-spacing: 48px;
+  --wds-stars-rating-bar-unfilled-star-color: #acafc4;
   --wds-statistics-widget-description-font-line-height: 20px;
   --wds-statistics-widget-description-font-size: 14px;
   --wds-statistics-widget-description-info-gap: 6px;

package/studio/component.st.css

@@ -1463,6 +1463,7 @@
 @property st-global(--wds-social-post-preview-content-padding-vertical);
 @property st-global(--wds-social-preview-content-padding-horizontal);
 @property st-global(--wds-social-preview-content-padding-vertical);
+@property st-global(--wds-stars-rating-bar-unfilled-star-color);
 @property st-global(--wds-statistics-widget-description-font-line-height);
 @property st-global(--wds-statistics-widget-description-font-size);
 @property st-global(--wds-statistics-widget-description-info-gap);
@@ -3346,6 +3347,7 @@
   --wds-social-post-preview-content-padding-vertical: 12px;
   --wds-social-preview-content-padding-horizontal: 12px;
   --wds-social-preview-content-padding-vertical: 8px;
+  --wds-stars-rating-bar-unfilled-star-color: #acafc4;
   --wds-statistics-widget-description-font-line-height: 20px;
   --wds-statistics-widget-description-font-size: 14px;
   --wds-statistics-widget-description-info-gap: 6px;

package/wixel/all.css

@@ -1144,6 +1144,7 @@
   --wds-statistics-widget-padding-vertical-large: var(--wds-space-500);
   --wds-statistics-widget-padding-horizontal-tiny: var(--wds-space-300);
   --wds-statistics-widget-padding-horizontal-large: var(--wds-space-300);
+  --wds-stars-rating-bar-unfilled-star-color: var(--wds-color-black-500);
   --wds-social-preview-content-padding-vertical: var(--wds-space-200);
   --wds-social-preview-content-padding-horizontal: var(--wds-space-300);
   --wds-social-post-preview-content-padding-vertical: var(--wds-space-300);

package/wixel/all.scss

@@ -745,6 +745,7 @@
   --wds-statistics-widget-padding-vertical-large: var(--wds-space-500);
   --wds-statistics-widget-padding-horizontal-tiny: var(--wds-space-300);
   --wds-statistics-widget-padding-horizontal-large: var(--wds-space-300);
+  --wds-stars-rating-bar-unfilled-star-color: var(--wds-color-black-500);
   --wds-space-viewport-spacing: var(--wds-space-1200);
   --wds-space-padding-vertical-xx-tiny: var(--wds-space-100);
   --wds-space-padding-vertical-x-tiny: var(--wds-space-200);

package/wixel/all.st.css

@@ -2153,6 +2153,7 @@
 @property st-global(--wds-space-padding-vertical-x-tiny);
 @property st-global(--wds-space-padding-vertical-xx-tiny);
 @property st-global(--wds-space-viewport-spacing);
+@property st-global(--wds-stars-rating-bar-unfilled-star-color);
 @property st-global(--wds-statistics-widget-description-font-line-height);
 @property st-global(--wds-statistics-widget-description-font-size);
 @property st-global(--wds-statistics-widget-description-info-gap);
@@ -4721,6 +4722,7 @@
   --wds-space-padding-vertical-x-tiny: 8px;
   --wds-space-padding-vertical-xx-tiny: 4px;
   --wds-space-viewport-spacing: 48px;
+  --wds-stars-rating-bar-unfilled-star-color: #acafc4;
   --wds-statistics-widget-description-font-line-height: 20px;
   --wds-statistics-widget-description-font-size: 14px;
   --wds-statistics-widget-description-info-gap: 6px;

package/wixel/component.st.css

@@ -1436,6 +1436,7 @@
 @property st-global(--wds-social-post-preview-content-padding-vertical);
 @property st-global(--wds-social-preview-content-padding-horizontal);
 @property st-global(--wds-social-preview-content-padding-vertical);
+@property st-global(--wds-stars-rating-bar-unfilled-star-color);
 @property st-global(--wds-statistics-widget-description-font-line-height);
 @property st-global(--wds-statistics-widget-description-font-size);
 @property st-global(--wds-statistics-widget-description-info-gap);
@@ -3285,6 +3286,7 @@
   --wds-social-post-preview-content-padding-vertical: 12px;
   --wds-social-preview-content-padding-horizontal: 12px;
   --wds-social-preview-content-padding-vertical: 8px;
+  --wds-stars-rating-bar-unfilled-star-color: #acafc4;
   --wds-statistics-widget-description-font-line-height: 20px;
   --wds-statistics-widget-description-font-size: 14px;
   --wds-statistics-widget-description-info-gap: 6px;