@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.
- package/.github/workflows/jekyll-gh-pages.yml +16 -1
- package/CHANGELOG.md +40 -0
- package/CONTRIBUTING.md +28 -0
- package/_cdn/skin/v17.2.0/skin-default.min.css +69 -0
- package/_cdn/skin/v17.2.0/skin-full.min.css +151 -0
- package/_cdn/skin/v17.2.0/skin-headless.min.css +6 -0
- package/dist/button/button.css +0 -1
- package/dist/combobox/combobox.css +6 -5
- package/dist/date-textbox/date-textbox.css +4 -3
- package/dist/filter-menu/filter-menu.css +2 -2
- package/dist/filter-menu-button/filter-menu-button.css +8 -4
- package/dist/icon/icon.css +24 -0
- package/dist/infotip/infotip.css +6 -5
- package/dist/listbox/listbox.css +4 -0
- package/dist/listbox-button/listbox-button.css +6 -5
- package/dist/menu/menu.css +4 -0
- package/dist/menu-button/menu-button.css +6 -5
- package/dist/signal/signal.css +4 -3
- package/dist/svg/icon/icon-bank-24.svg +4 -2
- package/dist/svg/icon/icon-bank-64.svg +4 -2
- package/dist/svg/icon/icon-calendar-16.svg +4 -5
- package/dist/svg/icon/icon-calendar-24.svg +4 -5
- package/dist/svg/icon/icon-calendar-64.svg +4 -5
- package/dist/svg/icon/icon-credit-card-16.svg +4 -2
- package/dist/svg/icon/icon-credit-card-24.svg +4 -2
- package/dist/svg/icon/icon-credit-card-64.svg +4 -2
- package/dist/svg/icon/icon-gift-16.svg +2 -2
- package/dist/svg/icon/icon-gift-24.svg +4 -2
- package/dist/svg/icon/icon-gift-64.svg +4 -2
- package/dist/svg/icon/icon-locked-16.svg +4 -2
- package/dist/svg/icon/icon-locked-20.svg +7 -0
- package/dist/svg/icon/icon-locked-24.svg +4 -2
- package/dist/svg/icon/icon-mail-20.svg +7 -0
- package/dist/svg/icon/icon-passkey-16.svg +7 -0
- package/dist/svg/icon/icon-passkey-24.svg +7 -0
- package/dist/svg/icon/icon-passkey-64.svg +7 -0
- package/dist/svg/icon/icon-swap-24.svg +7 -0
- package/dist/svg/icon/icon-unlocked-16.svg +4 -3
- package/dist/svg/icon/icon-unlocked-24.svg +4 -5
- package/dist/svg/icon/icon-venmo-12-colored.svg +1 -0
- package/dist/svg/icon/icon-venmo-18-colored.svg +1 -0
- package/dist/svg/icon/icon-venmo-24-colored.svg +1 -0
- package/dist/svg/icon/icon-venmo-32-colored.svg +1 -0
- package/dist/svg/icons.svg +103 -42
- package/dist/tokens/evo-dark.css +1 -0
- package/dist/tokens/evo-light.css +1 -0
- package/dist/tooltip/tooltip.css +5 -4
- package/dist/tourtip/tourtip.css +5 -8
- package/package.json +33 -34
- package/scripts/develop-module_proper/code-generators/doc-generator.js +19 -13
- package/src/less/breadcrumbs/stories/button-cascade.stories.js +9 -9
- package/src/less/breadcrumbs/stories/button-overflow.stories.js +11 -11
- package/src/less/breadcrumbs/stories/buttons.stories.js +5 -5
- package/src/less/breadcrumbs/stories/link-cascade.stories.js +9 -9
- package/src/less/breadcrumbs/stories/link-overflow.stories.js +11 -11
- package/src/less/breadcrumbs/stories/links.stories.js +5 -5
- package/src/less/button/button.less +0 -1
- package/src/less/button/stories/button/base.stories.js +2 -2
- package/src/less/button/stories/button/borderless.stories.js +4 -4
- package/src/less/button/stories/button/primary.stories.js +1 -1
- package/src/less/button/stories/button/secondary.stories.js +1 -1
- package/src/less/button/stories/button/tertiary.stories.js +1 -1
- package/src/less/button/stories/destructive-button/primary.stories.js +1 -1
- package/src/less/button/stories/destructive-button/secondary.stories.js +1 -1
- package/src/less/button/stories/destructive-button/tertiary.stories.js +1 -1
- package/src/less/carousel/stories/carousel.stories.js +25 -25
- package/src/less/checkbox/stories/checked.stories.js +16 -16
- package/src/less/checkbox/stories/mixed.stories.js +2 -2
- package/src/less/checkbox/stories/unchecked.stories.js +8 -8
- package/src/less/chip/stories/interactive-chip.stories.js +17 -17
- package/src/less/chips-combobox/stories/chips-combobox.stories.js +34 -34
- package/src/less/chips-combobox/stories/rtl-chips-combobox.stories.js +34 -34
- package/src/less/combobox/stories/combobox.stories.js +10 -10
- package/src/less/cta-button/stories/cascade.stories.js +3 -3
- package/src/less/cta-button/stories/cta-button.stories.js +1 -1
- package/src/less/cta-button/stories/dimensions.stories.js +2 -2
- package/src/less/date-textbox/date-textbox.less +2 -2
- package/src/less/details/stories/cascade.stories.js +3 -3
- package/src/less/details/stories/details.stories.js +4 -4
- package/src/less/drawer-dialog/stories/drawer-dialog.stories.js +6 -6
- package/src/less/field/stories/stacked.stories.js +12 -12
- package/src/less/field/stories/unstacked.stories.js +4 -4
- package/src/less/filter-menu/stories/filter-menu.stories.js +30 -30
- package/src/less/filter-menu-button/filter-menu-button.less +3 -3
- package/src/less/filter-menu-button/stories/filter-menu-button.stories.js +83 -83
- package/src/less/floating-label/stories/floating-label.stories.js +5 -5
- package/src/less/global/stories/global.stories.js +12 -12
- package/src/less/icon/generated/icon.less +24 -0
- package/src/less/icon-button/stories/alignment.stories.js +6 -6
- package/src/less/infotip/infotip.less +3 -3
- package/src/less/infotip/stories/infotip.stories.js +10 -10
- package/src/less/inline-notice/stories/inline.stories.js +10 -10
- package/src/less/listbox/stories/cascade.stories.js +9 -9
- package/src/less/listbox/stories/listbox.stories.js +15 -15
- package/src/less/listbox-button/stories/base.stories.js +43 -43
- package/src/less/listbox-button/stories/cascade.stories.js +15 -15
- package/src/less/listbox-button/stories/dimensions.stories.js +5 -5
- package/src/less/listbox-button/stories/error/error.base.stories.js +38 -38
- package/src/less/listbox-button/stories/error/error.cascade.stories.js +15 -15
- package/src/less/listbox-button/stories/error/error.dimensions.stories.js +5 -5
- package/src/less/listbox-button/stories/error/error.form.stories.js +10 -10
- package/src/less/listbox-button/stories/form.stories.js +15 -15
- package/src/less/listbox-button/stories/subtitle.stories.js +38 -38
- package/src/less/menu/stories/fake-menu.stories.js +4 -4
- package/src/less/menu/stories/multiSelect.stories.js +9 -9
- package/src/less/menu-button/stories/base.stories.js +29 -29
- package/src/less/menu-button/stories/cascade.stories.js +6 -6
- package/src/less/menu-button/stories/dimensions.stories.js +1 -1
- package/src/less/menu-button/stories/fake-menu-button.stories.js +6 -6
- package/src/less/mixins/private/bubble-mixins.less +7 -3
- package/src/less/mixins/private/dropdown-mixins.less +3 -6
- package/src/less/mixins/private/filter-menu-mixins.less +1 -1
- package/src/less/page-notice/stories/page-notice.stories.js +12 -12
- package/src/less/page-notice/stories/test.stories.js +7 -7
- package/src/less/pagination/stories/button-cascade.stories.js +6 -6
- package/src/less/pagination/stories/buttons.stories.js +4 -4
- package/src/less/pagination/stories/link-cascade.stories.js +6 -6
- package/src/less/pagination/stories/links.stories.js +4 -4
- package/src/less/pagination/stories/overflow.stories.js +22 -22
- package/src/less/progress-spinner/stories/progress-spinner.stories.js +4 -4
- package/src/less/progress-stepper/stories/progress-stepper.stories.js +49 -49
- package/src/less/radio/stories/checked.stories.js +16 -16
- package/src/less/radio/stories/unchecked.stories.js +8 -8
- package/src/less/section-notice/stories/icon-16.stories.js +12 -12
- package/src/less/section-notice/stories/icon-24.stories.js +20 -20
- package/src/less/section-notice/stories/iconless.stories.js +4 -4
- package/src/less/section-notice/stories/test.stories.js +4 -4
- package/src/less/section-title/stories/rtl.stories.js +3 -3
- package/src/less/section-title/stories/section-title.stories.js +3 -3
- package/src/less/segmented-buttons/stories/segmented-buttons.stories.js +2 -2
- package/src/less/select/stories/cascade.stories.js +3 -3
- package/src/less/select/stories/default.stories.js +8 -8
- package/src/less/select/stories/floating-label.stories.js +4 -4
- package/src/less/signal/signal.less +4 -3
- package/src/less/split-button/stories/base.stories.js +12 -12
- package/src/less/split-button/stories/rtl.stories.js +6 -6
- package/src/less/split-button/stories/size.stories.js +2 -2
- package/src/less/star-rating/stories/star-rating.stories.js +15 -15
- package/src/less/star-rating-select/stories/star-rating-select.stories.js +10 -10
- package/src/less/textbox/stories/icon.stories.js +10 -10
- package/src/less/textbox/stories/rtl/icon.stories.js +7 -7
- package/src/less/toast-dialog/stories/toast-dialog.stories.js +3 -3
- package/src/less/toggle-button/stories/gallery-layout.stories.js +3 -3
- package/src/less/toggle-button/stories/list-layout.stories.js +3 -3
- package/src/less/tooltip/stories/pointer.stories.js +12 -12
- package/src/less/tooltip/stories/tooltip.stories.js +2 -2
- package/src/less/tooltip/tooltip.less +2 -2
- package/src/less/tourtip/stories/tourtip.stories.js +4 -4
- package/src/less/tourtip/tourtip.less +2 -7
- package/src/svg/icon/icon-bank-24.svg +4 -2
- package/src/svg/icon/icon-bank-64.svg +4 -2
- package/src/svg/icon/icon-calendar-16.svg +4 -5
- package/src/svg/icon/icon-calendar-24.svg +4 -5
- package/src/svg/icon/icon-calendar-64.svg +4 -5
- package/src/svg/icon/icon-credit-card-16.svg +4 -2
- package/src/svg/icon/icon-credit-card-24.svg +4 -2
- package/src/svg/icon/icon-credit-card-64.svg +4 -2
- package/src/svg/icon/icon-gift-16.svg +2 -2
- package/src/svg/icon/icon-gift-24.svg +4 -2
- package/src/svg/icon/icon-gift-64.svg +4 -2
- package/src/svg/icon/icon-locked-16.svg +4 -2
- package/src/svg/icon/icon-locked-20.svg +7 -0
- package/src/svg/icon/icon-locked-24.svg +4 -2
- package/src/svg/icon/icon-mail-20.svg +7 -0
- package/src/svg/icon/icon-passkey-16.svg +7 -0
- package/src/svg/icon/icon-passkey-24.svg +7 -0
- package/src/svg/icon/icon-passkey-64.svg +7 -0
- package/src/svg/icon/icon-swap-24.svg +7 -0
- package/src/svg/icon/icon-unlocked-16.svg +4 -3
- package/src/svg/icon/icon-unlocked-24.svg +4 -5
- package/src/svg/icon/icon-venmo-12-colored.svg +1 -0
- package/src/svg/icon/icon-venmo-18-colored.svg +1 -0
- package/src/svg/icon/icon-venmo-24-colored.svg +1 -0
- package/src/svg/icon/icon-venmo-32-colored.svg +1 -0
- package/src/svg/icons.svg +103 -42
- package/src/tokens/evo-dark.css +1 -0
- package/src/tokens/evo-light.css +1 -0
- package/svg.svg +103 -42
- package/_cdn/skin/v17.1.1/skin-default.min.css +0 -69
- package/_cdn/skin/v17.1.1/skin-full.min.css +0 -151
- 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):
|