@ebay/skin 18.5.0 → 19.0.0

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 (129) hide show
  1. package/dist/alert-dialog/alert-dialog.css +4 -1
  2. package/dist/bundles/skin-default.css +49 -54
  3. package/dist/bundles/skin-full.css +49 -54
  4. package/dist/bundles/skin-headless.css +49 -54
  5. package/dist/chips-combobox/chips-combobox.css +1 -1
  6. package/dist/combobox/combobox.css +7 -2
  7. package/dist/confirm-dialog/confirm-dialog.css +4 -1
  8. package/dist/date-textbox/date-textbox.css +1 -0
  9. package/dist/drawer-dialog/drawer-dialog.css +1 -0
  10. package/dist/filter-menu-button/filter-menu-button.css +6 -3
  11. package/dist/floating-label/floating-label.css +2 -2
  12. package/dist/fullscreen-dialog/fullscreen-dialog.css +1 -0
  13. package/dist/infotip/infotip.css +2 -1
  14. package/dist/lightbox-dialog/lightbox-dialog.css +0 -24
  15. package/dist/listbox-button/listbox-button.css +7 -2
  16. package/dist/menu-button/menu-button.css +8 -2
  17. package/dist/progress-bar-expressive/progress-bar-expressive.css +24 -12
  18. package/dist/skeleton/skeleton.css +0 -6
  19. package/dist/svg/icon/icon-ai-tools-16.svg +7 -0
  20. package/dist/svg/icon/icon-ai-tools-20.svg +7 -0
  21. package/dist/svg/icon/icon-ai-tools-24.svg +7 -0
  22. package/dist/svg/icon/icon-alipay-hk-12-colored.svg +22 -0
  23. package/dist/svg/icon/icon-alipay-hk-18-colored.svg +22 -0
  24. package/dist/svg/icon/icon-alipay-hk-24-colored.svg +22 -0
  25. package/dist/svg/icon/icon-alipay-hk-32-colored.svg +22 -0
  26. package/dist/svg/icon/icon-bancontact-12-colored.svg +48 -0
  27. package/dist/svg/icon/icon-bancontact-18-colored.svg +48 -0
  28. package/dist/svg/icon/icon-bancontact-24-colored.svg +48 -0
  29. package/dist/svg/icon/icon-bancontact-32-colored.svg +48 -0
  30. package/dist/svg/icon/icon-carnet-12-colored.svg +7 -0
  31. package/dist/svg/icon/icon-carnet-18-colored.svg +7 -0
  32. package/dist/svg/icon/icon-carnet-24-colored.svg +7 -0
  33. package/dist/svg/icon/icon-carnet-32-colored.svg +7 -0
  34. package/dist/svg/icon/icon-cashapp-12-colored.svg +9 -0
  35. package/dist/svg/icon/icon-cashapp-18-colored.svg +9 -0
  36. package/dist/svg/icon/icon-cashapp-24-colored.svg +9 -0
  37. package/dist/svg/icon/icon-cashapp-32-colored.svg +9 -0
  38. package/dist/svg/icon/icon-cb-12-colored.svg +15 -15
  39. package/dist/svg/icon/icon-cb-18-colored.svg +15 -15
  40. package/dist/svg/icon/icon-cb-24-colored.svg +15 -15
  41. package/dist/svg/icon/icon-cb-32-colored.svg +15 -15
  42. package/dist/svg/icon/icon-coin-battery-48.svg +7 -0
  43. package/dist/svg/icon/icon-eftpos-12-colored.svg +37 -0
  44. package/dist/svg/icon/icon-eftpos-18-colored.svg +37 -0
  45. package/dist/svg/icon/icon-eftpos-24-colored.svg +37 -0
  46. package/dist/svg/icon/icon-eftpos-32-colored.svg +37 -0
  47. package/dist/svg/icon/icon-elo-12-colored.svg +27 -0
  48. package/dist/svg/icon/icon-elo-18-colored.svg +27 -0
  49. package/dist/svg/icon/icon-elo-24-colored.svg +27 -0
  50. package/dist/svg/icon/icon-elo-32-colored.svg +27 -0
  51. package/dist/svg/icon/icon-european-conformity-48.svg +7 -0
  52. package/dist/svg/icon/icon-folder-add-16.svg +7 -0
  53. package/dist/svg/icon/icon-folder-add-24.svg +7 -0
  54. package/dist/svg/icon/icon-forklift-16.svg +7 -0
  55. package/dist/svg/icon/icon-forklift-24.svg +7 -0
  56. package/dist/svg/icon/icon-interac-12-colored.svg +7 -0
  57. package/dist/svg/icon/icon-interac-18-colored.svg +11 -0
  58. package/dist/svg/icon/icon-interac-24-colored.svg +7 -0
  59. package/dist/svg/icon/icon-interac-32-colored.svg +7 -0
  60. package/dist/svg/icon/icon-kakao-pay-12-colored.svg +9 -0
  61. package/dist/svg/icon/icon-kakao-pay-18-colored.svg +9 -0
  62. package/dist/svg/icon/icon-kakao-pay-24-colored.svg +9 -0
  63. package/dist/svg/icon/icon-kakao-pay-32-colored.svg +9 -0
  64. package/dist/svg/icon/icon-klarna-black-12-colored.svg +2 -2
  65. package/dist/svg/icon/icon-klarna-black-18-colored.svg +2 -2
  66. package/dist/svg/icon/icon-klarna-black-24-colored.svg +2 -2
  67. package/dist/svg/icon/icon-klarna-black-32-colored.svg +2 -2
  68. package/dist/svg/icon/icon-klarna-pink-12-colored.svg +3 -3
  69. package/dist/svg/icon/icon-klarna-pink-18-colored.svg +3 -3
  70. package/dist/svg/icon/icon-klarna-pink-24-colored.svg +3 -3
  71. package/dist/svg/icon/icon-klarna-pink-32-colored.svg +3 -3
  72. package/dist/svg/icon/icon-klarna-white-12-colored.svg +4 -4
  73. package/dist/svg/icon/icon-klarna-white-18-colored.svg +4 -4
  74. package/dist/svg/icon/icon-klarna-white-24-colored.svg +4 -4
  75. package/dist/svg/icon/icon-klarna-white-32-colored.svg +4 -4
  76. package/dist/svg/icon/icon-menu-16.svg +7 -0
  77. package/dist/svg/icon/icon-mercado-pago-12-colored.svg +32 -0
  78. package/dist/svg/icon/icon-mercado-pago-18-colored.svg +32 -0
  79. package/dist/svg/icon/icon-mercado-pago-24-colored.svg +32 -0
  80. package/dist/svg/icon/icon-mercado-pago-32-colored.svg +32 -0
  81. package/dist/svg/icon/icon-nfc-16.svg +7 -0
  82. package/dist/svg/icon/icon-nfc-24.svg +7 -0
  83. package/dist/svg/icon/icon-nfc-card-12-colored.svg +18 -0
  84. package/dist/svg/icon/icon-nfc-card-18-colored.svg +18 -0
  85. package/dist/svg/icon/icon-nfc-card-24-colored.svg +18 -0
  86. package/dist/svg/icon/icon-nfc-card-32-colored.svg +18 -0
  87. package/dist/svg/icon/icon-no-children-zero-three-48.svg +7 -0
  88. package/dist/svg/icon/icon-out-of-reach-48.svg +7 -0
  89. package/dist/svg/icon/icon-panel-close-vertical-16.svg +7 -0
  90. package/dist/svg/icon/icon-panel-close-vertical-20.svg +7 -0
  91. package/dist/svg/icon/icon-panel-close-vertical-24.svg +7 -0
  92. package/dist/svg/icon/icon-panel-open-vertical-16.svg +7 -0
  93. package/dist/svg/icon/icon-panel-open-vertical-20.svg +7 -0
  94. package/dist/svg/icon/icon-panel-open-vertical-24.svg +7 -0
  95. package/dist/svg/icon/icon-paypay-12-colored.svg +20 -0
  96. package/dist/svg/icon/icon-paypay-18-colored.svg +20 -0
  97. package/dist/svg/icon/icon-paypay-24-colored.svg +20 -0
  98. package/dist/svg/icon/icon-paypay-32-colored.svg +20 -0
  99. package/dist/svg/icon/icon-psa-vault-16-colored.svg +13 -0
  100. package/dist/svg/icon/icon-psa-vault-16.svg +7 -0
  101. package/dist/svg/icon/icon-ruler-16.svg +7 -0
  102. package/dist/svg/icon/icon-ruler-24.svg +7 -0
  103. package/dist/svg/icon/icon-stepper-upcoming-24.svg +1 -1
  104. package/dist/svg/icon/icon-swap-16.svg +7 -0
  105. package/dist/svg/icon/icon-trading-card-grade-16.svg +7 -0
  106. package/dist/svg/icon/icon-trading-card-grade-24.svg +7 -0
  107. package/dist/svg/icons.svg +1365 -238
  108. package/dist/table/table.css +1 -7
  109. package/dist/tooltip/tooltip.css +2 -1
  110. package/dist/tourtip/tourtip.css +2 -1
  111. package/package.json +62 -61
  112. /package/dist/svg/icon/{icon-save-16.svg → icon-heart-16.svg} +0 -0
  113. /package/dist/svg/icon/{icon-save-20.svg → icon-heart-20.svg} +0 -0
  114. /package/dist/svg/icon/{icon-save-24.svg → icon-heart-24.svg} +0 -0
  115. /package/dist/svg/icon/{icon-save-filled-16.svg → icon-heart-filled-16.svg} +0 -0
  116. /package/dist/svg/icon/{icon-save-filled-20.svg → icon-heart-filled-20.svg} +0 -0
  117. /package/dist/svg/icon/{icon-save-filled-24.svg → icon-heart-filled-24.svg} +0 -0
  118. /package/dist/svg/icon/{icon-escrow-16.svg → icon-lock-16.svg} +0 -0
  119. /package/dist/svg/icon/{icon-escrow-24.svg → icon-lock-24.svg} +0 -0
  120. /package/dist/svg/icon/{icon-locked-16.svg → icon-lock-filled-16.svg} +0 -0
  121. /package/dist/svg/icon/{icon-locked-20.svg → icon-lock-filled-20.svg} +0 -0
  122. /package/dist/svg/icon/{icon-locked-24.svg → icon-lock-filled-24.svg} +0 -0
  123. /package/dist/svg/icon/{icon-fast-and-free-16.svg → icon-truck-16.svg} +0 -0
  124. /package/dist/svg/icon/{icon-fast-and-free-24.svg → icon-truck-24.svg} +0 -0
  125. /package/dist/svg/icon/{icon-fast-and-free-64.svg → icon-truck-64.svg} +0 -0
  126. /package/dist/svg/icon/{icon-on-the-way-16.svg → icon-truck-shipped-16.svg} +0 -0
  127. /package/dist/svg/icon/{icon-on-the-way-24.svg → icon-truck-shipped-24.svg} +0 -0
  128. /package/dist/svg/icon/{icon-unlocked-16.svg → icon-unlock-16.svg} +0 -0
  129. /package/dist/svg/icon/{icon-unlocked-24.svg → icon-unlock-24.svg} +0 -0
