@ebay/skin 17.3.0 → 17.4.0-next.1

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 (135) hide show
  1. package/.changeset/big-cheetahs-peel.md +5 -0
  2. package/.changeset/kind-pens-own.md +5 -0
  3. package/.changeset/loud-carrots-protect.md +5 -0
  4. package/.changeset/metal-cars-promise.md +5 -0
  5. package/.changeset/pre.json +16 -0
  6. package/.changeset/shaggy-ways-pump.md +5 -0
  7. package/.changeset/shaggy-yaks-guess.md +5 -0
  8. package/.changeset/soft-ligers-march.md +5 -0
  9. package/.github/workflows/jekyll-gh-pages.yml +8 -2
  10. package/.storybook/main.js +1 -1
  11. package/CHANGELOG.md +22 -0
  12. package/ICON-CREATION.md +1 -1
  13. package/_cdn/skin/v17.4.0-next.1/skin-default.min.css +76 -0
  14. package/_cdn/skin/v17.4.0-next.1/skin-full.min.css +160 -0
  15. package/_cdn/skin/v17.4.0-next.1/skin-headless.min.css +6 -0
  16. package/dist/flag/flag.css +774 -0
  17. package/dist/icon/icon.css +20 -0
  18. package/dist/icon-button/icon-button.css +113 -0
  19. package/dist/phone-input/phone-input.css +144 -0
  20. package/dist/skeleton/skeleton.css +6 -0
  21. package/dist/svg/icon/icon-bids-24.svg +4 -2
  22. package/dist/svg/icon/icon-bids-64.svg +2 -5
  23. package/dist/svg/icon/icon-bookmark-filled-16.svg +7 -0
  24. package/dist/svg/icon/icon-bookmark-filled-24.svg +7 -0
  25. package/dist/svg/icon/icon-exclude-16.svg +7 -0
  26. package/dist/svg/icon/icon-exclude-24.svg +7 -0
  27. package/dist/svg/icon/icon-fast-and-free-16.svg +4 -2
  28. package/dist/svg/icon/icon-fast-and-free-24.svg +4 -2
  29. package/dist/svg/icon/icon-inspect-64.svg +7 -0
  30. package/dist/svg/icon/icon-on-the-way-16.svg +4 -3
  31. package/dist/svg/icon/icon-on-the-way-24.svg +4 -2
  32. package/dist/svg/icon/icon-wallet-24.svg +4 -2
  33. package/dist/svg/icon/icon-wallet-64.svg +4 -2
  34. package/dist/svg/icons.svg +72 -27
  35. package/dist/tokens/evo-dark.css +14 -9
  36. package/dist/tokens/evo-light.css +13 -3
  37. package/eslint.config.mjs +15 -0
  38. package/index.browser.json +1 -0
  39. package/index.css +1 -0
  40. package/index.js +1 -0
  41. package/index.mjs +1 -0
  42. package/lint.log +10 -0
  43. package/package.json +17 -17
  44. package/phone-input.browser.json +1 -0
  45. package/phone-input.css +1 -0
  46. package/phone-input.js +1 -0
  47. package/phone-input.mjs +1 -0
  48. package/scripts/jekyll-config.js +2 -4
  49. package/src/less/alert-dialog/stories/alert-dialog.stories.js +16 -0
  50. package/src/less/badge/stories/badge.stories.js +4 -0
  51. package/src/less/breadcrumbs/stories/button-cascade.stories.js +29 -0
  52. package/src/less/breadcrumbs/stories/button-overflow.stories.js +48 -0
  53. package/src/less/breadcrumbs/stories/link-cascade.stories.js +29 -0
  54. package/src/less/breadcrumbs/stories/link-overflow.stories.js +51 -0
  55. package/src/less/bundles/skin-headless.less +1 -0
  56. package/src/less/button/stories/button/text-spacing.stories.js +16 -0
  57. package/src/less/button/stories/fake-button/text-spacing.stories.js +13 -0
  58. package/src/less/calendar/stories/calendar.stories.js +210 -0
  59. package/src/less/checkbox/stories/checked.stories.js +20 -0
  60. package/src/less/chips-combobox/stories/chips-combobox.stories.js +58 -0
  61. package/src/less/combobox/stories/combobox.stories.js +21 -0
  62. package/src/less/confirm-dialog/stories/confirm-dialog.stories.js +17 -0
  63. package/src/less/cta-button/stories/cta-button.stories.js +11 -0
  64. package/src/less/date-textbox/stories/date-textbox.stories.js +27 -0
  65. package/src/less/details/stories/details.stories.js +14 -0
  66. package/src/less/drawer-dialog/stories/drawer-dialog.stories.js +27 -0
  67. package/src/less/field/stories/helper-texts-stacked.stories.js +17 -0
  68. package/src/less/filter-button/stories/button.stories.js +8 -0
  69. package/src/less/filter-menu/stories/filter-menu.stories.js +41 -0
  70. package/src/less/filter-menu-button/stories/filter-menu-button.stories.js +238 -0
  71. package/src/less/flag/flag.less +777 -0
  72. package/src/less/flag/stories/flag.stories.js +9 -0
  73. package/src/less/floating-label/stories/floating-label.stories.js +102 -0
  74. package/src/less/fullscreen-dialog/stories/fullscreen-dialog.stories.js +27 -0
  75. package/src/less/global/stories/global.stories.js +16 -0
  76. package/src/less/icon/generated/icon.less +20 -0
  77. package/src/less/icon-button/icon-button.less +133 -0
  78. package/src/less/icon-button/stories/buttons.stories.js +241 -0
  79. package/src/less/icon-button/stories/links.stories.js +241 -0
  80. package/src/less/infotip/stories/infotip.stories.js +27 -2
  81. package/src/less/inline-notice/stories/inline.stories.js +13 -0
  82. package/src/less/lightbox-dialog/stories/lightbox-dialog.stories.js +24 -0
  83. package/src/less/link/stories/link.stories.js +9 -3
  84. package/src/less/listbox/stories/listbox.stories.js +37 -0
  85. package/src/less/listbox-button/stories/base.stories.js +42 -0
  86. package/src/less/menu/stories/misc.stories.js +10 -0
  87. package/src/less/menu-button/stories/base.stories.js +26 -0
  88. package/src/less/page-notice/stories/page-notice.stories.js +22 -0
  89. package/src/less/pagination/stories/overflow.stories.js +49 -0
  90. package/src/less/panel-dialog/stories/panel-dialog.stories.js +45 -0
  91. package/src/less/phone-input/phone-input.less +175 -0
  92. package/src/less/phone-input/stories/phone-input.stories.js +771 -0
  93. package/src/less/progress-bar-expressive/stories/progress-bar-expressive.stories.js +31 -0
  94. package/src/less/progress-stepper/stories/progress-stepper.stories.js +52 -0
  95. package/src/less/radio/stories/checked.stories.js +49 -2
  96. package/src/less/section-notice/stories/icon-16.stories.js +25 -1
  97. package/src/less/section-title/stories/section-title.stories.js +17 -0
  98. package/src/less/segmented-buttons/stories/segmented-buttons.stories.js +10 -0
  99. package/src/less/select/stories/default.stories.js +13 -0
  100. package/src/less/signal/stories/signal.stories.js +6 -0
  101. package/src/less/skeleton/skeleton.less +11 -0
  102. package/src/less/skeleton/stories/composite.stories.js +1 -1
  103. package/src/less/snackbar-dialog/stories/base.stories.js +14 -0
  104. package/src/less/split-button/stories/base.stories.js +30 -0
  105. package/src/less/tabs/stories/tabs/block.stories.js +17 -0
  106. package/src/less/tabs/stories/tabs/inlineBlock.stories.js +17 -0
  107. package/src/less/textbox/stories/textbox.stories.js +6 -0
  108. package/src/less/toast-dialog/stories/toast-dialog.stories.js +23 -0
  109. package/src/less/toggle-button/stories/gallery-layout.stories.js +13 -0
  110. package/src/less/toggle-button/stories/list-layout.stories.js +14 -0
  111. package/src/less/toggle-button/stories/minimal-layout.stories.js +8 -0
  112. package/src/less/tooltip/stories/tooltip.stories.js +19 -0
  113. package/src/less/tourtip/stories/tourtip.stories.js +21 -0
  114. package/src/svg/icon/icon-bids-24.svg +4 -2
  115. package/src/svg/icon/icon-bids-64.svg +2 -5
  116. package/src/svg/icon/icon-bookmark-filled-16.svg +7 -0
  117. package/src/svg/icon/icon-bookmark-filled-24.svg +7 -0
  118. package/src/svg/icon/icon-exclude-16.svg +7 -0
  119. package/src/svg/icon/icon-exclude-24.svg +7 -0
  120. package/src/svg/icon/icon-fast-and-free-16.svg +4 -2
  121. package/src/svg/icon/icon-fast-and-free-24.svg +4 -2
  122. package/src/svg/icon/icon-inspect-64.svg +7 -0
  123. package/src/svg/icon/icon-on-the-way-16.svg +4 -3
  124. package/src/svg/icon/icon-on-the-way-24.svg +4 -2
  125. package/src/svg/icon/icon-wallet-24.svg +4 -2
  126. package/src/svg/icon/icon-wallet-64.svg +4 -2
  127. package/src/svg/icons.svg +72 -27
  128. package/src/tokens/evo-dark.css +14 -9
  129. package/src/tokens/evo-light.css +13 -3
  130. package/svg.svg +72 -27
  131. package/.eslintrc +0 -14
  132. package/_cdn/skin/v17.3.0/skin-default.min.css +0 -69
  133. package/_cdn/skin/v17.3.0/skin-full.min.css +0 -151
  134. package/_cdn/skin/v17.3.0/skin-headless.min.css +0 -6
  135. package/src/less/section-notice/stories/icon-24.stories.js +0 -251
