@lightspeed/design-system-css 0.3.0 → 0.6.0

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

@@ -1,3 +1,5 @@
+@use "sass:math";
+
 $vd-dott-diameter: 32px;
 $vd-dott-aperture-diameter: 12px;
 $vd-dot-border-width: 2px;
@@ -14,7 +16,7 @@ vd-dott, .vd-dott { // stylelint-disable-line selector-type-no-unknown
 .vd-dott-mask {
   stroke: $vd-colour-white;
   // Define stroke width as the difference between aperture diameter and full diameter, expressed as % of full diameter
-  stroke-width: ($vd-dott-diameter - $vd-dott-aperture-diameter) / $vd-dott-diameter * 100%;
+  stroke-width: math.div($vd-dott-diameter - $vd-dott-aperture-diameter, $vd-dott-diameter) * 100%;
 }
 
 .vd-dott-gradient-start {

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

@@ -2,25 +2,25 @@
 
 // Large gutter; @todo deprecate since it has inconsistent vertical spacing
 .vd-g-row--gutter-l {
-  margin: -($vd-grid-row-gutter-large / 2);
+  margin: -($vd-grid-row-gutter-large * 0.5);
   max-width: $vd-section-wrap-max-width + $vd-grid-row-gutter-large;
 
   > .vd-g-col {
-    padding: $vd-grid-row-gutter-large / 2;
+    padding: $vd-grid-row-gutter-large * 0.5;
   }
 }
 
 .vd-g-row--gutter {
-  margin-left: -($vd-grid-row-gutter-large / 2);
-  margin-right: -($vd-grid-row-gutter-large / 2);
-  margin-bottom: -($vd-grid-row-gutter-large / 2);
+  margin-left: -($vd-grid-row-gutter-large * 0.5);
+  margin-right: -($vd-grid-row-gutter-large * 0.5);
+  margin-bottom: -($vd-grid-row-gutter-large * 0.5);
   max-width: $vd-section-wrap-max-width + $vd-grid-row-gutter-large;
 
   + .vd-g-row--gutter {
-    margin-top: ($vd-grid-row-gutter-large / 2);
+    margin-top: ($vd-grid-row-gutter-large * 0.5);
   }
 
   > .vd-g-col {
-    padding: 0 ($vd-grid-row-gutter-large / 2) ($vd-grid-row-gutter-large / 2);
+    padding: 0 ($vd-grid-row-gutter-large * 0.5) ($vd-grid-row-gutter-large * 0.5);
   }
 }

package/src/vend.ui/components/vd-input/vd-input-ns.scss

@@ -1,3 +1,5 @@
+@use "sass:math";
+
 $vd-input-padding: vd-grid-unit(3) !default;
 $vd-input-icon-padding: 35px;
 $vd-input-icon-position-h: vd-grid-unit(3);
@@ -9,7 +11,7 @@ $vd-input-message-margin: 8px;
 // requested number of lines. Specify the exact pixel value to ensure there is not rounding issues between browsers.
 $vd-textarea-leading: 20;
 $vd-textarea-unitless-font-size: map-deep-get($_vd-text-definitions, body, size);
-$vd-textarea-unitless-line-height: to-fixed(($vd-textarea-leading / $vd-textarea-unitless-font-size), $digits: 5);
+$vd-textarea-unitless-line-height: to-fixed(math.div($vd-textarea-leading, $vd-textarea-unitless-font-size), $digits: 5);
 $vd-textarea-line-height: vd-px-unit($vd-textarea-unitless-font-size * $vd-textarea-unitless-line-height);
 
 @mixin vd-input-text() {

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

@@ -9,7 +9,7 @@
   font-size: vd-text-size(supplementary);
 
   .vd-input-error-message-text {
-    margin-left: $vd-input-message-margin / 2;
+    margin-left: $vd-input-message-margin * 0.5;
   }
 }
 

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

@@ -38,10 +38,10 @@ $vd-i-bg-margin: vd-grid-unit(2);
   top: 50%;
   right: $vd-i-bg-margin;
   z-index: 0;
-  margin-top: -(($vd-loader-m / 2) + $vd-loader-border);
+  margin-top: -(($vd-loader-m * 0.5) + $vd-loader-border);
 
   &.vd-loader--small {
-    margin-top: -(($vd-loader-s / 2) + $vd-loader-border);
+    margin-top: -(($vd-loader-s * 0.5) + $vd-loader-border);
   }
 }
 

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

@@ -8,8 +8,8 @@
   .vd-popover-beak {
     #{$edge}: 0;
     #{$direction}: $offset;
-    margin-#{$edge}: -$vd-popover-beak-size / 2;
-    margin-#{$direction}: -$vd-popover-beak-size / 2;
+    margin-#{$edge}: -$vd-popover-beak-size * 0.5;
+    margin-#{$direction}: -$vd-popover-beak-size * 0.5;
     border-#{$next-edge}-color: transparent;
     border-#{$opposite-edge}-color: transparent;
     box-shadow: $box-shadow;

package/src/vend.ui/components/vd-popover-list/vd-popover-list.scss

@@ -55,6 +55,21 @@
   }
 }
 
