@kubit-ui-web/react-components 1.17.2 → 2.0.0-beta.1

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

@@ -0,0 +1,1641 @@
+/* CssThemes */
+export const cssThemes = {
+  'kubit': { css: '/Users/n128691/PROJECTS/ODS/KUBIT/ods-odswpa-web-ui-components/app/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 */
+