@duetds/components 6.0.2 → 6.0.4

package/lib/esm/duet-step_2.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-0d0e51b6.js';
+import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-b601aac1.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 import { c as createID } from './create-id-981107da.js';
 import { i as isKeyboardClick } from './keyboard-utils-88ea1007.js';

package/lib/esm/duet-textarea.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0d0e51b6.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-b601aac1.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 import { c as createID } from './create-id-981107da.js';
 import { c as cleanValue } from './input-utils-de45e099.js';

package/lib/esm/duet-toggle.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0d0e51b6.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-b601aac1.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 import { c as createID } from './create-id-981107da.js';
 

package/lib/esm/duet-tooltip.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-0d0e51b6.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-b601aac1.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 import { c as createID } from './create-id-981107da.js';
 import { a as getLanguage, g as getLocaleString } from './language-utils-bf701d37.js';

package/lib/esm/duet-tray.entry.js

@@ -1,8 +1,8 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, F as Fragment, g as getElement } from './index-0d0e51b6.js';
-import { s as sizeHeader } from './tokens.module-f4572ed7.js';
+import { r as registerInstance, h, F as Fragment, g as getElement } from './index-b601aac1.js';
+import { s as sizeHeader } from './tokens.module-385c4cf8.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 import { c as createID } from './create-id-981107da.js';
 import { a as getLanguage, g as getLocaleString } from './language-utils-bf701d37.js';

