@ebay/skin 18.0.2 → 18.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/bundles/skin-default.css +3 -3
  3. package/dist/bundles/skin-full.css +3 -3
  4. package/dist/bundles/skin-headless.css +3 -3
  5. package/dist/star-rating/star-rating.css +3 -3
  6. package/package.json +11 -11
  7. package/src/sass/star-rating/star-rating.scss +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # Skin Changelog
2
2
 
3
+ ## 18.0.3
4
+
5
+ ### Patch Changes
6
+
7
+ - [#2375](https://github.com/eBay/skin/pull/2375) [`e0d7948`](https://github.com/eBay/skin/commit/e0d79483ace2c1b62782d32fc8272b0a6eb07f68) Thanks [@agliga](https://github.com/agliga)! - star-rating: fixed variable to be parsed
8
+
3
9
  ## 18.0.2
4
10
 
5
11
  ### Patch Changes
package/dist/bundles/skin-default.css CHANGED
@@ -8203,15 +8203,15 @@ svg.star-rating__icon{
8203
8203
  div.star-rating[data-stars^="1"] svg:nth-child(-n+1),div.star-rating[data-stars^="2"] svg:nth-child(-n+2),div.star-rating[data-stars^="3"] svg:nth-child(-n+3),div.star-rating[data-stars^="4"] svg:nth-child(-n+4),div.star-rating[data-stars^="5"] svg:nth-child(-n+5){
8204
8204
  --color-star-rating-full:var(
8205
8205
  --color-star-rating-filled,
8206
- $color-star-rating-icon-filled-foreground
8206
+ var(--color-foreground-primary)
8207
8207
  );
8208
8208
  --color-star-rating-full-stroke:var(
8209
8209
  --color-star-rating-filled-stroke,
8210
- $color-star-rating-icon-filled-stroke
8210
+ var(--color-foreground-primary)
8211
8211
  );
8212
8212
  --color-star-rating-half-stroke:var(
8213
8213
  --color-star-rating-filled-stroke,
8214
- $color-star-rating-icon-filled-stroke
8214
+ var(--color-foreground-primary)
8215
8215
  );
8216
8216
  }
8217
8217
  div.star-rating[data-stars="0-5"] svg:first-child,div.star-rating[data-stars="1-5"] svg:nth-child(2),div.star-rating[data-stars="2-5"] svg:nth-child(3),div.star-rating[data-stars="3-5"] svg:nth-child(4),div.star-rating[data-stars="4-5"] svg:nth-child(5){
package/dist/bundles/skin-full.css CHANGED
@@ -8387,15 +8387,15 @@ svg.star-rating__icon{
8387
8387
  div.star-rating[data-stars^="1"] svg:nth-child(-n+1),div.star-rating[data-stars^="2"] svg:nth-child(-n+2),div.star-rating[data-stars^="3"] svg:nth-child(-n+3),div.star-rating[data-stars^="4"] svg:nth-child(-n+4),div.star-rating[data-stars^="5"] svg:nth-child(-n+5){
8388
8388
  --color-star-rating-full:var(
8389
8389
  --color-star-rating-filled,
8390
- $color-star-rating-icon-filled-foreground
8390
+ var(--color-foreground-primary)
8391
8391
  );
8392
8392
  --color-star-rating-full-stroke:var(
8393
8393
  --color-star-rating-filled-stroke,
8394
- $color-star-rating-icon-filled-stroke
8394
+ var(--color-foreground-primary)
8395
8395
  );
8396
8396
  --color-star-rating-half-stroke:var(
8397
8397
  --color-star-rating-filled-stroke,
8398
- $color-star-rating-icon-filled-stroke
8398
+ var(--color-foreground-primary)
8399
8399
  );
8400
8400
  }
8401
8401
  div.star-rating[data-stars="0-5"] svg:first-child,div.star-rating[data-stars="1-5"] svg:nth-child(2),div.star-rating[data-stars="2-5"] svg:nth-child(3),div.star-rating[data-stars="3-5"] svg:nth-child(4),div.star-rating[data-stars="4-5"] svg:nth-child(5){
package/dist/bundles/skin-headless.css CHANGED
@@ -7815,15 +7815,15 @@ svg.star-rating__icon{
7815
7815
  div.star-rating[data-stars^="1"] svg:nth-child(-n+1),div.star-rating[data-stars^="2"] svg:nth-child(-n+2),div.star-rating[data-stars^="3"] svg:nth-child(-n+3),div.star-rating[data-stars^="4"] svg:nth-child(-n+4),div.star-rating[data-stars^="5"] svg:nth-child(-n+5){
7816
7816
  --color-star-rating-full:var(
7817
7817
  --color-star-rating-filled,
7818
- $color-star-rating-icon-filled-foreground
7818
+ var(--color-foreground-primary)
7819
7819
  );
7820
7820
  --color-star-rating-full-stroke:var(
7821
7821
  --color-star-rating-filled-stroke,
7822
- $color-star-rating-icon-filled-stroke
7822
+ var(--color-foreground-primary)
7823
7823
  );
7824
7824
  --color-star-rating-half-stroke:var(
7825
7825
  --color-star-rating-filled-stroke,
7826
- $color-star-rating-icon-filled-stroke
7826
+ var(--color-foreground-primary)
7827
7827
  );
7828
7828
  }
7829
7829
  div.star-rating[data-stars="0-5"] svg:first-child,div.star-rating[data-stars="1-5"] svg:nth-child(2),div.star-rating[data-stars="2-5"] svg:nth-child(3),div.star-rating[data-stars="3-5"] svg:nth-child(4),div.star-rating[data-stars="4-5"] svg:nth-child(5){
package/dist/star-rating/star-rating.css CHANGED
@@ -21,15 +21,15 @@ div.star-rating[data-stars^="4"] svg:nth-child(-n + 4),
21
21
  div.star-rating[data-stars^="5"] svg:nth-child(-n + 5) {
22
22
  --color-star-rating-full: var(
23
23
  --color-star-rating-filled,
24
- $color-star-rating-icon-filled-foreground
24
+ var(--color-foreground-primary)
25
25
  );
26
26
  --color-star-rating-full-stroke: var(
27
27
  --color-star-rating-filled-stroke,
28
- $color-star-rating-icon-filled-stroke
28
+ var(--color-foreground-primary)
29
29
  );
30
30
  --color-star-rating-half-stroke: var(
31
31
  --color-star-rating-filled-stroke,
32
- $color-star-rating-icon-filled-stroke
32
+ var(--color-foreground-primary)
33
33
  );
34
34
  }
35
35
  div.star-rating[data-stars="0-5"] svg:first-child,
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@ebay/skin",
3
3
  "description": "Skin - CSS modules that represent the brand eBay",
4
- "version": "18.0.2",
4
+ "version": "18.0.3",
5
5
  "license": "MIT",
6
6
  "main": "./index.js",
7
7
  "maintainers": [
@@ -73,22 +73,22 @@
73
73
  "@babel/core": "^7.24.7",
74
74
  "@babel/preset-env": "^7.24.7",
75
75
  "@changesets/changelog-github": "^0.5.0",
76
- "@changesets/cli": "^2.27.6",
76
+ "@changesets/cli": "^2.27.7",
77
77
  "@commitlint/cli": "^19.3.0",
78
78
  "@commitlint/config-conventional": "^19.2.2",
79
79
  "@ebay/browserslist-config": "^2.9.0",
80
- "@floating-ui/dom": "^1.6.6",
80
+ "@floating-ui/dom": "^1.6.7",
81
81
  "@percy/cli": "^1.28.8",
82
82
  "@percy/storybook": "^6.0.0",
83
- "@storybook/html": "^8.1.10",
84
- "@storybook/html-webpack5": "^8.1.10",
83
+ "@storybook/html": "^8.1.11",
84
+ "@storybook/html-webpack5": "^8.1.11",
85
85
  "autoprefixer": "^10.4.19",
86
86
  "babel-loader": "^9.1.3",
87
87
  "browser-sync": "^3.0.2",
88
88
  "btoa": "^1",
89
89
  "cross-env": "^7",
90
90
  "cssnano": "^7.0.3",
91
- "eslint": "^9.5.0",
91
+ "eslint": "^9.6.0",
92
92
  "eslint-config-ebay": "^1",
93
93
  "eslint-config-prettier": "^9",
94
94
  "eslint-plugin-prettier": "^5",
@@ -107,15 +107,15 @@
107
107
  "makeup-dialog-button": "~0.4.0",
108
108
  "makeup-drawer-dialog": "0.2.0",
109
109
  "makeup-expander": "~0.11.0",
110
- "makeup-floating-label": "~0.4.1",
110
+ "makeup-floating-label": "~0.4.2",
111
111
  "makeup-fullscreen-dialog": "0.2.0",
112
112
  "makeup-input-dialog": "0.2.0",
113
113
  "makeup-key-emitter": "~0.4.0",
114
114
  "makeup-lightbox-dialog": "0.2.0",
115
115
  "makeup-listbox": "~0.4.0",
116
116
  "makeup-listbox-button": "~0.5.0",
117
- "makeup-menu": "~0.4.0",
118
- "makeup-menu-button": "~0.4.0",
117
+ "makeup-menu": "~0.4.1",
118
+ "makeup-menu-button": "~0.4.1",
119
119
  "makeup-modal": "~0.5.0",
120
120
  "makeup-panel-dialog": "0.2.0",
121
121
  "makeup-prevent-scroll-keys": "~0.3.0",
@@ -134,7 +134,7 @@
134
134
  "rimraf": "^5",
135
135
  "sass": "^1.77.6",
136
136
  "sass-loader": "^14.2.1",
137
- "storybook": "^8.1.10",
137
+ "storybook": "^8.1.11",
138
138
  "stylelint": "^16.6.1",
139
139
  "stylelint-config-prettier-scss": "^1.0.0",
140
140
  "stylelint-config-standard": "^36",
@@ -172,7 +172,7 @@
172
172
  "*.{css,scss}": "stylelint --config .stylelintrc"
173
173
  },
174
174
  "dependencies": {
175
- "postcss": "^8.4.38",
175
+ "postcss": "^8.4.39",
176
176
  "postcss-mixins": "^10.0.1",
177
177
  "postcss-nested": "^6.0.1",
178
178
  "postcss-simple-vars": "^7.0.1"
package/src/sass/star-rating/star-rating.scss CHANGED
@@ -31,15 +31,15 @@ div.star-rating[data-stars^="4"] svg:nth-child(-n + 4),
31
31
  div.star-rating[data-stars^="5"] svg:nth-child(-n + 5) {
32
32
  --color-star-rating-full: var(
33
33
  --color-star-rating-filled,
34
- $color-star-rating-icon-filled-foreground
34
+ #{$color-star-rating-icon-filled-foreground}
35
35
  );
36
36
  --color-star-rating-full-stroke: var(
37
37
  --color-star-rating-filled-stroke,
38
- $color-star-rating-icon-filled-stroke
38
+ #{$color-star-rating-icon-filled-stroke}
39
39
  );
40
40
  --color-star-rating-half-stroke: var(
41
41
  --color-star-rating-filled-stroke,
42
- $color-star-rating-icon-filled-stroke
42
+ #{$color-star-rating-icon-filled-stroke}
43
43
  );
44
44
  }
45
45