@lightspeed/design-system-css 31.0.0 → 31.0.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/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) {
|