@ebay/skin 17.1.1 → 17.2.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 (181) hide show
  1. package/.github/workflows/jekyll-gh-pages.yml +16 -1
  2. package/CHANGELOG.md +40 -0
  3. package/CONTRIBUTING.md +28 -0
  4. package/_cdn/skin/v17.2.0/skin-default.min.css +69 -0
  5. package/_cdn/skin/v17.2.0/skin-full.min.css +151 -0
  6. package/_cdn/skin/v17.2.0/skin-headless.min.css +6 -0
  7. package/dist/button/button.css +0 -1
  8. package/dist/combobox/combobox.css +6 -5
  9. package/dist/date-textbox/date-textbox.css +4 -3
  10. package/dist/filter-menu/filter-menu.css +2 -2
  11. package/dist/filter-menu-button/filter-menu-button.css +8 -4
  12. package/dist/icon/icon.css +24 -0
  13. package/dist/infotip/infotip.css +6 -5
  14. package/dist/listbox/listbox.css +4 -0
  15. package/dist/listbox-button/listbox-button.css +6 -5
  16. package/dist/menu/menu.css +4 -0
  17. package/dist/menu-button/menu-button.css +6 -5
  18. package/dist/signal/signal.css +4 -3
  19. package/dist/svg/icon/icon-bank-24.svg +4 -2
  20. package/dist/svg/icon/icon-bank-64.svg +4 -2
  21. package/dist/svg/icon/icon-calendar-16.svg +4 -5
  22. package/dist/svg/icon/icon-calendar-24.svg +4 -5
  23. package/dist/svg/icon/icon-calendar-64.svg +4 -5
  24. package/dist/svg/icon/icon-credit-card-16.svg +4 -2
  25. package/dist/svg/icon/icon-credit-card-24.svg +4 -2
  26. package/dist/svg/icon/icon-credit-card-64.svg +4 -2
  27. package/dist/svg/icon/icon-gift-16.svg +2 -2
  28. package/dist/svg/icon/icon-gift-24.svg +4 -2
  29. package/dist/svg/icon/icon-gift-64.svg +4 -2
  30. package/dist/svg/icon/icon-locked-16.svg +4 -2
  31. package/dist/svg/icon/icon-locked-20.svg +7 -0
  32. package/dist/svg/icon/icon-locked-24.svg +4 -2
  33. package/dist/svg/icon/icon-mail-20.svg +7 -0
  34. package/dist/svg/icon/icon-passkey-16.svg +7 -0
  35. package/dist/svg/icon/icon-passkey-24.svg +7 -0
  36. package/dist/svg/icon/icon-passkey-64.svg +7 -0
  37. package/dist/svg/icon/icon-swap-24.svg +7 -0
  38. package/dist/svg/icon/icon-unlocked-16.svg +4 -3
  39. package/dist/svg/icon/icon-unlocked-24.svg +4 -5
  40. package/dist/svg/icon/icon-venmo-12-colored.svg +1 -0
  41. package/dist/svg/icon/icon-venmo-18-colored.svg +1 -0
  42. package/dist/svg/icon/icon-venmo-24-colored.svg +1 -0
  43. package/dist/svg/icon/icon-venmo-32-colored.svg +1 -0
  44. package/dist/svg/icons.svg +103 -42
  45. package/dist/tokens/evo-dark.css +1 -0
  46. package/dist/tokens/evo-light.css +1 -0
  47. package/dist/tooltip/tooltip.css +5 -4
  48. package/dist/tourtip/tourtip.css +5 -8
  49. package/package.json +33 -34
  50. package/scripts/develop-module_proper/code-generators/doc-generator.js +19 -13
  51. package/src/less/breadcrumbs/stories/button-cascade.stories.js +9 -9
  52. package/src/less/breadcrumbs/stories/button-overflow.stories.js +11 -11
  53. package/src/less/breadcrumbs/stories/buttons.stories.js +5 -5
  54. package/src/less/breadcrumbs/stories/link-cascade.stories.js +9 -9
  55. package/src/less/breadcrumbs/stories/link-overflow.stories.js +11 -11
  56. package/src/less/breadcrumbs/stories/links.stories.js +5 -5
  57. package/src/less/button/button.less +0 -1
  58. package/src/less/button/stories/button/base.stories.js +2 -2
  59. package/src/less/button/stories/button/borderless.stories.js +4 -4
  60. package/src/less/button/stories/button/primary.stories.js +1 -1
  61. package/src/less/button/stories/button/secondary.stories.js +1 -1
  62. package/src/less/button/stories/button/tertiary.stories.js +1 -1
  63. package/src/less/button/stories/destructive-button/primary.stories.js +1 -1
  64. package/src/less/button/stories/destructive-button/secondary.stories.js +1 -1
  65. package/src/less/button/stories/destructive-button/tertiary.stories.js +1 -1
  66. package/src/less/carousel/stories/carousel.stories.js +25 -25
  67. package/src/less/checkbox/stories/checked.stories.js +16 -16
  68. package/src/less/checkbox/stories/mixed.stories.js +2 -2
  69. package/src/less/checkbox/stories/unchecked.stories.js +8 -8
  70. package/src/less/chip/stories/interactive-chip.stories.js +17 -17
  71. package/src/less/chips-combobox/stories/chips-combobox.stories.js +34 -34
  72. package/src/less/chips-combobox/stories/rtl-chips-combobox.stories.js +34 -34
  73. package/src/less/combobox/stories/combobox.stories.js +10 -10
  74. package/src/less/cta-button/stories/cascade.stories.js +3 -3
  75. package/src/less/cta-button/stories/cta-button.stories.js +1 -1
  76. package/src/less/cta-button/stories/dimensions.stories.js +2 -2
  77. package/src/less/date-textbox/date-textbox.less +2 -2
  78. package/src/less/details/stories/cascade.stories.js +3 -3
  79. package/src/less/details/stories/details.stories.js +4 -4
  80. package/src/less/drawer-dialog/stories/drawer-dialog.stories.js +6 -6
  81. package/src/less/field/stories/stacked.stories.js +12 -12
  82. package/src/less/field/stories/unstacked.stories.js +4 -4
  83. package/src/less/filter-menu/stories/filter-menu.stories.js +30 -30
  84. package/src/less/filter-menu-button/filter-menu-button.less +3 -3
  85. package/src/less/filter-menu-button/stories/filter-menu-button.stories.js +83 -83
  86. package/src/less/floating-label/stories/floating-label.stories.js +5 -5
  87. package/src/less/global/stories/global.stories.js +12 -12
  88. package/src/less/icon/generated/icon.less +24 -0
  89. package/src/less/icon-button/stories/alignment.stories.js +6 -6
  90. package/src/less/infotip/infotip.less +3 -3
  91. package/src/less/infotip/stories/infotip.stories.js +10 -10
  92. package/src/less/inline-notice/stories/inline.stories.js +10 -10
  93. package/src/less/listbox/stories/cascade.stories.js +9 -9
  94. package/src/less/listbox/stories/listbox.stories.js +15 -15
  95. package/src/less/listbox-button/stories/base.stories.js +43 -43
  96. package/src/less/listbox-button/stories/cascade.stories.js +15 -15
  97. package/src/less/listbox-button/stories/dimensions.stories.js +5 -5
  98. package/src/less/listbox-button/stories/error/error.base.stories.js +38 -38
  99. package/src/less/listbox-button/stories/error/error.cascade.stories.js +15 -15
  100. package/src/less/listbox-button/stories/error/error.dimensions.stories.js +5 -5
  101. package/src/less/listbox-button/stories/error/error.form.stories.js +10 -10
  102. package/src/less/listbox-button/stories/form.stories.js +15 -15
  103. package/src/less/listbox-button/stories/subtitle.stories.js +38 -38
  104. package/src/less/menu/stories/fake-menu.stories.js +4 -4
  105. package/src/less/menu/stories/multiSelect.stories.js +9 -9
  106. package/src/less/menu-button/stories/base.stories.js +29 -29
  107. package/src/less/menu-button/stories/cascade.stories.js +6 -6
  108. package/src/less/menu-button/stories/dimensions.stories.js +1 -1
  109. package/src/less/menu-button/stories/fake-menu-button.stories.js +6 -6
  110. package/src/less/mixins/private/bubble-mixins.less +7 -3
  111. package/src/less/mixins/private/dropdown-mixins.less +3 -6
  112. package/src/less/mixins/private/filter-menu-mixins.less +1 -1
  113. package/src/less/page-notice/stories/page-notice.stories.js +12 -12
  114. package/src/less/page-notice/stories/test.stories.js +7 -7
  115. package/src/less/pagination/stories/button-cascade.stories.js +6 -6
  116. package/src/less/pagination/stories/buttons.stories.js +4 -4
  117. package/src/less/pagination/stories/link-cascade.stories.js +6 -6
  118. package/src/less/pagination/stories/links.stories.js +4 -4
  119. package/src/less/pagination/stories/overflow.stories.js +22 -22
  120. package/src/less/progress-spinner/stories/progress-spinner.stories.js +4 -4
  121. package/src/less/progress-stepper/stories/progress-stepper.stories.js +49 -49
  122. package/src/less/radio/stories/checked.stories.js +16 -16
  123. package/src/less/radio/stories/unchecked.stories.js +8 -8
  124. package/src/less/section-notice/stories/icon-16.stories.js +12 -12
  125. package/src/less/section-notice/stories/icon-24.stories.js +20 -20
  126. package/src/less/section-notice/stories/iconless.stories.js +4 -4
  127. package/src/less/section-notice/stories/test.stories.js +4 -4
  128. package/src/less/section-title/stories/rtl.stories.js +3 -3
  129. package/src/less/section-title/stories/section-title.stories.js +3 -3
  130. package/src/less/segmented-buttons/stories/segmented-buttons.stories.js +2 -2
  131. package/src/less/select/stories/cascade.stories.js +3 -3
  132. package/src/less/select/stories/default.stories.js +8 -8
  133. package/src/less/select/stories/floating-label.stories.js +4 -4
  134. package/src/less/signal/signal.less +4 -3
  135. package/src/less/split-button/stories/base.stories.js +12 -12
  136. package/src/less/split-button/stories/rtl.stories.js +6 -6
  137. package/src/less/split-button/stories/size.stories.js +2 -2
  138. package/src/less/star-rating/stories/star-rating.stories.js +15 -15
  139. package/src/less/star-rating-select/stories/star-rating-select.stories.js +10 -10
  140. package/src/less/textbox/stories/icon.stories.js +10 -10
  141. package/src/less/textbox/stories/rtl/icon.stories.js +7 -7
  142. package/src/less/toast-dialog/stories/toast-dialog.stories.js +3 -3
  143. package/src/less/toggle-button/stories/gallery-layout.stories.js +3 -3
  144. package/src/less/toggle-button/stories/list-layout.stories.js +3 -3
  145. package/src/less/tooltip/stories/pointer.stories.js +12 -12
  146. package/src/less/tooltip/stories/tooltip.stories.js +2 -2
  147. package/src/less/tooltip/tooltip.less +2 -2
  148. package/src/less/tourtip/stories/tourtip.stories.js +4 -4
  149. package/src/less/tourtip/tourtip.less +2 -7
  150. package/src/svg/icon/icon-bank-24.svg +4 -2
  151. package/src/svg/icon/icon-bank-64.svg +4 -2
  152. package/src/svg/icon/icon-calendar-16.svg +4 -5
  153. package/src/svg/icon/icon-calendar-24.svg +4 -5
  154. package/src/svg/icon/icon-calendar-64.svg +4 -5
  155. package/src/svg/icon/icon-credit-card-16.svg +4 -2
  156. package/src/svg/icon/icon-credit-card-24.svg +4 -2
  157. package/src/svg/icon/icon-credit-card-64.svg +4 -2
  158. package/src/svg/icon/icon-gift-16.svg +2 -2
  159. package/src/svg/icon/icon-gift-24.svg +4 -2
  160. package/src/svg/icon/icon-gift-64.svg +4 -2
  161. package/src/svg/icon/icon-locked-16.svg +4 -2
  162. package/src/svg/icon/icon-locked-20.svg +7 -0
  163. package/src/svg/icon/icon-locked-24.svg +4 -2
  164. package/src/svg/icon/icon-mail-20.svg +7 -0
  165. package/src/svg/icon/icon-passkey-16.svg +7 -0
  166. package/src/svg/icon/icon-passkey-24.svg +7 -0
  167. package/src/svg/icon/icon-passkey-64.svg +7 -0
  168. package/src/svg/icon/icon-swap-24.svg +7 -0
  169. package/src/svg/icon/icon-unlocked-16.svg +4 -3
  170. package/src/svg/icon/icon-unlocked-24.svg +4 -5
  171. package/src/svg/icon/icon-venmo-12-colored.svg +1 -0
  172. package/src/svg/icon/icon-venmo-18-colored.svg +1 -0
  173. package/src/svg/icon/icon-venmo-24-colored.svg +1 -0
  174. package/src/svg/icon/icon-venmo-32-colored.svg +1 -0
  175. package/src/svg/icons.svg +103 -42
  176. package/src/tokens/evo-dark.css +1 -0
  177. package/src/tokens/evo-light.css +1 -0
  178. package/svg.svg +103 -42
  179. package/_cdn/skin/v17.1.1/skin-default.min.css +0 -69
  180. package/_cdn/skin/v17.1.1/skin-full.min.css +0 -151
  181. package/_cdn/skin/v17.1.1/skin-headless.min.css +0 -6
