@ebay/skin 17.1.1 → 17.2.0-next.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 (190) hide show
  1. package/.changeset/chilled-dots-whisper.md +5 -0
  2. package/.changeset/five-bats-appear.md +5 -0
  3. package/.changeset/gentle-moles-collect.md +5 -0
  4. package/.changeset/healthy-kings-hang.md +5 -0
  5. package/.changeset/pre.json +17 -0
  6. package/.changeset/pretty-rabbits-smash.md +5 -0
  7. package/.changeset/slow-maps-guess.md +5 -0
  8. package/.changeset/stale-lamps-retire.md +5 -0
  9. package/.changeset/unlucky-files-tickle.md +5 -0
  10. package/.github/workflows/jekyll-gh-pages.yml +15 -1
  11. package/CHANGELOG.md +20 -0
  12. package/CONTRIBUTING.md +28 -0
  13. package/_cdn/skin/v17.2.0-next.0/skin-default.min.css +69 -0
  14. package/_cdn/skin/v17.2.0-next.0/skin-full.min.css +151 -0
  15. package/_cdn/skin/v17.2.0-next.0/skin-headless.min.css +6 -0
  16. package/dist/button/button.css +0 -1
  17. package/dist/combobox/combobox.css +5 -7
  18. package/dist/date-textbox/date-textbox.css +1 -1
  19. package/dist/filter-menu/filter-menu.css +2 -2
  20. package/dist/filter-menu-button/filter-menu-button.css +7 -4
  21. package/dist/icon/icon.css +24 -0
  22. package/dist/infotip/infotip.css +3 -3
  23. package/dist/listbox/listbox.css +3 -2
  24. package/dist/listbox-button/listbox-button.css +5 -7
  25. package/dist/menu/menu.css +3 -2
  26. package/dist/menu-button/menu-button.css +5 -9
  27. package/dist/signal/signal.css +4 -3
  28. package/dist/svg/icon/icon-bank-24.svg +4 -2
  29. package/dist/svg/icon/icon-bank-64.svg +4 -2
  30. package/dist/svg/icon/icon-calendar-16.svg +4 -5
  31. package/dist/svg/icon/icon-calendar-24.svg +4 -5
  32. package/dist/svg/icon/icon-calendar-64.svg +4 -5
  33. package/dist/svg/icon/icon-credit-card-16.svg +4 -2
  34. package/dist/svg/icon/icon-credit-card-24.svg +4 -2
  35. package/dist/svg/icon/icon-credit-card-64.svg +4 -2
  36. package/dist/svg/icon/icon-gift-16.svg +2 -2
  37. package/dist/svg/icon/icon-gift-24.svg +4 -2
  38. package/dist/svg/icon/icon-gift-64.svg +4 -2
  39. package/dist/svg/icon/icon-locked-16.svg +4 -2
  40. package/dist/svg/icon/icon-locked-20.svg +7 -0
  41. package/dist/svg/icon/icon-locked-24.svg +4 -2
  42. package/dist/svg/icon/icon-mail-20.svg +7 -0
  43. package/dist/svg/icon/icon-passkey-16.svg +7 -0
  44. package/dist/svg/icon/icon-passkey-24.svg +7 -0
  45. package/dist/svg/icon/icon-passkey-64.svg +7 -0
  46. package/dist/svg/icon/icon-swap-24.svg +7 -0
  47. package/dist/svg/icon/icon-unlocked-16.svg +4 -3
  48. package/dist/svg/icon/icon-unlocked-24.svg +4 -5
  49. package/dist/svg/icon/icon-venmo-12-colored.svg +1 -0
  50. package/dist/svg/icon/icon-venmo-18-colored.svg +1 -0
  51. package/dist/svg/icon/icon-venmo-24-colored.svg +1 -0
  52. package/dist/svg/icon/icon-venmo-32-colored.svg +1 -0
  53. package/dist/svg/icons.svg +103 -42
  54. package/dist/tokens/evo-dark.css +1 -0
  55. package/dist/tokens/evo-light.css +1 -0
  56. package/dist/tooltip/tooltip.css +2 -2
  57. package/dist/tourtip/tourtip.css +2 -6
  58. package/package.json +10 -10
  59. package/scripts/develop-module_proper/code-generators/doc-generator.js +19 -13
  60. package/src/less/breadcrumbs/stories/button-cascade.stories.js +9 -9
  61. package/src/less/breadcrumbs/stories/button-overflow.stories.js +11 -11
  62. package/src/less/breadcrumbs/stories/buttons.stories.js +5 -5
  63. package/src/less/breadcrumbs/stories/link-cascade.stories.js +9 -9
  64. package/src/less/breadcrumbs/stories/link-overflow.stories.js +11 -11
  65. package/src/less/breadcrumbs/stories/links.stories.js +5 -5
  66. package/src/less/button/button.less +0 -1
  67. package/src/less/button/stories/button/base.stories.js +2 -2
  68. package/src/less/button/stories/button/borderless.stories.js +4 -4
  69. package/src/less/button/stories/button/primary.stories.js +1 -1
  70. package/src/less/button/stories/button/secondary.stories.js +1 -1
  71. package/src/less/button/stories/button/tertiary.stories.js +1 -1
  72. package/src/less/button/stories/destructive-button/primary.stories.js +1 -1
  73. package/src/less/button/stories/destructive-button/secondary.stories.js +1 -1
  74. package/src/less/button/stories/destructive-button/tertiary.stories.js +1 -1
  75. package/src/less/carousel/stories/carousel.stories.js +25 -25
  76. package/src/less/checkbox/stories/checked.stories.js +16 -16
  77. package/src/less/checkbox/stories/mixed.stories.js +2 -2
  78. package/src/less/checkbox/stories/unchecked.stories.js +8 -8
  79. package/src/less/chip/stories/interactive-chip.stories.js +17 -17
  80. package/src/less/chips-combobox/stories/chips-combobox.stories.js +34 -34
  81. package/src/less/chips-combobox/stories/rtl-chips-combobox.stories.js +34 -34
  82. package/src/less/combobox/stories/combobox.stories.js +10 -10
  83. package/src/less/cta-button/stories/cascade.stories.js +3 -3
  84. package/src/less/cta-button/stories/cta-button.stories.js +1 -1
  85. package/src/less/cta-button/stories/dimensions.stories.js +2 -2
  86. package/src/less/date-textbox/date-textbox.less +1 -1
  87. package/src/less/details/stories/cascade.stories.js +3 -3
  88. package/src/less/details/stories/details.stories.js +4 -4
  89. package/src/less/drawer-dialog/stories/drawer-dialog.stories.js +6 -6
  90. package/src/less/field/stories/stacked.stories.js +12 -12
  91. package/src/less/field/stories/unstacked.stories.js +4 -4
  92. package/src/less/filter-menu/stories/filter-menu.stories.js +30 -30
  93. package/src/less/filter-menu-button/filter-menu-button.less +3 -3
  94. package/src/less/filter-menu-button/stories/filter-menu-button.stories.js +83 -83
  95. package/src/less/floating-label/stories/floating-label.stories.js +5 -5
  96. package/src/less/global/stories/global.stories.js +12 -12
  97. package/src/less/icon/generated/icon.less +24 -0
  98. package/src/less/icon-button/stories/alignment.stories.js +6 -6
  99. package/src/less/infotip/infotip.less +3 -3
  100. package/src/less/infotip/stories/infotip.stories.js +10 -10
  101. package/src/less/inline-notice/stories/inline.stories.js +10 -10
  102. package/src/less/listbox/stories/cascade.stories.js +9 -9
  103. package/src/less/listbox/stories/listbox.stories.js +15 -15
  104. package/src/less/listbox-button/stories/base.stories.js +43 -43
  105. package/src/less/listbox-button/stories/cascade.stories.js +15 -15
  106. package/src/less/listbox-button/stories/dimensions.stories.js +5 -5
  107. package/src/less/listbox-button/stories/error/error.base.stories.js +38 -38
  108. package/src/less/listbox-button/stories/error/error.cascade.stories.js +15 -15
  109. package/src/less/listbox-button/stories/error/error.dimensions.stories.js +5 -5
  110. package/src/less/listbox-button/stories/error/error.form.stories.js +10 -10
  111. package/src/less/listbox-button/stories/form.stories.js +15 -15
  112. package/src/less/listbox-button/stories/subtitle.stories.js +38 -38
  113. package/src/less/menu/stories/fake-menu.stories.js +4 -4
  114. package/src/less/menu/stories/multiSelect.stories.js +9 -9
  115. package/src/less/menu-button/stories/base.stories.js +29 -29
  116. package/src/less/menu-button/stories/cascade.stories.js +6 -6
  117. package/src/less/menu-button/stories/dimensions.stories.js +1 -1
  118. package/src/less/menu-button/stories/fake-menu-button.stories.js +6 -6
  119. package/src/less/mixins/private/dropdown-mixins.less +3 -6
  120. package/src/less/mixins/private/filter-menu-mixins.less +1 -1
  121. package/src/less/mixins/private/selection-list-mixins.less +0 -2
  122. package/src/less/page-notice/stories/page-notice.stories.js +12 -12
  123. package/src/less/page-notice/stories/test.stories.js +7 -7
  124. package/src/less/pagination/stories/button-cascade.stories.js +6 -6
  125. package/src/less/pagination/stories/buttons.stories.js +4 -4
  126. package/src/less/pagination/stories/link-cascade.stories.js +6 -6
  127. package/src/less/pagination/stories/links.stories.js +4 -4
  128. package/src/less/pagination/stories/overflow.stories.js +16 -16
  129. package/src/less/progress-spinner/stories/progress-spinner.stories.js +4 -4
  130. package/src/less/progress-stepper/stories/progress-stepper.stories.js +49 -49
  131. package/src/less/radio/stories/checked.stories.js +16 -16
  132. package/src/less/radio/stories/unchecked.stories.js +8 -8
  133. package/src/less/section-notice/stories/icon-16.stories.js +12 -12
  134. package/src/less/section-notice/stories/icon-24.stories.js +20 -20
  135. package/src/less/section-notice/stories/iconless.stories.js +4 -4
  136. package/src/less/section-notice/stories/test.stories.js +4 -4
  137. package/src/less/section-title/stories/rtl.stories.js +3 -3
  138. package/src/less/section-title/stories/section-title.stories.js +3 -3
  139. package/src/less/segmented-buttons/stories/segmented-buttons.stories.js +2 -2
  140. package/src/less/select/stories/cascade.stories.js +3 -3
  141. package/src/less/select/stories/default.stories.js +8 -8
  142. package/src/less/select/stories/floating-label.stories.js +4 -4
  143. package/src/less/signal/signal.less +4 -3
  144. package/src/less/split-button/stories/base.stories.js +12 -12
  145. package/src/less/split-button/stories/rtl.stories.js +6 -6
  146. package/src/less/split-button/stories/size.stories.js +2 -2
  147. package/src/less/star-rating/stories/star-rating.stories.js +15 -15
  148. package/src/less/star-rating-select/stories/star-rating-select.stories.js +10 -10
  149. package/src/less/textbox/stories/icon.stories.js +10 -10
  150. package/src/less/textbox/stories/rtl/icon.stories.js +7 -7
  151. package/src/less/toast-dialog/stories/toast-dialog.stories.js +3 -3
  152. package/src/less/toggle-button/stories/gallery-layout.stories.js +3 -3
  153. package/src/less/toggle-button/stories/list-layout.stories.js +3 -3
  154. package/src/less/tooltip/stories/pointer.stories.js +12 -12
  155. package/src/less/tooltip/stories/tooltip.stories.js +2 -2
  156. package/src/less/tooltip/tooltip.less +2 -2
  157. package/src/less/tourtip/stories/tourtip.stories.js +4 -4
  158. package/src/less/tourtip/tourtip.less +2 -7
  159. package/src/svg/icon/icon-bank-24.svg +4 -2
  160. package/src/svg/icon/icon-bank-64.svg +4 -2
  161. package/src/svg/icon/icon-calendar-16.svg +4 -5
  162. package/src/svg/icon/icon-calendar-24.svg +4 -5
  163. package/src/svg/icon/icon-calendar-64.svg +4 -5
  164. package/src/svg/icon/icon-credit-card-16.svg +4 -2
  165. package/src/svg/icon/icon-credit-card-24.svg +4 -2
  166. package/src/svg/icon/icon-credit-card-64.svg +4 -2
  167. package/src/svg/icon/icon-gift-16.svg +2 -2
  168. package/src/svg/icon/icon-gift-24.svg +4 -2
  169. package/src/svg/icon/icon-gift-64.svg +4 -2
  170. package/src/svg/icon/icon-locked-16.svg +4 -2
  171. package/src/svg/icon/icon-locked-20.svg +7 -0
  172. package/src/svg/icon/icon-locked-24.svg +4 -2
  173. package/src/svg/icon/icon-mail-20.svg +7 -0
  174. package/src/svg/icon/icon-passkey-16.svg +7 -0
  175. package/src/svg/icon/icon-passkey-24.svg +7 -0
  176. package/src/svg/icon/icon-passkey-64.svg +7 -0
  177. package/src/svg/icon/icon-swap-24.svg +7 -0
  178. package/src/svg/icon/icon-unlocked-16.svg +4 -3
  179. package/src/svg/icon/icon-unlocked-24.svg +4 -5
  180. package/src/svg/icon/icon-venmo-12-colored.svg +1 -0
  181. package/src/svg/icon/icon-venmo-18-colored.svg +1 -0
  182. package/src/svg/icon/icon-venmo-24-colored.svg +1 -0
  183. package/src/svg/icon/icon-venmo-32-colored.svg +1 -0
  184. package/src/svg/icons.svg +103 -42
  185. package/src/tokens/evo-dark.css +1 -0
  186. package/src/tokens/evo-light.css +1 -0
  187. package/svg.svg +103 -42
  188. package/_cdn/skin/v17.1.1/skin-default.min.css +0 -69
  189. package/_cdn/skin/v17.1.1/skin-full.min.css +0 -151
  190. package/_cdn/skin/v17.1.1/skin-headless.min.css +0 -6