@@ -0,0 +1,5 @@
1
+ ---
2
+ "@ebay/skin": minor
3
+ ---
4
+
5
+ docs(storybook): added text spacing stories
@@ -0,0 +1,5 @@
1
+ ---
2
+ "@ebay/skin": minor
3
+ ---
4
+
5
+ feat(phone-input): new module
@@ -0,0 +1,5 @@
1
+ ---
2
+ "@ebay/skin": minor
3
+ ---
4
+
5
+ feat(icons): icon additions and modifications
@@ -0,0 +1,5 @@
1
+ ---
2
+ "@ebay/skin": minor
3
+ ---
4
+
5
+ skeleton: added on-secondary color and changed elevated to use on-secondary
@@ -0,0 +1,16 @@
1
+ {
2
+ "mode": "pre",
3
+ "tag": "next",
4
+ "initialVersions": {
5
+ "@ebay/skin": "17.3.0"
6
+ },
7
+ "changesets": [
8
+ "big-cheetahs-peel",
9
+ "kind-pens-own",
10
+ "loud-carrots-protect",
11
+ "metal-cars-promise",
12
+ "shaggy-ways-pump",
13
+ "shaggy-yaks-guess",
14
+ "soft-ligers-march"
15
+ ]
16
+ }
@@ -0,0 +1,5 @@
1
+ ---
2
+ "@ebay/skin": minor
3
+ ---
4
+
5
+ docs(progress-bar-expressive): fix noisy status updates on docs page
@@ -0,0 +1,5 @@
1
+ ---
2
+ "@ebay/skin": minor
3
+ ---
4
+
5
+ feat(icon-button): added priorities
@@ -0,0 +1,5 @@
1
+ ---
2
+ "@ebay/skin": minor
3
+ ---
4
+
5
+ flags: updated to use sprites
@@ -31,6 +31,7 @@ jobs:
31
31
  # Build job
