@ebay/skin 18.6.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 (108) hide show
  1. package/dist/bundles/skin-default.css +39 -50
  2. package/dist/bundles/skin-full.css +39 -50
  3. package/dist/bundles/skin-headless.css +39 -50
  4. package/dist/chips-combobox/chips-combobox.css +1 -1
  5. package/dist/combobox/combobox.css +7 -2
  6. package/dist/date-textbox/date-textbox.css +1 -0
  7. package/dist/drawer-dialog/drawer-dialog.css +1 -0
  8. package/dist/filter-menu-button/filter-menu-button.css +6 -3
  9. package/dist/fullscreen-dialog/fullscreen-dialog.css +1 -0
  10. package/dist/infotip/infotip.css +2 -1
  11. package/dist/lightbox-dialog/lightbox-dialog.css +0 -24
  12. package/dist/listbox-button/listbox-button.css +7 -2
  13. package/dist/menu-button/menu-button.css +8 -2
  14. package/dist/skeleton/skeleton.css +0 -6
  15. package/dist/svg/icon/icon-ai-tools-16.svg +7 -0
  16. package/dist/svg/icon/icon-ai-tools-20.svg +7 -0
  17. package/dist/svg/icon/icon-ai-tools-24.svg +7 -0
  18. package/dist/svg/icon/icon-alipay-hk-12-colored.svg +22 -0
  19. package/dist/svg/icon/icon-alipay-hk-18-colored.svg +22 -0
  20. package/dist/svg/icon/icon-alipay-hk-24-colored.svg +22 -0
  21. package/dist/svg/icon/icon-alipay-hk-32-colored.svg +22 -0
  22. package/dist/svg/icon/icon-bancontact-12-colored.svg +48 -0
  23. package/dist/svg/icon/icon-bancontact-18-colored.svg +48 -0
  24. package/dist/svg/icon/icon-bancontact-24-colored.svg +48 -0
  25. package/dist/svg/icon/icon-bancontact-32-colored.svg +48 -0
  26. package/dist/svg/icon/icon-carnet-12-colored.svg +7 -0
  27. package/dist/svg/icon/icon-carnet-18-colored.svg +7 -0
  28. package/dist/svg/icon/icon-carnet-24-colored.svg +7 -0
  29. package/dist/svg/icon/icon-carnet-32-colored.svg +7 -0
  30. package/dist/svg/icon/icon-cashapp-12-colored.svg +9 -0
  31. package/dist/svg/icon/icon-cashapp-18-colored.svg +9 -0
  32. package/dist/svg/icon/icon-cashapp-24-colored.svg +9 -0
  33. package/dist/svg/icon/icon-cashapp-32-colored.svg +9 -0
  34. package/dist/svg/icon/icon-cb-12-colored.svg +15 -15
  35. package/dist/svg/icon/icon-cb-18-colored.svg +15 -15
  36. package/dist/svg/icon/icon-cb-24-colored.svg +15 -15
  37. package/dist/svg/icon/icon-cb-32-colored.svg +15 -15
  38. package/dist/svg/icon/icon-eftpos-12-colored.svg +37 -0
  39. package/dist/svg/icon/icon-eftpos-18-colored.svg +37 -0
  40. package/dist/svg/icon/icon-eftpos-24-colored.svg +37 -0
  41. package/dist/svg/icon/icon-eftpos-32-colored.svg +37 -0
  42. package/dist/svg/icon/icon-elo-12-colored.svg +27 -0
  43. package/dist/svg/icon/icon-elo-18-colored.svg +27 -0
  44. package/dist/svg/icon/icon-elo-24-colored.svg +27 -0
  45. package/dist/svg/icon/icon-elo-32-colored.svg +27 -0
  46. package/dist/svg/icon/icon-forklift-16.svg +7 -0
  47. package/dist/svg/icon/icon-forklift-24.svg +7 -0
  48. package/dist/svg/icon/icon-interac-12-colored.svg +7 -0
  49. package/dist/svg/icon/icon-interac-18-colored.svg +11 -0
  50. package/dist/svg/icon/icon-interac-24-colored.svg +7 -0
  51. package/dist/svg/icon/icon-interac-32-colored.svg +7 -0
  52. package/dist/svg/icon/icon-kakao-pay-12-colored.svg +9 -0
  53. package/dist/svg/icon/icon-kakao-pay-18-colored.svg +9 -0
  54. package/dist/svg/icon/icon-kakao-pay-24-colored.svg +9 -0
  55. package/dist/svg/icon/icon-kakao-pay-32-colored.svg +9 -0
  56. package/dist/svg/icon/icon-klarna-black-12-colored.svg +2 -2
  57. package/dist/svg/icon/icon-klarna-black-18-colored.svg +2 -2
  58. package/dist/svg/icon/icon-klarna-black-24-colored.svg +2 -2
  59. package/dist/svg/icon/icon-klarna-black-32-colored.svg +2 -2
  60. package/dist/svg/icon/icon-klarna-pink-12-colored.svg +3 -3
  61. package/dist/svg/icon/icon-klarna-pink-18-colored.svg +3 -3
  62. package/dist/svg/icon/icon-klarna-pink-24-colored.svg +3 -3
  63. package/dist/svg/icon/icon-klarna-pink-32-colored.svg +3 -3
  64. package/dist/svg/icon/icon-klarna-white-12-colored.svg +4 -4
  65. package/dist/svg/icon/icon-klarna-white-18-colored.svg +4 -4
  66. package/dist/svg/icon/icon-klarna-white-24-colored.svg +4 -4
  67. package/dist/svg/icon/icon-klarna-white-32-colored.svg +4 -4
  68. package/dist/svg/icon/icon-menu-16.svg +7 -0
  69. package/dist/svg/icon/icon-mercado-pago-12-colored.svg +32 -0
  70. package/dist/svg/icon/icon-mercado-pago-18-colored.svg +32 -0
  71. package/dist/svg/icon/icon-mercado-pago-24-colored.svg +32 -0
  72. package/dist/svg/icon/icon-mercado-pago-32-colored.svg +32 -0
  73. package/dist/svg/icon/icon-nfc-16.svg +7 -0
  74. package/dist/svg/icon/icon-nfc-24.svg +7 -0
  75. package/dist/svg/icon/icon-nfc-card-12-colored.svg +18 -0
  76. package/dist/svg/icon/icon-nfc-card-18-colored.svg +18 -0
  77. package/dist/svg/icon/icon-nfc-card-24-colored.svg +18 -0
  78. package/dist/svg/icon/icon-nfc-card-32-colored.svg +18 -0
  79. package/dist/svg/icon/icon-paypay-12-colored.svg +20 -0
  80. package/dist/svg/icon/icon-paypay-18-colored.svg +20 -0
  81. package/dist/svg/icon/icon-paypay-24-colored.svg +20 -0
  82. package/dist/svg/icon/icon-paypay-32-colored.svg +20 -0
  83. package/dist/svg/icon/icon-ruler-16.svg +7 -0
  84. package/dist/svg/icon/icon-ruler-24.svg +7 -0
  85. package/dist/svg/icon/icon-swap-16.svg +7 -0
  86. package/dist/svg/icons.svg +1242 -233
  87. package/dist/table/table.css +1 -7
  88. package/dist/tooltip/tooltip.css +2 -1
  89. package/dist/tourtip/tourtip.css +2 -1
  90. package/package.json +27 -26
  91. /package/dist/svg/icon/{icon-save-16.svg → icon-heart-16.svg} +0 -0
  92. /package/dist/svg/icon/{icon-save-20.svg → icon-heart-20.svg} +0 -0
  93. /package/dist/svg/icon/{icon-save-24.svg → icon-heart-24.svg} +0 -0
  94. /package/dist/svg/icon/{icon-save-filled-16.svg → icon-heart-filled-16.svg} +0 -0
  95. /package/dist/svg/icon/{icon-save-filled-20.svg → icon-heart-filled-20.svg} +0 -0
  96. /package/dist/svg/icon/{icon-save-filled-24.svg → icon-heart-filled-24.svg} +0 -0
  97. /package/dist/svg/icon/{icon-escrow-16.svg → icon-lock-16.svg} +0 -0
  98. /package/dist/svg/icon/{icon-escrow-24.svg → icon-lock-24.svg} +0 -0
  99. /package/dist/svg/icon/{icon-locked-16.svg → icon-lock-filled-16.svg} +0 -0
  100. /package/dist/svg/icon/{icon-locked-20.svg → icon-lock-filled-20.svg} +0 -0
  101. /package/dist/svg/icon/{icon-locked-24.svg → icon-lock-filled-24.svg} +0 -0
  102. /package/dist/svg/icon/{icon-fast-and-free-16.svg → icon-truck-16.svg} +0 -0
  103. /package/dist/svg/icon/{icon-fast-and-free-24.svg → icon-truck-24.svg} +0 -0
  104. /package/dist/svg/icon/{icon-fast-and-free-64.svg → icon-truck-64.svg} +0 -0
  105. /package/dist/svg/icon/{icon-on-the-way-16.svg → icon-truck-shipped-16.svg} +0 -0
  106. /package/dist/svg/icon/{icon-on-the-way-24.svg → icon-truck-shipped-24.svg} +0 -0
  107. /package/dist/svg/icon/{icon-unlocked-16.svg → icon-unlock-16.svg} +0 -0
  108. /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.6.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 ",