@@ -106,13 +106,7 @@
106
106
  text-align: left;
107
107
  }
108
108
 
109
- .table-cell--numeric {
110
- text-align: right;
111
- }
112
- .table__cell {
113
- text-align: left;
114
- }
115
-
109
+ .table-cell--numeric,
116
110
  .table__cell--numeric {
117
111
  text-align: right;
118
112
  }
@@ -43,8 +43,9 @@ span.tooltip__mask {
43
43
 
44
44
  .tooltip__cell {
45
45
  display: flex;
46
+ overflow-wrap: anywhere;
46
47
  padding: var(--spacing-100) var(--spacing-200);
47
- word-break: break-word;
48
+ word-break: normal;
48
49
  }
49
50
  .tooltip__cell a {
50
51
  color: var(--tooltip-foreground-color, var(--color-foreground-primary));
@@ -44,8 +44,9 @@ span.tourtip__mask {
44
44
  .tourtip__cell {
45
45
  display: flex;
46
46
  flex-wrap: wrap;
47
+ overflow-wrap: anywhere;
47
48
  padding: var(--spacing-200);
48
- word-break: break-word;
49
+ word-break: normal;
49
50
  }
50
51
  .tourtip__cell a {
51
52
  color: var(--tourtip-foreground-color, var(--color-foreground-on-inverse));
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.5.0",
4
+ "version": "19.0.0",
5
5
  "license": "MIT",
6
6
  "main": "./index.js",
7
7
  "maintainers": [
@@ -29,14 +29,14 @@
29
29
  "preview": "marko-run preview",
30
30
  "start": "marko-run",
31
31
  "test": "npm run build:css",
32
- "deploy": "node scripts/jekyll-config && BASE_URL=/skin/ marko-run build -o ./_site && npm run build:storybook && ncp docs/archive _site/archive && touch _site/.nojekyll",
33
- "deploy:only": "node scripts/jekyll-config && marko-run build -o ./_site && npm run build:storybook && ncp docs/archive _site/archive && touch _site/.nojekyll",
32
+ "deploy": "node scripts/jekyll-config && BASE_URL=/skin/ marko-run build -o ./_site && npm run build:storybook && ncp docs/archive _site/public/archive && touch _site/public/.nojekyll",
33
+ "deploy:only": "node scripts/jekyll-config && marko-run build -o ./_site && npm run build:storybook && ncp docs/archive _site/public/archive && touch _site/public/.nojekyll",
34
34
  "prebuild": "npm run clean",
35
35
  "prepublishOnly": "node scripts gen",
36
36
  "postpublish": "node scripts clean",
37
37
  "build": "npm run build:css && npm run lint:js && npm run copy",
38
38
  "build:css": "npm run lint:sass && rimraf dist && npm run bundle && npm run postcss && node scripts/add-y-comments.js && prettier dist --write && npm run lint:css",
39
- "build:storybook": "npm run copy:assetsToStorybook && storybook build -o ./_site/storybook",
39
+ "build:storybook": "npm run copy:assetsToStorybook && storybook build -o ./_site/public/storybook",
40
40
  "clean": "rimraf _cdn _site .cache .tmp .jekyll npm-debug.log.* .DS_Store",
41
41
  "bundle": "sass src/sass:dist --no-source-map",
42
42
  "postcss": "postcss dist/**/*.css -r ",
@@ -68,88 +68,89 @@
68
68
  "prerelease:end": "changeset pre exit || :"
69
69
  },
70
70
  "devDependencies": {
71
- "@babel/cli": "^7.25.6",
72
- "@babel/core": "^7.25.2",
73
- "@babel/preset-env": "^7.25.4",
71
+ "@babel/cli": "^7.26.4",
72
+ "@babel/core": "^7.26.0",
73
+ "@babel/preset-env": "^7.26.0",
74
74
  "@changesets/changelog-github": "^0.5.0",
75
- "@changesets/cli": "^2.27.8",
76
- "@commitlint/cli": "^19.5.0",
77
- "@commitlint/config-conventional": "^19.5.0",
75
+ "@changesets/cli": "^2.27.11",
76
+ "@commitlint/cli": "^19.6.1",
77
+ "@commitlint/config-conventional": "^19.6.0",
78
+ "@docsearch/js": "^3.8.3",
78
79
  "@ebay/browserslist-config": "^2.10.0",
79
- "@floating-ui/dom": "^1.6.11",
80
- "@marko/run": "^0.4.5",
81
- "@marko/run-adapter-static": "^0.1.7",
82
- "@percy/cli": "^1.29.3",
83
- "@percy/storybook": "^6.0.2",
84
- "@storybook/html": "^8.3.2",
85
- "@storybook/html-webpack5": "^8.3.2",
80
+ "@floating-ui/dom": "^1.6.13",
81
+ "@marko/run": "^0.5.15",
82
+ "@marko/run-adapter-static": "^0.2.1",
83
+ "@percy/cli": "^1.30.6",
84
+ "@percy/storybook": "^6.0.3",
85
+ "@storybook/html": "^8.5.0",
86
+ "@storybook/html-webpack5": "^8.5.0",
86
87
  "autoprefixer": "^10.4.20",
87
88
  "babel-loader": "^9.2.1",
88
89
  "btoa": "^1",
89
90
  "clean-css": "^5",
90
91
  "cross-env": "^7",
91
92
  "cssnano": "^7.0.6",
92
- "eslint": "^9.11.0",
93
+ "eslint": "^9.18.0",
93
94
  "eslint-config-ebay": "^1",
94
- "eslint-config-prettier": "^9",
95
+ "eslint-config-prettier": "^10",
95
96
  "eslint-plugin-prettier": "^5",
96
- "gh-pages": "^6.1.1",
97
+ "gh-pages": "^6.3.0",
97
98
  "gulp": "^5",
98
- "husky": "^9.1.6",
99
- "jsdom": "^25.0.0",
100
- "lint-staged": "^15.2.10",
101
- "makeup-alert-dialog": "~0.3.2",
102
- "makeup-combobox": "~0.4.3",
103
- "makeup-confirm-dialog": "~0.3.2",
104
- "makeup-dialog": "~0.5.2",
105
- "makeup-dialog-button": "~0.4.2",
106
- "makeup-drawer-dialog": "0.2.2",
107
- "makeup-expander": "~0.11.2",
108
- "makeup-floating-label": "~0.4.3",
109
- "makeup-fullscreen-dialog": "0.2.2",
110
- "makeup-input-dialog": "0.2.2",
111
- "makeup-key-emitter": "~0.4.1",
112
- "makeup-lightbox-dialog": "0.2.2",
113
- "makeup-listbox": "~0.4.2",
114
- "makeup-listbox-button": "~0.5.3",
115
- "makeup-menu": "~0.4.2",
116
- "makeup-menu-button": "~0.4.3",
117
- "makeup-modal": "~0.5.2",
118
- "makeup-panel-dialog": "0.2.2",
119
- "makeup-prevent-scroll-keys": "~0.3.1",
120
- "makeup-roving-tabindex": "~0.7.1",
121
- "makeup-snackbar-dialog": "0.2.2",
122
- "makeup-switch": "~0.3.1",
123
- "makeup-toast-dialog": "0.2.2",
124
- "marko": "^5.35.16",
99
+ "husky": "^9.1.7",
100
+ "jsdom": "^26.0.0",
101
+ "lint-staged": "^15.4.1",
102
+ "makeup-alert-dialog": "~0.3.4",
103
+ "makeup-combobox": "~0.4.6",
104
+ "makeup-confirm-dialog": "~0.3.4",
105
+ "makeup-dialog": "~0.5.4",
106
+ "makeup-dialog-button": "~0.4.4",
107
+ "makeup-drawer-dialog": "0.2.4",
108
+ "makeup-expander": "~0.11.4",
109
+ "makeup-floating-label": "~0.4.5",
110
+ "makeup-fullscreen-dialog": "0.2.4",
111
+ "makeup-input-dialog": "0.2.4",
112
+ "makeup-key-emitter": "~0.4.3",
113
+ "makeup-lightbox-dialog": "0.2.4",
114
+ "makeup-listbox": "~0.4.4",
115
+ "makeup-listbox-button": "~0.5.5",
116
+ "makeup-menu": "~0.4.4",
117
+ "makeup-menu-button": "~0.4.5",
118
+ "makeup-modal": "~0.5.4",
119
+ "makeup-panel-dialog": "0.2.4",
120
+ "makeup-prevent-scroll-keys": "~0.3.3",
121
+ "makeup-roving-tabindex": "~0.7.3",
122
+ "makeup-snackbar-dialog": "0.2.4",
123
+ "makeup-switch": "~0.3.3",
124
+ "makeup-toast-dialog": "0.2.4",
125
+ "marko": "^5.37.11",
125
126
  "mkdirp": "^3",
126
127
  "ncp": "^2",
127
128
  "npm-run-all": "^4",
128
- "postcss": "^8.4.47",
129
- "postcss-mixins": "^10.0.1",
130
- "postcss-nested": "^6.2.0",
131
- "postcss-simple-vars": "^7.0.1",
129
+ "postcss": "^8.5.1",
132
130
  "postcss-cli": "^11.0.0",
133
131
  "postcss-comment": "^2.0.0",
134
132
  "postcss-import": "^16.1.0",
135
133
  "postcss-loader": "^8.1.1",
136
- "prettier": "^3.3.3",
134
+ "postcss-mixins": "^11.0.3",
135
+ "postcss-nested": "^7.0.2",
136
+ "postcss-simple-vars": "^7.0.1",
137
+ "prettier": "^3.4.2",
137
138
  "prismjs": "^1.29.0",
138
139
  "rimraf": "^6",
139
- "sass": "^1.79.2",
140
- "sass-loader": "^16.0.2",
141
- "storybook": "^8.3.2",
142
- "stylelint": "^16.9.0",
140
+ "sass": "^1.83.4",
141
+ "sass-loader": "^16.0.4",
142
+ "storybook": "^8.5.0",
143
+ "stylelint": "^16.13.2",
143
144
  "stylelint-config-prettier-scss": "^1.0.0",
144
- "stylelint-config-standard": "^36",
145
- "stylelint-config-standard-scss": "^13.1.0",
145
+ "stylelint-config-standard": "^37",
146
+ "stylelint-config-standard-scss": "^14.0.0",
146
147
  "stylelint-no-unsupported-browser-features": "^8",
147
148
  "stylelint-order": "^6",
148
149
  "stylelint-prettier": "^5",
149
150
  "svgo": "^3.3.2",
150
- "webpack": "^5.94.0",
151
- "webpack-cli": "^5.1.4",
152
- "winston": "^3.14.2",
151
+ "webpack": "^5.97.1",
152
+ "webpack-cli": "^6.0.1",
153
+ "winston": "^3.17.0",
153
154
  "xmlserializer": "^0.6.1",
154
155
  "yargs": "^17.7.2"
155
156
  },