32
32
  build:
33
33
  runs-on: ubuntu-latest
34
+ needs: release
34
35
  steps:
35
36
  - name: Checkout
36
37
  uses: actions/checkout@v3
@@ -61,14 +62,13 @@ jobs:
61
62
  name: github-pages
62
63
  url: ${{ steps.deployment.outputs.page_url }}
63
64
  runs-on: ubuntu-latest
64
- needs: release
65
+ needs: build
65
66
  steps:
66
67
  - name: Deploy to GitHub Pages
67
68
  id: deployment
68
69
  uses: actions/deploy-pages@v2
69
70
  release:
70
71
  runs-on: ubuntu-latest
71
- needs: build
72
72
  if: "${{ github.repository_owner == 'ebay' && github.event_name == 'push' }}"
73
73
  steps:
74
74
  - name: Checkout code
@@ -86,6 +86,12 @@ jobs:
86
86
  run: npm i
87
87
  - name: Install ruby dependencies
88
88
  run: bundle install
89
+ - name: Enter prerelease mode
90
+ if: ${{ github.ref != 'refs/heads/master' }}
91
+ run: npm run prerelease:start
92
+ - name: Exit prerelease mode
93
+ if: ${{ github.ref == 'refs/heads/master' }}
94
+ run: npm run prerelease:end
89
95
  - name: Release
