@heartlandone/vega-sandbox-pr-1521-50c1985674900121427674628ab8007f890f27d7 2.27.0

package/dist/cjs/type-guard-a07b353b.js

@@ -0,0 +1,716 @@
+'use strict';
+
+const breakpoints = require('./breakpoints-7e2dff90.js');
+const ui = require('./ui-32e69595.js');
+const regex = require('./regex-c1f70fd4.js');
+const typography = require('./typography-4560e7f1.js');
+
+/* This file is generated by vega-design 2.0.77 */
+/* eslint-disable */
+/* tslint:disable */
+// prettier-ignore
+const BorderRadius = {
+  "rounded-none": 0,
+  "rounded-full": 9999,
+  "rounded-2": 2,
+  "rounded-4": 4,
+  "rounded-8": 8,
+  "rounded-12": 12,
+  "rounded-16": 16,
+  "rounded-24": 24,
+  "rounded-32": 32,
+  "rounded-48": 48
+};
+
+/* This file is generated by vega-design 2.0.77 */
+/* eslint-disable */
+/* tslint:disable */
+// prettier-ignore
+const Colors = ["bg-brand", "bg-page", "bg-primary", "bg-secondary", "bg-tertiary", "bg-quaternary", "bg-inverted-primary", "bg-inverted-secondary", "bg-inverted-tertiary", "bg-inverted-quaternary", "bg-action", "bg-action-hover", "bg-action-focus", "bg-action-active", "bg-action-quaternary", "bg-action-quaternary-hover", "bg-action-quaternary-active", "bg-action-secondary", "bg-action-secondary-hover", "bg-action-secondary-active", "bg-action-tertiary", "bg-action-tertiary-hover", "bg-action-tertiary-active", "bg-app-header", "bg-backdrop-modal", "bg-backdrop-popover", "bg-backdrop-sidebar", "bg-chip", "bg-chip-hover", "bg-chip-active", "bg-danger", "bg-danger-hover", "bg-danger-focus", "bg-danger-active", "bg-danger-tertiary", "bg-danger-tertiary-hover", "bg-danger-tertiary-active", "bg-disabled", "bg-divider", "bg-divider-secondary", "bg-keypad-btn-active", "bg-loading-progress", "bg-loading-track", "bg-segment-hover", "bg-segment-control", "bg-selected", "bg-sidebar", "bg-sidebar-icon", "bg-sidebar-icon-hover", "bg-sidebar-icon-selected", "bg-sidebar-item-hover", "bg-sidebar-item-selected", "bg-site-footer", "bg-site-footer-action", "bg-site-footer-action-hover", "bg-site-footer-action-active", "bg-site-footer-field", "bg-slider-handle", "bg-status-error", "bg-status-info", "bg-status-success", "bg-status-warning", "bg-tab", "bg-tab-hover", "bg-tab-selected", "bg-table-alt-row", "bg-table-header", "bg-table-row-hover", "bg-table-row-selected-expanded", "bg-table-selected-row", "bg-textarea-count", "bg-tile", "bg-tile-hover", "bg-tile-selected", "bg-tile-selected-hover", "bg-toggle-switch", "bg-toggle-switch-hover", "bg-toggle-switch-selected-disabled", "bg-transparent", "bg-accent1-primary", "bg-accent1-secondary", "bg-accent1-tertiary", "bg-accent2-primary", "bg-accent2-secondary", "bg-accent2-tertiary", "bg-accent3-primary", "bg-accent3-secondary", "bg-accent3-tertiary", "bg-accent4-primary", "bg-accent4-secondary", "bg-accent4-tertiary", "bg-accent5-primary", "bg-accent5-secondary", "bg-accent5-tertiary", "bg-accent6-primary", "bg-accent6-secondary", "bg-accent6-tertiary", "bg-accent7-primary", "bg-accent7-secondary", "bg-accent7-tertiary", "bg-accent8-primary", "bg-accent8-secondary", "bg-accent8-tertiary", "bg-accent9-primary", "bg-accent9-secondary", "bg-accent9-tertiary", "bg-accent10-primary", "bg-accent10-secondary", "bg-accent10-tertiary", "bg-date-picker-range", "text-primary", "text-secondary", "text-inverted-primary", "text-inverted-secondary", "text-black", "text-white", "text-brand", "text-danger-link", "text-danger-link-hover", "text-danger-link-active", "text-danger-link-focus", "text-danger-link-visited", "text-disabled", "text-error", "text-input-disabled", "text-input-placeholder", "text-link", "text-link-hover", "text-link-active", "text-link-focus", "text-link-visited", "text-on-action", "text-on-danger", "text-on-disabled", "text-sidebar-link", "text-sidebar-link-hover", "text-sidebar-link-selected", "text-site-footer-link", "text-site-footer-link-hover", "text-site-footer-link-active", "text-success", "text-inverted-success", "text-accent1-primary", "text-accent2-primary", "text-accent3-primary", "text-accent4-primary", "text-accent5-primary", "text-accent6-primary", "text-accent7-primary", "text-accent8-primary", "text-accent9-primary", "text-accent10-primary", "border-color-action", "border-color-action-hover", "border-color-action-active", "border-color-chip", "border-color-danger", "border-color-danger-hover", "border-color-danger-active", "border-color-divider", "border-color-divider-secondary", "border-color-input-field", "border-color-input-field-hover", "border-color-input-field-focus", "border-color-input-field-danger", "border-color-input-field-danger-hover", "border-color-input-field-danger-focus", "border-color-input-field-disabled", "border-color-secondary-btn-disabled", "border-color-sidebar-item-focus", "border-color-slider-handle", "border-color-success", "border-color-table-divider", "border-color-tile", "border-color-tile-hover", "border-color-tile-focus", "border-color-tile-selected-focus", "border-color-tile-selected", "border-color-tile-selected-hover", "border-color-notification-btn", "border-color-notification-btn-dark"];
+// prettier-ignore
+const BackgroundColors = ["bg-brand", "bg-page", "bg-primary", "bg-secondary", "bg-tertiary", "bg-quaternary", "bg-inverted-primary", "bg-inverted-secondary", "bg-inverted-tertiary", "bg-inverted-quaternary", "bg-action", "bg-action-hover", "bg-action-focus", "bg-action-active", "bg-action-quaternary", "bg-action-quaternary-hover", "bg-action-quaternary-active", "bg-action-secondary", "bg-action-secondary-hover", "bg-action-secondary-active", "bg-action-tertiary", "bg-action-tertiary-hover", "bg-action-tertiary-active", "bg-app-header", "bg-backdrop-modal", "bg-backdrop-popover", "bg-backdrop-sidebar", "bg-chip", "bg-chip-hover", "bg-chip-active", "bg-danger", "bg-danger-hover", "bg-danger-focus", "bg-danger-active", "bg-danger-tertiary", "bg-danger-tertiary-hover", "bg-danger-tertiary-active", "bg-disabled", "bg-divider", "bg-divider-secondary", "bg-keypad-btn-active", "bg-loading-progress", "bg-loading-track", "bg-segment-hover", "bg-segment-control", "bg-selected", "bg-sidebar", "bg-sidebar-icon", "bg-sidebar-icon-hover", "bg-sidebar-icon-selected", "bg-sidebar-item-hover", "bg-sidebar-item-selected", "bg-site-footer", "bg-site-footer-action", "bg-site-footer-action-hover", "bg-site-footer-action-active", "bg-site-footer-field", "bg-slider-handle", "bg-status-error", "bg-status-info", "bg-status-success", "bg-status-warning", "bg-tab", "bg-tab-hover", "bg-tab-selected", "bg-table-alt-row", "bg-table-header", "bg-table-row-hover", "bg-table-row-selected-expanded", "bg-table-selected-row", "bg-textarea-count", "bg-tile", "bg-tile-hover", "bg-tile-selected", "bg-tile-selected-hover", "bg-toggle-switch", "bg-toggle-switch-hover", "bg-toggle-switch-selected-disabled", "bg-transparent", "bg-accent1-primary", "bg-accent1-secondary", "bg-accent1-tertiary", "bg-accent2-primary", "bg-accent2-secondary", "bg-accent2-tertiary", "bg-accent3-primary", "bg-accent3-secondary", "bg-accent3-tertiary", "bg-accent4-primary", "bg-accent4-secondary", "bg-accent4-tertiary", "bg-accent5-primary", "bg-accent5-secondary", "bg-accent5-tertiary", "bg-accent6-primary", "bg-accent6-secondary", "bg-accent6-tertiary", "bg-accent7-primary", "bg-accent7-secondary", "bg-accent7-tertiary", "bg-accent8-primary", "bg-accent8-secondary", "bg-accent8-tertiary", "bg-accent9-primary", "bg-accent9-secondary", "bg-accent9-tertiary", "bg-accent10-primary", "bg-accent10-secondary", "bg-accent10-tertiary", "bg-date-picker-range"];
+// prettier-ignore
+const FillBackgroundColors = ["fill-bg-brand", "fill-bg-page", "fill-bg-primary", "fill-bg-secondary", "fill-bg-tertiary", "fill-bg-quaternary", "fill-bg-inverted-primary", "fill-bg-inverted-secondary", "fill-bg-inverted-tertiary", "fill-bg-inverted-quaternary", "fill-bg-action", "fill-bg-action-hover", "fill-bg-action-focus", "fill-bg-action-active", "fill-bg-action-quaternary", "fill-bg-action-quaternary-hover", "fill-bg-action-quaternary-active", "fill-bg-action-secondary", "fill-bg-action-secondary-hover", "fill-bg-action-secondary-active", "fill-bg-action-tertiary", "fill-bg-action-tertiary-hover", "fill-bg-action-tertiary-active", "fill-bg-app-header", "fill-bg-backdrop-modal", "fill-bg-backdrop-popover", "fill-bg-backdrop-sidebar", "fill-bg-chip", "fill-bg-chip-hover", "fill-bg-chip-active", "fill-bg-danger", "fill-bg-danger-hover", "fill-bg-danger-focus", "fill-bg-danger-active", "fill-bg-danger-tertiary", "fill-bg-danger-tertiary-hover", "fill-bg-danger-tertiary-active", "fill-bg-disabled", "fill-bg-divider", "fill-bg-divider-secondary", "fill-bg-keypad-btn-active", "fill-bg-loading-progress", "fill-bg-loading-track", "fill-bg-segment-hover", "fill-bg-segment-control", "fill-bg-selected", "fill-bg-sidebar", "fill-bg-sidebar-icon", "fill-bg-sidebar-icon-hover", "fill-bg-sidebar-icon-selected", "fill-bg-sidebar-item-hover", "fill-bg-sidebar-item-selected", "fill-bg-site-footer", "fill-bg-site-footer-action", "fill-bg-site-footer-action-hover", "fill-bg-site-footer-action-active", "fill-bg-site-footer-field", "fill-bg-slider-handle", "fill-bg-status-error", "fill-bg-status-info", "fill-bg-status-success", "fill-bg-status-warning", "fill-bg-tab", "fill-bg-tab-hover", "fill-bg-tab-selected", "fill-bg-table-alt-row", "fill-bg-table-header", "fill-bg-table-row-hover", "fill-bg-table-row-selected-expanded", "fill-bg-table-selected-row", "fill-bg-textarea-count", "fill-bg-tile", "fill-bg-tile-hover", "fill-bg-tile-selected", "fill-bg-tile-selected-hover", "fill-bg-toggle-switch", "fill-bg-toggle-switch-hover", "fill-bg-toggle-switch-selected-disabled", "fill-bg-transparent", "fill-bg-accent1-primary", "fill-bg-accent1-secondary", "fill-bg-accent1-tertiary", "fill-bg-accent2-primary", "fill-bg-accent2-secondary", "fill-bg-accent2-tertiary", "fill-bg-accent3-primary", "fill-bg-accent3-secondary", "fill-bg-accent3-tertiary", "fill-bg-accent4-primary", "fill-bg-accent4-secondary", "fill-bg-accent4-tertiary", "fill-bg-accent5-primary", "fill-bg-accent5-secondary", "fill-bg-accent5-tertiary", "fill-bg-accent6-primary", "fill-bg-accent6-secondary", "fill-bg-accent6-tertiary", "fill-bg-accent7-primary", "fill-bg-accent7-secondary", "fill-bg-accent7-tertiary", "fill-bg-accent8-primary", "fill-bg-accent8-secondary", "fill-bg-accent8-tertiary", "fill-bg-accent9-primary", "fill-bg-accent9-secondary", "fill-bg-accent9-tertiary", "fill-bg-accent10-primary", "fill-bg-accent10-secondary", "fill-bg-accent10-tertiary", "fill-bg-date-picker-range"];
+// prettier-ignore
+const StrokeBackgroundColors = ["stroke-bg-brand", "stroke-bg-page", "stroke-bg-primary", "stroke-bg-secondary", "stroke-bg-tertiary", "stroke-bg-quaternary", "stroke-bg-inverted-primary", "stroke-bg-inverted-secondary", "stroke-bg-inverted-tertiary", "stroke-bg-inverted-quaternary", "stroke-bg-action", "stroke-bg-action-hover", "stroke-bg-action-focus", "stroke-bg-action-active", "stroke-bg-action-quaternary", "stroke-bg-action-quaternary-hover", "stroke-bg-action-quaternary-active", "stroke-bg-action-secondary", "stroke-bg-action-secondary-hover", "stroke-bg-action-secondary-active", "stroke-bg-action-tertiary", "stroke-bg-action-tertiary-hover", "stroke-bg-action-tertiary-active", "stroke-bg-app-header", "stroke-bg-backdrop-modal", "stroke-bg-backdrop-popover", "stroke-bg-backdrop-sidebar", "stroke-bg-chip", "stroke-bg-chip-hover", "stroke-bg-chip-active", "stroke-bg-danger", "stroke-bg-danger-hover", "stroke-bg-danger-focus", "stroke-bg-danger-active", "stroke-bg-danger-tertiary", "stroke-bg-danger-tertiary-hover", "stroke-bg-danger-tertiary-active", "stroke-bg-disabled", "stroke-bg-divider", "stroke-bg-divider-secondary", "stroke-bg-keypad-btn-active", "stroke-bg-loading-progress", "stroke-bg-loading-track", "stroke-bg-segment-hover", "stroke-bg-segment-control", "stroke-bg-selected", "stroke-bg-sidebar", "stroke-bg-sidebar-icon", "stroke-bg-sidebar-icon-hover", "stroke-bg-sidebar-icon-selected", "stroke-bg-sidebar-item-hover", "stroke-bg-sidebar-item-selected", "stroke-bg-site-footer", "stroke-bg-site-footer-action", "stroke-bg-site-footer-action-hover", "stroke-bg-site-footer-action-active", "stroke-bg-site-footer-field", "stroke-bg-slider-handle", "stroke-bg-status-error", "stroke-bg-status-info", "stroke-bg-status-success", "stroke-bg-status-warning", "stroke-bg-tab", "stroke-bg-tab-hover", "stroke-bg-tab-selected", "stroke-bg-table-alt-row", "stroke-bg-table-header", "stroke-bg-table-row-hover", "stroke-bg-table-row-selected-expanded", "stroke-bg-table-selected-row", "stroke-bg-textarea-count", "stroke-bg-tile", "stroke-bg-tile-hover", "stroke-bg-tile-selected", "stroke-bg-tile-selected-hover", "stroke-bg-toggle-switch", "stroke-bg-toggle-switch-hover", "stroke-bg-toggle-switch-selected-disabled", "stroke-bg-transparent", "stroke-bg-accent1-primary", "stroke-bg-accent1-secondary", "stroke-bg-accent1-tertiary", "stroke-bg-accent2-primary", "stroke-bg-accent2-secondary", "stroke-bg-accent2-tertiary", "stroke-bg-accent3-primary", "stroke-bg-accent3-secondary", "stroke-bg-accent3-tertiary", "stroke-bg-accent4-primary", "stroke-bg-accent4-secondary", "stroke-bg-accent4-tertiary", "stroke-bg-accent5-primary", "stroke-bg-accent5-secondary", "stroke-bg-accent5-tertiary", "stroke-bg-accent6-primary", "stroke-bg-accent6-secondary", "stroke-bg-accent6-tertiary", "stroke-bg-accent7-primary", "stroke-bg-accent7-secondary", "stroke-bg-accent7-tertiary", "stroke-bg-accent8-primary", "stroke-bg-accent8-secondary", "stroke-bg-accent8-tertiary", "stroke-bg-accent9-primary", "stroke-bg-accent9-secondary", "stroke-bg-accent9-tertiary", "stroke-bg-accent10-primary", "stroke-bg-accent10-secondary", "stroke-bg-accent10-tertiary", "stroke-bg-date-picker-range"];
+// prettier-ignore
+const TextColors = ["text-primary", "text-secondary", "text-inverted-primary", "text-inverted-secondary", "text-black", "text-white", "text-brand", "text-danger-link", "text-danger-link-hover", "text-danger-link-active", "text-danger-link-focus", "text-danger-link-visited", "text-disabled", "text-error", "text-input-disabled", "text-input-placeholder", "text-link", "text-link-hover", "text-link-active", "text-link-focus", "text-link-visited", "text-on-action", "text-on-danger", "text-on-disabled", "text-sidebar-link", "text-sidebar-link-hover", "text-sidebar-link-selected", "text-site-footer-link", "text-site-footer-link-hover", "text-site-footer-link-active", "text-success", "text-inverted-success", "text-accent1-primary", "text-accent2-primary", "text-accent3-primary", "text-accent4-primary", "text-accent5-primary", "text-accent6-primary", "text-accent7-primary", "text-accent8-primary", "text-accent9-primary", "text-accent10-primary"];
+// prettier-ignore
+const BorderColors = ["border-color-action", "border-color-action-hover", "border-color-action-active", "border-color-chip", "border-color-danger", "border-color-danger-hover", "border-color-danger-active", "border-color-divider", "border-color-divider-secondary", "border-color-input-field", "border-color-input-field-hover", "border-color-input-field-focus", "border-color-input-field-danger", "border-color-input-field-danger-hover", "border-color-input-field-danger-focus", "border-color-input-field-disabled", "border-color-secondary-btn-disabled", "border-color-sidebar-item-focus", "border-color-slider-handle", "border-color-success", "border-color-table-divider", "border-color-tile", "border-color-tile-hover", "border-color-tile-focus", "border-color-tile-selected-focus", "border-color-tile-selected", "border-color-tile-selected-hover", "border-color-notification-btn", "border-color-notification-btn-dark"];
+// prettier-ignore
+const TextColorMap = {
+  'text-primary': 'rgba(var(--v-text-primary, 32, 54, 69, 1))',
+  'text-secondary': 'rgba(var(--v-text-secondary, 107, 116, 125, 1))',
+  'text-inverted-primary': 'rgba(var(--v-text-inverted-primary, 252, 252, 252, 1))',
+  'text-inverted-secondary': 'rgba(var(--v-text-inverted-secondary, 188, 186, 213, 1))',
+  'text-black': 'rgba(var(--v-text-black, 32, 54, 69, 1))',
+  'text-white': 'rgba(var(--v-text-white, 252, 252, 252, 1))',
+  'text-brand': 'rgba(var(--v-text-brand, 51, 57, 61, 1))',
+  'text-danger-link': 'rgba(var(--v-text-danger-link, 230, 50, 87, 1))',
+  'text-danger-link-hover': 'rgba(var(--v-text-danger-link-hover, 233, 71, 104, 1))',
+  'text-danger-link-active': 'rgba(var(--v-text-danger-link-active, 189, 41, 71, 1))',
+  'text-danger-link-focus': 'rgba(var(--v-text-danger-link-focus, 240, 52, 91, 1))',
+  'text-danger-link-visited': 'rgba(var(--v-text-danger-link-visited, 230, 50, 87, 1))',
+  'text-disabled': 'rgba(var(--v-text-disabled, 176, 180, 181, 1))',
+  'text-error': 'rgba(var(--v-text-error, 189, 41, 71, 1))',
+  'text-input-disabled': 'rgba(var(--v-text-input-disabled, 107, 116, 125, 1))',
+  'text-input-placeholder': 'rgba(var(--v-text-input-placeholder, 176, 180, 181, 1))',
+  'text-link': 'rgba(var(--v-text-link, 19, 98, 226, 1))',
+  'text-link-hover': 'rgba(var(--v-text-link-hover, 4, 112, 236, 1))',
+  'text-link-active': 'rgba(var(--v-text-link-active, 29, 65, 195, 1))',
+  'text-link-focus': 'rgba(var(--v-text-link-focus, 4, 112, 236, 1))',
+  'text-link-visited': 'rgba(var(--v-text-link-visited, 95, 56, 206, 1))',
+  'text-on-action': 'rgba(var(--v-text-on-action, 252, 252, 252, 1))',
+  'text-on-danger': 'rgba(var(--v-text-on-danger, 252, 252, 252, 1))',
+  'text-on-disabled': 'rgba(var(--v-text-on-disabled, 252, 252, 252, 1))',
+  'text-sidebar-link': 'rgba(var(--v-text-sidebar-link, 188, 186, 213, 1))',
+  'text-sidebar-link-hover': 'rgba(var(--v-text-sidebar-link-hover, 18, 18, 39, 1))',
+  'text-sidebar-link-selected': 'rgba(var(--v-text-sidebar-link-selected, 252, 252, 252, 1))',
+  'text-site-footer-link': 'rgba(var(--v-text-site-footer-link, 171, 198, 216, 1))',
+  'text-site-footer-link-hover': 'rgba(var(--v-text-site-footer-link-hover, 199, 217, 229, 1))',
+  'text-site-footer-link-active': 'rgba(var(--v-text-site-footer-link-active, 143, 179, 203, 1))',
+  'text-success': 'rgba(var(--v-text-success, 1, 128, 31, 1))',
+  'text-inverted-success': 'rgba(var(--v-text-inverted-success, 89, 217, 119, 1))',
+  'text-accent1-primary': 'rgba(var(--v-text-accent1-primary, 115, 230, 220, 1))',
+  'text-accent2-primary': 'rgba(var(--v-text-accent2-primary, 128, 107, 255, 1))',
+  'text-accent3-primary': 'rgba(var(--v-text-accent3-primary, 255, 220, 131, 1))',
+  'text-accent4-primary': 'rgba(var(--v-text-accent4-primary, 255, 149, 113, 1))',
+  'text-accent5-primary': 'rgba(var(--v-text-accent5-primary, 0, 187, 255, 1))',
+  'text-accent6-primary': 'rgba(var(--v-text-accent6-primary, 240, 52, 91, 1))',
+  'text-accent7-primary': 'rgba(var(--v-text-accent7-primary, 37, 159, 159, 1))',
+  'text-accent8-primary': 'rgba(var(--v-text-accent8-primary, 86, 61, 130, 1))',
+  'text-accent9-primary': 'rgba(var(--v-text-accent9-primary, 255, 191, 63, 1))',
+  'text-accent10-primary': 'rgba(var(--v-text-accent10-primary, 237, 122, 35, 1))'
+};
+// prettier-ignore
+const BackgroundColorMap = {
+  'bg-brand': 'rgba(var(--v-bg-brand, 51, 57, 61, 1))',
+  'bg-page': 'rgba(var(--v-bg-page, 240, 243, 247, 1))',
+  'bg-primary': 'rgba(var(--v-bg-primary, 252, 252, 252, 1))',
+  'bg-secondary': 'rgba(var(--v-bg-secondary, 245, 247, 247, 1))',
+  'bg-tertiary': 'rgba(var(--v-bg-tertiary, 240, 243, 247, 1))',
+  'bg-quaternary': 'rgba(var(--v-bg-quaternary, 241, 248, 251, 1))',
+  'bg-inverted-primary': 'rgba(var(--v-bg-inverted-primary, 4, 4, 28, 1))',
+  'bg-inverted-secondary': 'rgba(var(--v-bg-inverted-secondary, 18, 18, 39, 1))',
+  'bg-inverted-tertiary': 'rgba(var(--v-bg-inverted-tertiary, 24, 24, 48, 1))',
+  'bg-inverted-quaternary': 'rgba(var(--v-bg-inverted-quaternary, 70, 71, 101, 1))',
+  'bg-action': 'rgba(var(--v-bg-action, 19, 98, 226, 1))',
+  'bg-action-hover': 'rgba(var(--v-bg-action-hover, 4, 112, 236, 1))',
+  'bg-action-focus': 'rgba(var(--v-bg-action-focus, 19, 98, 226, 1))',
+  'bg-action-active': 'rgba(var(--v-bg-action-active, 29, 65, 195, 1))',
+  'bg-action-quaternary': 'rgba(var(--v-bg-action-quaternary, 222, 225, 227, 1))',
+  'bg-action-quaternary-hover': 'rgba(var(--v-bg-action-quaternary-hover, 239, 239, 239, 1))',
+  'bg-action-quaternary-active': 'rgba(var(--v-bg-action-quaternary-active, 205, 209, 211, 1))',
+  'bg-action-secondary': 'rgba(var(--v-bg-action-secondary, 252, 252, 252, 1))',
+  'bg-action-secondary-hover': 'rgba(var(--v-bg-action-secondary-hover, 4, 112, 236, 0.1))',
+  'bg-action-secondary-active': 'rgba(var(--v-bg-action-secondary-active, 29, 65, 195, 0.1))',
+  'bg-action-tertiary': 'rgba(var(--v-bg-action-tertiary, 0, 0, 0, 0))',
+  'bg-action-tertiary-hover': 'rgba(var(--v-bg-action-tertiary-hover, 4, 4, 28, 0.05))',
+  'bg-action-tertiary-active': 'rgba(var(--v-bg-action-tertiary-active, 4, 4, 28, 0.1))',
+  'bg-app-header': 'rgba(var(--v-bg-app-header, 240, 243, 247, 0.88))',
+  'bg-backdrop-modal': 'rgba(var(--v-bg-backdrop-modal, 18, 18, 39, 0.85))',
+  'bg-backdrop-popover': 'rgba(var(--v-bg-backdrop-popover, 32, 54, 69, 0.16))',
+  'bg-backdrop-sidebar': 'rgba(var(--v-bg-backdrop-sidebar, 18, 18, 39, 0.85))',
+  'bg-chip': 'rgba(var(--v-bg-chip, 32, 54, 69, 0.06))',
+  'bg-chip-hover': 'rgba(var(--v-bg-chip-hover, 32, 54, 69, 0.12))',
+  'bg-chip-active': 'rgba(var(--v-bg-chip-active, 32, 54, 69, 0.2))',
+  'bg-danger': 'rgba(var(--v-bg-danger, 189, 41, 71, 1))',
+  'bg-danger-hover': 'rgba(var(--v-bg-danger-hover, 233, 71, 104, 1))',
+  'bg-danger-focus': 'rgba(var(--v-bg-danger-focus, 189, 41, 71, 1))',
+  'bg-danger-active': 'rgba(var(--v-bg-danger-active, 230, 50, 87, 1))',
+  'bg-danger-tertiary': 'rgba(var(--v-bg-danger-tertiary, 0, 0, 0, 0))',
+  'bg-danger-tertiary-hover': 'rgba(var(--v-bg-danger-tertiary-hover, 255, 87, 114, 0.2))',
+  'bg-danger-tertiary-active': 'rgba(var(--v-bg-danger-tertiary-active, 189, 41, 71, 0.2))',
+  'bg-disabled': 'rgba(var(--v-bg-disabled, 176, 180, 181, 1))',
+  'bg-divider': 'rgba(var(--v-bg-divider, 171, 198, 216, 1))',
+  'bg-divider-secondary': 'rgba(var(--v-bg-divider-secondary, 199, 217, 229, 1))',
+  'bg-keypad-btn-active': 'rgba(var(--v-bg-keypad-btn-active, 229, 239, 255, 1))',
+  'bg-loading-progress': 'rgba(var(--v-bg-loading-progress, 153, 192, 255, 1))',
+  'bg-loading-track': 'rgba(var(--v-bg-loading-track, 229, 239, 255, 1))',
+  'bg-segment-hover': 'rgba(var(--v-bg-segment-hover, 205, 209, 211, 1))',
+  'bg-segment-control': 'rgba(var(--v-bg-segment-control, 89, 96, 99, 0.1))',
+  'bg-selected': 'rgba(var(--v-bg-selected, 0, 151, 255, 0.3))',
+  'bg-sidebar': 'rgba(var(--v-bg-sidebar, 18, 18, 39, 1))',
+  'bg-sidebar-icon': 'rgba(var(--v-bg-sidebar-icon, 188, 186, 213, 1))',
+  'bg-sidebar-icon-hover': 'rgba(var(--v-bg-sidebar-icon-hover, 18, 18, 39, 1))',
+  'bg-sidebar-icon-selected': 'rgba(var(--v-bg-sidebar-icon-selected, 252, 252, 252, 1))',
+  'bg-sidebar-item-hover': 'rgba(var(--v-bg-sidebar-item-hover, 252, 252, 252, 1))',
+  'bg-sidebar-item-selected': 'rgba(var(--v-bg-sidebar-item-selected, 19, 98, 226, 0.4))',
+  'bg-site-footer': 'rgba(var(--v-bg-site-footer, 51, 57, 61, 1))',
+  'bg-site-footer-action': 'rgba(var(--v-bg-site-footer-action, 171, 198, 216, 1))',
+  'bg-site-footer-action-hover': 'rgba(var(--v-bg-site-footer-action-hover, 199, 217, 229, 1))',
+  'bg-site-footer-action-active': 'rgba(var(--v-bg-site-footer-action-active, 143, 179, 203, 1))',
+  'bg-site-footer-field': 'rgba(var(--v-bg-site-footer-field, 89, 96, 99, 1))',
+  'bg-slider-handle': 'rgba(var(--v-bg-slider-handle, 252, 252, 252, 1))',
+  'bg-status-error': 'rgba(var(--v-bg-status-error, 255, 110, 139, 1))',
+  'bg-status-info': 'rgba(var(--v-bg-status-info, 205, 209, 211, 1))',
+  'bg-status-success': 'rgba(var(--v-bg-status-success, 160, 233, 167, 1))',
+  'bg-status-warning': 'rgba(var(--v-bg-status-warning, 255, 220, 131, 1))',
+  'bg-tab': 'rgba(var(--v-bg-tab, 240, 243, 247, 1))',
+  'bg-tab-hover': 'rgba(var(--v-bg-tab-hover, 245, 247, 247, 1))',
+  'bg-tab-selected': 'rgba(var(--v-bg-tab-selected, 32, 54, 69, 1))',
+  'bg-table-alt-row': 'rgba(var(--v-bg-table-alt-row, 245, 247, 247, 1))',
+  'bg-table-header': 'rgba(var(--v-bg-table-header, 240, 243, 247, 1))',
+  'bg-table-row-hover': 'rgba(var(--v-bg-table-row-hover, 241, 248, 251, 1))',
+  'bg-table-row-selected-expanded': 'rgba(var(--v-bg-table-row-selected-expanded, 229, 239, 255, 1))',
+  'bg-table-selected-row': 'rgba(var(--v-bg-table-selected-row, 204, 223, 255, 1))',
+  'bg-textarea-count': 'rgba(var(--v-bg-textarea-count, 4, 4, 28, 0.6))',
+  'bg-tile': 'rgba(var(--v-bg-tile, 252, 252, 252, 1))',
+  'bg-tile-hover': 'rgba(var(--v-bg-tile-hover, 245, 247, 247, 1))',
+  'bg-tile-selected': 'rgba(var(--v-bg-tile-selected, 242, 247, 255, 1))',
+  'bg-tile-selected-hover': 'rgba(var(--v-bg-tile-selected-hover, 229, 239, 255, 1))',
+  'bg-toggle-switch': 'rgba(var(--v-bg-toggle-switch, 107, 116, 125, 0.7))',
+  'bg-toggle-switch-hover': 'rgba(var(--v-bg-toggle-switch-hover, 107, 116, 125, 1))',
+  'bg-toggle-switch-selected-disabled': 'rgba(var(--v-bg-toggle-switch-selected-disabled, 153, 192, 255, 1))',
+  'bg-transparent': 'rgba(var(--v-bg-transparent, 0, 0, 0, 0))',
+  'bg-accent1-primary': 'rgba(var(--v-bg-accent1-primary, 115, 230, 220, 1))',
+  'bg-accent1-secondary': 'rgba(var(--v-bg-accent1-secondary, 193, 244, 239, 1))',
+  'bg-accent1-tertiary': 'rgba(var(--v-bg-accent1-tertiary, 224, 249, 247, 1))',
+  'bg-accent2-primary': 'rgba(var(--v-bg-accent2-primary, 128, 107, 255, 1))',
+  'bg-accent2-secondary': 'rgba(var(--v-bg-accent2-secondary, 199, 189, 255, 1))',
+  'bg-accent2-tertiary': 'rgba(var(--v-bg-accent2-tertiary, 227, 222, 255, 1))',
+  'bg-accent3-primary': 'rgba(var(--v-bg-accent3-primary, 255, 220, 131, 1))',
+  'bg-accent3-secondary': 'rgba(var(--v-bg-accent3-secondary, 255, 239, 200, 1))',
+  'bg-accent3-tertiary': 'rgba(var(--v-bg-accent3-tertiary, 255, 247, 227, 1))',
+  'bg-accent4-primary': 'rgba(var(--v-bg-accent4-primary, 255, 149, 113, 1))',
+  'bg-accent4-secondary': 'rgba(var(--v-bg-accent4-secondary, 255, 208, 192, 1))',
+  'bg-accent4-tertiary': 'rgba(var(--v-bg-accent4-tertiary, 255, 231, 223, 1))',
+  'bg-accent5-primary': 'rgba(var(--v-bg-accent5-primary, 0, 187, 255, 1))',
+  'bg-accent5-secondary': 'rgba(var(--v-bg-accent5-secondary, 142, 223, 249, 1))',
+  'bg-accent5-tertiary': 'rgba(var(--v-bg-accent5-tertiary, 227, 247, 253, 1))',
+  'bg-accent6-primary': 'rgba(var(--v-bg-accent6-primary, 255, 130, 201, 1))',
+  'bg-accent6-secondary': 'rgba(var(--v-bg-accent6-secondary, 255, 199, 231, 1))',
+  'bg-accent6-tertiary': 'rgba(var(--v-bg-accent6-tertiary, 255, 227, 243, 1))',
+  'bg-accent7-primary': 'rgba(var(--v-bg-accent7-primary, 37, 159, 159, 1))',
+  'bg-accent7-secondary': 'rgba(var(--v-bg-accent7-secondary, 155, 212, 214, 1))',
+  'bg-accent7-tertiary': 'rgba(var(--v-bg-accent7-tertiary, 208, 239, 239, 1))',
+  'bg-accent8-primary': 'rgba(var(--v-bg-accent8-primary, 86, 61, 130, 1))',
+  'bg-accent8-secondary': 'rgba(var(--v-bg-accent8-secondary, 199, 162, 204, 1))',
+  'bg-accent8-tertiary': 'rgba(var(--v-bg-accent8-tertiary, 230, 214, 234, 1))',
+  'bg-accent9-primary': 'rgba(var(--v-bg-accent9-primary, 255, 191, 63, 1))',
+  'bg-accent9-secondary': 'rgba(var(--v-bg-accent9-secondary, 254, 215, 142, 1))',
+  'bg-accent9-tertiary': 'rgba(var(--v-bg-accent9-tertiary, 251, 226, 185, 1))',
+  'bg-accent10-primary': 'rgba(var(--v-bg-accent10-primary, 237, 122, 35, 1))',
+  'bg-accent10-secondary': 'rgba(var(--v-bg-accent10-secondary, 241, 146, 85, 1))',
+  'bg-accent10-tertiary': 'rgba(var(--v-bg-accent10-tertiary, 245, 187, 148, 1))',
+  'bg-date-picker-range': 'rgba(var(--v-bg-date-picker-range, 229, 239, 255, 1))'
+};
+// prettier-ignore
+const BorderColorMap = {
+  'border-color-action': 'rgba(var(--v-border-color-action, 19, 98, 226, 1))',
+  'border-color-action-hover': 'rgba(var(--v-border-color-action-hover, 4, 112, 236, 1))',
+  'border-color-action-active': 'rgba(var(--v-border-color-action-active, 29, 65, 195, 1))',
+  'border-color-chip': 'rgba(var(--v-border-color-chip, 205, 209, 211, 1))',
+  'border-color-danger': 'rgba(var(--v-border-color-danger, 230, 50, 87, 1))',
+  'border-color-danger-hover': 'rgba(var(--v-border-color-danger-hover, 255, 87, 114, 1))',
+  'border-color-danger-active': 'rgba(var(--v-border-color-danger-active, 189, 41, 71, 1))',
+  'border-color-divider': 'rgba(var(--v-border-color-divider, 171, 198, 216, 1))',
+  'border-color-divider-secondary': 'rgba(var(--v-border-color-divider-secondary, 199, 217, 229, 1))',
+  'border-color-input-field': 'rgba(var(--v-border-color-input-field, 171, 198, 216, 1))',
+  'border-color-input-field-hover': 'rgba(var(--v-border-color-input-field-hover, 115, 160, 190, 1))',
+  'border-color-input-field-focus': 'rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1))',
+  'border-color-input-field-danger': 'rgba(var(--v-border-color-input-field-danger, 230, 50, 87, 1))',
+  'border-color-input-field-danger-hover': 'rgba(var(--v-border-color-input-field-danger-hover, 255, 87, 114, 1))',
+  'border-color-input-field-danger-focus': 'rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1))',
+  'border-color-input-field-disabled': 'rgba(var(--v-border-color-input-field-disabled, 222, 225, 227, 1))',
+  'border-color-secondary-btn-disabled': 'rgba(var(--v-border-color-secondary-btn-disabled, 176, 180, 181, 1))',
+  'border-color-sidebar-item-focus': 'rgba(var(--v-border-color-sidebar-item-focus, 19, 98, 226, 1))',
+  'border-color-slider-handle': 'rgba(var(--v-border-color-slider-handle, 199, 217, 229, 1))',
+  'border-color-success': 'rgba(var(--v-border-color-success, 1, 128, 31, 1))',
+  'border-color-table-divider': 'rgba(var(--v-border-color-table-divider, 171, 198, 216, 1))',
+  'border-color-tile': 'rgba(var(--v-border-color-tile, 171, 198, 216, 1))',
+  'border-color-tile-hover': 'rgba(var(--v-border-color-tile-hover, 115, 160, 190, 1))',
+  'border-color-tile-focus': 'rgba(var(--v-border-color-tile-focus, 19, 98, 226, 1))',
+  'border-color-tile-selected-focus': 'rgba(var(--v-border-color-tile-selected-focus, 19, 98, 226, 1))',
+  'border-color-tile-selected': 'rgba(var(--v-border-color-tile-selected, 19, 98, 226, 1))',
+  'border-color-tile-selected-hover': 'rgba(var(--v-border-color-tile-selected-hover, 4, 112, 236, 1))',
+  'border-color-notification-btn': 'rgba(var(--v-border-color-notification-btn, 32, 54, 69, 1))',
+  'border-color-notification-btn-dark': 'rgba(var(--v-border-color-notification-btn-dark, 32, 54, 69, 1))'
+};
+
+/* This file is generated by vega-design 2.0.77 */
+/* eslint-disable */
+/* tslint:disable */
+// prettier-ignore
+const Spacing = {
+  "0": 0,
+  "size-4": 4,
+  "size-8": 8,
+  "size-12": 12,
+  "size-16": 16,
+  "size-20": 20,
+  "size-24": 24,
+  "size-32": 32,
+  "size-40": 40,
+  "size-48": 48,
+  "size-64": 64,
+  "size-72": 72,
+  "size-80": 80,
+  "size-112": 112,
+  "size-2": 2
+};
+
+/* This file is generated by vega-design 2.0.77 */
+/* eslint-disable */
+/* tslint:disable */
+// prettier-ignore
+const Shadows = ["shadow-card", "shadow-modal", "shadow-popover", "shadow-form-field", "shadow-dropdown-menu", "shadow-app-header", "shadow-modal-header", "shadow-modal-footer", "shadow-modal-footer-no-scroll"];
+// prettier-ignore
+const ShadowMap = {
+  'shadow-card': 'var(--v-shadow-card, 0px 2px 8px 0px rgba(0, 0, 0, 0.04), 0px 2px 4px 0px rgba(0, 0, 0, 0.02))',
+  'shadow-modal': 'var(--v-shadow-modal, 0px 6px 40px 0px rgba(2, 2, 15, 0.04), 0px 4px 24px 0px rgba(2, 2, 15, 0.08), 0px 8px 80px 0px rgba(2, 2, 15, 0.16))',
+  'shadow-popover': 'var(--v-shadow-popover, 0px 0px 88px 0px rgba(2, 2, 15, 0.01), 0px 0px 32px 0px rgba(2, 2, 15, 0.02), 0px 4px 72px 0px rgba(2, 2, 15, 0.06))',
+  'shadow-form-field': 'var(--v-shadow-form-field, 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 2px 0px rgba(0, 0, 0, 0.1))',
+  'shadow-dropdown-menu': 'var(--v-shadow-dropdown-menu, 0px 2px 4px -2px rgba(0, 0, 0, 0.1), 0px 4px 6px -1px rgba(0, 0, 0, 0.1))',
+  'shadow-app-header': 'var(--v-shadow-app-header, 0px 1px 0px 0px rgba(45, 76, 97, 0.15))',
+  'shadow-modal-header': 'var(--v-shadow-modal-header, 0px 1px 0px 0px rgba(45, 76, 97, 0.15))',
+  'shadow-modal-footer': 'var(--v-shadow-modal-footer, 0px -2px 8px 0px rgba(45, 76, 97, 0.2), 0px -1px 0px 0px rgba(45, 76, 97, 0.15))',
+  'shadow-modal-footer-no-scroll': 'var(--v-shadow-modal-footer-no-scroll, 0px -1px 0px 0px rgba(45, 76, 97, 0.15))'
+};
+
+/* This file is generated by vega-design 2.0.77 */
+/* eslint-disable */
+/* tslint:disable */
+// prettier-ignore
+const Borders = ["border-secondary-btn", "border-secondary-btn-hover", "border-secondary-danger-btn", "border-secondary-btn-active", "border-secondary-danger-btn-hover", "border-secondary-danger-btn-active", "border-input-field", "border-input-field-hover", "border-input-field-focus", "border-input-field-danger", "border-input-field-danger-hover", "border-input-field-danger-focus", "border-sidebar-item-focus", "border-input-field-disabled", "border-success", "border-secondary-btn-disabled", "border-chip", "border-divider", "border-divider-secondary", "border-tile-selected", "border-tile-selected-hover", "border-table-divider", "border-slider-handle", "border-tile", "border-tile-hover", "border-tile-focus", "border-tile-selected-focus", "border-notification-btn", "border-notification-btn-black"];
+// prettier-ignore
+const BorderMap = {
+  'border-secondary-btn': '2px solid rgba(var(--v-border-secondary-btn, 19, 98, 226, 1))',
+  'border-secondary-btn-hover': '2px solid rgba(var(--v-border-secondary-btn-hover, 4, 112, 236, 1))',
+  'border-secondary-danger-btn': '2px solid rgba(var(--v-border-secondary-danger-btn, 230, 50, 87, 1))',
+  'border-secondary-btn-active': '2px solid rgba(var(--v-border-secondary-btn-active, 29, 65, 195, 1))',
+  'border-secondary-danger-btn-hover': '2px solid rgba(var(--v-border-secondary-danger-btn-hover, 255, 87, 114, 1))',
+  'border-secondary-danger-btn-active': '2px solid rgba(var(--v-border-secondary-danger-btn-active, 189, 41, 71, 1))',
+  'border-input-field': '1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1))',
+  'border-input-field-hover': '1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))',
+  'border-input-field-focus': '1px solid rgba(var(--v-border-input-field-focus, 19, 98, 226, 1))',
+  'border-input-field-danger': '1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))',
+  'border-input-field-danger-hover': '1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))',
+  'border-input-field-danger-focus': '1px solid rgba(var(--v-border-input-field-danger-focus, 233, 71, 104, 1))',
+  'border-sidebar-item-focus': '2px solid rgba(var(--v-border-sidebar-item-focus, 19, 98, 226, 1))',
+  'border-input-field-disabled': '1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))',
+  'border-success': '2px solid rgba(var(--v-border-success, 1, 128, 31, 1))',
+  'border-secondary-btn-disabled': '2px solid rgba(var(--v-border-secondary-btn-disabled, 176, 180, 181, 1))',
+  'border-chip': '1px solid rgba(var(--v-border-chip, 205, 209, 211, 1))',
+  'border-divider': '1px solid rgba(var(--v-border-divider, 171, 198, 216, 1))',
+  'border-divider-secondary': '1px solid rgba(var(--v-border-divider-secondary, 199, 217, 229, 1))',
+  'border-tile-selected': '2px solid rgba(var(--v-border-tile-selected, 19, 98, 226, 1))',
+  'border-tile-selected-hover': '2px solid rgba(var(--v-border-tile-selected-hover, 4, 112, 236, 1))',
+  'border-table-divider': '1px solid rgba(var(--v-border-table-divider, 171, 198, 216, 1))',
+  'border-slider-handle': '1px solid rgba(var(--v-border-slider-handle, 199, 217, 229, 1))',
+  'border-tile': '1px solid rgba(var(--v-border-tile, 171, 198, 216, 1))',
+  'border-tile-hover': '1px solid rgba(var(--v-border-tile-hover, 115, 160, 190, 1))',
+  'border-tile-focus': '1px solid rgba(var(--v-border-tile-focus, 19, 98, 226, 1))',
+  'border-tile-selected-focus': '2px solid rgba(var(--v-border-tile-selected-focus, 19, 98, 226, 1))',
+  'border-notification-btn': '2px solid rgba(var(--v-border-notification-btn, 32, 54, 69, 1))',
+  'border-notification-btn-black': '2px solid rgba(var(--v-border-notification-btn-black, 32, 54, 69, 1))'
+};
+
+/**
+ * Returns true if the input is a string that is one of the four directions.
+ *
+ * @param {unknown} input - The value to check.
+ * @returns {boolean} indicating if the input is type of {@link SpacingDirection}
+ */
+const isSpacingDirection = (input) => {
+  return typeof input === 'string' && ['top', 'bottom', 'left', 'right', 'x', 'y'].includes(input);
+};
+/**
+ * If the input is a string and the string is a key in the Spacing enum, then the input is a SpacingTokenType.
+ *
+ * @param {unknown} input - The value to check.
+ * @returns {boolean} indicating if the input is type of {@link SpacingTokenType}
+ */
+const isSpacingTokenType = (input) => {
+  return typeof input === 'string' && typeof Spacing[input] === 'number';
+};
+/**
+ * If every key in the input is a valid spacing direction and every value in the input is a valid spacing value, then the
+ * input is a valid directional spacing type.
+ *
+ * @param {unknown} input - unknown - This is the input value that we want to check.
+ * @returns {boolean} indicating if the input is type of {@link DirectionalSpacingType}
+ */
+const isDirectionalSpacingType = (input) => {
+  return (typeof input === 'object' &&
+    input !== null &&
+    Object.keys(input).every(isSpacingDirection) &&
+    Object.values(input).every((paddingValue) => paddingValue in Spacing));
+};
+/**
+ * `isResponsiveType` returns true if the input is an object with a `default` property and all other properties are valid
+ * breakpoints
+ *
+ * @param {unknown} input - unknown - this is the input that we want to check if it's a ResponsiveType
+ * @returns {boolean} indicating if the input is type of {@link ResponsiveType<ResponsiveScope>}
+ */
+const isResponsiveType = (input) => {
+  return typeof input === 'object' && input !== null && Object.keys(input).every(isBreakpointsTokenType);
+};
+/**
+ * If the input is a string and it's either in the Breakpoints enum or it's the string 'default', then it's a
+ * BreakpointsTokenType.
+ *
+ * @param {unknown} input - The value to check.
+ * @returns {boolean} indicating if the input is type of {@link BreakpointsTokenType}
+ */
+const isBreakpointsTokenType = (input) => {
+  return typeof input === 'string' && (input in breakpoints.Breakpoints || input === 'default');
+};
+/**
+ * This function returns true if the input is a string that is a key in the BorderRadius object.
+ *
+ * @param {unknown} input - unknown - This is the input that will be checked.
+ * @returns {boolean} indicating if the input is type of {@link BorderRadiusTokenType}
+ */
+const isBorderRadiusTokenType = (input) => {
+  return typeof input === 'string' && input in BorderRadius;
+};
+/**
+ * If the input is a string and it's in the Colors array, then it's a ColorsTokenType.
+ *
+ * @param {unknown} input - unknown - This is the input that we're checking.
+ * @returns {boolean} indicating if the input is type of {@link ColorsTokenType}
+ */
+const isColorTokenType = (input) => {
+  return typeof input === 'string' && Colors.includes(input);
+};
+/**
+ * It returns true if the input is a string that starts with 'border-color-' and is a valid color token type.
+ *
+ * @param {unknown} input - The value to be tested.
+ * @returns {boolean} indicating if the input is {@link BorderColorsTokenType}
+ */
+const isBorderColorTokenType = (input) => {
+  return isColorTokenType(input) && /^border-color-.+$/.test(input);
+};
+/**
+ * If the input is a string and it's in the Borders array, then it's a BordersTokenType.
+ *
+ * @param {unknown} input - unknown - This is the input that we're checking.
+ * @returns {boolean} indicating if the input is type of {@link BordersTokenType}
+ */
+const isBorderTokenType = (input) => {
+  return typeof input === 'string' && Borders.includes(input);
+};
+/**
+ * It returns true if the input is a string that starts with `bg-` and is a valid color token type.
+ *
+ * @param {unknown} input - The value to be tested.
+ * @returns {boolean} indicating if the input is {@link BackgroundColorsTokenType}
+ */
+const isBackgroundColorTokenType = (input) => {
+  return isColorTokenType(input) && /^bg-.+$/.test(input);
+};
+/**
+ * This function returns true if the input is a string that starts with 'text-' and is a valid color token type.
+ *
+ * @param {unknown} input - The value to check.
+ * @returns {boolean} indicating if the input is {@link TextColorsTokenType}
+ */
+const isTextColorTokenType = (input) => {
+  return isColorTokenType(input) && /^text-.+$/.test(input);
+};
+/**
+ * If the input is a string and it's in the Shadows array, then it's a ShadowsTokenType.
+ *
+ * @param {unknown} input - unknown - This is the input that will be checked.
+ * @returns {boolean} indicating if the input is {@link ShadowsTokenType}
+ */
+const isShadowsTokenType = (input) => {
+  return typeof input === 'string' && Shadows.includes(input);
+};
+/**
+ * If the input is a number, it must be between 1 and 12. If the input is a string, it must be in the
+ * format of '1-auto' to '12-auto'.
+ *
+ * @param {unknown} input - The input to be tested.
+ * @returns {boolean} indicating if the input is {@link GridColumnsType}
+ */
+const isGridColumnsType = (input) => {
+  return ((typeof input === 'string' || typeof input === 'number') && regex.GridColumnsRegex.test(input.toString()));
+};
+/**
+ * If the input is a number, it must be between 1 and 12. If the input is a string, it must be in the
+ * format of '1-auto' to '12-auto'.
+ *
+ * @param {unknown} input - The input to be tested.
+ * @returns {boolean} indicating if the input is {@link GridRowsType}
+ */
+const isGridRowsType = (input) => {
+  return (typeof input === 'string' || typeof input === 'number') && regex.GridRowsRegex.test(input.toString());
+};
+/**
+ * If the input is a string, and that string is a key in the Breakpoints object, then the input is a GridRowType.
+ *
+ * @param {unknown} input - The value that is being checked.
+ * @returns {boolean} indicating if the input is {@link BreakpointsTokenType}
+ */
+const isBreakpointsForPrefixType = (input) => {
+  return Object.keys(breakpoints.Breakpoints).includes(input);
+};
+/**
+ * If the input is an object with a number property named X and a number property named Y, then it's a TranslocationType.
+ *
+ * @param {unknown} input - The input to check.
+ * @returns {boolean} indicating if the input is {@link TranslocationType}
+ */
+const isTranslocationType = (input) => {
+  return (typeof input === 'object' &&
+    input !== null &&
+    (typeof input['X'] === 'number' ||
+      ['start', 'center', 'end'].includes(input['X'])) &&
+    (typeof input['Y'] === 'number' ||
+      ['start', 'center', 'end'].includes(input['Y'])));
+};
+/**
+ * "If the input is an object with a `groupId` property that is a string, and an `element` property that is an object with
+ * a `tagName` property that is `'VEGA-ACCORDION'`, then return true, otherwise return false."
+ *
+ * The above function is a type guard. It's a function that takes an input of type `unknown` and returns a boolean. If the
+ * input is of the type we're looking for, then the function returns `true`, otherwise it returns `false`
+ *
+ * @param {unknown} input - The input to check.
+ * @returns {boolean} indicating if the input is {@link AccordionObserverPayload}
+ */
+const isAccordionObserverPayload = (input) => {
+  return (typeof input['groupId'] === 'string' &&
+    input['element'] &&
+    input['element']['tagName'] === 'VEGA-ACCORDION');
+};
+/**
+ * If the input is a string and it's in the list of FlexDirections, then it's a FlexDirectionType.
+ *
+ * @param {unknown} input - unknown - This is the input that we want to check.
+ * @returns {boolean} A function that takes an unknown input and returns a boolean.
+ */
+const isFlexDirectionType = (input) => {
+  return typeof input === 'string' && ui.FlexDirections.includes(input);
+};
+/**
+ * This TypeScript function checks if an input is a valid FlexAlignItemType.
+ *
+ * @param {unknown} input - The input parameter is of type unknown, which means it can be any type of
+ * value. The function is checking if the input is a string and if it is included in the FlexAlignItem
+ * array. If both conditions are true, it returns true, indicating that the input is of type
+ * FlexAlignItemType
+ * @returns {boolean} The function `isFlexAlignItemType` is returning a boolean value. It checks if the `input`
+ * parameter is a string and if it is included in the `FlexAlignItem` array. If both conditions are
+ * true, it returns `true`, indicating that the `input` is of type `FlexAlignItemType`. Otherwise, it
+ * returns `false`.
+ */
+const isFlexAlignItemType = (input) => {
+  return typeof input === 'string' && ui.FlexAlignItem.includes(input);
+};
+/**
+ * This TypeScript function checks if an input is a valid FlexJustifyContentType.
+ *
+ * @param {unknown} input - The input parameter is of type unknown, which means it can be any type of
+ * value. The function is checking if the input is a string and if it is one of the values in the
+ * FlexJustifyContent array.
+ * @returns {boolean} A boolean value. The function checks if the input is a string and if it is included in the
+ * `FlexJustifyContent` array, and returns `true` if both conditions are met, indicating that the input
+ * is of type `FlexJustifyContentType`. If either condition is not met, the function returns `false`.
+ */
+const isFlexJustifyContentType = (input) => {
+  return typeof input === 'string' && ui.FlexJustifyContent.includes(input);
+};
+/**
+ * The function `isFlexWrapType` checks if the input is a valid `FlexWrapType` string.
+ *
+ * @param {unknown} input - The `input` parameter in the `isFlexWrapType` function is of type
+ * `unknown`, which means it can be any type of value. The function checks if the input is a string and
+ * if it is included in the `FlexWrap` array.
+ * @returns {boolean} The `isFlexWrapType` function is returning a boolean value. It checks if the `input` is a
+ * string and if it is included in the `FlexWrap` array, which contains valid `FlexWrapType` values. If
+ * both conditions are met, the function returns `true`, indicating that the `input` is of type
+ * `FlexWrapType`. Otherwise, it returns `false`.
+ */
+const isFlexWrapType = (input) => {
+  return typeof input === 'string' && ui.FlexWrap.includes(input);
+};
+/**
+ * The function `isTextAlignType` checks if the input is a valid `TextAlignType` string.
+ *
+ * @param {unknown} input - The `input` parameter is of type `unknown`, which means it can be any type
+ * of value.
+ * @returns {boolean} The `isTextAlignType` function is returning a boolean value. It checks if the `input` is a
+ * string and if it is included in the `TextAlign` array, which presumably contains valid
+ * `TextAlignType` values. If both conditions are met, the function returns `true`, indicating that the
+ * `input` is of type `TextAlignType`. Otherwise, it returns `false
+ */
+const isTextAlignType = (input) => {
+  return typeof input === 'string' && ui.TextAlign.includes(input);
+};
+/**
+ * It takes an array of unknowns and a type guard function, and returns a type guard function that
+ * returns true if the input is an array of the type that the type guard function guards
+ *
+ * @param {unknown} input - unknown - the input to check
+ * @param {Function} itemTypeGuard - (item: unknown) => item is T
+ * @returns {boolean} A function that takes two arguments, input and itemTypeGuard.
+ */
+const isArrayOfType = (input, itemTypeGuard) => {
+  return Array.isArray(input) && input.every(itemTypeGuard);
+};
+/**
+ * If the input is an object with a label and key property, then it's a DropdownSourceItem.
+ *
+ * @param {unknown} input - The input to check.
+ * @returns {boolean} A function that takes in an unknown input and returns a boolean.
+ */
+const isDropdownSourceItemType = (input) => {
+  return (typeof input === 'object' &&
+    Object.prototype.hasOwnProperty.call(input, 'label') &&
+    Object.prototype.hasOwnProperty.call(input, 'key'));
+};
+/**
+ * If the input is an object with an id and displayName property, then it's a SelectSourceItem.
+ *
+ * @param {unknown} input - The input to check.
+ * @returns {boolean} A function that takes an input and returns a boolean.
+ */
+const isSelectSourceItemType = (input) => {
+  return (typeof input === 'object' &&
+    Object.prototype.hasOwnProperty.call(input, 'id') &&
+    Object.prototype.hasOwnProperty.call(input, 'displayName'));
+};
+/**
+ * The function `isBoxDisplayType` checks if the input is a valid BoxDisplayType.
+ *
+ * @param {unknown} input - The input parameter is of type unknown, which means it can be any type.
+ * @returns {boolean} a boolean value.
+ */
+const isBoxDisplayType = (input) => {
+  return typeof input === 'string' && ui.BoxDisplay.includes(input);
+};
+/**
+ * Check if the input is not null and undefined
+ *
+ * @param {Nullable} input - the value
+ * @returns {boolean} return true if the input is not null and undefined
+ */
+const isNonNullable = (input) => {
+  return input !== null && input !== undefined;
+};
+/**
+ * The function `isTypographyTokenType` checks if the input is a string and if it is one of the predefined TypographyTokenType values.
+ *
+ * @param {unknown} input - The input parameter is of type unknown, which means it can be any type.
+ * @returns {boolean} a boolean value.
+ */
+const isTypographyTokenType = (input) => {
+  return typeof input === 'string' && typography.TypographyKeys.includes(input);
+};
+/**
+ * The function `isBorderStyleType` checks if the input is a valid BorderStyleType string.
+ *
+ * @param {unknown} input - The `input` parameter is of type `unknown`, which means it can be any type
+ * of value. The `isBorderStyleType` function is a type guard function that checks if the `input` is of
+ * type `BorderStyleType`.
+ * @returns {boolean} The `isBorderStyleType` function is returning a boolean value. It checks if the `input` is
+ * of type `BorderStyleType` by verifying if it is a string and if it is included in the `BorderStyle`
+ * array. If the condition is met, it returns `true`, indicating that the `input` is of type
+ * `BorderStyleType`. Otherwise, it returns `false`.
+ */
+const isBorderStyleType = (input) => {
+  return typeof input === 'string' && ui.BorderStyle.includes(input);
+};
+/**
+ * The function `isBorderRadiusDirectionType` checks if the input is a valid `BorderRadiusDirection` type.
+ *
+ * @param {unknown} input - The `input` parameter in the `isBorderRadiusDirectionType` function is of
+ * type `unknown`, which means it can be any type of value. The function checks if the input is a
+ * string and if it matches one of the specified values in the array ['top', 'left', 'right
+ * @returns {boolean} The function `isBorderRadiusDirectionType` is returning a boolean value indicating whether
+ * the `input` is of type `BorderRadiusDirection` or not.
+ */
+const isBorderRadiusDirectionType = (input) => {
+  return (typeof input === 'string' &&
+    ['top', 'right', 'bottom', 'left', 'top-left', 'top-right', 'bottom-left', 'bottom-right'].includes(input));
+};
+/**
+ * The function `isDirectionalBorderRadiusType` checks if the input object conforms to the
+ * `DirectionalBorderRadiusType` type.
+ *
+ * @param {unknown} input - The `input` parameter in the `isDirectionalBorderRadiusType` function is of
+ * type `unknown`, which means it can be any type of value. The function is checking if the input is a
+ * valid `DirectionalBorderRadiusType` by verifying that it is an object, not null,
+ * @returns {boolean} The function `isDirectionalBorderRadiusType` is returning a boolean value.
+ */
+const isDirectionalBorderRadiusType = (input) => {
+  return (typeof input === 'object' &&
+    input !== null &&
+    Object.keys(input).every(isBorderRadiusDirectionType) &&
+    Object.values(input).every((value) => value in BorderRadius));
+};
+/**
+ * The function `isStateVariantTokenType` checks if the input is an object with keys that are all of
+ * type `CssStatesType`.
+ *
+ * @param {unknown} input - The `input` parameter is a value of type `unknown`, which means it can be
+ * any type of value in TypeScript.
+ * @returns {boolean} The `isStateVariantTokenType` function is returning a boolean value. It checks if the
+ * `input` is an object that is not null and if all the keys of the object pass the `isCssStateType`
+ * check. If these conditions are met, it returns `true`, indicating that the `input` is of type
+ * `StateVariantType<T, CssStatesType>`. Otherwise, it
+ */
+const isStateVariantTokenType = (input) => {
+  return typeof input === 'object' && input !== null && Object.keys(input).every(isCssStateType);
+};
+/**
+ * The function `isCssStateType` checks if the input is a valid CSS state type by verifying if it is a
+ * string and included in a predefined list of CSS states.
+ *
+ * @param {CssStatesType} input - The `input` parameter in the `isCssStateType` function is of type
+ * `CssStatesType`.
+ * @returns {boolean} The function `isCssStateType` is returning a boolean value.
+ */
+const isCssStateType = (input) => {
+  return typeof input === 'string' && ui.CssStates.includes(input);
+};
+
+exports.BackgroundColorMap = BackgroundColorMap;
+exports.BackgroundColors = BackgroundColors;
+exports.BorderColorMap = BorderColorMap;
+exports.BorderColors = BorderColors;
+exports.BorderMap = BorderMap;
+exports.BorderRadius = BorderRadius;
+exports.Borders = Borders;
+exports.Colors = Colors;
+exports.FillBackgroundColors = FillBackgroundColors;
+exports.ShadowMap = ShadowMap;
+exports.Shadows = Shadows;
+exports.Spacing = Spacing;
+exports.StrokeBackgroundColors = StrokeBackgroundColors;
+exports.TextColorMap = TextColorMap;
+exports.TextColors = TextColors;
+exports.isAccordionObserverPayload = isAccordionObserverPayload;
+exports.isArrayOfType = isArrayOfType;
+exports.isBackgroundColorTokenType = isBackgroundColorTokenType;
+exports.isBorderColorTokenType = isBorderColorTokenType;
+exports.isBorderRadiusTokenType = isBorderRadiusTokenType;
+exports.isBorderStyleType = isBorderStyleType;
+exports.isBorderTokenType = isBorderTokenType;
+exports.isBoxDisplayType = isBoxDisplayType;
+exports.isBreakpointsForPrefixType = isBreakpointsForPrefixType;
+exports.isBreakpointsTokenType = isBreakpointsTokenType;
+exports.isDirectionalBorderRadiusType = isDirectionalBorderRadiusType;
+exports.isDirectionalSpacingType = isDirectionalSpacingType;
+exports.isDropdownSourceItemType = isDropdownSourceItemType;
+exports.isFlexAlignItemType = isFlexAlignItemType;
+exports.isFlexDirectionType = isFlexDirectionType;
+exports.isFlexJustifyContentType = isFlexJustifyContentType;
+exports.isFlexWrapType = isFlexWrapType;
+exports.isGridColumnsType = isGridColumnsType;
+exports.isGridRowsType = isGridRowsType;
+exports.isNonNullable = isNonNullable;
+exports.isResponsiveType = isResponsiveType;
+exports.isSelectSourceItemType = isSelectSourceItemType;
+exports.isShadowsTokenType = isShadowsTokenType;
+exports.isSpacingTokenType = isSpacingTokenType;
+exports.isStateVariantTokenType = isStateVariantTokenType;
+exports.isTextAlignType = isTextAlignType;
+exports.isTextColorTokenType = isTextColorTokenType;
+exports.isTranslocationType = isTranslocationType;
+exports.isTypographyTokenType = isTypographyTokenType;