@ebay/skin 18.2.2 → 18.2.3

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 (12) hide show
  1. package/dist/carousel/carousel.css +2 -0
  2. package/dist/gh/_gh-mixins.scss +197 -0
  3. package/dist/gh/gh-mixins.less +195 -0
  4. package/gh.browser.json +1 -8
  5. package/gh.css +1 -0
  6. package/gh.js +1 -0
  7. package/gh.mjs +1 -0
  8. package/index.browser.json +1 -0
  9. package/index.css +1 -0
  10. package/index.js +1 -0
  11. package/index.mjs +1 -0
  12. package/package.json +2 -2
package/dist/carousel/carousel.css CHANGED
@@ -223,6 +223,7 @@ span.carousel__container {
223
223
  [dir="rtl"] .carousel__control .icon--12 {
224
224
  transform: rotate(180deg);
225
225
  }
226
+ /* autoprefixer: ignore next */
226
227
  @supports not /*!Y */
227
228
  (
228
229
  /*!Y */ (-webkit-scroll-snap-coordinate: 0 0) or /*!Y */
@@ -237,6 +238,7 @@ span.carousel__container {
237
238
  opacity: 0.3;
238
239
  }
239
240
  }
241
+ /* autoprefixer: ignore next */
240
242
  @supports (
241
243
  /*!Y */ (-webkit-scroll-snap-coordinate: 0 0) or /*!Y */
242
244
  (-ms-scroll-snap-coordinate: 0 0) or /*!Y */
package/dist/gh/_gh-mixins.scss ADDED
@@ -0,0 +1,197 @@
1
+ /* stylelint-disable no-invalid-position-at-import-rule */
2
+
3
+ @mixin alert-dialog-mixin() {
4
+ @import "../../../dist/alert-dialog/alert-dialog.css";
5
+ }
6
+
7
+ @mixin badge-mixin() {
8
+ @import "../../../dist/badge/badge.css";
9
+ }
10
+
11
+ @mixin breadcrumbs-mixin() {
12
+ @import "../../../dist/breadcrumbs/breadcrumbs.css";
13
+ }
14
+
15
+ @mixin button-mixin() {
16
+ @import "../../../dist/button/button.css";
17
+ }
18
+
19
+ @mixin carousel-mixin() {
20
+ @import "../../../dist/carousel/carousel.css";
21
+ }
22
+
23
+ @mixin checkbox-mixin() {
24
+ @import "../../../dist/checkbox/checkbox.css";
25
+ }
26
+
27
+ @mixin combobox-mixin() {
28
+ @import "../../../dist/combobox/combobox.css";
29
+ }
30
+
31
+ @mixin confirm-dialog-mixin() {
32
+ @import "../../../dist/confirm-dialog/confirm-dialog.css";
33
+ }
34
+
35
+ @mixin cta-button-mixin() {
36
+ @import "../../../dist/cta-button/cta-button.css";
37
+ }
38
+
39
+ @mixin drawer-dialog-mixin() {
40
+ @import "../../../dist/drawer-dialog/drawer-dialog.css";
41
+ }
42
+
43
+ @mixin eek-mixin() {
44
+ @import "../../../dist/eek/eek.css";
45
+ }
46
+
47
+ @mixin field-mixin() {
48
+ @import "../../../dist/field/field.css";
49
+ }
50
+
51
+ @mixin filter-button-mixin() {
52
+ @import "../../../dist/filter-button/filter-button.css";
53
+ }
54
+
55
+ @mixin filter-menu-mixin() {
56
+ @import "../../../dist/filter-menu/filter-menu.css";
57
+ }
58
+
59
+ @mixin filter-menu-button-mixin() {
60
+ @import "../../../dist/filter-menu-button/filter-menu-button.css";
61
+ }
62
+
63
+ @mixin floating-label-mixin() {
64
+ @import "../../../dist/floating-label/floating-label.css";
65
+ }
66
+
67
+ @mixin fullscreen-dialog-mixin() {
68
+ @import "../../../dist/fullscreen-dialog/fullscreen-dialog.css";
69
+ }
70
+
71
+ @mixin global-mixin() {
72
+ @import "../../../dist/global/global.css";
73
+ }
74
+
75
+ @mixin icon-mixin() {
76
+ @import "../../../dist/icon/icon.css";
77
+ }
78
+
79
+ @mixin icon-button-mixin() {
80
+ @import "../../../dist/icon-button/icon-button.css";
81
+ }
82
+
83
+ @mixin infotip-mixin() {
84
+ @import "../../../dist/infotip/infotip.css";
85
+ }
86
+
87
+ @mixin inline-notice-mixin() {
88
+ @import "../../../dist/inline-notice/inline-notice.css";
89
+ }
90
+
91
+ @mixin lightbox-dialog-mixin() {
92
+ @import "../../../dist/lightbox-dialog/lightbox-dialog.css";
93
+ }
94
+
95
+ @mixin link-mixin() {
96
+ @import "../../../dist/link/link.css";
97
+ }
98
+
99
+ @mixin listbox-mixin() {
100
+ @import "../../../dist/listbox/listbox.css";
101
+ }
102
+
103
+ @mixin listbox-button-mixin() {
104
+ @import "../../../dist/listbox-button/listbox-button.css";
105
+ }
106
+
107
+ @mixin menu-mixin() {
108
+ @import "../../../dist/menu/menu.css";
109
+ }
110
+
111
+ @mixin menu-button-mixin() {
112
+ @import "../../../dist/menu-button/menu-button.css";
113
+ }
114
+
115
+ @mixin page-grid-mixin() {
116
+ @import "../../../dist/page-grid/page-grid.css";
117
+ }
118
+
119
+ @mixin page-notice-mixin() {
120
+ @import "../../../dist/page-notice/page-notice.css";
121
+ }
122
+
123
+ @mixin pagination-mixin() {
124
+ @import "../../../dist/pagination/pagination.css";
125
+ }
126
+
127
+ @mixin panel-dialog-mixin() {
128
+ @import "../../../dist/panel-dialog/panel-dialog.css";
129
+ }
130
+
131
+ @mixin progress-bar-mixin() {
132
+ @import "../../../dist/progress-bar/progress-bar.css";
133
+ }
134
+
135
+ @mixin progress-spinner-mixin() {
136
+ @import "../../../dist/progress-spinner/progress-spinner.css";
137
+ }
138
+
139
+ @mixin progress-stepper-mixin() {
140
+ @import "../../../dist/progress-stepper/progress-stepper.css";
141
+ }
142
+
143
+ @mixin radio-mixin() {
144
+ @import "../../../dist/radio/radio.css";
145
+ }
146
+
147
+ @mixin section-notice-mixin() {
148
+ @import "../../../dist/section-notice/section-notice.css";
149
+ }
150
+
151
+ @mixin section-title-mixin() {
152
+ @import "../../../dist/section-title/section-title.css";
153
+ }
154
+
155
+ @mixin select-mixin() {
156
+ @import "../../../dist/select/select.css";
157
+ }
158
+
159
+ @mixin signal-mixin() {
160
+ @import "../../../dist/signal/signal.css";
161
+ }
162
+
163
+ @mixin snackbar-dialog-mixin() {
164
+ @import "../../../dist/snackbar-dialog/snackbar-dialog.css";
165
+ }
166
+
167
+ @mixin switch-mixin() {
168
+ @import "../../../dist/switch/switch.css";
169
+ }
170
+
171
+ @mixin tabs-mixin() {
172
+ @import "../../../dist/tabs/tabs.css";
173
+ }
174
+
175
+ @mixin textbox-mixin() {
176
+ @import "../../../dist/textbox/textbox.css";
177
+ }
178
+
179
+ @mixin toast-dialog-mixin() {
180
+ @import "../../../dist/toast-dialog/toast-dialog.css";
181
+ }
182
+
183
+ @mixin tooltip-mixin() {
184
+ @import "../../../dist/tooltip/tooltip.css";
185
+ }
186
+
187
+ @mixin tourtip-mixin() {
188
+ @import "../../../dist/tourtip/tourtip.css";
189
+ }
190
+
191
+ @mixin typography-mixin() {
192
+ @import "../../../dist/typography/typography.css";
193
+ }
194
+
195
+ @mixin utility-mixin() {
196
+ @import "../../../dist/utility/utility.css";
197
+ }
package/dist/gh/gh-mixins.less ADDED
@@ -0,0 +1,195 @@
1
+ .alert-dialog-mixin() {
2
+ @import "../../../dist/alert-dialog/alert-dialog.css";
3
+ }
4
+
5
+ .badge-mixin() {
6
+ @import "../../../dist/badge/badge.css";
7
+ }
8
+
9
+ .breadcrumbs-mixin() {
10
+ @import "../../../dist/breadcrumbs/breadcrumbs.css";
11
+ }
12
+
13
+ .button-mixin() {
14
+ @import "../../../dist/button/button.css";
15
+ }
16
+
17
+ .carousel-mixin() {
18
+ @import "../../../dist/carousel/carousel.css";
19
+ }
20
+
21
+ .checkbox-mixin() {
22
+ @import "../../../dist/checkbox/checkbox.css";
23
+ }
24
+
25
+ .combobox-mixin() {
26
+ @import "../../../dist/combobox/combobox.css";
27
+ }
28
+
29
+ .confirm-dialog-mixin() {
30
+ @import "../../../dist/confirm-dialog/confirm-dialog.css";
31
+ }
32
+
33
+ .cta-button-mixin() {
34
+ @import "../../../dist/cta-button/cta-button.css";
35
+ }
36
+
37
+ .drawer-dialog-mixin() {
38
+ @import "../../../dist/drawer-dialog/drawer-dialog.css";
39
+ }
40
+
41
+ .eek-mixin() {
42
+ @import "../../../dist/eek/eek.css";
43
+ }
44
+
45
+ .field-mixin() {
46
+ @import "../../../dist/field/field.css";
47
+ }
48
+
49
+ .filter-button-mixin() {
50
+ @import "../../../dist/filter-button/filter-button.css";
51
+ }
52
+
53
+ .filter-menu-mixin() {
54
+ @import "../../../dist/filter-menu/filter-menu.css";
55
+ }
56
+
57
+ .filter-menu-button-mixin() {
58
+ @import "../../../dist/filter-menu-button/filter-menu-button.css";
59
+ }
60
+
61
+ .floating-label-mixin() {
62
+ @import "../../../dist/floating-label/floating-label.css";
63
+ }
64
+
65
+ .fullscreen-dialog-mixin() {
66
+ @import "../../../dist/fullscreen-dialog/fullscreen-dialog.css";
67
+ }
68
+
69
+ .global-mixin() {
70
+ @import "../../../dist/global/global.css";
71
+ }
72
+
73
+ .icon-mixin() {
74
+ @import "../../../dist/icon/icon.css";
75
+ }
76
+
77
+ .icon-button-mixin() {
78
+ @import "../../../dist/icon-button/icon-button.css";
79
+ }
80
+
81
+ .infotip-mixin() {
82
+ @import "../../../dist/infotip/infotip.css";
83
+ }
84
+
85
+ .inline-notice-mixin() {
86
+ @import "../../../dist/inline-notice/inline-notice.css";
87
+ }
88
+
89
+ .lightbox-dialog-mixin() {
90
+ @import "../../../dist/lightbox-dialog/lightbox-dialog.css";
91
+ }
92
+
93
+ .link-mixin() {
94
+ @import "../../../dist/link/link.css";
95
+ }
96
+
97
+ .listbox-mixin() {
98
+ @import "../../../dist/listbox/listbox.css";
99
+ }
100
+
101
+ .listbox-button-mixin() {
102
+ @import "../../../dist/listbox-button/listbox-button.css";
103
+ }
104
+
105
+ .menu-mixin() {
106
+ @import "../../../dist/menu/menu.css";
107
+ }
108
+
109
+ .menu-button-mixin() {
110
+ @import "../../../dist/menu-button/menu-button.css";
111
+ }
112
+
113
+ .page-grid-mixin() {
114
+ @import "../../../dist/page-grid/page-grid.css";
115
+ }
116
+
117
+ .page-notice-mixin() {
118
+ @import "../../../dist/page-notice/page-notice.css";
119
+ }
120
+
121
+ .pagination-mixin() {
122
+ @import "../../../dist/pagination/pagination.css";
123
+ }
124
+
125
+ .panel-dialog-mixin() {
126
+ @import "../../../dist/panel-dialog/panel-dialog.css";
127
+ }
128
+
129
+ .progress-bar-mixin() {
130
+ @import "../../../dist/progress-bar/progress-bar.css";
131
+ }
132
+
133
+ .progress-spinner-mixin() {
134
+ @import "../../../dist/progress-spinner/progress-spinner.css";
135
+ }
136
+
137
+ .progress-stepper-mixin() {
138
+ @import "../../../dist/progress-stepper/progress-stepper.css";
139
+ }
140
+
141
+ .radio-mixin() {
142
+ @import "../../../dist/radio/radio.css";
143
+ }
144
+
145
+ .section-notice-mixin() {
146
+ @import "../../../dist/section-notice/section-notice.css";
147
+ }
148
+
149
+ .section-title-mixin() {
150
+ @import "../../../dist/section-title/section-title.css";
151
+ }
152
+
153
+ .select-mixin() {
154
+ @import "../../../dist/select/select.css";
155
+ }
156
+
157
+ .signal-mixin() {
158
+ @import "../../../dist/signal/signal.css";
159
+ }
160
+
161
+ .snackbar-dialog-mixin() {
162
+ @import "../../../dist/snackbar-dialog/snackbar-dialog.css";
163
+ }
164
+
165
+ .switch-mixin() {
166
+ @import "../../../dist/switch/switch.css";
167
+ }
168
+
169
+ .tabs-mixin() {
170
+ @import "../../../dist/tabs/tabs.css";
171
+ }
172
+
173
+ .textbox-mixin() {
174
+ @import "../../../dist/textbox/textbox.css";
175
+ }
176
+
177
+ .toast-dialog-mixin() {
178
+ @import "../../../dist/toast-dialog/toast-dialog.css";
179
+ }
180
+
181
+ .tooltip-mixin() {
182
+ @import "../../../dist/tooltip/tooltip.css";
183
+ }
184
+
185
+ .tourtip-mixin() {
186
+ @import "../../../dist/tourtip/tourtip.css";
187
+ }
188
+
189
+ .typography-mixin() {
190
+ @import "../../../dist/typography/typography.css";
191
+ }
192
+
193
+ .utility-mixin() {
194
+ @import "../../../dist/utility/utility.css";
195
+ }
package/gh.browser.json CHANGED
@@ -1,8 +1 @@
1
- {
2
- "dependencies": [
3
- "less-import: ./src/sass/mixins/public/utility-mixins.less",
4
- "less-import: ./src/sass/mixins/private/icon-mixins.less",
5
- "less-import: ./src/sass/mixins/public/typography-mixins.less",
6
- "less-import: ./src/sass/gh/gh-mixins.less"
7
- ]
8
- }
1
+ { "dependencies": ["require: ./gh.js"] }
package/gh.css ADDED
@@ -0,0 +1 @@
1
+ @import "./dist/gh/gh.css";
package/gh.js ADDED
@@ -0,0 +1 @@
1
+ require('./dist/gh/gh.css');
package/gh.mjs ADDED
@@ -0,0 +1 @@
1
+ import './dist/gh/gh.css';
package/index.browser.json CHANGED
@@ -27,6 +27,7 @@
27
27
  "require: ./flag.js",
28
28
  "require: ./floating-label.js",
29
29
  "require: ./fullscreen-dialog.js",
30
+ "require: ./gh.js",
30
31
  "require: ./global.js",
31
32
  "require: ./icon.js",
32
33
  "require: ./icon-button.js",
package/index.css CHANGED
@@ -25,6 +25,7 @@
25
25
  @import "./flag.css";
26
26
  @import "./floating-label.css";
27
27
  @import "./fullscreen-dialog.css";
28
+ @import "./gh.css";
28
29
  @import "./global.css";
29
30
  @import "./icon.css";
30
31
  @import "./icon-button.css";
package/index.js CHANGED
@@ -25,6 +25,7 @@ require('./filter-menu-button.js');
25
25
  require('./flag.js');
26
26
  require('./floating-label.js');
27
27
  require('./fullscreen-dialog.js');
28
+ require('./gh.js');
28
29
  require('./global.js');
29
30
  require('./icon.js');
30
31
  require('./icon-button.js');
package/index.mjs CHANGED
@@ -25,6 +25,7 @@ import './filter-menu-button.css';
25
25
  import './flag.css';
26
26
  import './floating-label.css';
27
27
  import './fullscreen-dialog.css';
28
+ import './gh.css';
28
29
  import './global.css';
29
30
  import './icon.css';
30
31
  import './icon-button.css';
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.2.2",
4
+ "version": "18.2.3",
5
5
  "license": "MIT",
6
6
  "main": "./index.js",
7
7
  "maintainers": [
@@ -45,7 +45,7 @@
45
45
  "lint:js": "eslint 'src/routes/main.js' > lint.log && eslint 'src/sass/**/stories/*.js' >> lint.log ",
46
46
  "format": "npx prettier --write .",
47
47
  "copy": "npm run copy:sassToDist && npm run copy:svgToDist && npm run copy:tokensToDist",
48
- "copy:sassToDist": "mkdirp dist/variables && ncp src/sass/variables dist/variables && mkdirp dist/mixins && ncp src/sass/mixins/public dist/mixins",
48
+ "copy:sassToDist": "mkdirp dist/variables && ncp src/sass/variables dist/variables && mkdirp dist/mixins && ncp src/sass/mixins/public dist/mixins && ncp src/sass/gh dist/gh",
49
49
  "copy:assetsToStorybook": "node scripts storybook-copy",
50
50
  "copy:svgToDist": "mkdirp dist/svg && ncp src/svg dist/svg",
51
51
  "copy:svgToDocs": "ncp src/svg src/routes/static && ncp src/svg/icons.svg src/components/master-icons.marko",