@@ -75,31 +75,32 @@
75
75
  "@changesets/cli": "^2.27.11",
76
76
  "@commitlint/cli": "^19.6.1",
77
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.12",
80
- "@marko/run": "^0.5.11",
80
+ "@floating-ui/dom": "^1.6.13",
81
+ "@marko/run": "^0.5.15",
81
82
  "@marko/run-adapter-static": "^0.2.1",
82
- "@percy/cli": "^1.30.5",
83
+ "@percy/cli": "^1.30.6",
83
84
  "@percy/storybook": "^6.0.3",
84
- "@storybook/html": "^8.4.7",
85
- "@storybook/html-webpack5": "^8.4.7",
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.17.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.2.0",
97
+ "gh-pages": "^6.3.0",
97
98
  "gulp": "^5",
98
99
  "husky": "^9.1.7",
99
- "jsdom": "^25.0.1",
100
- "lint-staged": "^15.2.11",
100
+ "jsdom": "^26.0.0",
101
+ "lint-staged": "^15.4.1",
101
102
  "makeup-alert-dialog": "~0.3.4",
102
- "makeup-combobox": "~0.4.5",
103
+ "makeup-combobox": "~0.4.6",
103
104
  "makeup-confirm-dialog": "~0.3.4",
104
105
  "makeup-dialog": "~0.5.4",