90
96
  id: changesets
91
97
  uses: changesets/action@v1
@@ -34,6 +34,6 @@ module.exports = {
34
34
  options: {}
35
35
  },
36
36
  docs: {
37
- autodocs: true
37
+ autodocs: false
38
38
  }
39
39
  };
package/CHANGELOG.md CHANGED
@@ -1,5 +1,27 @@
1
1
  # Skin Changelog
2
2
 
3
+ ## 17.4.0-next.1
4
+
5
+ ### Minor Changes
6
+
7
+ - [#2316](https://github.com/eBay/skin/pull/2316) [`a8c1352`](https://github.com/eBay/skin/commit/a8c1352920bc10213b020c4d7fd0969bb96dd019) Thanks [@agliga](https://github.com/agliga)! - flags: updated to use sprites
8
+
9
+ ## 17.4.0-next.0
10
+
11
+ ### Minor Changes
12
+
13
+ - [#2302](https://github.com/eBay/skin/pull/2302) [`a8f2c6b`](https://github.com/eBay/skin/commit/a8f2c6b3ec4db4144b7b8b19d5d585417c57830e) Thanks [@ArtBlue](https://github.com/ArtBlue)! - docs(storybook): added text spacing stories
14
+
15
+ - [#2259](https://github.com/eBay/skin/pull/2259) [`fff8608`](https://github.com/eBay/skin/commit/fff8608ccae86341b9b4115c581626d5f9cc9add) Thanks [@saiponnada](https://github.com/saiponnada)! - feat(phone-input): new module
16
+
17
+ - [#2303](https://github.com/eBay/skin/pull/2303) [`b80a893`](https://github.com/eBay/skin/commit/b80a89395f314c3728301fffe2d81cd21abb96c0) Thanks [@ArtBlue](https://github.com/ArtBlue)! - feat(icons): icon additions and modifications
18
+
19
+ - [#2306](https://github.com/eBay/skin/pull/2306) [`8cdc782`](https://github.com/eBay/skin/commit/8cdc782e52383703d3c464ab93d0ed01078483f3) Thanks [@agliga](https://github.com/agliga)! - skeleton: added on-secondary color and changed elevated to use on-secondary
20
+
21
+ - [#2312](https://github.com/eBay/skin/pull/2312) [`913f85b`](https://github.com/eBay/skin/commit/913f85be42795a7f1895c8f0a822e1148d0f87da) Thanks [@cordeliadillon](https://github.com/cordeliadillon)! - docs(progress-bar-expressive): fix noisy status updates on docs page
22
+
23
+ - [#2309](https://github.com/eBay/skin/pull/2309) [`f778dbd`](https://github.com/eBay/skin/commit/f778dbd890892a9ed2d4a36416d92ccacaebd34e) Thanks [@ArtBlue](https://github.com/ArtBlue)! - feat(icon-button): added priorities
24
+
3
25
  ## 17.3.0
4
26
 
5
27
  ### Minor Changes
package/ICON-CREATION.md CHANGED
@@ -40,7 +40,7 @@ If you do not want an icon to show up in the skin docs, add the name of the icon
40
40
  In order to skip an icon to have it's CSS be generated add the name of the icon in `docs/_data/icons.yaml` under `skip` key. Then rerun `step 2` scripts.
41
41
  This can be done for certain icons which might want to have different sizes than those specified in the `viewbox`
42
42
 
43
- ## Depcrating Icons
43
+ ## Deprecating Icons
44
44
 
45
45
  When an icon is removed or renamed, it will need to get deprecated. If you want to deprecate an icon, add the name of the icon in `docs/_data/icons.yaml` under `deprecated` key. Then rerun `step 2` scripts. This will show (if none existed yet) a `Deprecated` section in the docs and include the icon. This will also remove the icon from the `icon.svg` bundle and remove the CSS for the icon.
46
46