@lightspeed/design-system-css 31.0.0 → 31.0.1
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/index.css +6 -6
- package/dist/vend-styles.css +6 -6
- package/package.json +1 -1
- package/src/vend-styles/components/DatePicker/_DatePicker-ns.scss +1 -1
- package/src/vend-styles/components/LineChart/LineChart.scss +1 -1
- package/src/vend-styles/components/TableList/TableList.scss +1 -1
- package/src/vend.ui/components/vd-autocomplete-filter/vd-autocomplete-filter.scss +1 -1
- package/src/vend.ui/components/vd-banner/vd-banner.scss +2 -2
- package/src/vend.ui/components/vd-dialog-close/vd-dialog-close.scss +1 -1
package/dist/index.css
CHANGED
@@ -1522,7 +1522,7 @@ details,
|
|
1522
1522
|
z-index: 1;
|
1523
1523
|
margin-left: 14px;
|
1524
1524
|
margin-top: 14px;
|
1525
|
-
color: var(--hs-color-
|
1525
|
+
color: var(--hs-color-fg-supplementary-default);
|
1526
1526
|
}
|
1527
1527
|
|
1528
1528
|
.vd-autocomplete-filter-button-label {
|
@@ -1799,7 +1799,7 @@ details,
|
|
1799
1799
|
}
|
1800
1800
|
|
1801
1801
|
.vd-banner--negative {
|
1802
|
-
background-color: var(--hs-color-
|
1802
|
+
background-color: var(--hs-color-bg-no-default);
|
1803
1803
|
color: var(--hs-color-fg-neutral-ondark-default);
|
1804
1804
|
border: none;
|
1805
1805
|
border-left: none;
|
@@ -1815,7 +1815,7 @@ details,
|
|
1815
1815
|
}
|
1816
1816
|
|
1817
1817
|
.vd-banner--success {
|
1818
|
-
background-color: var(--hs-color-
|
1818
|
+
background-color: var(--hs-color-bg-success-default);
|
1819
1819
|
color: var(--hs-color-fg-neutral-ondark-default);
|
1820
1820
|
border: none;
|
1821
1821
|
border-left: none;
|
@@ -3299,7 +3299,7 @@ vd-carousel-frame {
|
|
3299
3299
|
font-size: 12px;
|
3300
3300
|
}
|
3301
3301
|
.vd-modal--size-full-screen .vd-dialog-close-label {
|
3302
|
-
color: var(--hs-color-
|
3302
|
+
color: var(--hs-color-fg-supplementary-default);
|
3303
3303
|
font-weight: bold;
|
3304
3304
|
}
|
3305
3305
|
@media only screen and (max-width: 768px) {
|
@@ -7213,7 +7213,7 @@ td.vd-show-print {
|
|
7213
7213
|
stroke-width: 0;
|
7214
7214
|
}
|
7215
7215
|
.vd-line-graph-container .vd-plot-point {
|
7216
|
-
fill: var(--hs-color-
|
7216
|
+
fill: var(--hs-color-bg-go-default);
|
7217
7217
|
stroke: var(--hs-color-bg-neutral-top);
|
7218
7218
|
stroke-width: 2px;
|
7219
7219
|
}
|
@@ -7515,7 +7515,7 @@ td.vd-show-print {
|
|
7515
7515
|
}
|
7516
7516
|
|
7517
7517
|
.vd-table-list-toggle-icon {
|
7518
|
-
color: var(--hs-color-
|
7518
|
+
color: var(--hs-color-fg-supplementary-default);
|
7519
7519
|
transition: transform 50ms ease-in-out 0s;
|
7520
7520
|
width: 16px;
|
7521
7521
|
height: 16px;
|
package/dist/vend-styles.css
CHANGED
@@ -1522,7 +1522,7 @@ details,
|
|
1522
1522
|
z-index: 1;
|
1523
1523
|
margin-left: 14px;
|
1524
1524
|
margin-top: 14px;
|
1525
|
-
color: var(--hs-color-
|
1525
|
+
color: var(--hs-color-fg-supplementary-default);
|
1526
1526
|
}
|
1527
1527
|
|
1528
1528
|
.vd-autocomplete-filter-button-label {
|
@@ -1799,7 +1799,7 @@ details,
|
|
1799
1799
|
}
|
1800
1800
|
|
1801
1801
|
.vd-banner--negative {
|
1802
|
-
background-color: var(--hs-color-
|
1802
|
+
background-color: var(--hs-color-bg-no-default);
|
1803
1803
|
color: var(--hs-color-fg-neutral-ondark-default);
|
1804
1804
|
border: none;
|
1805
1805
|
border-left: none;
|
@@ -1815,7 +1815,7 @@ details,
|
|
1815
1815
|
}
|
1816
1816
|
|
1817
1817
|
.vd-banner--success {
|
1818
|
-
background-color: var(--hs-color-
|
1818
|
+
background-color: var(--hs-color-bg-success-default);
|
1819
1819
|
color: var(--hs-color-fg-neutral-ondark-default);
|
1820
1820
|
border: none;
|
1821
1821
|
border-left: none;
|
@@ -3299,7 +3299,7 @@ vd-carousel-frame {
|
|
3299
3299
|
font-size: 12px;
|
3300
3300
|
}
|
3301
3301
|
.vd-modal--size-full-screen .vd-dialog-close-label {
|
3302
|
-
color: var(--hs-color-
|
3302
|
+
color: var(--hs-color-fg-supplementary-default);
|
3303
3303
|
font-weight: bold;
|
3304
3304
|
}
|
3305
3305
|
@media only screen and (max-width: 768px) {
|
@@ -7213,7 +7213,7 @@ td.vd-show-print {
|
|
7213
7213
|
stroke-width: 0;
|
7214
7214
|
}
|
7215
7215
|
.vd-line-graph-container .vd-plot-point {
|
7216
|
-
fill: var(--hs-color-
|
7216
|
+
fill: var(--hs-color-bg-go-default);
|
7217
7217
|
stroke: var(--hs-color-bg-neutral-top);
|
7218
7218
|
stroke-width: 2px;
|
7219
7219
|
}
|
@@ -7515,7 +7515,7 @@ td.vd-show-print {
|
|
7515
7515
|
}
|
7516
7516
|
|
7517
7517
|
.vd-table-list-toggle-icon {
|
7518
|
-
color: var(--hs-color-
|
7518
|
+
color: var(--hs-color-fg-supplementary-default);
|
7519
7519
|
transition: transform 50ms ease-in-out 0s;
|
7520
7520
|
width: 16px;
|
7521
7521
|
height: 16px;
|
package/package.json
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"name":"@lightspeed/design-system-css","version":"31.0.
|
1
|
+
{"name":"@lightspeed/design-system-css","version":"31.0.1","description":"Lightspeed's Design System in CSS","repository":"https://github.com/lightspeed/helios.git","author":"Lightspeed Commerce Inc.","license":"SEE LICENSE IN LICENSE.md","main":"dist/index.css","publishConfig":{"access":"public"},"files":["src","dist"],"scripts":{"prebuild":"rm -rf dist","build":"yarn lint && yarn build:css && yarn build:retrocompatibility","build:css":"sass --load-path=../../node_modules -q src/index.scss:dist/index.css","build:retrocompatibility":"cp dist/index.css dist/vend-styles.css","watch":"yarn lint && yarn build:css --watch","lint":"yarn stylelint './src/**/*.scss' --config ./stylelint.config.json"},"dependencies":{"@lightspeed/design-system-tokens":"^31.0.1"},"devDependencies":{"stylelint":"^13.5.0","stylelint-scss":"^3.17.2"}}
|
@@ -1,6 +1,6 @@
|
|
1
1
|
// Date picker general
|
2
2
|
$vd-datepicker-font-size: 15px;
|
3
|
-
$vd-datepicker-button-colour: hs-color(
|
3
|
+
$vd-datepicker-button-colour: hs-color(bg-go-default);
|
4
4
|
$vd-datepicker-padding: 24px;
|
5
5
|
$vd-datepicker-background: hs-color(bg-neutral-top);
|
6
6
|
$vd-datepicker-border: 1px solid hs-color(border-neutral-soft);
|
@@ -66,7 +66,7 @@ $vd-autocomplete-filter-icon-margin: 14px;
|
|
66
66
|
z-index: 1;
|
67
67
|
margin-left: $vd-autocomplete-filter-icon-margin;
|
68
68
|
margin-top: $vd-autocomplete-filter-icon-margin;
|
69
|
-
color: hs-color(
|
69
|
+
color: hs-color(fg-supplementary-default);
|
70
70
|
}
|
71
71
|
|
72
72
|
.vd-autocomplete-filter-button-label {
|
@@ -69,10 +69,10 @@
|
|
69
69
|
@include vd-banner(hs-color(bg-supplementary-default));
|
70
70
|
}
|
71
71
|
.vd-banner--negative {
|
72
|
-
@include vd-banner(hs-color(
|
72
|
+
@include vd-banner(hs-color(bg-no-default));
|
73
73
|
}
|
74
74
|
.vd-banner--success {
|
75
|
-
@include vd-banner(hs-color(
|
75
|
+
@include vd-banner(hs-color(bg-success-default));
|
76
76
|
}
|
77
77
|
|
78
78
|
@include vd-viewport-media-max(medium) {
|