package/lib/esm/duet-upload-aria-status.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host } from './index-0d0e51b6.js';
+import { r as registerInstance, h, H as Host } from './index-b601aac1.js';
 
 const DuetUploadAriaStatus = class {
   constructor(hostRef) {

package/lib/esm/duet-visually-hidden.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host } from './index-0d0e51b6.js';
+import { r as registerInstance, h, H as Host } from './index-b601aac1.js';
 
 const duetVisuallyHiddenCss = ":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:absolute !important;top:0;width:1px !important;height:1px !important;padding:0 !important;overflow:hidden !important;clip:rect(1px, 1px, 1px, 1px) !important;border:0 !important}";
 

package/lib/esm/duet.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { d as doc, N as NAMESPACE, w as win, p as promiseResolve, b as bootstrapLazy } from './index-0d0e51b6.js';
+import { d as doc, N as NAMESPACE, w as win, p as promiseResolve, b as bootstrapLazy } from './index-b601aac1.js';
 import { g as globalScripts } from './app-globals-6641e444.js';
 
 /*

package/lib/esm/focus-utils-236f580e.js

@@ -0,0 +1,18 @@
+/*!
+ * Built with Duet Design System
+ */
+import { h } from './index-b601aac1.js';
+
+const focusElement = (element) => {
+  if ("setFocus" in element) {
+    element.setFocus();
+  }
+  else {
+    element.focus();
+  }
+};
+const FocusGuard = ({ moveFocusTo }) => {
+  return h("div", { class: "duet-focus-guard", "aria-hidden": "true", tabIndex: 0, onFocus: () => focusElement(moveFocusTo) });
+};
+
+export { FocusGuard as F, focusElement as f };

package/lib/esm/{index-0d0e51b6.js → index-b601aac1.js}

@@ -2,7 +2,7 @@
  * Built with Duet Design System
  */
 const NAMESPACE = 'duet';
-const Env = /* duet */ {"cdnURILocal":"http://0.0.0.0:3334","cdnURIProd":"https://cdn.duetds.com/api","duetIconVersion":"3.0.2"};
+const Env = /* duet */ {"cdnURILocal":"http://0.0.0.0:3334","cdnURIProd":"https://cdn.duetds.com/api","duetIconVersion":"3.0.4"};
 
 let scopeId;
 let contentRef;

package/lib/esm/loader.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { p as promiseResolve, b as bootstrapLazy } from './index-0d0e51b6.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-b601aac1.js';
 import { g as globalScripts } from './app-globals-6641e444.js';
 
 /*

package/lib/esm/token-utils-ebf797ab.js

@@ -0,0 +1,92 @@
+/*!
+ * Built with Duet Design System
+ */
+import { t as tokens } from './tokens.module-385c4cf8.js';
+
+const allowedThemes = ["turva"];
+function isDashCase(str) {
+  const dash = str.includes("-");
+  const barredString = str.includes(" ") || str.includes("_");
+  const barredStartingString = str.charAt(0) === "-";
+  return dash && !barredString && !barredStartingString;
+}
+function capitalize(str = "") {
+  return `${str.charAt(0).toUpperCase()}${str.slice(1)}`;
+}
+function lowerCaseFirst(str = "") {
+  return `${str.charAt(0).toLowerCase()}${str.slice(1)}`;
+}
+function camelize(str = "") {
+  const arr = str.split("-");
+  //loop through each element of the array and capitalize the first letter.'
+  arr.forEach((string, index) => {
+    arr[index] = capitalize(string);
+  });
+  return arr.join("");
+}
+function getTheme(theme = "") {
+  if (allowedThemes.includes(theme.toLowerCase())) {
+    return theme.toLowerCase();
+  }
+  return "";
+}
+function capitalizeFirstLetter(string) {
+  return string.charAt(0).toUpperCase() + string.slice(1);
+}
+function hasType(t, str = "") {
+  return str.indexOf(capitalizeFirstLetter(t)) === 0 || str.indexOf(t) === 0;
+}
+function addPrefix(prefix, str = "") {
+  if (str && !isDashCase(str) && !hasType(prefix, str)) {
+    return `${prefix}${capitalize(str)}`;
+  }
+  return str;
+}
+function addTheme(str, theme) {
+  const hasTheme = getTheme(theme).length;
+  if (hasTheme && str.indexOf(theme) === -1) {
+    return `${str}${capitalize(theme)}`;
+  }
+  return str;
+}
+function getColorByName(name, theme = "") {
+  if (!name) {
+    return undefined;
+  }
+  const defaultColor = convertToColorName(name);
+  const themedColor = convertToColorName(name, theme);
+  // lets just try to get the color first to save some cycles
+  let resolvedToken = tokens[themedColor];
+  if (!resolvedToken) {
+    resolvedToken = tokens[defaultColor];
+  }
+  return resolvedToken;
+}
+function convertToColorName(name = "", theme = "") {
+  let colorResolution = name;
+  const dash = isDashCase(name);
+  if (dash) {
+    colorResolution = camelize(colorResolution);
+  }
+  colorResolution = addPrefix("color", colorResolution);
+  colorResolution = addTheme(colorResolution, theme);
+  // takes care of the case where colorPrimaryDark ends up with ColorPrimaryDark
+  colorResolution = lowerCaseFirst(colorResolution);
+  return colorResolution;
+}
+function shadeRGBColor(color, percent) {
+  const f = color.split(","), t = percent < 0 ? 0 : 255, p = percent < 0 ? percent * -1 : percent;
+  let R = parseInt(f[0].slice(4)), G = parseInt(f[1]), B = parseInt(f[2]);
+  R = Math.round((t - R) * p) + R;
+  G = Math.round((t - G) * p) + G;
+  B = Math.round((t - B) * p) + B;
+  R = R < 0 ? 0 : R;
+  R = R > 255 ? 255 : R;
+  G = G < 0 ? 0 : G;
+  G = G > 255 ? 255 : G;
+  B = B < 0 ? 0 : B;
+  B = B > 255 ? 255 : B;
+  return `rgb(${R},${G},${B})`;
+}
+
+export { capitalizeFirstLetter as c, getColorByName as g, shadeRGBColor as s };

package/lib/esm/tokens-b9d87fda.js

@@ -0,0 +1,459 @@
+/*!
+ * Built with Duet Design System
+ */
+const color_warning = "rgb(247, 178, 40)";
+const color_gray_darker = "rgb(101, 119, 135)";
+const color_gray_lighter = "rgb(245, 248, 250)";
+const color_category_home = "rgb(211, 36, 131)";
+const color_primary = "rgb(0, 119, 179)";
+const color_category_vehicle = "rgb(54, 74, 129)";
+const color_success = "rgb(0, 135, 90)";
+const color_category_family = "rgb(11, 114, 136)";
+const color_primary_lightest = "rgb(243, 249, 252)";
+const color_primary_lighter = "rgb(230, 242, 248)";
+const color_brand_blue = "rgb(0, 161, 212)";
+const color_primary_dark = "rgb(0, 77, 128)";
+const color_gray_lightest = "rgb(255, 255, 255)";
+const color_category_finance = "rgb(122, 1, 196)";
+const color_gray_dark = "rgb(144, 149, 153)";
+const color_gray_light = "rgb(225, 227, 230)";
+const color_secondary = "rgb(0, 41, 77)";
+const color_category_pet = "rgb(168, 1, 78)";
+const color_primary_light = "rgb(205, 229, 241)";
+const color_category_travel = "rgb(213, 66, 3)";
+const color_gray = "rgb(207, 210, 212)";
+const color_danger = "rgb(222, 35, 98)";
+const color_gray_darker_turva = "rgb(68, 68, 69)";
+const color_gray_lighter_turva = "rgb(245, 245, 247)";
+const color_category_home_turva = "rgb(161, 10, 78)";
+const color_primary_turva = "rgb(198, 12, 48)";
+const color_category_vehicle_turva = "rgb(23, 28, 58)";
+const color_success_turva = "rgb(8, 135, 78)";
+const color_primary_lightest_turva = "rgb(252, 243, 244)";
+const color_category_family_turva = "rgb(199, 12, 112)";
+const color_category_union_turva = "rgb(169, 69, 124)";
+const color_primary_lighter_turva = "rgb(249, 230, 234)";
+const color_primary_dark_turva = "rgb(148, 9, 37)";
+const color_gray_lightest_turva = "rgb(255, 255, 255)";
+const color_gray_dark_turva = "rgb(116, 116, 117)";
+const color_gray_light_turva = "rgb(228, 228, 230)";
+const color_brand_gray_turva = "rgb(178, 180, 179)";
+const color_secondary_turva = "rgb(23, 28, 58)";
+const color_primary_light_turva = "rgb(244, 207, 214)";
+const color_category_travel_turva = "rgb(9, 129, 148)";
+const color_gray_turva = "rgb(207, 207, 209)";
+const color_danger_turva = "rgb(224, 42, 13)";
+const color_warning_turva = "rgb(250, 164, 15)";
+const color_data_07 = "rgb(192, 101, 247)";
+const color_data_08 = "rgb(0, 105, 191)";
+const color_data_09 = "rgb(19, 120, 53)";
+const color_data_10 = "rgb(179, 60, 24)";
+const color_data_11 = "rgb(13, 163, 166)";
+const color_data_01 = "rgb(122, 1, 196)";
+const color_data_12 = "rgb(11, 114, 136)";
+const color_data_02 = "rgb(0, 155, 204)";
+const color_data_13 = "rgb(179, 137, 24)";
+const color_data_03 = "rgb(27, 171, 75)";
+const color_data_14 = "rgb(128, 98, 17)";
+const color_data_04 = "rgb(255, 86, 34)";
+const color_data_15 = "rgb(0, 41, 77)";
+const color_data_05 = "rgb(245, 76, 154)";
+const color_data_06 = "rgb(194, 21, 101)";
+const font_weight_extra_bold = "800";
+const letter_spacing_heading = "-0.01rem";
+const font_family_heading_turva = "'turva-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";
+const font_family_text_turva = "'turva-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";
+const font_family_heading = "'localtapiola-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";
+const font_family_text = "'localtapiola-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";
+const font_weight_bold = "700";
+const font_weight_normal = "400";
+const font_weight_semi_bold = "600";
+const font_size_xxxx_large = "4.5rem";
+const font_size_xxx_large = "3rem";
+const font_size_xx_large = "2.25rem";
+const font_size_x_large = "1.5rem";
+const font_size_large = "1.25rem";
+const font_size_medium = "1rem";
+const font_size_small = "0.875rem";
+const font_size_x_small = "0.75rem";
+const radius_sharp = "0";
+const radius_default = "4px";
+const radius_circle = "50%";
+const radius_pill = "20rem";
+const shadow_tooltip_turva = "0 2px 10px 0 rgba(117, 117, 117, 0.13)";
+const shadow_default = "0 2px 6px 0 rgba(0, 41, 77, 0.07)";
+const shadow_tooltip = "0 2px 10px 0 rgba(0, 41, 77, 0.07)";
+const shadow_card_turva = "0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)";
+const shadow_modal = "0 2px 20px 0 rgba(0, 0, 0, 0.2)";
+const shadow_card = "0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)";
+const shadow_hover_turva = "0 2px 10px 0 rgba(117, 117, 117, 0.15)";
+const shadow_hover = "0 2px 10px 0 rgba(0, 41, 77, 0.1)";
+const shadow_default_turva = "0 2px 6px 0 rgba(117, 117, 117, 0.13)";
+const space_xx_small = "4px";
+const space_large = "20px";
+const space_x_small = "8px";
+const space_xxx_small = "2px";
+const space_small = "12px";
+const space_medium = "16px";
+const space_xx_large = "36px";
+const space_xxxx_large = "72px";
+const space_xxxxx_large = "94px";
+const space_xxx_large = "48px";
+const space_x_large = "28px";
+const size_icon_xx_large = "48px";
+const size_form_border = "1px";
+const size_step_medium = "40px";
+const size_button_min_width = "8rem";
+const size_header = "4rem";
+const size_icon_xxx_large = "72px";
+const size_icon_x_large = "36px";
+const size_icon_xx_small = "10px";
+const size_step_small = "30px";
+const size_navigation = "3rem";
+const size_icon_large = "30px";
+const size_layout_max_width = "1110px";
+const size_tappable_square = "48px";
+const size_icon_x_small = "16px";
+const size_icon_xxx_small = "7px";
+const size_button_border = "2px";
+const size_button_tiny_border = "1px";
+const size_icon_medium = "24px";
+const size_icon_small = "20px";
+const opacity_85 = "0.85";
+const opacity_75 = "0.75";
+const opacity_50 = "0.50";
+const opacity_30 = "0.30";
+const z_index_mask_buttons = "250";
+const z_index_dropdown = "600";
+const z_index_spinner = "800";
+const z_index_default = "1";
+const z_index_toast = "500";
+const z_index_popup = "950";
+const z_index_modal = "900";
+const z_index_sticky = "300";
+const z_index_masked = "100";
+const z_index_deep = "-999999";
+const z_index_overlay = "700";
+const z_index_mask = "200";
+const z_index_header = "400";
+const line_height_medium = "1.5";
+const line_height_small = "1.25";
+const line_height_x_small = "1.1";
+const transition_quickly = "300ms ease";
+const transition_slowly = "600ms ease";
+const media_query_xxx_large = "'(min-width: 106.25em)'";
+const media_query_x_large = "'(min-width: 64.0625em)'";
+const media_query_medium = "'(min-width: 48em)'";
+const media_query_large = "'(min-width: 62em)'";
+const media_query_xx_large = "'(min-width: 76.25em)'";
+const media_query_x_small = "'(max-width: 35.9375em)'";
+const media_query_xxx_small = "'(max-width: 20.5em)'";
+const media_query_small = "'(min-width: 36em)'";
+const media_query_xx_small = "'(max-width: 22.5em)'";
+const tokens = {
+	color_warning: color_warning,
+	color_gray_darker: color_gray_darker,
+	color_gray_lighter: color_gray_lighter,
+	color_category_home: color_category_home,
+	color_primary: color_primary,
+	color_category_vehicle: color_category_vehicle,
+	color_success: color_success,
+	color_category_family: color_category_family,
+	color_primary_lightest: color_primary_lightest,
+	color_primary_lighter: color_primary_lighter,
+	color_brand_blue: color_brand_blue,
+	color_primary_dark: color_primary_dark,
+	color_gray_lightest: color_gray_lightest,
+	color_category_finance: color_category_finance,
+	color_gray_dark: color_gray_dark,
+	color_gray_light: color_gray_light,
+	color_secondary: color_secondary,
+	color_category_pet: color_category_pet,
+	color_primary_light: color_primary_light,
+	color_category_travel: color_category_travel,
+	color_gray: color_gray,
+	color_danger: color_danger,
+	color_gray_darker_turva: color_gray_darker_turva,
+	color_gray_lighter_turva: color_gray_lighter_turva,
+	color_category_home_turva: color_category_home_turva,
+	color_primary_turva: color_primary_turva,
+	color_category_vehicle_turva: color_category_vehicle_turva,
+	color_success_turva: color_success_turva,
+	color_primary_lightest_turva: color_primary_lightest_turva,
+	color_category_family_turva: color_category_family_turva,
+	color_category_union_turva: color_category_union_turva,
+	color_primary_lighter_turva: color_primary_lighter_turva,
+	color_primary_dark_turva: color_primary_dark_turva,
+	color_gray_lightest_turva: color_gray_lightest_turva,
+	color_gray_dark_turva: color_gray_dark_turva,
+	color_gray_light_turva: color_gray_light_turva,
+	color_brand_gray_turva: color_brand_gray_turva,
+	color_secondary_turva: color_secondary_turva,
+	color_primary_light_turva: color_primary_light_turva,
+	color_category_travel_turva: color_category_travel_turva,
+	color_gray_turva: color_gray_turva,
+	color_danger_turva: color_danger_turva,
+	color_warning_turva: color_warning_turva,
+	color_data_07: color_data_07,
+	color_data_08: color_data_08,
+	color_data_09: color_data_09,
+	color_data_10: color_data_10,
+	color_data_11: color_data_11,
+	color_data_01: color_data_01,
+	color_data_12: color_data_12,
+	color_data_02: color_data_02,
+	color_data_13: color_data_13,
+	color_data_03: color_data_03,
+	color_data_14: color_data_14,
+	color_data_04: color_data_04,
+	color_data_15: color_data_15,
+	color_data_05: color_data_05,
+	color_data_06: color_data_06,
+	font_weight_extra_bold: font_weight_extra_bold,
+	letter_spacing_heading: letter_spacing_heading,
+	font_family_heading_turva: font_family_heading_turva,
+	font_family_text_turva: font_family_text_turva,
+	font_family_heading: font_family_heading,
+	font_family_text: font_family_text,
+	font_weight_bold: font_weight_bold,
+	font_weight_normal: font_weight_normal,
+	font_weight_semi_bold: font_weight_semi_bold,
+	font_size_xxxx_large: font_size_xxxx_large,
+	font_size_xxx_large: font_size_xxx_large,
+	font_size_xx_large: font_size_xx_large,
+	font_size_x_large: font_size_x_large,
+	font_size_large: font_size_large,
+	font_size_medium: font_size_medium,
+	font_size_small: font_size_small,
+	font_size_x_small: font_size_x_small,
+	radius_sharp: radius_sharp,
+	radius_default: radius_default,
+	radius_circle: radius_circle,
+	radius_pill: radius_pill,
+	shadow_tooltip_turva: shadow_tooltip_turva,
+	shadow_default: shadow_default,
+	shadow_tooltip: shadow_tooltip,
+	shadow_card_turva: shadow_card_turva,
+	shadow_modal: shadow_modal,
+	shadow_card: shadow_card,
+	shadow_hover_turva: shadow_hover_turva,
+	shadow_hover: shadow_hover,
+	shadow_default_turva: shadow_default_turva,
+	space_xx_small: space_xx_small,
+	space_large: space_large,
+	space_x_small: space_x_small,
+	space_xxx_small: space_xxx_small,
+	space_small: space_small,
+	space_medium: space_medium,
+	space_xx_large: space_xx_large,
+	space_xxxx_large: space_xxxx_large,
+	space_xxxxx_large: space_xxxxx_large,
+	space_xxx_large: space_xxx_large,
+	space_x_large: space_x_large,
+	size_icon_xx_large: size_icon_xx_large,
+	size_form_border: size_form_border,
+	size_step_medium: size_step_medium,
+	size_button_min_width: size_button_min_width,
+	size_header: size_header,
+	size_icon_xxx_large: size_icon_xxx_large,
+	size_icon_x_large: size_icon_x_large,
+	size_icon_xx_small: size_icon_xx_small,
+	size_step_small: size_step_small,
+	size_navigation: size_navigation,
+	size_icon_large: size_icon_large,
+	size_layout_max_width: size_layout_max_width,
+	size_tappable_square: size_tappable_square,
+	size_icon_x_small: size_icon_x_small,
+	size_icon_xxx_small: size_icon_xxx_small,
+	size_button_border: size_button_border,
+	size_button_tiny_border: size_button_tiny_border,
+	size_icon_medium: size_icon_medium,
+	size_icon_small: size_icon_small,
+	opacity_85: opacity_85,
+	opacity_75: opacity_75,
+	opacity_50: opacity_50,
+	opacity_30: opacity_30,
+	z_index_mask_buttons: z_index_mask_buttons,
+	z_index_dropdown: z_index_dropdown,
+	z_index_spinner: z_index_spinner,
+	z_index_default: z_index_default,
+	z_index_toast: z_index_toast,
+	z_index_popup: z_index_popup,
+	z_index_modal: z_index_modal,
+	z_index_sticky: z_index_sticky,
+	z_index_masked: z_index_masked,
+	z_index_deep: z_index_deep,
+	z_index_overlay: z_index_overlay,
+	z_index_mask: z_index_mask,
+	z_index_header: z_index_header,
+	line_height_medium: line_height_medium,
+	line_height_small: line_height_small,
+	line_height_x_small: line_height_x_small,
+	transition_quickly: transition_quickly,
+	transition_slowly: transition_slowly,
+	media_query_xxx_large: media_query_xxx_large,
+	media_query_x_large: media_query_x_large,
+	media_query_medium: media_query_medium,
+	media_query_large: media_query_large,
+	media_query_xx_large: media_query_xx_large,
+	media_query_x_small: media_query_x_small,
+	media_query_xxx_small: media_query_xxx_small,
+	media_query_small: media_query_small,
+	media_query_xx_small: media_query_xx_small
+};
+
+const tokens$1 = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  color_warning: color_warning,
+  color_gray_darker: color_gray_darker,
+  color_gray_lighter: color_gray_lighter,
+  color_category_home: color_category_home,
+  color_primary: color_primary,
+  color_category_vehicle: color_category_vehicle,
+  color_success: color_success,
+  color_category_family: color_category_family,
+  color_primary_lightest: color_primary_lightest,
+  color_primary_lighter: color_primary_lighter,
+  color_brand_blue: color_brand_blue,
+  color_primary_dark: color_primary_dark,
+  color_gray_lightest: color_gray_lightest,
+  color_category_finance: color_category_finance,
+  color_gray_dark: color_gray_dark,
+  color_gray_light: color_gray_light,
+  color_secondary: color_secondary,
+  color_category_pet: color_category_pet,
+  color_primary_light: color_primary_light,
+  color_category_travel: color_category_travel,
+  color_gray: color_gray,
+  color_danger: color_danger,
+  color_gray_darker_turva: color_gray_darker_turva,
+  color_gray_lighter_turva: color_gray_lighter_turva,
+  color_category_home_turva: color_category_home_turva,
+  color_primary_turva: color_primary_turva,
+  color_category_vehicle_turva: color_category_vehicle_turva,
+  color_success_turva: color_success_turva,
+  color_primary_lightest_turva: color_primary_lightest_turva,
+  color_category_family_turva: color_category_family_turva,
+  color_category_union_turva: color_category_union_turva,
+  color_primary_lighter_turva: color_primary_lighter_turva,
+  color_primary_dark_turva: color_primary_dark_turva,
+  color_gray_lightest_turva: color_gray_lightest_turva,
+  color_gray_dark_turva: color_gray_dark_turva,
+  color_gray_light_turva: color_gray_light_turva,
+  color_brand_gray_turva: color_brand_gray_turva,
+  color_secondary_turva: color_secondary_turva,
+  color_primary_light_turva: color_primary_light_turva,
+  color_category_travel_turva: color_category_travel_turva,
+  color_gray_turva: color_gray_turva,
+  color_danger_turva: color_danger_turva,
+  color_warning_turva: color_warning_turva,
+  color_data_07: color_data_07,
+  color_data_08: color_data_08,
+  color_data_09: color_data_09,
+  color_data_10: color_data_10,
+  color_data_11: color_data_11,
+  color_data_01: color_data_01,
+  color_data_12: color_data_12,
+  color_data_02: color_data_02,
+  color_data_13: color_data_13,
+  color_data_03: color_data_03,
+  color_data_14: color_data_14,
+  color_data_04: color_data_04,
+  color_data_15: color_data_15,
+  color_data_05: color_data_05,
+  color_data_06: color_data_06,
+  font_weight_extra_bold: font_weight_extra_bold,
+  letter_spacing_heading: letter_spacing_heading,
+  font_family_heading_turva: font_family_heading_turva,
+  font_family_text_turva: font_family_text_turva,
+  font_family_heading: font_family_heading,
+  font_family_text: font_family_text,
+  font_weight_bold: font_weight_bold,
+  font_weight_normal: font_weight_normal,
+  font_weight_semi_bold: font_weight_semi_bold,
+  font_size_xxxx_large: font_size_xxxx_large,
+  font_size_xxx_large: font_size_xxx_large,
+  font_size_xx_large: font_size_xx_large,
+  font_size_x_large: font_size_x_large,
+  font_size_large: font_size_large,
+  font_size_medium: font_size_medium,
+  font_size_small: font_size_small,
+  font_size_x_small: font_size_x_small,
+  radius_sharp: radius_sharp,
+  radius_default: radius_default,
+  radius_circle: radius_circle,
+  radius_pill: radius_pill,
+  shadow_tooltip_turva: shadow_tooltip_turva,
+  shadow_default: shadow_default,
+  shadow_tooltip: shadow_tooltip,
+  shadow_card_turva: shadow_card_turva,
+  shadow_modal: shadow_modal,
+  shadow_card: shadow_card,
+  shadow_hover_turva: shadow_hover_turva,
+  shadow_hover: shadow_hover,
+  shadow_default_turva: shadow_default_turva,
+  space_xx_small: space_xx_small,
+  space_large: space_large,
+  space_x_small: space_x_small,
+  space_xxx_small: space_xxx_small,
+  space_small: space_small,
+  space_medium: space_medium,
+  space_xx_large: space_xx_large,
+  space_xxxx_large: space_xxxx_large,
+  space_xxxxx_large: space_xxxxx_large,
+  space_xxx_large: space_xxx_large,
+  space_x_large: space_x_large,
+  size_icon_xx_large: size_icon_xx_large,
+  size_form_border: size_form_border,
+  size_step_medium: size_step_medium,
+  size_button_min_width: size_button_min_width,
+  size_header: size_header,
+  size_icon_xxx_large: size_icon_xxx_large,
+  size_icon_x_large: size_icon_x_large,
+  size_icon_xx_small: size_icon_xx_small,
+  size_step_small: size_step_small,
+  size_navigation: size_navigation,
+  size_icon_large: size_icon_large,
+  size_layout_max_width: size_layout_max_width,
+  size_tappable_square: size_tappable_square,
+  size_icon_x_small: size_icon_x_small,
+  size_icon_xxx_small: size_icon_xxx_small,
+  size_button_border: size_button_border,
+  size_button_tiny_border: size_button_tiny_border,
+  size_icon_medium: size_icon_medium,
+  size_icon_small: size_icon_small,
+  opacity_85: opacity_85,
+  opacity_75: opacity_75,
+  opacity_50: opacity_50,
+  opacity_30: opacity_30,
+  z_index_mask_buttons: z_index_mask_buttons,
+  z_index_dropdown: z_index_dropdown,
+  z_index_spinner: z_index_spinner,
+  z_index_default: z_index_default,
+  z_index_toast: z_index_toast,
+  z_index_popup: z_index_popup,
+  z_index_modal: z_index_modal,
+  z_index_sticky: z_index_sticky,
+  z_index_masked: z_index_masked,
+  z_index_deep: z_index_deep,
+  z_index_overlay: z_index_overlay,
+  z_index_mask: z_index_mask,
+  z_index_header: z_index_header,
+  line_height_medium: line_height_medium,
+  line_height_small: line_height_small,
+  line_height_x_small: line_height_x_small,
+  transition_quickly: transition_quickly,
+  transition_slowly: transition_slowly,
+  media_query_xxx_large: media_query_xxx_large,
+  media_query_x_large: media_query_x_large,
+  media_query_medium: media_query_medium,
+  media_query_large: media_query_large,
+  media_query_xx_large: media_query_xx_large,
+  media_query_x_small: media_query_x_small,
+  media_query_xxx_small: media_query_xxx_small,
+  media_query_small: media_query_small,
+  media_query_xx_small: media_query_xx_small,
+  'default': tokens
+});
+
+export { media_query_medium as a, media_query_small as b, font_size_medium as f, media_query_large as m, tokens$1 as t };