+.vd-popover-list-group-divider {
+  @include vd-popover-list-item(vd-grid-unit(2) $vd-popover-spacing);
+  @include vd-text(signpost);
+  position: relative;
+
+  &::after {
+    content: '';
+    border-bottom: vd-border(framing, 2px);
+    display: block;
+    position: absolute;
+    right: $vd-popover-spacing;
+    left: $vd-popover-spacing;
+  }
+}
+
 .vd-popover-list-item {
   @include vd-popover-list-item();
   outline: none;
@@ -116,13 +131,19 @@
     }
   }
 
-  &:active, &:focus {
+  &:active,
+  &:focus {
     background-color: vd-colour(go-highlight);
   }
 }
 
 .vd-popover-list-separator {
   @extend .vd-hr;
-  margin: $vd-popover-list-spacing ($vd-popover-list-spacing + $vd-popover-list-item-spacing);
+  margin: $vd-popover-list-spacing
+    ($vd-popover-list-spacing + $vd-popover-list-item-spacing);
   width: inherit;
 }
+
+.vd-popover-search-label {
+  margin-bottom: vd-grid-unit(1);
+}

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

@@ -19,7 +19,7 @@
   position: absolute;
   height: $vd-scrollable-indicator-height;
   width: $vd-scrollable-indicator-width;
-  margin: 0 (-$vd-scrollable-indicator-width / 2);
+  margin: 0 (-$vd-scrollable-indicator-width * 0.5);
   left: 50%;
   z-index: $vd-z-index-content-base;
   user-select: none;

package/src/vend.ui/components/vd-section-back/vd-section-back.scss

@@ -1,5 +1,5 @@
 .vd-section-back {
-  border-radius: $vd-section-back-height / 2;
+  border-radius: $vd-section-back-height * 0.5;
   background-color: transparent;
   cursor: pointer;
   position: absolute;

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

@@ -213,13 +213,6 @@ table { border-collapse: collapse; }
     padding: vd-grid-unit(4);
   }
 
-  // Report table with expandable content
-  &.vd-table--expandable > tbody > tr {
-    &:nth-child(4n+3) {
-      background-color: vd-colour(box);
-    }
-  }
-
   &.vd-table--report--nested {
     &.vd-table {
       margin-bottom: 0;

package/src/vend.ui/components/vd-toast-notification/vd-toast-notification.scss

@@ -15,7 +15,7 @@
   pointer-events: none;
 
   &.vd-visible {
-    transform: translateY($vd-toast-notification-offset / 2);
+    transform: translateY($vd-toast-notification-offset * 0.5);
     opacity: 1;
   }
 }

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

@@ -10,7 +10,7 @@
   background-color: $vd-topbar-background-color;
 
   font-family: $vd-font-primary;
-  font-size: $vd-topbar-font-size;
+  font-size: 15px;
   line-height: normal;
   color: $vd-topbar-font-color;
 
@@ -20,7 +20,7 @@
 
     &:hover {
       opacity: 1;
-    }
+    }  
   }
 
   .vd-nav-item-icon + .vd-nav-item-label {
@@ -33,4 +33,13 @@
     text-overflow: ellipsis;
     overflow: hidden;
   }
+
+  .vd-logo-container {
+    display: flex;
+    height: 100%;
+  }
+
+  .vd-logo {
+    padding-left: 34px;
+  }
 }