@@ -0,0 +1,5 @@
1
+ ---
2
+ "@ebay/skin": minor
3
+ ---
4
+
5
+ icon updates
@@ -0,0 +1,5 @@
1
+ ---
2
+ "@ebay/skin": minor
3
+ ---
4
+
5
+ ebay-signal has incorrect type size and internal padding
@@ -0,0 +1,5 @@
1
+ ---
2
+ "@ebay/skin": minor
3
+ ---
4
+
5
+ Venmo icon: Missing borders
@@ -0,0 +1,5 @@
1
+ ---
2
+ "@ebay/skin": minor
3
+ ---
4
+
5
+ flyout: update styling
@@ -0,0 +1,17 @@
1
+ {
2
+ "mode": "pre",
3
+ "tag": "next",
4
+ "initialVersions": {
5
+ "@ebay/skin": "17.1.1"
6
+ },
7
+ "changesets": [
8
+ "chilled-dots-whisper",
9
+ "five-bats-appear",
10
+ "gentle-moles-collect",
11
+ "healthy-kings-hang",
12
+ "pretty-rabbits-smash",
13
+ "slow-maps-guess",
14
+ "stale-lamps-retire",
15
+ "unlucky-files-tickle"
16
+ ]
17
+ }
@@ -0,0 +1,5 @@
1
+ ---
2
+ "@ebay/skin": minor
3
+ ---
4
+
5
+ component status alignment
@@ -0,0 +1,5 @@
1
+ ---
2
+ "@ebay/skin": minor
3
+ ---
4
+
5
+ Docs: remove focusable attribute from examples and stories
@@ -0,0 +1,5 @@
1
+ ---
2
+ "@ebay/skin": minor
3
+ ---
4
+
5
+ ebay-button: reduce width of stroke for priority=tertiary
@@ -0,0 +1,5 @@
1
+ ---
2
+ "@ebay/skin": minor
3
+ ---
4
+
5
+ feat: automatically publish skin
@@ -4,11 +4,25 @@ name: Deploy Jekyll with GitHub Pages dependencies preinstalled
4
4
  on:
