@lightspeed/design-system-css 31.0.0 → 31.0.1

package/dist/index.css

@@ -1522,7 +1522,7 @@ details,
   z-index: 1;
   margin-left: 14px;
   margin-top: 14px;
-  color: var(--hs-color-bg-supplementary-default);
+  color: var(--hs-color-fg-supplementary-default);
 }
 
 .vd-autocomplete-filter-button-label {
@@ -1799,7 +1799,7 @@ details,
 }
 
 .vd-banner--negative {
-  background-color: var(--hs-color-fg-no-default);
+  background-color: var(--hs-color-bg-no-default);
   color: var(--hs-color-fg-neutral-ondark-default);
   border: none;
   border-left: none;
@@ -1815,7 +1815,7 @@ details,
 }
 
 .vd-banner--success {
-  background-color: var(--hs-color-fg-success-default);
+  background-color: var(--hs-color-bg-success-default);
   color: var(--hs-color-fg-neutral-ondark-default);
   border: none;
   border-left: none;
@@ -3299,7 +3299,7 @@ vd-carousel-frame {
   font-size: 12px;
 }
 .vd-modal--size-full-screen .vd-dialog-close-label {
-  color: var(--hs-color-bg-supplementary-default);
+  color: var(--hs-color-fg-supplementary-default);
   font-weight: bold;
 }
 @media only screen and (max-width: 768px) {
@@ -7213,7 +7213,7 @@ td.vd-show-print {
   stroke-width: 0;
 }
 .vd-line-graph-container .vd-plot-point {
-  fill: var(--hs-color-fg-go-default);
+  fill: var(--hs-color-bg-go-default);
   stroke: var(--hs-color-bg-neutral-top);
   stroke-width: 2px;
 }
@@ -7515,7 +7515,7 @@ td.vd-show-print {
 }
 
 .vd-table-list-toggle-icon {
-  color: var(--hs-color-bg-supplementary-default);
+  color: var(--hs-color-fg-supplementary-default);
   transition: transform 50ms ease-in-out 0s;
   width: 16px;
   height: 16px;

package/dist/vend-styles.css

@@ -1522,7 +1522,7 @@ details,
   z-index: 1;
   margin-left: 14px;
   margin-top: 14px;
-  color: var(--hs-color-bg-supplementary-default);
+  color: var(--hs-color-fg-supplementary-default);
 }
 
 .vd-autocomplete-filter-button-label {
@@ -1799,7 +1799,7 @@ details,
 }
 
 .vd-banner--negative {
-  background-color: var(--hs-color-fg-no-default);
+  background-color: var(--hs-color-bg-no-default);
   color: var(--hs-color-fg-neutral-ondark-default);
   border: none;
   border-left: none;
@@ -1815,7 +1815,7 @@ details,
 }
 
 .vd-banner--success {
-  background-color: var(--hs-color-fg-success-default);
+  background-color: var(--hs-color-bg-success-default);
   color: var(--hs-color-fg-neutral-ondark-default);
   border: none;
   border-left: none;
@@ -3299,7 +3299,7 @@ vd-carousel-frame {
   font-size: 12px;
 }
 .vd-modal--size-full-screen .vd-dialog-close-label {
-  color: var(--hs-color-bg-supplementary-default);
+  color: var(--hs-color-fg-supplementary-default);
   font-weight: bold;
 }
 @media only screen and (max-width: 768px) {
@@ -7213,7 +7213,7 @@ td.vd-show-print {
   stroke-width: 0;
 }
 .vd-line-graph-container .vd-plot-point {
-  fill: var(--hs-color-fg-go-default);
+  fill: var(--hs-color-bg-go-default);
   stroke: var(--hs-color-bg-neutral-top);
   stroke-width: 2px;
 }
@@ -7515,7 +7515,7 @@ td.vd-show-print {
 }
 
 .vd-table-list-toggle-icon {
-  color: var(--hs-color-bg-supplementary-default);
+  color: var(--hs-color-fg-supplementary-default);
   transition: transform 50ms ease-in-out 0s;
   width: 16px;
   height: 16px;

package/package.json

@@ -1 +1 @@
-{"name":"@lightspeed/design-system-css","version":"31.0.0","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.0"},"devDependencies":{"stylelint":"^13.5.0","stylelint-scss":"^3.17.2"}}
+{"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"}}

package/src/vend-styles/components/DatePicker/_DatePicker-ns.scss

@@ -1,6 +1,6 @@
 // Date picker general
 $vd-datepicker-font-size: 15px;
-$vd-datepicker-button-colour: hs-color(fg-go-default);
+$vd-datepicker-button-colour: hs-color(bg-go-default);
 $vd-datepicker-padding: 24px;
 $vd-datepicker-background: hs-color(bg-neutral-top);
 $vd-datepicker-border: 1px solid hs-color(border-neutral-soft);

package/src/vend-styles/components/LineChart/LineChart.scss

@@ -54,7 +54,7 @@ $chart-bg: #fafafa;
   }
 
   .vd-plot-point {
-    fill: hs-color(fg-go-default);
+    fill: hs-color(bg-go-default);
     stroke: hs-color(bg-neutral-top);
     stroke-width: 2px;
   }

package/src/vend-styles/components/TableList/TableList.scss

@@ -93,7 +93,7 @@
 }
 
 .vd-table-list-toggle-icon {
-  color: hs-color(bg-supplementary-default);
+  color: hs-color(fg-supplementary-default);
   transition: transform 50ms ease-in-out 0s;
   width: 16px;
   height: 16px;

package/src/vend.ui/components/vd-autocomplete-filter/vd-autocomplete-filter.scss

@@ -66,7 +66,7 @@ $vd-autocomplete-filter-icon-margin: 14px;
   z-index: 1;
   margin-left: $vd-autocomplete-filter-icon-margin;
   margin-top: $vd-autocomplete-filter-icon-margin;
-  color: hs-color(bg-supplementary-default);
+  color: hs-color(fg-supplementary-default);
 }
 
 .vd-autocomplete-filter-button-label {

package/src/vend.ui/components/vd-banner/vd-banner.scss

@@ -69,10 +69,10 @@
   @include vd-banner(hs-color(bg-supplementary-default));
 }
 .vd-banner--negative {
-  @include vd-banner(hs-color(fg-no-default));
+  @include vd-banner(hs-color(bg-no-default));
 }
 .vd-banner--success {
-  @include vd-banner(hs-color(fg-success-default));
+  @include vd-banner(hs-color(bg-success-default));
 }
 
 @include vd-viewport-media-max(medium) {

package/src/vend.ui/components/vd-dialog-close/vd-dialog-close.scss

@@ -90,7 +90,7 @@
   font-size: $vd-dialog-close-text-font-size;
 
   .vd-modal--size-full-screen & {
-    color: hs-color(bg-supplementary-default);
+    color: hs-color(fg-supplementary-default);
     font-weight: bold;
   }