package/src/vend.ui/styles/global/_grid.scss

@@ -1,6 +1,8 @@
 // =================================== Responsive Grid =================================== //
 
 // Grid Settings
+@use "sass:math";
+
 $vd-grid-columns: 12 !default;
 $vd-grid-block-max: 8 !default;
 
@@ -15,7 +17,7 @@ $vd-grid-row-gutter-large: 24px;
 //
 @mixin vd-grid-columns ($breakpoint) {
   @for $i from 1 through $vd-grid-columns {
-    $_vd-column-width: percentage($i / $vd-grid-columns);
+    $_vd-column-width: percentage(math.div($i, $vd-grid-columns));
 
     .vd-g-#{$breakpoint}-#{$i} {
       flex: 0 0 $_vd-column-width;
@@ -37,7 +39,7 @@ $vd-grid-row-gutter-large: 24px;
       flex-wrap: wrap;
 
       > .vd-g-col {
-        $_vd-block-column-width: percentage(1 / $i);
+        $_vd-block-column-width: percentage(math.div(1, $i));
 
         flex: 0 0 $_vd-block-column-width;
         max-width: $_vd-block-column-width;

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

@@ -8,7 +8,7 @@
   @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.";
   }
-  @if (index($vd-theme-available-keys, $_vd-colour-element) != null) {
+  @if (index($helios-theme-available-keys, $_vd-colour-element) != null) {
     @return var(--vd-colour--#{$_vd-colour-element});
   } @else {
     @error "[colour-functions] The specified element (#{$_vd-colour-element}) does not exist.";
@@ -28,7 +28,11 @@
 /// @param {String} $_vd-secondary-element - The vd colour element; e.g. `box`.
 /// @return {Colour<String>} - The highlighted colour
 @function vd-colour-highlight($_vd-primary-element, $_vd-secondary-element) {
-  @return mix(vd-colour($_vd-primary-element), vd-colour($_vd-secondary-element), 10);
+  @return mix(
+    vd-colour($_vd-primary-element),
+    vd-colour($_vd-secondary-element),
+    10
+  );
 }
 
 /// Generating a solid border for permitted border types (currently either keyline or framing)
@@ -37,7 +41,11 @@
 /// @param {String} $_vd-border-type - The border type, either keyline or framing
 /// @param {Unit} [$_vd-border-width=1px] - The width of the border
 /// @param {String} [$_vd-border-style=solid] - The style of the border
-@function vd-border($_vd-border-type, $_vd-border-width: 1px, $_vd-border-style: solid) {
+@function vd-border(
+  $_vd-border-type,
+  $_vd-border-width: 1px,
+  $_vd-border-style: solid
+) {
   @if (null != index($vd-border-types, $_vd-border-type)) {
     @return $_vd-border-width $_vd-border-style vd-colour($_vd-border-type);
   } @else {
@@ -50,7 +58,7 @@
 /// @function vd-hex-to-rgb
 /// @return {String} The RGB values
 @function vd-hex-to-rgb($hexColour) {
-  @return red($hexColour),green($hexColour),blue($hexColour);
+  @return red($hexColour), green($hexColour), blue($hexColour);
 }
 
 /// Ensures that the browsers RGBA colour function is used. This means we can use string values (which is not allowed
@@ -59,7 +67,7 @@
 /// @function vd-rgba
 /// @return {String} RGBA value
 @function vd-rgba($string, $opacity) {
-  @return #{"rgba(#{$string}, #{$opacity})"};
+  @return #{'rgba(#{$string}, #{$opacity})'};
 }
 
 /// Encodes a hex value.
@@ -67,10 +75,10 @@
 /// @function vd-encode-colour
 /// @return {String} The encoded hex value.
 @function vd-encode-colour($string) {
-	@if type-of($string) == 'color' {
+  @if type-of($string) == 'color' {
     $hex: str-slice(ie-hex-str($string), 4);
-    $string:unquote("#{$hex}");
+    $string: unquote('#{$hex}');
   }
   $string: '%23' + $string;
-	@return $string;
+  @return $string;
 }

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

@@ -1,11 +1,12 @@
-@import './theme-keys';
-@import './xseries/theme-dark';
-@import './xseries/theme-light';
+@import '@lightspeed/design-system-tokens/scss/theme-keys';
+@import '@lightspeed/design-system-tokens/scss/theme-dark';
+@import '@lightspeed/design-system-tokens/scss/theme-light';
+
 @import './theme-functions';
 
 $vd-colour-themes: (
-  xseries-dark: vd-add-theme($vd-xseries-theme-dark),
-  xseries-light: vd-add-theme($vd-xseries-theme-light)
+  dark: vd-add-theme($helios-theme-dark),
+  light: vd-add-theme($helios-theme-light),
 );
 
 // Only generate dark mode css variables for apps that request it

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

@@ -6,7 +6,7 @@
 @function vd-add-theme($theme) {
   $_vend-theme: ();
 
-  @each $key in ($vd-theme-required-base-keys) {
+  @each $key in ($helios-theme-required-base-keys) {
     @if (map-has-key($theme, $key) == false) {
       @error '[colour-themes] Missing required theme property "#{$key}"';
     }
@@ -19,27 +19,31 @@
     }
 
     // Some swatches require rgb values
-    @if (index($vd-theme-available-rgb-keys, $key) != null) {
+    @if (index($helios-theme-available-rgb-keys, $key) != null) {
       // Add original HEX values and generated RGB value to theme
       $combined: (
         $key: $value,
-        #{$key}-rgb: vd-hex-to-rgb($value)
+        #{$key}-rgb: vd-hex-to-rgb($value),
       );
       $_vend-theme: map-merge($_vend-theme, $combined);
     } @else {
       // RGB value not required, just append the original value
-      $_vend-theme: map-merge($_vend-theme, ($key: $value));
+      $_vend-theme: map-merge(
+        $_vend-theme,
+        (
+          $key: $value,
+        )
+      );
     }
   }
 
   @return $_vend-theme;
 }
 
-
 @mixin vd-generate-themes() {
   :root {
     color-scheme: light;
-    @include vd-generate-theme-values(map-get($vd-colour-themes, xseries-light));
+    @include vd-generate-theme-values(map-get($vd-colour-themes, light));
   }
 
   // Dark themes
@@ -47,7 +51,7 @@
     @media (prefers-color-scheme: dark) {
       :root {
         color-scheme: dark;
-        @include vd-generate-theme-values(map-get($vd-colour-themes, xseries-dark));
+        @include vd-generate-theme-values(map-get($vd-colour-themes, dark));
       }
     }
   } @else {
@@ -55,7 +59,7 @@
     @media (prefers-color-scheme: dark) {
       .vd-theme--dark {
         color-scheme: dark;
-        @include vd-generate-theme-values(map-get($vd-colour-themes, xseries-dark));
+        @include vd-generate-theme-values(map-get($vd-colour-themes, dark));
       }
     }
   }

package/src/vend.ui/styles/global/text/_text-mixins.scss

@@ -1,3 +1,5 @@
+@use "sass:math";
+
 @import "text-definitions";
 
 @mixin font-smoothing {
@@ -18,7 +20,7 @@
 // Line Heights - Determine a proportionate line height calculated from a design based 'leading' value and the
 // required font size.
 @mixin vd-line-height ($leading, $font-size) {
-  line-height: ($leading / $font-size)
+  line-height: math.div($leading, $font-size)
 }
 
 // Intro
@@ -82,7 +84,7 @@
       }
 
       @else if ($property == 'tracking') {
-        letter-spacing: $value / 10 * 1em;
+        letter-spacing: $value * 0.1 * 1em;
       }
 
       @else if ($property == 'size') {

package/src/vend.ui/styles/global/utils/_functions.scss

@@ -3,6 +3,8 @@
 /// @function vd-px-unit
 /// @param {Number} $_value - Number to add 'px'
 /// @return {Number} - Number with px unit
+@use "sass:math";
+
 @function vd-px-unit ($_value) {
   @return $_value * 1px;
 }
@@ -13,7 +15,7 @@
 /// @return {Number} - Unitless number
 @function strip-unit($number) {
   @if type-of($number) == 'number' and not unitless($number) {
-    @return $number / ($number * 0 + 1);
+    @return math.div($number, $number * 0 + 1);
   }
 
   @return $number;
@@ -29,7 +31,7 @@
   $sass-precision: 5;
 
   $pow: pow(10, $digits);
-  @return round($float * $pow) / $pow;
+  @return math.div(round($float * $pow), $pow);
 }
 
 /// Power function
@@ -47,7 +49,7 @@
     }
   } @else {
     @for $i from $n to 0 {
-      $ret: $ret / $x;
+      $ret: math.div($ret, $x);
     }
   }
 

package/src/vend.ui/styles/navi/dialogs/_nv-notifications-dialog.scss

@@ -46,7 +46,7 @@
     display: block;
 
     position: absolute;
-    top: $nv-notifications-list-spacing / 2;
+    top: $nv-notifications-list-spacing * 0.5;
     left: -$nv-notifications-list-spacing;
 
     .nv-notifications-list-item--read & {

package/dist/themes/index.d.ts

@@ -1,2 +0,0 @@
-export { xSeriesDarkTheme, xSeriesDarkThemeByCategory } from './xseries/dark';
-export { xSeriesLightTheme, xSeriesLightThemeByCategory } from './xseries/light';

package/dist/themes/index.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.xSeriesLightThemeByCategory = exports.xSeriesLightTheme = exports.xSeriesDarkThemeByCategory = exports.xSeriesDarkTheme = void 0;
-var dark_1 = require("./xseries/dark");
-Object.defineProperty(exports, "xSeriesDarkTheme", { enumerable: true, get: function () { return dark_1.xSeriesDarkTheme; } });
-Object.defineProperty(exports, "xSeriesDarkThemeByCategory", { enumerable: true, get: function () { return dark_1.xSeriesDarkThemeByCategory; } });
-var light_1 = require("./xseries/light");
-Object.defineProperty(exports, "xSeriesLightTheme", { enumerable: true, get: function () { return light_1.xSeriesLightTheme; } });
-Object.defineProperty(exports, "xSeriesLightThemeByCategory", { enumerable: true, get: function () { return light_1.xSeriesLightThemeByCategory; } });
-//# sourceMappingURL=index.js.map

package/dist/themes/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/themes/index.ts"],"names":[],"mappings":";;;AAAA,uCAA6E;AAApE,wGAAA,gBAAgB,OAAA;AAAE,kHAAA,0BAA0B,OAAA;AACrD,yCAAgF;AAAvE,0GAAA,iBAAiB,OAAA;AAAE,oHAAA,2BAA2B,OAAA"}

package/dist/themes/themeToScss.d.ts

@@ -1,2 +0,0 @@
-import { ThemeConfig } from './types';
-export declare const themeToScss: ({ theme, mapName, filename }: ThemeConfig) => void;

package/dist/themes/themeToScss.js

@@ -1,62 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.themeToScss = void 0;
-const tslib_1 = require("tslib");
-const fs_1 = (0, tslib_1.__importDefault)(require("fs"));
-const types_1 = require("./types");
-const light_1 = require("./xseries/light");
-const dark_1 = require("./xseries/dark");
-const THEME_DIR = './src/vend.ui/styles/global/colour/themes';
-const HEADER = '// THIS IS A GENERATED FILE. DO NOT EDIT.\n\n';
-const NO_LINT_START = '// stylelint-disable vend/use-colour-function';
-const NO_LINT_END = '// stylelint-enable vend/use-colour-function';
-const themes = [
-    {
-        theme: light_1.xSeriesLightTheme,
-        mapName: 'vd-xseries-theme-light',
-        filename: `${THEME_DIR}/xseries/_theme-light.scss`,
-    },
-    {
-        theme: dark_1.xSeriesDarkTheme,
-        mapName: 'vd-xseries-theme-dark',
-        filename: `${THEME_DIR}/xseries/_theme-dark.scss`,
-    },
-];
-const camelToKebab = (s) => s.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, '$1-$2').toLowerCase();
-const getKebabKey = (key) => {
-    // supplementaryText needs two kebab dashes, supplementary--text ¯\_(ツ)_/¯
-    return camelToKebab(key === 'supplementaryText' ? 'supplementary-Text' : key);
-};
-const saveScssMapFile = (filename, content) => {
-    fs_1.default.writeFile(filename, content, err => {
-        if (err) {
-            // eslint-disable-next-line no-console
-            console.error(err);
-            process.exit(1);
-        }
-    });
-};
-// Converts theme to SCSS map
-const themeToScss = ({ theme, mapName, filename }) => {
-    const colours = Object.entries(theme).map(c => {
-        const kebabKey = getKebabKey(c[0]);
-        return `\n  ${kebabKey}:${c[1]}`;
-    });
-    const scssMap = `${HEADER}${NO_LINT_START}\n\n$${mapName}: (${colours});\n\n${NO_LINT_END}`;
-    return saveScssMapFile(filename, scssMap);
-};
-exports.themeToScss = themeToScss;
-// Generates SCSS lists of required / available theme keys
-const requiredThemeKeysToScss = () => {
-    const baseKeys = Object.keys(light_1.xSeriesLightTheme).map(k => getKebabKey(k));
-    const rgbKeys = types_1.requiredRgbSwatches.map(k => getKebabKey(k));
-    const allKeys = baseKeys.concat(rgbKeys.map(k => `${k}-rgb`));
-    const requiredBaseKeys = `$vd-theme-required-base-keys: ${baseKeys};`;
-    const requiredRgbKeys = `$vd-theme-available-rgb-keys: ${rgbKeys};`;
-    const availableThemeKeys = `$vd-theme-available-keys: ${allKeys};`;
-    const scssList = `${HEADER}${requiredBaseKeys}\n${requiredRgbKeys}\n${availableThemeKeys}`;
-    return saveScssMapFile(`${THEME_DIR}/_theme-keys.scss`, scssList);
-};
-themes.forEach(theme => (0, exports.themeToScss)(theme));
-requiredThemeKeysToScss();
-//# sourceMappingURL=themeToScss.js.map

package/dist/themes/themeToScss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"themeToScss.js","sourceRoot":"","sources":["../../src/themes/themeToScss.ts"],"names":[],"mappings":"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"}

package/dist/themes/types.d.ts

@@ -1,54 +0,0 @@
-export interface ThemeConfig {
-    theme: Theme;
-    mapName: string;
-    filename: string;
-}
-export interface Theme {
-    background: string;
-    backgroundInverse: string;
-    box: string;
-    boxInverse: string;
-    boxSupplementary: string;
-    do: string;
-    doDarker: string;
-    doHighlight: string;
-    doLighter: string;
-    framing: string;
-    framingInverse: string;
-    go: string;
-    goDarker: string;
-    goHighlight: string;
-    goLighter: string;
-    goldenSand: string;
-    gothic: string;
-    keyline: string;
-    keylineInverse: string;
-    lavenderPurple: string;
-    navIconSelected: string;
-    navIconUnselected: string;
-    navSideDrawer: string;
-    navSideTabs: string;
-    navTop: string;
-    newYorkPink: string;
-    no: string;
-    noDarker: string;
-    noHighlight: string;
-    noLighter: string;
-    overlay: string;
-    selectArrowsBg: string;
-    shadow: string;
-    shuttleGray: string;
-    sinbad: string;
-    success: string;
-    supplementary: string;
-    supplementaryDarker: string;
-    supplementaryHighlight: string;
-    supplementaryLighter: string;
-    supplementaryText: string;
-    tacao: string;
-    text: string;
-    textAction: string;
-    textInverse: string;
-    textNav: string;
-}
-export declare const requiredRgbSwatches: string[];

package/dist/themes/types.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.requiredRgbSwatches = void 0;
-// Some swatches require an "rgb" swatch (e.g. vd-background--rgb) to help apps integrate themes
-exports.requiredRgbSwatches = [
-    'background',
-    'box',
-    'boxInverse',
-    'do',
-    'go',
-    'navSideDrawer',
-    'navSideTabs',
-    'navTop',
-    'no',
-    'supplementary',
-];
-//# sourceMappingURL=types.js.map

package/dist/themes/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/themes/types.ts"],"names":[],"mappings":";;;AAuDA,gGAAgG;AACnF,QAAA,mBAAmB,GAAG;IACjC,YAAY;IACZ,KAAK;IACL,YAAY;IACZ,IAAI;IACJ,IAAI;IACJ,eAAe;IACf,aAAa;IACb,QAAQ;IACR,IAAI;IACJ,eAAe;CAChB,CAAA"}