5
5
  # Runs on pushes targeting the default branch
6
6
  push:
7
- branches: ["master"]
7
+ branches: ["master", "[1-9][0-9].*"]
8
8
 
9
9
  # Allows you to run this workflow manually from the Actions tab
10
10
  workflow_dispatch:
11
11
 
12
+ permissions:
13
+ actions: write
14
+ checks: write
15
+ contents: write
16
+ deployments: write
17
+ discussions: write
18
+ issues: write
19
+ packages: write
20
+ id-token: write
21
+ pull-requests: write
22
+ repository-projects: write
23
+ security-events: write
24
+ statuses: write
25
+
12
26
  concurrency:
13
27
  group: "${{ github.workflow }}-${{ github.event_name == 'pull_request_target' && github.head_ref || github.ref }}"
14
28
  cancel-in-progress: true
package/CHANGELOG.md CHANGED
@@ -1,5 +1,25 @@
1
1
  # Skin Changelog
2
2
 
3
+ ## 17.2.0-next.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`c4af2b9`](https://github.com/eBay/skin/commit/c4af2b9552dd35986bbf9c24036b0b6c67581aa5) Thanks [@agliga](https://github.com/agliga)! - icon updates
8
+
9
+ - [`c4af2b9`](https://github.com/eBay/skin/commit/c4af2b9552dd35986bbf9c24036b0b6c67581aa5) Thanks [@agliga](https://github.com/agliga)! - ebay-signal has incorrect type size and internal padding
10
+
11
+ - [`c4af2b9`](https://github.com/eBay/skin/commit/c4af2b9552dd35986bbf9c24036b0b6c67581aa5) Thanks [@agliga](https://github.com/agliga)! - Venmo icon: Missing borders
12
+
13
+ - [`c4af2b9`](https://github.com/eBay/skin/commit/c4af2b9552dd35986bbf9c24036b0b6c67581aa5) Thanks [@agliga](https://github.com/agliga)! - flyout: update styling
14
+
15
+ - [`c4af2b9`](https://github.com/eBay/skin/commit/c4af2b9552dd35986bbf9c24036b0b6c67581aa5) Thanks [@agliga](https://github.com/agliga)! - component status alignment
16
+
17
+ - [`c4af2b9`](https://github.com/eBay/skin/commit/c4af2b9552dd35986bbf9c24036b0b6c67581aa5) Thanks [@agliga](https://github.com/agliga)! - Docs: remove focusable attribute from examples and stories
18
+
19
+ - [`c4af2b9`](https://github.com/eBay/skin/commit/c4af2b9552dd35986bbf9c24036b0b6c67581aa5) Thanks [@agliga](https://github.com/agliga)! - ebay-button: reduce width of stroke for priority=tertiary
20
+
21
+ - [`c4af2b9`](https://github.com/eBay/skin/commit/c4af2b9552dd35986bbf9c24036b0b6c67581aa5) Thanks [@agliga](https://github.com/agliga)! - feat: automatically publish skin
22
+
3
23
  ## 17.1.1
4
24
 
5
25
  ### Patch Changes
package/CONTRIBUTING.md CHANGED
@@ -92,6 +92,34 @@ _Example_
92
92
  ./scripts/develop-module -m toast-dialog
93
93
  ```
94
94
 
95
+ Add applicable metadata about the component to the `module_metadata` map in [docs/index.html](https://github.com/eBay/skin/blob/master/docs/index.html):
96
+
97
+ ```yaml
98
+ your-module-name: # the Skin module name
99
+ ds-component: # module's relationship with the eBay Design System
100
+ group: # eBay Design System component group
101
+ name: # eBay Design System component name
102
+ version: # version of the eBay Design System component implemented in Skin
103
+ status: # status, e.g. "beta", "deprecated", "in-progress"
104
+ submodules: # array of Skin modules used in this module
105
+ ```
106
+
107
+ If the Skin component is used for multiple Design System components, include those as an array in the `ds-component` field. For example:
108
+
109
+ ```yaml
110
+ lightbox-dialog:
111
+ ds-component:
112
+ - name: modal
113
+ version: 2.1
114
+ - name: bottom-sheet
115
+ version: 2.1
116
+ submodules:
117
+ - button
118
+ - icon-button
119
+ ```
120
+
121
+ When updating a Skin module to match an updated Design System design, make sure to update its version in its `ds-component` field.
122
+
95
123
  ## Versioning
96
124
 
97
125
  Skin follows [Semantic Versioning](http://semver.org):