@lightspeed/design-system-css 29.0.1 → 29.0.3

package/package.json

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

package/src/vend.ui/styles/global/colour/_colour-functions.scss

@@ -1,3 +1,6 @@
+// We want to warn that the `vd-colour` function is deprecated but these tokens are still awaiting alternatives from Design.
+$tokens-awaiting-migration: solar, mars, farout-pink, galaxy, deep-purple, neptune, shuttle-grey, box-supplementary;
+
 /// Get a theme based colour for a specific colour element.
 ///
 /// @ DEPRECATED
@@ -6,6 +9,10 @@
 /// @param {String} [$_vd-colour-theme=$vd-colour-theme] @deprecated
 /// @return {Colour<String>} - The retrieved colour for the element
 @function vd-colour($_vd-colour-element, $_vd-colour-theme: _no_arg_provided_) {
+  @if (index($tokens-awaiting-migration, $_vd-colour-element) == null) {
+    @warn "[DEPRECATED] The 'vd-colour' function is deprecated and should not be used. Use 'hs-color' instead with the new unified theme tokens.";
+  }
+
   @if ($_vd-colour-theme != _no_arg_provided_) {
     @warn "[colour-functions] Passing a theme as a second argument to vd-colour is deprecated. You should remove it.";
   }