@ebay/skin 19.18.0 → 19.18.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.
- package/dist/alert-dialog/alert-dialog.css +1 -5
- package/dist/avatar/avatar.css +1 -4
- package/dist/badge/badge.css +2 -5
- package/dist/bundles/skin-default.css +37 -97
- package/dist/bundles/skin-full.css +37 -97
- package/dist/bundles/skin-headless.css +37 -97
- package/dist/carousel/carousel.css +2 -9
- package/dist/combobox/combobox.css +1 -2
- package/dist/confirm-dialog/confirm-dialog.css +1 -5
- package/dist/drawer-dialog/drawer-dialog.css +2 -7
- package/dist/filter-chip/filter-chip.css +1 -4
- package/dist/fullscreen-dialog/fullscreen-dialog.css +2 -7
- package/dist/lightbox-dialog/lightbox-dialog.css +1 -5
- package/dist/mixins/_utility.scss +1 -5
- package/dist/mixins/utility-mixins.less +1 -4
- package/dist/panel-dialog/panel-dialog.css +2 -7
- package/dist/progress-bar-expressive/progress-bar-expressive.css +1 -3
- package/dist/signal/signal.css +4 -7
- package/dist/table/table.css +1 -4
- package/dist/toast-dialog/toast-dialog.css +11 -39
- package/dist/toggle-button/toggle-button.css +1 -4
- package/dist/toggle-button-group/toggle-button-group.css +1 -4
- package/dist/utility/utility.css +2 -9
- package/package.json +7 -8
|
@@ -6,21 +6,11 @@
|
|
|
6
6
|
--state-layer-neutral: rgb(var(--color-neutral-900-rgb), 0);
|
|
7
7
|
}
|
|
8
8
|
.toast-dialog {
|
|
9
|
-
background-color: var(
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
);
|
|
13
|
-
border-top-left-radius: var(
|
|
14
|
-
--toast-dialog-border-radius,
|
|
15
|
-
var(--border-radius-100)
|
|
16
|
-
);
|
|
17
|
-
border-top-right-radius: var(
|
|
18
|
-
--toast-dialog-border-radius,
|
|
19
|
-
var(--border-radius-100)
|
|
20
|
-
);
|
|
21
|
-
bottom: 0;
|
|
9
|
+
background-color: var(--color-background-accent);
|
|
10
|
+
border-top-left-radius: var(--border-radius-100);
|
|
11
|
+
border-top-right-radius: var(--border-radius-100);
|
|
22
12
|
box-shadow: 0 0 3px rgba(0, 0, 0, 0.28);
|
|
23
|
-
|
|
13
|
+
inset: auto 0 0;
|
|
24
14
|
max-height: 40vh;
|
|
25
15
|
min-width: 320px;
|
|
26
16
|
position: fixed;
|
|
@@ -31,10 +21,7 @@
|
|
|
31
21
|
}
|
|
32
22
|
.toast-dialog,
|
|
33
23
|
.toast-dialog a {
|
|
34
|
-
color: var(
|
|
35
|
-
--toast-dialog-foreground-color,
|
|
36
|
-
var(--color-foreground-on-success)
|
|
37
|
-
);
|
|
24
|
+
color: var(--color-foreground-on-success);
|
|
38
25
|
}
|
|
39
26
|
.toast-dialog a:focus {
|
|
40
27
|
outline: 1px auto currentColor;
|
|
@@ -70,10 +57,7 @@
|
|
|
70
57
|
button.icon-btn.toast-dialog__close {
|
|
71
58
|
align-self: flex-start;
|
|
72
59
|
border: 0;
|
|
73
|
-
color: var(
|
|
74
|
-
--toast-dialog-foreground-color,
|
|
75
|
-
var(--color-foreground-on-success)
|
|
76
|
-
);
|
|
60
|
+
color: var(--color-foreground-on-success);
|
|
77
61
|
flex-shrink: 0;
|
|
78
62
|
margin-inline-start: auto;
|
|
79
63
|
overflow: hidden;
|
|
@@ -123,10 +107,6 @@ button.icon-btn.toast-dialog__close > svg {
|
|
|
123
107
|
}
|
|
124
108
|
.toast-dialog__footer button.btn--primary,
|
|
125
109
|
.toast-dialog__footer button.btn--secondary {
|
|
126
|
-
border-color: var(
|
|
127
|
-
--toast-dialog-foreground-color,
|
|
128
|
-
var(--color-foreground-on-accent)
|
|
129
|
-
);
|
|
130
110
|
overflow: hidden;
|
|
131
111
|
position: relative;
|
|
132
112
|
}
|
|
@@ -170,23 +150,18 @@ button.icon-btn.toast-dialog__close > svg {
|
|
|
170
150
|
}
|
|
171
151
|
.toast-dialog__footer button.btn--primary,
|
|
172
152
|
.toast-dialog__footer button.btn--secondary {
|
|
153
|
+
border-color: var(--color-foreground-on-accent);
|
|
173
154
|
border-style: solid;
|
|
174
155
|
border-width: 1px;
|
|
175
156
|
outline-offset: 2px;
|
|
176
157
|
}
|
|
177
158
|
.toast-dialog__footer button.btn--primary {
|
|
178
|
-
background-color: var(
|
|
179
|
-
|
|
180
|
-
var(--color-background-primary)
|
|
181
|
-
);
|
|
182
|
-
color: var(--toast-dialog-background-color, var(--color-foreground-accent));
|
|
159
|
+
background-color: var(--color-background-primary);
|
|
160
|
+
color: var(--color-foreground-accent);
|
|
183
161
|
}
|
|
184
162
|
.toast-dialog__footer button.btn--secondary {
|
|
185
163
|
background-color: initial;
|
|
186
|
-
color: var(
|
|
187
|
-
--toast-dialog-foreground-color,
|
|
188
|
-
var(--color-background-primary)
|
|
189
|
-
);
|
|
164
|
+
color: var(--color-background-primary);
|
|
190
165
|
font-weight: 700;
|
|
191
166
|
margin-inline-end: var(--spacing-100);
|
|
192
167
|
}
|
|
@@ -196,10 +171,7 @@ button.icon-btn.toast-dialog__close > svg {
|
|
|
196
171
|
}
|
|
197
172
|
@media (min-width: 512px) {
|
|
198
173
|
.toast-dialog {
|
|
199
|
-
border-radius: var(
|
|
200
|
-
--toast-dialog-border-radius,
|
|
201
|
-
var(--border-radius-100)
|
|
202
|
-
);
|
|
174
|
+
border-radius: var(--border-radius-100);
|
|
203
175
|
bottom: var(--spacing-200);
|
|
204
176
|
left: var(--spacing-200);
|
|
205
177
|
max-width: 480px;
|
|
@@ -162,12 +162,9 @@
|
|
|
162
162
|
width: 100%;
|
|
163
163
|
}
|
|
164
164
|
.toggle-button--gallery-layout .toggle-button__image {
|
|
165
|
-
bottom: 0;
|
|
166
165
|
height: 100%;
|
|
167
|
-
|
|
166
|
+
inset: 0;
|
|
168
167
|
position: absolute;
|
|
169
|
-
right: 0;
|
|
170
|
-
top: 0;
|
|
171
168
|
width: 100%;
|
|
172
169
|
}
|
|
173
170
|
.toggle-button[aria-disabled="true"] .toggle-button__icon,
|
|
@@ -115,12 +115,9 @@
|
|
|
115
115
|
width: 100%;
|
|
116
116
|
}
|
|
117
117
|
.toggle-button-group--gallery-layout .toggle-button__image {
|
|
118
|
-
bottom: 0;
|
|
119
118
|
height: 100%;
|
|
120
|
-
|
|
119
|
+
inset: 0;
|
|
121
120
|
position: absolute;
|
|
122
|
-
right: 0;
|
|
123
|
-
top: 0;
|
|
124
121
|
width: 100%;
|
|
125
122
|
}
|
|
126
123
|
.toggle-button-group--gallery-layout .toggle-button__image-container img {
|
package/dist/utility/utility.css
CHANGED
|
@@ -51,14 +51,11 @@
|
|
|
51
51
|
}
|
|
52
52
|
.image-treatment:after {
|
|
53
53
|
background: rgba(0, 0, 0, 0.05);
|
|
54
|
-
bottom: 0;
|
|
55
54
|
content: "";
|
|
56
55
|
display: block;
|
|
57
|
-
|
|
56
|
+
inset: 0;
|
|
58
57
|
pointer-events: none;
|
|
59
58
|
position: absolute;
|
|
60
|
-
right: 0;
|
|
61
|
-
top: 0;
|
|
62
59
|
}
|
|
63
60
|
.image-treatment > img {
|
|
64
61
|
display: inline-block;
|
|
@@ -76,14 +73,11 @@
|
|
|
76
73
|
}
|
|
77
74
|
.image-treatment-large:after {
|
|
78
75
|
background: rgba(0, 0, 0, 0.05);
|
|
79
|
-
bottom: 0;
|
|
80
76
|
content: "";
|
|
81
77
|
display: block;
|
|
82
|
-
|
|
78
|
+
inset: 0;
|
|
83
79
|
pointer-events: none;
|
|
84
80
|
position: absolute;
|
|
85
|
-
right: 0;
|
|
86
|
-
top: 0;
|
|
87
81
|
}
|
|
88
82
|
.image-treatment-large > img {
|
|
89
83
|
display: inline-block;
|
|
@@ -100,7 +94,6 @@
|
|
|
100
94
|
white-space: nowrap;
|
|
101
95
|
}
|
|
102
96
|
.scrollbars-permanent {
|
|
103
|
-
-webkit-overflow-scrolling: touch;
|
|
104
97
|
scroll-behavior: smooth;
|
|
105
98
|
scroll-snap-type: proximity;
|
|
106
99
|
scroll-snap-type: x proximity;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ebay/skin",
|
|
3
|
-
"version": "19.18.
|
|
3
|
+
"version": "19.18.1",
|
|
4
4
|
"description": "Skin - CSS modules that represent the brand eBay",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"eBay",
|
|
@@ -29,7 +29,6 @@
|
|
|
29
29
|
"tokens",
|
|
30
30
|
"./*\\.{js,css,scss,less,json,mjs}",
|
|
31
31
|
"!.prettierrc.json",
|
|
32
|
-
"!webpack.config.js",
|
|
33
32
|
"!postcss.config.js",
|
|
34
33
|
"!vite.config.js"
|
|
35
34
|
],
|
|
@@ -44,11 +43,11 @@
|
|
|
44
43
|
"clean": "rimraf _cdn _site .cache .tmp .jekyll npm-debug.log.* .DS_Store",
|
|
45
44
|
"copy": "npm run copy:sassToDist && npm run copy:svgToDist && npm run copy:svgToDocs && npm run copy:assetsToStorybook",
|
|
46
45
|
"copy:assetsToStorybook": "tsx scripts storybook-copy",
|
|
47
|
-
"copy:sassToDist": "
|
|
48
|
-
"copy:svgToDist": "
|
|
49
|
-
"copy:svgToDocs": "
|
|
50
|
-
"deploy": "BASE_URL=/evo-web/skin/ marko-run build -o ./_site && npm run build:storybook && rimraf _site/public/archive &&
|
|
51
|
-
"deploy:only": "marko-run build -o ./_site && npm run build:storybook && rimraf _site/public/archive &&
|
|
46
|
+
"copy:sassToDist": " copyfiles src/sass/variables dist -u 2 && copyfiles src/sass/mixins/public dist/mixins -u 4 && copyfiles src/sass/gh dist -u 2",
|
|
47
|
+
"copy:svgToDist": "copyfiles src/svg dist -u 1",
|
|
48
|
+
"copy:svgToDocs": "copyfiles src/svg src/routes/static -u 2 && copyfiles src/svg/icons.svg src/components/master-icons.marko -f",
|
|
49
|
+
"deploy": "BASE_URL=/evo-web/skin/ marko-run build -o ./_site && npm run build:storybook && rimraf _site/public/archive && copyfiles docs/archive _site/public -u 1 && touch _site/public/.nojekyll",
|
|
50
|
+
"deploy:only": "marko-run build -o ./_site && npm run build:storybook && rimraf _site/public/archive && copyfiles docs/archive _site/public -u 1 && touch _site/public/.nojekyll",
|
|
52
51
|
"format": "npx prettier --write .",
|
|
53
52
|
"lint": "npm run lint:sass && npm run lint:css && npm run lint:js",
|
|
54
53
|
"lint:css": "stylelint dist --config .stylelintrc",
|
|
@@ -82,7 +81,7 @@
|
|
|
82
81
|
"extends @ebay/browserslist-config"
|
|
83
82
|
],
|
|
84
83
|
"devDependencies": {
|
|
85
|
-
"@marko/run-adapter-static": "^2.0.
|
|
84
|
+
"@marko/run-adapter-static": "^2.0.3"
|
|
86
85
|
},
|
|
87
86
|
"publishConfig": {
|
|
88
87
|
"registry": "https://registry.npmjs.org"
|