@@ -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
@@ -37,6 +51,7 @@ jobs:
37
51
 
38
52
  # Deployment job
39
53
  deploy:
54
+ if: github.ref == 'refs/heads/master'
40
55
  # Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
41
56
  permissions:
42
57
  contents: read
package/CHANGELOG.md CHANGED
@@ -1,5 +1,45 @@
1
1
  # Skin Changelog
2
2
 
3
+ ## 17.2.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#2278](https://github.com/eBay/skin/pull/2278) [`c4af2b9`](https://github.com/eBay/skin/commit/c4af2b9552dd35986bbf9c24036b0b6c67581aa5) Thanks [@agliga](https://github.com/agliga)! - icon updates
8
+
9
+ - [#2278](https://github.com/eBay/skin/pull/2278) [`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
+ - [#2278](https://github.com/eBay/skin/pull/2278) [`c4af2b9`](https://github.com/eBay/skin/commit/c4af2b9552dd35986bbf9c24036b0b6c67581aa5) Thanks [@agliga](https://github.com/agliga)! - Venmo icon: Missing borders
12
+
13
+ - [#2278](https://github.com/eBay/skin/pull/2278) [`c4af2b9`](https://github.com/eBay/skin/commit/c4af2b9552dd35986bbf9c24036b0b6c67581aa5) Thanks [@agliga](https://github.com/agliga)! - flyout: update styling
14
+
15
+ - [#2278](https://github.com/eBay/skin/pull/2278) [`c4af2b9`](https://github.com/eBay/skin/commit/c4af2b9552dd35986bbf9c24036b0b6c67581aa5) Thanks [@agliga](https://github.com/agliga)! - component status alignment
16
+
17
+ - [#2278](https://github.com/eBay/skin/pull/2278) [`c4af2b9`](https://github.com/eBay/skin/commit/c4af2b9552dd35986bbf9c24036b0b6c67581aa5) Thanks [@agliga](https://github.com/agliga)! - Docs: remove focusable attribute from examples and stories
18
+
19
+ - [#2278](https://github.com/eBay/skin/pull/2278) [`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
+ - [#2278](https://github.com/eBay/skin/pull/2278) [`c4af2b9`](https://github.com/eBay/skin/commit/c4af2b9552dd35986bbf9c24036b0b6c67581aa5) Thanks [@agliga](https://github.com/agliga)! - feat: automatically publish skin
22
+
23
+ ## 17.2.0-next.0
24
+
25
+ ### Minor Changes
26
+
27
+ - [`c4af2b9`](https://github.com/eBay/skin/commit/c4af2b9552dd35986bbf9c24036b0b6c67581aa5) Thanks [@agliga](https://github.com/agliga)! - icon updates
28
+
29
+ - [`c4af2b9`](https://github.com/eBay/skin/commit/c4af2b9552dd35986bbf9c24036b0b6c67581aa5) Thanks [@agliga](https://github.com/agliga)! - ebay-signal has incorrect type size and internal padding
30
+
31
+ - [`c4af2b9`](https://github.com/eBay/skin/commit/c4af2b9552dd35986bbf9c24036b0b6c67581aa5) Thanks [@agliga](https://github.com/agliga)! - Venmo icon: Missing borders
32
+
33
+ - [`c4af2b9`](https://github.com/eBay/skin/commit/c4af2b9552dd35986bbf9c24036b0b6c67581aa5) Thanks [@agliga](https://github.com/agliga)! - flyout: update styling
34
+
35
+ - [`c4af2b9`](https://github.com/eBay/skin/commit/c4af2b9552dd35986bbf9c24036b0b6c67581aa5) Thanks [@agliga](https://github.com/agliga)! - component status alignment
36
+
37
+ - [`c4af2b9`](https://github.com/eBay/skin/commit/c4af2b9552dd35986bbf9c24036b0b6c67581aa5) Thanks [@agliga](https://github.com/agliga)! - Docs: remove focusable attribute from examples and stories
38
+
39
+ - [`c4af2b9`](https://github.com/eBay/skin/commit/c4af2b9552dd35986bbf9c24036b0b6c67581aa5) Thanks [@agliga](https://github.com/agliga)! - ebay-button: reduce width of stroke for priority=tertiary
40
+
41
+ - [`c4af2b9`](https://github.com/eBay/skin/commit/c4af2b9552dd35986bbf9c24036b0b6c67581aa5) Thanks [@agliga](https://github.com/agliga)! - feat: automatically publish skin
42
+
3
43
  ## 17.1.1
4
44
 
5
45
  ### 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):