105
106
  "makeup-dialog-button": "~0.4.4",
@@ -121,34 +122,34 @@
121
122
  "makeup-snackbar-dialog": "0.2.4",
122
123
  "makeup-switch": "~0.3.3",
123
124
  "makeup-toast-dialog": "0.2.4",
124
- "marko": "^5.37.7",
125
+ "marko": "^5.37.11",
125
126
  "mkdirp": "^3",
126
127
  "ncp": "^2",
127
128
  "npm-run-all": "^4",
128
- "postcss": "^8.4.49",
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",
134
+ "postcss-mixins": "^11.0.3",
135
+ "postcss-nested": "^7.0.2",
136
+ "postcss-simple-vars": "^7.0.1",
136
137
  "prettier": "^3.4.2",
137
138
  "prismjs": "^1.29.0",
138
139
  "rimraf": "^6",
139
- "sass": "^1.83.0",
140
+ "sass": "^1.83.4",
140
141
  "sass-loader": "^16.0.4",
141
- "storybook": "^8.4.7",
142
- "stylelint": "^16.12.0",
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
151
  "webpack": "^5.97.1",
151
- "webpack-cli": "^5.1.4",
152
+ "webpack-cli": "^6.0.1",
152
153
  "winston": "^3.17.0",
153
154
  "xmlserializer": "^0.6.1",
154
155
  "yargs": "^17.7.2"