@kubit-ui-web/react-components 2.0.0-beta.7 → 2.0.0-beta.70

package/dist/cjs/lib/provider/cssProvider/stats/stats.js

@@ -1,1641 +0,0 @@
-/* CssThemes */
-export const cssThemes = {
-  'kubit': { css: '/Users/n128691/PROJECTS/OPEN_SOURCE/kubit-react-components/src/lib/designSystem/kubit/css/kubit.css', foreign: { before: [],  after: [], }, },
-}
-/* CssThemes */
-
-/* CssVars */
-export const cssVars = {
-  'kubit': {
-  borders_border_00: 'var(--borders-border-00)',
-  borders_border_50: 'var(--borders-border-50)',
-  borders_border_100: 'var(--borders-border-100)',
-  borders_border_200: 'var(--borders-border-200)',
-  colors_accent_color_default_bg_50: 'var(--colors-accent-color-accent-default-bg-50)',
-  colors_accent_color_default_bg_100: 'var(--colors-accent-color-accent-default-bg-100)',
-  colors_accent_color_default_bg_150: 'var(--colors-accent-color-accent-default-bg-150)',
-  colors_accent_color_default_border_50: 'var(--colors-accent-color-accent-default-border-50)',
-  colors_accent_color_default_border_100: 'var(--colors-accent-color-accent-default-border-100)',
-  colors_accent_color_default_border_150: 'var(--colors-accent-color-accent-default-border-150)',
-  colors_accent_color_default_font_50: 'var(--colors-accent-color-accent-default-font-50)',
-  colors_accent_color_default_font_100: 'var(--colors-accent-color-accent-default-font-100)',
-  colors_accent_color_default_font_150: 'var(--colors-accent-color-accent-default-font-150)',
-  colors_accent_color_default_icon_50: 'var(--colors-accent-color-accent-default-icon-50)',
-  colors_accent_color_default_icon_100: 'var(--colors-accent-color-accent-default-icon-100)',
-  colors_accent_color_default_icon_150: 'var(--colors-accent-color-accent-default-icon-150)',
-  colors_accent_color_hover_bg_50: 'var(--colors-accent-color-accent-hover-bg-50)',
-  colors_accent_color_hover_bg_100: 'var(--colors-accent-color-accent-hover-bg-100)',
-  colors_accent_color_hover_bg_150: 'var(--colors-accent-color-accent-hover-bg-150)',
-  colors_accent_color_hover_font_200: 'var(--colors-accent-color-accent-hover-font-200)',
-  colors_accent_color_hover_icon_150: 'var(--colors-accent-color-accent-hover-icon-150)',
-  colors_accent_color_hover_icon_200: 'var(--colors-accent-color-accent-hover-icon-200)',
-  colors_accent_color_loading_bg_50: 'var(--colors-accent-color-accent-loading-bg-50)',
-  colors_accent_color_loading_bg_100: 'var(--colors-accent-color-accent-loading-bg-100)',
-  colors_accent_color_loading_bg_150: 'var(--colors-accent-color-accent-loading-bg-150)',
-  colors_accent_color_loading_border_50: 'var(--colors-accent-color-accent-loading-border-50)',
-  colors_accent_color_loading_border_100: 'var(--colors-accent-color-accent-loading-border-100)',
-  colors_accent_color_loading_icon_50: 'var(--colors-accent-color-accent-loading-icon-50)',
-  colors_accent_color_loading_icon_100: 'var(--colors-accent-color-accent-loading-icon-100)',
-  colors_accent_color_pressed_bg_50: 'var(--colors-accent-color-accent-pressed-bg-50)',
-  colors_accent_color_pressed_bg_150: 'var(--colors-accent-color-accent-pressed-bg-150)',
-  colors_accent_color_pressed_font_200: 'var(--colors-accent-color-accent-pressed-font-200)',
-  colors_accent_color_pressed_font_250: 'var(--colors-accent-color-accent-pressed-font-250)',
-  colors_accent_color_pressed_icon_200: 'var(--colors-accent-color-accent-pressed-icon-200)',
-  colors_accent_color_pressed_icon_250: 'var(--colors-accent-color-accent-pressed-icon-250)',
-  colors_accent_color_code_50: 'var(--colors-accent-color-code-50)',
-  colors_accent_color_code_100: 'var(--colors-accent-color-code-100)',
-  colors_accent_color_code_150: 'var(--colors-accent-color-code-150)',
-  colors_accent_color_code_200: 'var(--colors-accent-color-code-200)',
-  colors_accent_color_code_250: 'var(--colors-accent-color-code-250)',
-  colors_brand_color_bg_50: 'var(--colors-brand-color-brand-bg-50)',
-  colors_brand_color_border_50: 'var(--colors-brand-color-brand-border-50)',
-  colors_brand_color_border_100: 'var(--colors-brand-color-brand-border-100)',
-  colors_brand_color_font_50: 'var(--colors-brand-color-brand-font-50)',
-  colors_brand_color_font_100: 'var(--colors-brand-color-brand-font-100)',
-  colors_brand_color_icon_50: 'var(--colors-brand-color-brand-icon-50)',
-  colors_decorative_color_50: 'var(--colors-decorative-color-decorative-50)',
-  colors_decorative_color_100: 'var(--colors-decorative-color-decorative-100)',
-  colors_decorative_color_150: 'var(--colors-decorative-color-decorative-150)',
-  colors_decorative_color_200: 'var(--colors-decorative-color-decorative-200)',
-  colors_decorative_color_250: 'var(--colors-decorative-color-decorative-250)',
-  colors_decorative_color_300: 'var(--colors-decorative-color-decorative-300)',
-  colors_decorative_color_350: 'var(--colors-decorative-color-decorative-350)',
-  colors_disabled_color_accentdisabled_bg_50: 'var(--colors-disabled-color-accentdisabled-bg-50)',
-  colors_disabled_color_accentdisabled_bg_100: 'var(--colors-disabled-color-accentdisabled-bg-100)',
-  colors_disabled_color_accentdisabled_bg_150: 'var(--colors-disabled-color-accentdisabled-bg-150)',
-  colors_disabled_color_accentdisabled_border_50: 'var(--colors-disabled-color-accentdisabled-border-50)',
-  colors_disabled_color_accentdisabled_border_100: 'var(--colors-disabled-color-accentdisabled-border-100)',
-  colors_disabled_color_accentdisabled_border_150: 'var(--colors-disabled-color-accentdisabled-border-150)',
-  colors_disabled_color_accentdisabled_font_50: 'var(--colors-disabled-color-accentdisabled-font-50)',
-  colors_disabled_color_accentdisabled_font_100: 'var(--colors-disabled-color-accentdisabled-font-100)',
-  colors_disabled_color_accentdisabled_font_150: 'var(--colors-disabled-color-accentdisabled-font-150)',
-  colors_disabled_color_accentdisabled_icon_50: 'var(--colors-disabled-color-accentdisabled-icon-50)',
-  colors_disabled_color_accentdisabled_icon_100: 'var(--colors-disabled-color-accentdisabled-icon-100)',
-  colors_disabled_color_accentdisabled_icon_150: 'var(--colors-disabled-color-accentdisabled-icon-150)',
-  colors_feedback_color_error_bg_50: 'var(--colors-feedback-color-feedback-error-bg-50)',
-  colors_feedback_color_error_bg_100: 'var(--colors-feedback-color-feedback-error-bg-100)',
-  colors_feedback_color_error_border_50: 'var(--colors-feedback-color-feedback-error-border-50)',
-  colors_feedback_color_error_icon_50: 'var(--colors-feedback-color-feedback-error-icon-50)',
-  colors_feedback_color_info_bg_50: 'var(--colors-feedback-color-feedback-info-bg-50)',
-  colors_feedback_color_info_bg_100: 'var(--colors-feedback-color-feedback-info-bg-100)',
-  colors_feedback_color_info_bg_150: 'var(--colors-feedback-color-feedback-info-bg-150)',
-  colors_feedback_color_info_border_50: 'var(--colors-feedback-color-feedback-info-border-50)',
-  colors_feedback_color_success_bg_50: 'var(--colors-feedback-color-feedback-success-bg-50)',
-  colors_feedback_color_success_bg_100: 'var(--colors-feedback-color-feedback-success-bg-100)',
-  colors_feedback_color_success_bg_150: 'var(--colors-feedback-color-feedback-success-bg-150)',
-  colors_feedback_color_success_border_50: 'var(--colors-feedback-color-feedback-success-border-50)',
-  colors_feedback_color_success_icon_50: 'var(--colors-feedback-color-feedback-success-icon-50)',
-  colors_feedback_color_warning_bg_50: 'var(--colors-feedback-color-feedback-warning-bg-50)',
-  colors_feedback_color_warning_bg_100: 'var(--colors-feedback-color-feedback-warning-bg-100)',
-  colors_feedback_color_warning_bg_150: 'var(--colors-feedback-color-feedback-warning-bg-150)',
-  colors_feedback_color_warning_border_50: 'var(--colors-feedback-color-feedback-warning-border-50)',
-  colors_feedback_color_warning_icon_50: 'var(--colors-feedback-color-feedback-warning-icon-50)',
-  colors_feedback_color_feedbackerror_bg_150: 'var(--colors-feedback-color-feedbackerror-bg-150)',
-  colors_feedback_color_feedbackerror_border_100: 'var(--colors-feedback-color-feedbackerror-border-100)',
-  colors_feedback_color_feedbackerror_font_50: 'var(--colors-feedback-color-feedbackerror-font-50)',
-  colors_feedback_color_feedbackerror_icon_100: 'var(--colors-feedback-color-feedbackerror-icon-100)',
-  colors_feedback_color_feedbackinfo_border_100: 'var(--colors-feedback-color-feedbackinfo-border-100)',
-  colors_feedback_color_feedbackinfo_icon_50: 'var(--colors-feedback-color-feedbackinfo-icon-50)',
-  colors_feedback_color_feedbacksuccess_border_100: 'var(--colors-feedback-color-feedbacksuccess-border-100)',
-  colors_feedback_color_feedbacksuccess_font_50: 'var(--colors-feedback-color-feedbacksuccess-font-50)',
-  colors_feedback_color_feedbacksuccess_icon_100: 'var(--colors-feedback-color-feedbacksuccess-icon-100)',
-  colors_feedback_color_feedbackwarning_border_100: 'var(--colors-feedback-color-feedbackwarning-border-100)',
-  colors_hover_color_accent_bg_50: 'var(--colors-hover-color-accent-hover-bg-50)',
-  colors_keyboard_focus_color_accentkeyboardfocus_border_50: 'var(--colors-keyboard-focus-color-accentkeyboardfocus-border-50)',
-  colors_keyboard_focus_color_accentkeyboardfocus_border_100: 'var(--colors-keyboard-focus-color-accentkeyboardfocus-border-100)',
-  colors_neutral_color_bg_50: 'var(--colors-neutral-color-neutral-bg-50)',
-  colors_neutral_color_bg_100: 'var(--colors-neutral-color-neutral-bg-100)',
-  colors_neutral_color_bg_150: 'var(--colors-neutral-color-neutral-bg-150)',
-  colors_neutral_color_bg_200: 'var(--colors-neutral-color-neutral-bg-200)',
-  colors_neutral_color_bg_250: 'var(--colors-neutral-color-neutral-bg-250)',
-  colors_neutral_color_border_50: 'var(--colors-neutral-color-neutral-border-50)',
-  colors_neutral_color_border_100: 'var(--colors-neutral-color-neutral-border-100)',
-  colors_neutral_color_border_150: 'var(--colors-neutral-color-neutral-border-150)',
-  colors_neutral_color_border_200: 'var(--colors-neutral-color-neutral-border-200)',
-  colors_neutral_color_border_250: 'var(--colors-neutral-color-neutral-border-250)',
-  colors_neutral_color_font_50: 'var(--colors-neutral-color-neutral-font-50)',
-  colors_neutral_color_font_100: 'var(--colors-neutral-color-neutral-font-100)',
-  colors_neutral_color_font_150: 'var(--colors-neutral-color-neutral-font-150)',
-  colors_neutral_color_font_200: 'var(--colors-neutral-color-neutral-font-200)',
-  colors_neutral_color_font_250: 'var(--colors-neutral-color-neutral-font-250)',
-  colors_neutral_color_icon_50: 'var(--colors-neutral-color-neutral-icon-50)',
-  colors_neutral_color_icon_100: 'var(--colors-neutral-color-neutral-icon-100)',
-  colors_neutral_color_icon_150: 'var(--colors-neutral-color-neutral-icon-150)',
-  colors_neutral_color_icon_200: 'var(--colors-neutral-color-neutral-icon-200)',
-  colors_neutral_color_icon_250: 'var(--colors-neutral-color-neutral-icon-250)',
-  colors_pressed_color_accent_bg_50: 'var(--colors-pressed-color-accent-pressed-bg-50)',
-  colors_pressed_color_accent_bg_100: 'var(--colors-pressed-color-accent-pressed-bg-100)',
-  colors_pressed_color_accent_bg_200: 'var(--colors-pressed-color-accent-pressed-bg-200)',
-  colors_pressed_color_accent_border_50: 'var(--colors-pressed-color-accent-pressed-border-50)',
-  colors_pressed_color_accent_font_50: 'var(--colors-pressed-color-accent-pressed-font-50)',
-  colors_pressed_color_accent_font_100: 'var(--colors-pressed-color-accent-pressed-font-100)',
-  colors_pressed_color_accent_font_150: 'var(--colors-pressed-color-accent-pressed-font-150)',
-  colors_pressed_color_accent_icon_50: 'var(--colors-pressed-color-accent-pressed-icon-50)',
-  colors_pressed_color_accent_icon_100: 'var(--colors-pressed-color-accent-pressed-icon-100)',
-  colors_pressed_color_accent_icon_150: 'var(--colors-pressed-color-accent-pressed-icon-150)',
-  colors_pressed_color_accent_icon_250: 'var(--colors-pressed-color-accent-pressed-icon-250)',
-  colors_secondary_color_bg_50: 'var(--colors-secondary-color-secondary-bg-50)',
-  colors_secondary_color_bg_100: 'var(--colors-secondary-color-secondary-bg-100)',
-  colors_secondary_color_bg_150: 'var(--colors-secondary-color-secondary-bg-150)',
-  colors_secondary_color_bg_200: 'var(--colors-secondary-color-secondary-bg-200)',
-  colors_secondary_color_bg_250: 'var(--colors-secondary-color-secondary-bg-250)',
-  colors_secondary_color_border_50: 'var(--colors-secondary-color-secondary-border-50)',
-  colors_secondary_color_border_100: 'var(--colors-secondary-color-secondary-border-100)',
-  colors_secondary_color_border_150: 'var(--colors-secondary-color-secondary-border-150)',
-  colors_secondary_color_font_50: 'var(--colors-secondary-color-secondary-font-50)',
-  colors_secondary_color_font_100: 'var(--colors-secondary-color-secondary-font-100)',
-  colors_secondary_color_font_150: 'var(--colors-secondary-color-secondary-font-150)',
-  colors_secondary_color_icon_50: 'var(--colors-secondary-color-secondary-icon-50)',
-  colors_secondary_color_icon_100: 'var(--colors-secondary-color-secondary-icon-100)',
-  colors_secondary_color_icon_150: 'var(--colors-secondary-color-secondary-icon-150)',
-  font_size_body_50: 'var(--font-size-font-body-50)',
-  font_size_body_100: 'var(--font-size-font-body-100)',
-  font_size_body_150: 'var(--font-size-font-body-150)',
-  font_size_body_200: 'var(--font-size-font-body-200)',
-  font_size_heading_50: 'var(--font-size-font-heading-50)',
-  font_size_heading_100: 'var(--font-size-font-heading-100)',
-  font_size_heading_150: 'var(--font-size-font-heading-150)',
-  font_size_heading_200: 'var(--font-size-font-heading-200)',
-  font_size_heading_250: 'var(--font-size-font-heading-250)',
-  font_weight_000: 'var(--font-weight-font-weight-000)',
-  font_weight_300: 'var(--font-weight-font-weight-300)',
-  font_weight_400: 'var(--font-weight-font-weight-400)',
-  font_weight_500: 'var(--font-weight-font-weight-500)',
-  font_weight_600: 'var(--font-weight-font-weight-600)',
-  line_height_50: 'var(--line-height-line-height-50)',
-  line_height_100: 'var(--line-height-line-height-100)',
-  line_height_150: 'var(--line-height-line-height-150)',
-  line_height_200: 'var(--line-height-line-height-200)',
-  line_height_250: 'var(--line-height-line-height-250)',
-  line_height_300: 'var(--line-height-line-height-300)',
-  radius_00: 'var(--radius-radius-00)',
-  radius_25: 'var(--radius-radius-25)',
-  radius_50: 'var(--radius-radius-50)',
-  radius_75: 'var(--radius-radius-75)',
-  radius_100: 'var(--radius-radius-100)',
-  radius_circle: 'var(--radius-radius-circle)',
-  shadow_10: 'var(--shadow-shadow-10)',
-  sizes_max_size_image: 'var(--sizes-max-size-image)',
-  sizes_size_25: 'var(--sizes-size-25)',
-  sizes_size_25_number_px: 'var(--sizes-size-25-number-px)',
-  sizes_size_50: 'var(--sizes-size-50)',
-  sizes_size_50_number_px: 'var(--sizes-size-50-number-px)',
-  sizes_size_100: 'var(--sizes-size-100)',
-  sizes_size_100_number_px: 'var(--sizes-size-100-number-px)',
-  sizes_size_150: 'var(--sizes-size-150)',
-  sizes_size_150_number_px: 'var(--sizes-size-150-number-px)',
-  sizes_size_200: 'var(--sizes-size-200)',
-  sizes_size_200_number_px: 'var(--sizes-size-200-number-px)',
-  sizes_size_250: 'var(--sizes-size-250)',
-  sizes_size_250_number_px: 'var(--sizes-size-250-number-px)',
-  sizes_size_300: 'var(--sizes-size-300)',
-  sizes_size_300_number_px: 'var(--sizes-size-300-number-px)',
-  sizes_size_350: 'var(--sizes-size-350)',
-  sizes_size_350_number_px: 'var(--sizes-size-350-number-px)',
-  sizes_size_400: 'var(--sizes-size-400)',
-  sizes_size_400_number_px: 'var(--sizes-size-400-number-px)',
-  sizes_size_450: 'var(--sizes-size-450)',
-  sizes_size_450_number_px: 'var(--sizes-size-450-number-px)',
-  sizes_size_500: 'var(--sizes-size-500)',
-  sizes_size_500_number_px: 'var(--sizes-size-500-number-px)',
-  sizes_size_550: 'var(--sizes-size-550)',
-  sizes_size_550_number_px: 'var(--sizes-size-550-number-px)',
-  sizes_size_anchors_menu: 'var(--sizes-size-anchors-menu)',
-  sizes_size_anchors_menu_number_px: 'var(--sizes-size-anchors-menu-number-px)',
-  sizes_size_cover: 'var(--sizes-size-cover)',
-  sizes_size_cover_mobile_tablet: 'var(--sizes-size-cover-mobile-tablet)',
-  sizes_size_cover_number_px: 'var(--sizes-size-cover-number-px)',
-  sizes_size_cover_with_tab_number_pxs: 'var(--sizes-size-cover-with-tab-number-pxs)',
-  sizes_size_cover_with_tabs: 'var(--sizes-size-cover-with-tabs)',
-  sizes_size_cover_with_tabs_mobile_tablet: 'var(--sizes-size-cover-with-tabs-mobile-tablet)',
-  sizes_size_header: 'var(--sizes-size-header)',
-  sizes_size_header_number_px: 'var(--sizes-size-header-number-px)',
-  sizes_size_menu_top_search: 'var(--sizes-size-menu-top-search)',
-  sizes_size_menu_top_px: 'var(--sizes-size-menu-top-size-px)',
-  sizes_size_modal_icon: 'var(--sizes-size-modal-icon)',
-  sizes_size_side_menu_desktop: 'var(--sizes-size-side-menu-desktop)',
-  sizes_size_side_menu_desktop_number_px: 'var(--sizes-size-side-menu-desktop-number-px)',
-  sizes_size_side_menu_mobile: 'var(--sizes-size-side-menu-mobile)',
-  sizes_size_side_menu_mobile_number_px: 'var(--sizes-size-side-menu-mobile-number-px)',
-  sizes_size_side_menu_tablet: 'var(--sizes-size-side-menu-tablet)',
-  sizes_size_side_menu_tablet_number_px: 'var(--sizes-size-side-menu-tablet-number-px)',
-  spacings_spacing_0: 'var(--spacings-spacing-0)',
-  spacings_spacing_5_percent: 'var(--spacings-spacing-5-percent)',
-  spacings_spacing_10_percent: 'var(--spacings-spacing-10-percent)',
-  spacings_spacing_20_percent: 'var(--spacings-spacing-20-percent)',
-  spacings_spacing_25: 'var(--spacings-spacing-25)',
-  spacings_spacing_25_percent: 'var(--spacings-spacing-25-percent)',
-  spacings_spacing_30_percent: 'var(--spacings-spacing-30-percent)',
-  spacings_spacing_50: 'var(--spacings-spacing-50)',
-  spacings_spacing_50_percent: 'var(--spacings-spacing-50-percent)',
-  spacings_spacing_70_percent: 'var(--spacings-spacing-70-percent)',
-  spacings_spacing_100: 'var(--spacings-spacing-100)',
-  spacings_spacing_100_percent: 'var(--spacings-spacing-100-percent)',
-  spacings_spacing_100_px: 'var(--spacings-spacing-100-px)',
-  spacings_spacing_100_vh: 'var(--spacings-spacing-100-vh)',
-  spacings_spacing_100_vw: 'var(--spacings-spacing-100-vw)',
-  spacings_spacing_150: 'var(--spacings-spacing-150)',
-  spacings_spacing_180_px: 'var(--spacings-spacing-180-px)',
-  spacings_spacing_200: 'var(--spacings-spacing-200)',
-  spacings_spacing_250: 'var(--spacings-spacing-250)',
-  spacings_spacing_300: 'var(--spacings-spacing-300)',
-  spacings_spacing_350: 'var(--spacings-spacing-350)',
-  spacings_spacing_400: 'var(--spacings-spacing-400)',
-  spacings_spacing_450: 'var(--spacings-spacing-450)',
-  spacings_spacing_475: 'var(--spacings-spacing-475)',
-  spacings_spacing_500: 'var(--spacings-spacing-500)',
-  spacings_spacing_550: 'var(--spacings-spacing-550)',
-  spacings_spacing_600: 'var(--spacings-spacing-600)',
-  spacings_spacing_650: 'var(--spacings-spacing-650)',
-  spacings_spacing_675: 'var(--spacings-spacing-675)',
-  spacings_spacing_700: 'var(--spacings-spacing-700)',
-  spacings_spacing_740: 'var(--spacings-spacing-740)',
-  spacings_spacing_750: 'var(--spacings-spacing-750)',
-  spacings_spacing_800: 'var(--spacings-spacing-800)',
-  text_align_center: 'var(--text-align-center)',
-  text_align_left: 'var(--text-align-left)',
-  text_align_right: 'var(--text-align-right)',
-  z_index_auto: 'var(--z-index-auto)',
-  z_index_floating: 'var(--z-index-floating)',
-  z_index_intern_1: 'var(--z-index-intern-1)',
-  z_index_intern_2: 'var(--z-index-intern-2)',
-  z_index_intern_3: 'var(--z-index-intern-3)',
-  z_index_modal: 'var(--z-index-modal)',
-  z_index_overlay: 'var(--z-index-overlay)',
-  z_index_popup: 'var(--z-index-popup)',
-  z_index_spinner: 'var(--z-index-spinner)',
-  z_index_sticky: 'var(--z-index-sticky)',
-  z_index_toast: 'var(--z-index-toast)',
-  z_index_top_of_the_world: 'var(--z-index-top-of-the-world)',
-  },
-}
-/* CssVars */
-
-/* CssClasses */
-export const cssClasses = {
-  'kubit': {
-  ACCORDION: {
-    accordion: 'accordion',
-    content: 'accordion__content',
-    header: 'accordion__header',
-    headerbutton: 'accordion__headerbutton',
-    innercontent: 'accordion__innercontent',
-    $_neutral: {
-      accordion: 'accordion accordion--neutral',
-    },
-    $_standard: {
-      accordion: 'accordion accordion--standard',
-    },
-  },
-  AVATAR: {
-    avatar: 'avatar',
-    dot: 'avatar__dot',
-    icon: 'avatar__icon',
-    $_large: {
-      avatar: 'avatar avatar--large',
-      icon: 'avatar__icon avatar__icon--large',
-    },
-    $_medium: {
-      avatar: 'avatar avatar--medium',
-      icon: 'avatar__icon avatar__icon--medium',
-    },
-    $_small: {
-      avatar: 'avatar avatar--small',
-      icon: 'avatar__icon avatar__icon--small',
-    },
-    $_extra_large: {
-      avatar: 'avatar avatar--extra-large',
-      icon: 'avatar__icon avatar__icon--extra-large',
-    },
-  },
-  BADGE: {
-    badge: 'badge',
-    button: 'badge__button',
-    dot: 'badge__dot',
-    dotcontainer: 'badge__dotcontainer',
-    icon: 'badge__icon',
-    label: 'badge__label',
-    labelcontainer: 'badge__labelcontainer',
-    labelicon: 'badge__labelicon',
-    $_default: {
-      badge: 'badge badge--default',
-      icon: 'badge__icon badge__icon--default',
-    },
-    $_alternative: {
-      badge: 'badge badge--alternative',
-      icon: 'badge__icon badge__icon--alternative',
-      label: 'badge__label badge__label--alternative',
-      labelicon: 'badge__labelicon badge__labelicon--alternative',
-    },
-    $_primary: {
-      badge: 'badge badge--primary',
-      icon: 'badge__icon badge__icon--primary',
-      label: 'badge__label badge__label--primary',
-      labelicon: 'badge__labelicon badge__labelicon--primary',
-    },
-  },
-  BREADCRUMBS: {
-    breadcrumbs: 'breadcrumbs',
-    crumb: 'breadcrumbs__crumb',
-    icondivider: 'breadcrumbs__icondivider',
-    icondividercontainer: 'breadcrumbs__icondividercontainer',
-    lastonecrumb: 'breadcrumbs__lastonecrumb',
-    link: 'breadcrumbs__link',
-    linkcontainer: 'breadcrumbs__linkcontainer',
-    $_alternative: {
-      breadcrumbs: 'breadcrumbs breadcrumbs--alternative',
-      icondivider: 'breadcrumbs__icondivider breadcrumbs__icondivider--alternative',
-      lastonecrumb: 'breadcrumbs__lastonecrumb breadcrumbs__lastonecrumb--alternative',
-      link: 'breadcrumbs__link breadcrumbs__link--alternative',
-    },
-    $_default: {
-      breadcrumbs: 'breadcrumbs breadcrumbs--default',
-      lastonecrumb: 'breadcrumbs__lastonecrumb breadcrumbs__lastonecrumb--default',
-      link: 'breadcrumbs__link breadcrumbs__link--default',
-    },
-  },
-  BUTTON: {
-    button: 'button',
-    icon: 'button__icon',
-    loader: 'button__loader',
-    $_large: {
-      button: 'button button--large',
-      icon: 'button__icon button__icon--large',
-    },
-    $_medium: {
-      button: 'button button--medium',
-      icon: 'button__icon button__icon--medium',
-    },
-    $_small: {
-      button: 'button button--small',
-      icon: 'button__icon button__icon--small',
-    },
-    $_action_primary: {
-      button: 'button button--action_primary',
-    },
-    $_action_secondary: {
-      button: 'button button--action_secondary',
-    },
-    $_action_secondary_alt: {
-      button: 'button button--action_secondary_alt',
-    },
-    $_primary: {
-      button: 'button button--primary',
-    },
-    $_secondary: {
-      button: 'button button--secondary',
-    },
-    $_secondary_alt: {
-      button: 'button button--secondary_alt',
-    },
-    dynamic_values: e=>Object.entries(e).reduce((e,[t,s])=>{const r="--"+t.toLocaleLowerCase().replace("$","");return e.string+=r+": "+s+"; ",e.object[r]=s,e},{string:"",object:{}}),
-  },
-  CALENDAR: {
-    calendar: 'calendar',
-    backtext: 'calendar__backtext',
-    container: 'calendar__container',
-    dayslist: 'calendar__dayslist',
-    headercontainer: 'calendar__headercontainer',
-    headerrow: 'calendar__headerrow',
-    headerth: 'calendar__headerth',
-    leftarrow: 'calendar__leftarrow',
-    listelementempty: 'calendar__listelementempty',
-    listelementrove: 'calendar__listelementrove',
-    monthelement: 'calendar__monthelement',
-    monthlistitem: 'calendar__monthlistitem',
-    monthslist: 'calendar__monthslist',
-    rightarrow: 'calendar__rightarrow',
-    selectorcontainer: 'calendar__selectorcontainer',
-    selectoriconandbacktextcontainer: 'calendar__selectoriconandbacktextcontainer',
-    selectoroptionscontainer: 'calendar__selectoroptionscontainer',
-    table: 'calendar__table',
-    tablerow: 'calendar__tablerow',
-    tbody: 'calendar__tbody',
-    weekdaycontainer: 'calendar__weekdaycontainer',
-    year: 'calendar__year',
-    yearelement: 'calendar__yearelement',
-    yearlistitem: 'calendar__yearlistitem',
-    yearslist: 'calendar__yearslist',
-    button_size: {
-      icon: 'button__icon button__icon--medium',
-      button: 'button button--medium',
-      loader: 'button__loader',
-    },
-    button_variant: {
-      button: 'button button--action_primary',
-      icon: 'button__icon',
-      loader: 'button__loader',
-    },
-  },
-  CARD_IMAGE: {
-    card_image: 'card_image',
-    content: 'card_image__content',
-    description: 'card_image__description',
-    descriptioncontainer: 'card_image__descriptioncontainer',
-    imagecontainer: 'card_image__imagecontainer',
-    linkcontainer: 'card_image__linkcontainer',
-    textcontainer: 'card_image__textcontainer',
-    title: 'card_image__title',
-    titlecontainer: 'card_image__titlecontainer',
-    $_alternative: {
-      card_image: 'card_image card_image--alternative',
-    },
-    $_default: {
-      card_image: 'card_image card_image--default',
-      description: 'card_image__description card_image__description--default',
-    },
-  },
-  CAROUSEL: {
-    carousel: 'carousel',
-    content: 'carousel__content',
-    viewer: 'carousel__viewer',
-    $_default: {
-      carousel: 'carousel carousel--default',
-    },
-  },
-  CHECKBOX: {
-    checkbox: 'checkbox',
-    checkboxwithlabelcontainer: 'checkbox__checkboxwithlabelcontainer',
-    errormessagecontainer: 'checkbox__errormessagecontainer',
-    label: 'checkbox__label',
-    error_message: {
-      icon: 'error_message__icon',
-      typography: 'error_message__typography',
-      error_message: 'error_message',
-    },
-  },
-  CHECKBOX_BASE: {
-    checkbox_base: 'checkbox_base',
-    icon: 'checkbox_base__icon',
-    iconcontainer: 'checkbox_base__iconcontainer',
-    input: 'checkbox_base__input',
-    $_default: {
-      checkbox_base: 'checkbox_base checkbox_base--default',
-    },
-  },
-  CHIP: {
-    chip: 'chip',
-    closeicon: 'chip__closeicon',
-    errorcontainer: 'chip__errorcontainer',
-    erroricon: 'chip__erroricon',
-    errormessage: 'chip__errormessage',
-    label: 'chip__label',
-    lefticon: 'chip__lefticon',
-    rangeicon: 'chip__rangeicon',
-    rangeitemseparator: 'chip__rangeitemseparator',
-    rangeitemtext: 'chip__rangeitemtext',
-    rangeitemwrapper: 'chip__rangeitemwrapper',
-    $_default: {
-      chip: 'chip chip--default',
-      closeicon: 'chip__closeicon chip__closeicon--default',
-      errorcontainer: 'chip__errorcontainer chip__errorcontainer--default',
-      erroricon: 'chip__erroricon chip__erroricon--default',
-      errormessage: 'chip__errormessage chip__errormessage--default',
-      label: 'chip__label chip__label--default',
-      lefticon: 'chip__lefticon chip__lefticon--default',
-      rangeitemseparator: 'chip__rangeitemseparator chip__rangeitemseparator--default',
-      rangeitemtext: 'chip__rangeitemtext chip__rangeitemtext--default',
-    },
-  },
-  CONTAINER: {
-    container: 'container',
-    content: 'container__content',
-    header: 'container__header',
-    title: 'container__title',
-    $_alternative: {
-      container: 'container container--alternative',
-    },
-    $_default: {
-      container: 'container container--default',
-    },
-    $_secondary: {
-      container: 'container container--secondary',
-    },
-  },
-  DATA_TABLE: {
-    data_table: 'data_table',
-    headboxshadow: 'data_table__headboxshadow',
-    leftboxshadow: 'data_table__leftboxshadow',
-    leftboxshadowcontainer: 'data_table__leftboxshadowcontainer',
-    rightboxshadow: 'data_table__rightboxshadow',
-    rightboxshadowcontainer: 'data_table__rightboxshadowcontainer',
-    scrollablecontainer: 'data_table__scrollablecontainer',
-    $_default: {
-      data_table: 'data_table data_table--default',
-    },
-    row_group_table: {
-      container: 'table__container',
-      headboxshadow: 'table__headboxshadow',
-      leftboxshadow: 'table__leftboxshadow',
-      leftboxshadowcontainer: 'table__leftboxshadowcontainer',
-      rightboxshadow: 'table__rightboxshadow',
-      rightboxshadowcontainer: 'table__rightboxshadowcontainer',
-      scrollablecontainer: 'table__scrollablecontainer',
-      table: 'table',
-    },
-    row_group_table_body: {
-      table_body: 'table_body',
-    },
-    row_group_table_body_cell: {
-      table_cell: 'table_cell table_cell--body_cell_default',
-    },
-    row_group_table_body_row: {
-      table_row: 'table_row table_row--body_row_default',
-    },
-    row_group_table_caption: {
-      table_caption: 'table_caption',
-    },
-    row_group_table_head: {
-      table_head: 'table_head',
-    },
-    row_group_table_head_cell: {
-      table_cell: 'table_cell table_cell--header_cell_default',
-    },
-    row_group_table_head_row: {
-      table_row: 'table_row',
-    },
-    table: {
-      container: 'table__container',
-      headboxshadow: 'table__headboxshadow',
-      leftboxshadow: 'table__leftboxshadow',
-      leftboxshadowcontainer: 'table__leftboxshadowcontainer',
-      rightboxshadow: 'table__rightboxshadow',
-      rightboxshadowcontainer: 'table__rightboxshadowcontainer',
-      scrollablecontainer: 'table__scrollablecontainer',
-      table: 'table',
-    },
-    table_body: {
-      table_body: 'table_body',
-    },
-    table_body_cell: {
-      table_cell: 'table_cell table_cell--body_cell_default',
-    },
-    table_body_row: {
-      table_row: 'table_row table_row--body_row_default',
-    },
-    table_caption: {
-      table_caption: 'table_caption',
-    },
-    table_head: {
-      table_head: 'table_head',
-    },
-    table_head_cell: {
-      table_cell: 'table_cell table_cell--header_cell_default',
-    },
-    table_head_row: {
-      table_row: 'table_row',
-    },
-  },
-  DOT: {
-    dot: 'dot',
-    $_big: {
-      dot: 'dot dot--big',
-    },
-    $_medium: {
-      dot: 'dot dot--medium',
-    },
-    $_small: {
-      dot: 'dot dot--small',
-    },
-    $_alternative: {
-      dot: 'dot dot--alternative',
-    },
-    $_with_border: {
-      dot: 'dot dot--with_border',
-    },
-    $_without_border: {
-      dot: 'dot dot--without_border',
-    },
-  },
-  DROPDOWN_SELECTED: {
-    dropdown_selected: 'dropdown_selected',
-    buttonorlinkcontainer: 'dropdown_selected__buttonorlinkcontainer',
-    iconclosed: 'dropdown_selected__iconclosed',
-    iconopened: 'dropdown_selected__iconopened',
-    labelclosed: 'dropdown_selected__labelclosed',
-    labelopened: 'dropdown_selected__labelopened',
-    listoptionscontainer: 'dropdown_selected__listoptionscontainer',
-    $_default: {
-      dropdown_selected: 'dropdown_selected dropdown_selected--default',
-      buttonorlinkcontainer: 'dropdown_selected__buttonorlinkcontainer dropdown_selected__buttonorlinkcontainer--default',
-      iconclosed: 'dropdown_selected__iconclosed dropdown_selected__iconclosed--default',
-      iconopened: 'dropdown_selected__iconopened dropdown_selected__iconopened--default',
-      labelclosed: 'dropdown_selected__labelclosed dropdown_selected__labelclosed--default',
-      labelopened: 'dropdown_selected__labelopened dropdown_selected__labelopened--default',
-      listoptionscontainer: 'dropdown_selected__listoptionscontainer dropdown_selected__listoptionscontainer--default',
-    },
-    $_side_menu: {
-      dropdown_selected: 'dropdown_selected dropdown_selected--side_menu',
-      buttonorlinkcontainer: 'dropdown_selected__buttonorlinkcontainer dropdown_selected__buttonorlinkcontainer--side_menu',
-      iconclosed: 'dropdown_selected__iconclosed dropdown_selected__iconclosed--side_menu',
-      iconopened: 'dropdown_selected__iconopened dropdown_selected__iconopened--side_menu',
-      labelclosed: 'dropdown_selected__labelclosed dropdown_selected__labelclosed--side_menu',
-      labelopened: 'dropdown_selected__labelopened dropdown_selected__labelopened--side_menu',
-      listoptionscontainer: 'dropdown_selected__listoptionscontainer dropdown_selected__listoptionscontainer--side_menu',
-    },
-    $_topbar: {
-      dropdown_selected: 'dropdown_selected dropdown_selected--topbar',
-      buttonorlinkcontainer: 'dropdown_selected__buttonorlinkcontainer dropdown_selected__buttonorlinkcontainer--topbar',
-      iconclosed: 'dropdown_selected__iconclosed dropdown_selected__iconclosed--topbar',
-      iconopened: 'dropdown_selected__iconopened dropdown_selected__iconopened--topbar',
-      labelclosed: 'dropdown_selected__labelclosed dropdown_selected__labelclosed--topbar',
-      labelopened: 'dropdown_selected__labelopened dropdown_selected__labelopened--topbar',
-      listoptionscontainer: 'dropdown_selected__listoptionscontainer dropdown_selected__listoptionscontainer--topbar',
-    },
-    $_topbar_tab: {
-      dropdown_selected: 'dropdown_selected dropdown_selected--topbar_tab',
-      buttonorlinkcontainer: 'dropdown_selected__buttonorlinkcontainer dropdown_selected__buttonorlinkcontainer--topbar_tab',
-      iconclosed: 'dropdown_selected__iconclosed dropdown_selected__iconclosed--topbar_tab',
-      iconopened: 'dropdown_selected__iconopened dropdown_selected__iconopened--topbar_tab',
-      labelclosed: 'dropdown_selected__labelclosed dropdown_selected__labelclosed--topbar_tab',
-      labelopened: 'dropdown_selected__labelopened dropdown_selected__labelopened--topbar_tab',
-      listoptionscontainer: 'dropdown_selected__listoptionscontainer dropdown_selected__listoptionscontainer--topbar_tab',
-    },
-  },
-  ERROR_MESSAGE: {
-    error_message: 'error_message',
-    icon: 'error_message__icon',
-    typography: 'error_message__typography',
-    $_default: {
-      error_message: 'error_message error_message--default',
-    },
-  },
-  ICON: {
-    button: 'icon__button',
-    complex: 'icon__complex',
-    svg: 'icon__svg',
-    dynamic_values: e=>Object.entries(e).reduce((e,[t,s])=>{const r="--"+t.toLocaleLowerCase().replace("$","");return e.string+=r+": "+s+"; ",e.object[r]=s,e},{string:"",object:{}}),
-  },
-  INPUT: {
-    input: 'input',
-    inputandlabelcontainer: 'input__inputandlabelcontainer',
-    $_filled: {
-      input: 'input input--filled',
-    },
-    $_outlined: {
-      input: 'input input--outlined',
-    },
-    $_standard: {
-      input: 'input input--standard',
-    },
-    input_base: {
-      input_base: 'input_base',
-    },
-    left_decoration: {
-      decoration: 'input_decoration__decoration',
-      input_decoration: 'input_decoration',
-    },
-    right_decoration: {
-      decoration: 'input_decoration__decoration',
-      input_decoration: 'input_decoration',
-    },
-  },
-  INPUT_BASE: {
-    input_base: 'input_base',
-    $_filled: {
-      input_base: 'input_base input_base--filled',
-    },
-    $_outlined: {
-      input_base: 'input_base input_base--outlined',
-    },
-    $_standard: {
-      input_base: 'input_base input_base--standard',
-    },
-  },
-  INPUT_DECORATION: {
-    input_decoration: 'input_decoration',
-    decoration: 'input_decoration__decoration',
-    $_standard: {
-      input_decoration: 'input_decoration input_decoration--standard',
-    },
-  },
-  INPUT_SIGNATURE: {
-    input_signature: 'input_signature',
-    canvas: 'input_signature__canvas',
-    placeholdercontainer: 'input_signature__placeholdercontainer',
-    placeholdertext: 'input_signature__placeholdertext',
-    $_default: {
-      input_signature: 'input_signature input_signature--default',
-    },
-  },
-  ITEM_ROVE: {
-    item_rove: 'item_rove',
-  },
-  LINK: {
-    link: 'link',
-    childrencontainer: 'link__childrencontainer',
-    icon: 'link__icon',
-    labelandiconcontainer: 'link__labelandiconcontainer',
-    $_inline_primary: {
-      link: 'link link--inline_primary',
-      icon: 'link__icon link__icon--inline_primary',
-    },
-    $_inline_secondary: {
-      link: 'link link--inline_secondary',
-      icon: 'link__icon link__icon--inline_secondary',
-    },
-    $_inline_secondary_alt: {
-      link: 'link link--inline_secondary_alt',
-      icon: 'link__icon link__icon--inline_secondary_alt',
-    },
-    $_navigation_primary: {
-      link: 'link link--navigation_primary',
-      icon: 'link__icon link__icon--navigation_primary',
-    },
-    $_navigation_secondary: {
-      link: 'link link--navigation_secondary',
-      icon: 'link__icon link__icon--navigation_secondary',
-    },
-    $_navigation_secondary_alt: {
-      link: 'link link--navigation_secondary_alt',
-      icon: 'link__icon link__icon--navigation_secondary_alt',
-    },
-  },
-  LINK_AS_BUTTON: {
-    link_as_button: 'link_as_button',
-  },
-  LIST_OPTIONS: {
-    list_options: 'list_options',
-    optionscontainer: 'list_options__optionscontainer',
-    title: 'list_options__title',
-    titlecontainer: 'list_options__titlecontainer',
-    $_code_viewer_subtheme: {
-      list_options: 'list_options list_options--code_viewer_subtheme',
-    },
-    $_default: {
-      list_options: 'list_options list_options--default',
-      title: 'list_options__title list_options__title--default',
-      titlecontainer: 'list_options__titlecontainer list_options__titlecontainer--default',
-    },
-    $_dropdown_selected_section: {
-      list_options: 'list_options list_options--dropdown_selected_section',
-      optionscontainer: 'list_options__optionscontainer list_options__optionscontainer--dropdown_selected_section',
-    },
-    $_input_dropdown_default: {
-      list_options: 'list_options list_options--input_dropdown_default',
-    },
-    $_input_dropdown_section: {
-      list_options: 'list_options list_options--input_dropdown_section',
-    },
-    $_input_search: {
-      list_options: 'list_options list_options--input_search',
-    },
-    $_side_menu_section: {
-      list_options: 'list_options list_options--side_menu_section',
-      optionscontainer: 'list_options__optionscontainer list_options__optionscontainer--side_menu_section',
-      title: 'list_options__title list_options__title--side_menu_section',
-      titlecontainer: 'list_options__titlecontainer list_options__titlecontainer--side_menu_section',
-    },
-  },
-  MESSAGE: {
-    message: 'message',
-    actionbuttoncontainer: 'message__actionbuttoncontainer',
-    buttonsectioncontainer: 'message__buttonsectioncontainer',
-    closeicon: 'message__closeicon',
-    container: 'message__container',
-    contentcontainer: 'message__contentcontainer',
-    contentcontainerlargemessage: 'message__contentcontainerlargemessage',
-    description: 'message__description',
-    extraactionbuttoncontainer: 'message__extraactionbuttoncontainer',
-    headercontainer: 'message__headercontainer',
-    headercontainerlargemessage: 'message__headercontainerlargemessage',
-    infoicon: 'message__infoicon',
-    linkcontainer: 'message__linkcontainer',
-    linkscontainer: 'message__linkscontainer',
-    title: 'message__title',
-    titlecontainer: 'message__titlecontainer',
-    $_error: {
-      message: 'message message--error',
-      container: 'message__container message__container--error',
-      infoicon: 'message__infoicon message__infoicon--error',
-    },
-    $_informative: {
-      message: 'message message--informative',
-      container: 'message__container message__container--informative',
-      infoicon: 'message__infoicon message__infoicon--informative',
-    },
-    $_success: {
-      message: 'message message--success',
-      container: 'message__container message__container--success',
-      infoicon: 'message__infoicon message__infoicon--success',
-    },
-    $_warning: {
-      message: 'message message--warning',
-      container: 'message__container message__container--warning',
-      infoicon: 'message__infoicon message__infoicon--warning',
-    },
-    action_button: {
-      button: 'button button--action_primary',
-      icon: 'button__icon',
-      loader: 'button__loader',
-    },
-  },
-  MODAL: {
-    modal: 'modal',
-    closebuttoncontainer: 'modal__closebuttoncontainer',
-    closebuttonicon: 'modal__closebuttonicon',
-    content: 'modal__content',
-    dragicon: 'modal__dragicon',
-    dragiconcontainer: 'modal__dragiconcontainer',
-    footer: 'modal__footer',
-    headercontainer: 'modal__headercontainer',
-    headercontentcontainer: 'modal__headercontentcontainer',
-    title: 'modal__title',
-    titlecontainer: 'modal__titlecontainer',
-    titlehiddencontainer: 'modal__titlehiddencontainer',
-    $_default: {
-      modal: 'modal modal--default',
-    },
-  },
-  NAVBAR: {
-    navbar: 'navbar',
-    itemcontainer: 'navbar__itemcontainer',
-    $_default: {
-      navbar: 'navbar navbar--default',
-    },
-  },
-  OPTION: {
-    option: 'option',
-    checkedicon: 'option__checkedicon',
-    firstrowcontainer: 'option__firstrowcontainer',
-    icon: 'option__icon',
-    label: 'option__label',
-    labelhighlighted: 'option__labelhighlighted',
-    labeliconcontainer: 'option__labeliconcontainer',
-    sublabel: 'option__sublabel',
-    sublabelcontainer: 'option__sublabelcontainer',
-    $_code_viewer_subtheme: {
-      option: 'option option--code_viewer_subtheme',
-      label: 'option__label option__label--code_viewer_subtheme',
-    },
-    $_input_dropdown: {
-      option: 'option option--input_dropdown',
-      icon: 'option__icon option__icon--input_dropdown',
-      label: 'option__label option__label--input_dropdown',
-      labeliconcontainer: 'option__labeliconcontainer option__labeliconcontainer--input_dropdown',
-    },
-    $_input_option: {
-      option: 'option option--input_option',
-      icon: 'option__icon option__icon--input_option',
-      label: 'option__label option__label--input_option',
-      labelhighlighted: 'option__labelhighlighted option__labelhighlighted--input_option',
-      labeliconcontainer: 'option__labeliconcontainer option__labeliconcontainer--input_option',
-      sublabel: 'option__sublabel option__sublabel--input_option',
-    },
-    $_input_option_hightlighted: {
-      option: 'option option--input_option_hightlighted',
-      icon: 'option__icon option__icon--input_option_hightlighted',
-      label: 'option__label option__label--input_option_hightlighted',
-      labelhighlighted: 'option__labelhighlighted option__labelhighlighted--input_option_hightlighted',
-      labeliconcontainer: 'option__labeliconcontainer option__labeliconcontainer--input_option_hightlighted',
-      sublabel: 'option__sublabel option__sublabel--input_option_hightlighted',
-    },
-    $_inverted: {
-      option: 'option option--inverted',
-      label: 'option__label option__label--inverted',
-    },
-    $_side_menu_level_1: {
-      option: 'option option--side_menu_level_1',
-      icon: 'option__icon option__icon--side_menu_level_1',
-      label: 'option__label option__label--side_menu_level_1',
-      labeliconcontainer: 'option__labeliconcontainer option__labeliconcontainer--side_menu_level_1',
-    },
-    $_side_menu_level_2: {
-      option: 'option option--side_menu_level_2',
-      label: 'option__label option__label--side_menu_level_2',
-    },
-    $_topbar: {
-      option: 'option option--topbar',
-      label: 'option__label option__label--topbar',
-      labelhighlighted: 'option__labelhighlighted option__labelhighlighted--topbar',
-    },
-    $_topbar_tab: {
-      option: 'option option--topbar_tab',
-      label: 'option__label option__label--topbar_tab',
-    },
-  },
-  OVERLAY: {
-    overlay: 'overlay',
-    $_default: {
-      overlay: 'overlay overlay--default',
-    },
-    $_secondary: {
-      overlay: 'overlay overlay--secondary',
-    },
-  },
-  PAGE_CONTROL: {
-    page_control: 'page_control',
-    dotscontainer: 'page_control__dotscontainer',
-    icon: 'page_control__icon',
-    leftarrowcontrolcontainer: 'page_control__leftarrowcontrolcontainer',
-    leftbuttoncontrol: 'page_control__leftbuttoncontrol',
-    pagedot: 'page_control__pagedot',
-    rightarrowcontrolcontainer: 'page_control__rightarrowcontrolcontainer',
-    rightbuttoncontrol: 'page_control__rightbuttoncontrol',
-    $_default: {
-      page_control: 'page_control page_control--default',
-      icon: 'page_control__icon page_control__icon--default',
-    },
-    $_bullets: {
-      page_control: 'page_control page_control--bullets',
-      dotscontainer: 'page_control__dotscontainer page_control__dotscontainer--bullets',
-      pagedot: 'page_control__pagedot page_control__pagedot--bullets',
-    },
-  },
-  PAGINATION: {
-    pagination: 'pagination',
-    page: 'pagination__page',
-    pagecontainer: 'pagination__pagecontainer',
-    pagescontainer: 'pagination__pagescontainer',
-    paginationleftarrowicon: 'pagination__paginationleftarrowicon',
-    paginationrightarrowicon: 'pagination__paginationrightarrowicon',
-    $_default: {
-      pagination: 'pagination pagination--default',
-      page: 'pagination__page pagination__page--default',
-      paginationleftarrowicon: 'pagination__paginationleftarrowicon pagination__paginationleftarrowicon--default',
-      paginationrightarrowicon: 'pagination__paginationrightarrowicon pagination__paginationrightarrowicon--default',
-    },
-  },
-  POPOVER: {
-    popover: 'popover',
-    arrow: 'popover__arrow',
-  },
-  PROGRESS_BAR: {
-    progress_bar: 'progress_bar',
-    bar: 'progress_bar__bar',
-    barcontainer: 'progress_bar__barcontainer',
-    progressbar: 'progress_bar__progressbar',
-    $_medium: {
-      progress_bar: 'progress_bar progress_bar--medium',
-      bar: 'progress_bar__bar progress_bar__bar--medium',
-      progressbar: 'progress_bar__progressbar progress_bar__progressbar--medium',
-    },
-    $_small: {
-      progress_bar: 'progress_bar progress_bar--small',
-      bar: 'progress_bar__bar progress_bar__bar--small',
-      progressbar: 'progress_bar__progressbar progress_bar__progressbar--small',
-    },
-    $_default: {
-      progress_bar: 'progress_bar progress_bar--default',
-    },
-    $_interactive: {
-      progress_bar: 'progress_bar progress_bar--interactive',
-      barcontainer: 'progress_bar__barcontainer progress_bar__barcontainer--interactive',
-    },
-    slider: {
-      activetrack: 'slider__activetrack slider__activetrack--primary',
-      inactivetrack: 'slider__inactivetrack slider__inactivetrack--primary',
-      thumb: 'slider__thumb slider__thumb--primary',
-      decrement_button_size: {
-        icon: 'button__icon button__icon--small',
-        button: 'button button--small',
-        loader: 'button__loader',
-      },
-      decrement_button_variant: {
-        button: 'button button--primary',
-        icon: 'button__icon',
-        loader: 'button__loader',
-      },
-      tooltip: {
-        arrowcontainer: 'tooltip__arrowcontainer tooltip__arrowcontainer--default',
-        arrowposition: 'tooltip__arrowposition tooltip__arrowposition--default',
-        arrowsize: 'tooltip__arrowsize tooltip__arrowsize--default',
-        closebuttoncontainer: 'tooltip__closebuttoncontainer tooltip__closebuttoncontainer--default',
-        closebuttonicon: 'tooltip__closebuttonicon tooltip__closebuttonicon--default',
-        headercontainer: 'tooltip__headercontainer tooltip__headercontainer--default',
-        paragraph: 'tooltip__paragraph tooltip__paragraph--default',
-        paragraphcontainer: 'tooltip__paragraphcontainer tooltip__paragraphcontainer--default',
-        title: 'tooltip__title tooltip__title--default',
-        tooltipexternalcontainer: 'tooltip__tooltipexternalcontainer tooltip__tooltipexternalcontainer--default',
-        tooltipinternalcontainer: 'tooltip__tooltipinternalcontainer tooltip__tooltipinternalcontainer--default',
-        popover: {
-          arrow: 'popover__arrow',
-          popover: 'popover',
-        },
-        arrow: 'tooltip__arrow',
-        divider: 'tooltip__divider',
-        dragicon: 'tooltip__dragicon',
-        dragiconcontainer: 'tooltip__dragiconcontainer',
-        tooltipalignstyles: 'tooltip__tooltipalignstyles',
-        tooltipasmodal: 'tooltip__tooltipasmodal',
-      },
-      buttonstrackscontainer: 'slider__buttonstrackscontainer',
-      helpertext: 'slider__helpertext',
-      helpertextcontainer: 'slider__helpertextcontainer',
-      helpertextleftcontainer: 'slider__helpertextleftcontainer',
-      helpertextrightcontainer: 'slider__helpertextrightcontainer',
-      innerthumbtooltip: 'slider__innerthumbtooltip',
-      label: 'slider__label',
-      labelcontainer: 'slider__labelcontainer',
-      rightthumbicon: 'slider__rightthumbicon',
-      scalecontainer: 'slider__scalecontainer',
-      scaleoption: 'slider__scaleoption',
-      thumbicon: 'slider__thumbicon',
-      tracksthumbscontainer: 'slider__tracksthumbscontainer',
-      tracksthumbsinnercontainer: 'slider__tracksthumbsinnercontainer',
-      slider: 'slider',
-    },
-  },
-  RADIO_BUTTON: {
-    radio_button: 'radio_button',
-    errormessage: 'radio_button__errormessage',
-    errormessagecontainer: 'radio_button__errormessagecontainer',
-    errormessageicon: 'radio_button__errormessageicon',
-    errormessageiconcontainer: 'radio_button__errormessageiconcontainer',
-    infocontainer: 'radio_button__infocontainer',
-    label: 'radio_button__label',
-    labelcontainer: 'radio_button__labelcontainer',
-    radiobuttoncontainer: 'radio_button__radiobuttoncontainer',
-    rowcontainer: 'radio_button__rowcontainer',
-    speciallabel: 'radio_button__speciallabel',
-    sublabel: 'radio_button__sublabel',
-    $_default: {
-      radio_button: 'radio_button radio_button--default',
-      errormessage: 'radio_button__errormessage radio_button__errormessage--default',
-      sublabel: 'radio_button__sublabel radio_button__sublabel--default',
-    },
-    tooltip: {
-      arrowcontainer: 'tooltip__arrowcontainer tooltip__arrowcontainer--default',
-      arrowposition: 'tooltip__arrowposition tooltip__arrowposition--default',
-      arrowsize: 'tooltip__arrowsize tooltip__arrowsize--default',
-      closebuttoncontainer: 'tooltip__closebuttoncontainer tooltip__closebuttoncontainer--default',
-      closebuttonicon: 'tooltip__closebuttonicon tooltip__closebuttonicon--default',
-      headercontainer: 'tooltip__headercontainer tooltip__headercontainer--default',
-      paragraph: 'tooltip__paragraph tooltip__paragraph--default',
-      paragraphcontainer: 'tooltip__paragraphcontainer tooltip__paragraphcontainer--default',
-      title: 'tooltip__title tooltip__title--default',
-      tooltipexternalcontainer: 'tooltip__tooltipexternalcontainer tooltip__tooltipexternalcontainer--default',
-      tooltipinternalcontainer: 'tooltip__tooltipinternalcontainer tooltip__tooltipinternalcontainer--default',
-      popover: {
-        arrow: 'popover__arrow',
-        popover: 'popover',
-      },
-      arrow: 'tooltip__arrow',
-      divider: 'tooltip__divider',
-      dragicon: 'tooltip__dragicon',
-      dragiconcontainer: 'tooltip__dragiconcontainer',
-      tooltipalignstyles: 'tooltip__tooltipalignstyles',
-      tooltipasmodal: 'tooltip__tooltipasmodal',
-    },
-  },
-  SELECTOR_BOX_FILE: {
-    selector_box_file: 'selector_box_file',
-    actiondescriptioncontainer: 'selector_box_file__actiondescriptioncontainer',
-    actionicon: 'selector_box_file__actionicon',
-    actioniconandactiontextcontainer: 'selector_box_file__actioniconandactiontextcontainer',
-    animationcontainer: 'selector_box_file__animationcontainer',
-    borderanimationcontainer: 'selector_box_file__borderanimationcontainer',
-    bottomanimationcontainer: 'selector_box_file__bottomanimationcontainer',
-    containeractioncontainer: 'selector_box_file__containeractioncontainer',
-    containerboxactiontext: 'selector_box_file__containerboxactiontext',
-    containerboxcontainer: 'selector_box_file__containerboxcontainer',
-    containerboxdescription: 'selector_box_file__containerboxdescription',
-    containerboxfilename: 'selector_box_file__containerboxfilename',
-    containerboxicon: 'selector_box_file__containerboxicon',
-    containerboxtextscontainer: 'selector_box_file__containerboxtextscontainer',
-    description: 'selector_box_file__description',
-    descriptioncontainer: 'selector_box_file__descriptioncontainer',
-    errormessage: 'selector_box_file__errormessage',
-    errormessagecontainer: 'selector_box_file__errormessagecontainer',
-    errormessageicon: 'selector_box_file__errormessageicon',
-    header: 'selector_box_file__header',
-    leftanimationcontainer: 'selector_box_file__leftanimationcontainer',
-    rightanimationcontainer: 'selector_box_file__rightanimationcontainer',
-    subtitle: 'selector_box_file__subtitle',
-    subtitletooltipcontainer: 'selector_box_file__subtitletooltipcontainer',
-    title: 'selector_box_file__title',
-    titlesubtitlecontainer: 'selector_box_file__titlesubtitlecontainer',
-    tooltipicon: 'selector_box_file__tooltipicon',
-    tooltipiconcontainer: 'selector_box_file__tooltipiconcontainer',
-    topanimationcontainer: 'selector_box_file__topanimationcontainer',
-    $_default: {
-      selector_box_file: 'selector_box_file selector_box_file--default',
-    },
-    button_size: {
-      icon: 'button__icon button__icon--small',
-      button: 'button button--small',
-      loader: 'button__loader',
-    },
-    button_variant: {
-      button: 'button button--action_secondary',
-      icon: 'button__icon',
-      loader: 'button__loader',
-    },
-    tooltip: {
-      arrowcontainer: 'tooltip__arrowcontainer tooltip__arrowcontainer--default',
-      arrowposition: 'tooltip__arrowposition tooltip__arrowposition--default',
-      arrowsize: 'tooltip__arrowsize tooltip__arrowsize--default',
-      closebuttoncontainer: 'tooltip__closebuttoncontainer tooltip__closebuttoncontainer--default',
-      closebuttonicon: 'tooltip__closebuttonicon tooltip__closebuttonicon--default',
-      headercontainer: 'tooltip__headercontainer tooltip__headercontainer--default',
-      paragraph: 'tooltip__paragraph tooltip__paragraph--default',
-      paragraphcontainer: 'tooltip__paragraphcontainer tooltip__paragraphcontainer--default',
-      title: 'tooltip__title tooltip__title--default',
-      tooltipexternalcontainer: 'tooltip__tooltipexternalcontainer tooltip__tooltipexternalcontainer--default',
-      tooltipinternalcontainer: 'tooltip__tooltipinternalcontainer tooltip__tooltipinternalcontainer--default',
-      popover: {
-        arrow: 'popover__arrow',
-        popover: 'popover',
-      },
-      arrow: 'tooltip__arrow',
-      divider: 'tooltip__divider',
-      dragicon: 'tooltip__dragicon',
-      dragiconcontainer: 'tooltip__dragiconcontainer',
-      tooltipalignstyles: 'tooltip__tooltipalignstyles',
-      tooltipasmodal: 'tooltip__tooltipasmodal',
-    },
-  },
-  SKELETON: {
-    skeleton: 'skeleton',
-    $_circle: {
-      skeleton: 'skeleton skeleton--circle',
-    },
-    $_square: {
-      skeleton: 'skeleton skeleton--square',
-    },
-    $_alternative: {
-      skeleton: 'skeleton skeleton--alternative',
-    },
-    $_default: {
-      skeleton: 'skeleton skeleton--default',
-    },
-  },
-  SLIDER: {
-    slider: 'slider',
-    activetrack: 'slider__activetrack',
-    buttonstrackscontainer: 'slider__buttonstrackscontainer',
-    helpertext: 'slider__helpertext',
-    helpertextcontainer: 'slider__helpertextcontainer',
-    helpertextleftcontainer: 'slider__helpertextleftcontainer',
-    helpertextrightcontainer: 'slider__helpertextrightcontainer',
-    inactivetrack: 'slider__inactivetrack',
-    innerthumbtooltip: 'slider__innerthumbtooltip',
-    label: 'slider__label',
-    labelcontainer: 'slider__labelcontainer',
-    rightthumbicon: 'slider__rightthumbicon',
-    scalecontainer: 'slider__scalecontainer',
-    scaleoption: 'slider__scaleoption',
-    thumb: 'slider__thumb',
-    thumbicon: 'slider__thumbicon',
-    tracksthumbscontainer: 'slider__tracksthumbscontainer',
-    tracksthumbsinnercontainer: 'slider__tracksthumbsinnercontainer',
-    $_primary: {
-      slider: 'slider slider--primary',
-      activetrack: 'slider__activetrack slider__activetrack--primary',
-      inactivetrack: 'slider__inactivetrack slider__inactivetrack--primary',
-      thumb: 'slider__thumb slider__thumb--primary',
-    },
-    $_test_no_thumb_exceeds_track: {
-      slider: 'slider slider--test_no_thumb_exceeds_track',
-    },
-    decrement_button_size: {
-      icon: 'button__icon button__icon--small',
-      button: 'button button--small',
-      loader: 'button__loader',
-    },
-    decrement_button_variant: {
-      button: 'button button--primary',
-      icon: 'button__icon',
-      loader: 'button__loader',
-    },
-    tooltip: {
-      arrowcontainer: 'tooltip__arrowcontainer tooltip__arrowcontainer--default',
-      arrowposition: 'tooltip__arrowposition tooltip__arrowposition--default',
-      arrowsize: 'tooltip__arrowsize tooltip__arrowsize--default',
-      closebuttoncontainer: 'tooltip__closebuttoncontainer tooltip__closebuttoncontainer--default',
-      closebuttonicon: 'tooltip__closebuttonicon tooltip__closebuttonicon--default',
-      headercontainer: 'tooltip__headercontainer tooltip__headercontainer--default',
-      paragraph: 'tooltip__paragraph tooltip__paragraph--default',
-      paragraphcontainer: 'tooltip__paragraphcontainer tooltip__paragraphcontainer--default',
-      title: 'tooltip__title tooltip__title--default',
-      tooltipexternalcontainer: 'tooltip__tooltipexternalcontainer tooltip__tooltipexternalcontainer--default',
-      tooltipinternalcontainer: 'tooltip__tooltipinternalcontainer tooltip__tooltipinternalcontainer--default',
-      popover: {
-        arrow: 'popover__arrow',
-        popover: 'popover',
-      },
-      arrow: 'tooltip__arrow',
-      divider: 'tooltip__divider',
-      dragicon: 'tooltip__dragicon',
-      dragiconcontainer: 'tooltip__dragiconcontainer',
-      tooltipalignstyles: 'tooltip__tooltipalignstyles',
-      tooltipasmodal: 'tooltip__tooltipasmodal',
-    },
-  },
-  SNACKBAR: {
-    $_error: {
-      snackbar: 'snackbar--error',
-      container: 'snackbar__container snackbar__container--error',
-    },
-    $_container: {
-      snackbar: 'snackbar--container',
-    },
-    container: 'snackbar__container',
-    $_primary: {
-      snackbar: 'snackbar--primary',
-      container: 'snackbar__container snackbar__container--primary',
-    },
-    $_success: {
-      snackbar: 'snackbar--success',
-      container: 'snackbar__container snackbar__container--success',
-    },
-    $_warning: {
-      snackbar: 'snackbar--warning',
-      container: 'snackbar__container snackbar__container--warning',
-    },
-  },
-  STEPPER_NUMBER: {
-    stepper_number: 'stepper_number',
-    iconselected: 'stepper_number__iconselected',
-    stepbar: 'stepper_number__stepbar',
-    stepcircle: 'stepper_number__stepcircle',
-    stepcirclecontainer: 'stepper_number__stepcirclecontainer',
-    stepcontainer: 'stepper_number__stepcontainer',
-    stepindex: 'stepper_number__stepindex',
-    stepname: 'stepper_number__stepname',
-    stepnamecontainer: 'stepper_number__stepnamecontainer',
-    $_horizontal: {
-      stepper_number: 'stepper_number stepper_number--horizontal',
-      stepindex: 'stepper_number__stepindex stepper_number__stepindex--horizontal',
-    },
-    $_default: {
-      stepper_number: 'stepper_number stepper_number--default',
-      iconselected: 'stepper_number__iconselected stepper_number__iconselected--default',
-      stepbar: 'stepper_number__stepbar stepper_number__stepbar--default',
-      stepcircle: 'stepper_number__stepcircle stepper_number__stepcircle--default',
-      stepindex: 'stepper_number__stepindex stepper_number__stepindex--default',
-    },
-    $_vertical: {
-      stepper_number: 'stepper_number stepper_number--vertical',
-      stepcontainer: 'stepper_number__stepcontainer stepper_number__stepcontainer--vertical',
-      stepname: 'stepper_number__stepname stepper_number__stepname--vertical',
-      stepnamecontainer: 'stepper_number__stepnamecontainer stepper_number__stepnamecontainer--vertical',
-    },
-  },
-  TABLE: {
-    table: 'table',
-    container: 'table__container',
-    headboxshadow: 'table__headboxshadow',
-    leftboxshadow: 'table__leftboxshadow',
-    leftboxshadowcontainer: 'table__leftboxshadowcontainer',
-    rightboxshadow: 'table__rightboxshadow',
-    rightboxshadowcontainer: 'table__rightboxshadowcontainer',
-    scrollablecontainer: 'table__scrollablecontainer',
-    $_default: {
-      table: 'table table--default',
-    },
-  },
-  TABLE_BODY: {
-    table_body: 'table_body',
-    $_default: {
-      table_body: 'table_body table_body--default',
-    },
-  },
-  TABLE_CAPTION: {
-    table_caption: 'table_caption',
-    $_default: {
-      table_caption: 'table_caption table_caption--default',
-    },
-  },
-  TABLE_CELL: {
-    table_cell: 'table_cell',
-    $_body_cell_default: {
-      table_cell: 'table_cell table_cell--body_cell_default',
-    },
-    $_header_cell_default: {
-      table_cell: 'table_cell table_cell--header_cell_default',
-    },
-    $_header_cell_secondary: {
-      table_cell: 'table_cell table_cell--header_cell_secondary',
-    },
-    dynamic_values: e=>Object.entries(e).reduce((e,[t,s])=>{const r="--"+t.toLocaleLowerCase().replace("$","");return e.string+=r+": "+s+"; ",e.object[r]=s,e},{string:"",object:{}}),
-  },
-  TABLE_DIVIDER: {
-    table_divider: 'table_divider',
-    $_default: {
-      table_divider: 'table_divider table_divider--default',
-    },
-  },
-  TABLE_FOOT: {
-    table_foot: 'table_foot',
-    $_default: {
-      table_foot: 'table_foot table_foot--default',
-    },
-  },
-  TABLE_HEAD: {
-    table_head: 'table_head',
-    $_default: {
-      table_head: 'table_head table_head--default',
-    },
-  },
-  TABLE_ROW: {
-    table_row: 'table_row',
-    $_body_row_default: {
-      table_row: 'table_row table_row--body_row_default',
-    },
-    $_header_row_default: {
-      table_row: 'table_row table_row--header_row_default',
-    },
-    $_header_row_secondary: {
-      table_row: 'table_row table_row--header_row_secondary',
-    },
-  },
-  TABS: {
-    tabs: 'tabs',
-    arrowiconcontainer: 'tabs__arrowiconcontainer',
-    container: 'tabs__container',
-    contentcontainer: 'tabs__contentcontainer',
-    firsttabbutton: 'tabs__firsttabbutton',
-    icon: 'tabs__icon',
-    label: 'tabs__label',
-    lasttabbutton: 'tabs__lasttabbutton',
-    onetabcontainer: 'tabs__onetabcontainer',
-    tabbutton: 'tabs__tabbutton',
-    tabbuttonscontainer: 'tabs__tabbuttonscontainer',
-    tabcontainer: 'tabs__tabcontainer',
-    $_default: {
-      tabs: 'tabs tabs--default',
-    },
-  },
-  TAG: {
-    tag: 'tag',
-    icon: 'tag__icon',
-    label: 'tag__label',
-    $_code: {
-      tag: 'tag tag--code',
-      label: 'tag__label tag__label--code',
-    },
-    $_deprecated: {
-      tag: 'tag tag--deprecated',
-    },
-    $_dormant: {
-      tag: 'tag tag--dormant',
-    },
-    $_healthy: {
-      tag: 'tag tag--healthy',
-    },
-    $_informative: {
-      tag: 'tag tag--informative',
-    },
-    $_issue: {
-      tag: 'tag tag--issue',
-    },
-  },
-  TEXT: {
-    text: 'text',
-    $_default: {
-      text: 'text text--default',
-    },
-    $_heading_display_1_expanded: {
-      text: 'text text--heading_display_1_expanded',
-    },
-    $_heading_display_1_extended: {
-      text: 'text text--heading_display_1_extended',
-    },
-    $_heading_h1_expanded: {
-      text: 'text text--heading_h1_expanded',
-    },
-    $_heading_h1_extended: {
-      text: 'text text--heading_h1_extended',
-    },
-    $_heading_h2_expanded: {
-      text: 'text text--heading_h2_expanded',
-    },
-    $_heading_h2_extended: {
-      text: 'text text--heading_h2_extended',
-    },
-    $_heading_h3_expanded: {
-      text: 'text text--heading_h3_expanded',
-    },
-    $_heading_h3_extended: {
-      text: 'text text--heading_h3_extended',
-    },
-    $_heading_h4_expanded: {
-      text: 'text text--heading_h4_expanded',
-    },
-    $_heading_h4_extended: {
-      text: 'text text--heading_h4_extended',
-    },
-    $_main_heading_display_1_expanded: {
-      text: 'text text--main_heading_display_1_expanded',
-    },
-    $_main_heading_h1_expanded: {
-      text: 'text text--main_heading_h1_expanded',
-    },
-    $_main_heading_h2_expanded: {
-      text: 'text text--main_heading_h2_expanded',
-    },
-    $_main_heading_h3_expanded: {
-      text: 'text text--main_heading_h3_expanded',
-    },
-    $_main_heading_h4_expanded: {
-      text: 'text text--main_heading_h4_expanded',
-    },
-    $_paragraph_caption_expanded: {
-      text: 'text text--paragraph_caption_expanded',
-    },
-    $_paragraph_caption_extended: {
-      text: 'text text--paragraph_caption_extended',
-    },
-    $_paragraph_large_expanded: {
-      text: 'text text--paragraph_large_expanded',
-    },
-    $_paragraph_large_extended: {
-      text: 'text text--paragraph_large_extended',
-    },
-    $_paragraph_medium_expanded: {
-      text: 'text text--paragraph_medium_expanded',
-    },
-    $_paragraph_medium_extended: {
-      text: 'text text--paragraph_medium_extended',
-    },
-    $_paragraph_medium_mono: {
-      text: 'text text--paragraph_medium_mono',
-    },
-    $_paragraph_small_expanded: {
-      text: 'text text--paragraph_small_expanded',
-    },
-    $_paragraph_small_extended: {
-      text: 'text text--paragraph_small_extended',
-    },
-  },
-  TEXT_AREA: {
-    text_area: 'text_area',
-    bottomcontainer: 'text_area__bottomcontainer',
-    counter: 'text_area__counter',
-    counterleft: 'text_area__counterleft',
-    counterright: 'text_area__counterright',
-    errorcontainer: 'text_area__errorcontainer',
-    erroricon: 'text_area__erroricon',
-    errormessage: 'text_area__errormessage',
-    helpmessage: 'text_area__helpmessage',
-    helpmessageerrorcontainer: 'text_area__helpmessageerrorcontainer',
-    label: 'text_area__label',
-    labelandadditionalinfocontainer: 'text_area__labelandadditionalinfocontainer',
-    labeltextareacontainer: 'text_area__labeltextareacontainer',
-    required: 'text_area__required',
-    textarea: 'text_area__textarea',
-    title: 'text_area__title',
-    titlecontainer: 'text_area__titlecontainer',
-    $_default: {
-      text_area: 'text_area text_area--default',
-    },
-  },
-  TEXT_COUNT: {
-    text_count: 'text_count',
-    letftext: 'text_count__letftext',
-    righttext: 'text_count__righttext',
-    $_default: {
-      text_count: 'text_count text_count--default',
-      letftext: 'text_count__letftext text_count__letftext--default',
-      righttext: 'text_count__righttext text_count__righttext--default',
-    },
-  },
-  TOGGLE: {
-    icon: 'toggle__icon',
-    iconwrapper: 'toggle__iconwrapper',
-    thumb: 'toggle__thumb',
-    track: 'toggle__track',
-    $_regular: {
-      toggle: 'toggle--regular',
-      track: 'toggle__track toggle__track--regular',
-    },
-  },
-  TOOLTIP: {
-    arrow: 'tooltip__arrow',
-    arrowcontainer: 'tooltip__arrowcontainer',
-    arrowposition: 'tooltip__arrowposition',
-    arrowsize: 'tooltip__arrowsize',
-    closebuttoncontainer: 'tooltip__closebuttoncontainer',
-    closebuttonicon: 'tooltip__closebuttonicon',
-    divider: 'tooltip__divider',
-    dragicon: 'tooltip__dragicon',
-    dragiconcontainer: 'tooltip__dragiconcontainer',
-    headercontainer: 'tooltip__headercontainer',
-    paragraph: 'tooltip__paragraph',
-    paragraphcontainer: 'tooltip__paragraphcontainer',
-    title: 'tooltip__title',
-    tooltipalignstyles: 'tooltip__tooltipalignstyles',
-    tooltipasmodal: 'tooltip__tooltipasmodal',
-    tooltipexternalcontainer: 'tooltip__tooltipexternalcontainer',
-    tooltipinternalcontainer: 'tooltip__tooltipinternalcontainer',
-    $_default: {
-      tooltip: 'tooltip--default',
-      arrowcontainer: 'tooltip__arrowcontainer tooltip__arrowcontainer--default',
-      arrowposition: 'tooltip__arrowposition tooltip__arrowposition--default',
-      arrowsize: 'tooltip__arrowsize tooltip__arrowsize--default',
-      closebuttoncontainer: 'tooltip__closebuttoncontainer tooltip__closebuttoncontainer--default',
-      closebuttonicon: 'tooltip__closebuttonicon tooltip__closebuttonicon--default',
-      headercontainer: 'tooltip__headercontainer tooltip__headercontainer--default',
-      paragraph: 'tooltip__paragraph tooltip__paragraph--default',
-      paragraphcontainer: 'tooltip__paragraphcontainer tooltip__paragraphcontainer--default',
-      title: 'tooltip__title tooltip__title--default',
-      tooltipexternalcontainer: 'tooltip__tooltipexternalcontainer tooltip__tooltipexternalcontainer--default',
-      tooltipinternalcontainer: 'tooltip__tooltipinternalcontainer tooltip__tooltipinternalcontainer--default',
-    },
-    popover: {
-      arrow: 'popover__arrow',
-      popover: 'popover',
-    },
-  },
-  VIRTUAL_KEYBOARD: {
-    virtual_keyboard: 'virtual_keyboard',
-    digitbuttons: 'virtual_keyboard__digitbuttons',
-    digittext: 'virtual_keyboard__digittext',
-    digitwrapper: 'virtual_keyboard__digitwrapper',
-    iconcontainer: 'virtual_keyboard__iconcontainer',
-    removebutton: 'virtual_keyboard__removebutton',
-    $_default: {
-      virtual_keyboard: 'virtual_keyboard virtual_keyboard--default',
-      digitbuttons: 'virtual_keyboard__digitbuttons virtual_keyboard__digitbuttons--default',
-      digittext: 'virtual_keyboard__digittext virtual_keyboard__digittext--default',
-    },
-  },
-  },
-}
-/* CssClasses */
-
-/* CssAvailableComponents */
-export const cssAvailableComponents = {
-  'kubit': {
-  ACCORDION: 'ACCORDION',
-  AVATAR: 'AVATAR',
-  BADGE: 'BADGE',
-  BREADCRUMBS: 'BREADCRUMBS',
-  BUTTON: 'BUTTON',
-  CALENDAR: 'CALENDAR',
-  CARD_IMAGE: 'CARD_IMAGE',
-  CAROUSEL: 'CAROUSEL',
-  CHECKBOX: 'CHECKBOX',
-  CHECKBOX_BASE: 'CHECKBOX_BASE',
-  CHIP: 'CHIP',
-  CONTAINER: 'CONTAINER',
-  DATA_TABLE: 'DATA_TABLE',
-  DOT: 'DOT',
-  DROPDOWN_SELECTED: 'DROPDOWN_SELECTED',
-  ERROR_MESSAGE: 'ERROR_MESSAGE',
-  ICON: 'ICON',
-  INPUT: 'INPUT',
-  INPUT_BASE: 'INPUT_BASE',
-  INPUT_DECORATION: 'INPUT_DECORATION',
-  INPUT_SIGNATURE: 'INPUT_SIGNATURE',
-  ITEM_ROVE: 'ITEM_ROVE',
-  LINK: 'LINK',
-  LINK_AS_BUTTON: 'LINK_AS_BUTTON',
-  LIST_OPTIONS: 'LIST_OPTIONS',
-  MESSAGE: 'MESSAGE',
-  MODAL: 'MODAL',
-  NAVBAR: 'NAVBAR',
-  OPTION: 'OPTION',
-  OVERLAY: 'OVERLAY',
-  PAGE_CONTROL: 'PAGE_CONTROL',
-  PAGINATION: 'PAGINATION',
-  POPOVER: 'POPOVER',
-  PROGRESS_BAR: 'PROGRESS_BAR',
-  RADIO_BUTTON: 'RADIO_BUTTON',
-  SELECTOR_BOX_FILE: 'SELECTOR_BOX_FILE',
-  SKELETON: 'SKELETON',
-  SLIDER: 'SLIDER',
-  SNACKBAR: 'SNACKBAR',
-  STEPPER_NUMBER: 'STEPPER_NUMBER',
-  TABLE: 'TABLE',
-  TABLE_BODY: 'TABLE_BODY',
-  TABLE_CAPTION: 'TABLE_CAPTION',
-  TABLE_CELL: 'TABLE_CELL',
-  TABLE_DIVIDER: 'TABLE_DIVIDER',
-  TABLE_FOOT: 'TABLE_FOOT',
-  TABLE_HEAD: 'TABLE_HEAD',
-  TABLE_ROW: 'TABLE_ROW',
-  TABS: 'TABS',
-  TAG: 'TAG',
-  TEXT: 'TEXT',
-  TEXT_AREA: 'TEXT_AREA',
-  TEXT_COUNT: 'TEXT_COUNT',
-  TOGGLE: 'TOGGLE',
-  TOOLTIP: 'TOOLTIP',
-  VIRTUAL_KEYBOARD: 'VIRTUAL_KEYBOARD',
-  },
-}
-/* CssAvailableComponents */
-
-/* CssGlobalStyles */
-export const cssGlobalStyles = {
-  'kubit': {
-  kbt_sr_only: '.kbt-sr-only',
-  global_focus_visible: '.global-focus-visible:focus-visible',
-  kbt_global_focus: '.kbt-global-focus',
-  },
-}
-/* CssGlobalStyles */
-
-/* CssMediaQueries */
-export const cssMediaQueries = {
-  'kubit': {
-  mobile: 'mobile',
-  tablet: 'tablet',
-  desktop: 'desktop',
-  large_desktop: 'large_desktop',
-  },
-}
-/* CssMediaQueries */
-