@kofile/gds-foundations 0.0.11 → 1.0.0-alpha

package/build/css/themes/global.css

@@ -0,0 +1,565 @@
+
+:root, 
+:host {
+--primitive-0: 0rem;
+--primitive-1: 0.063rem;
+--primitive-2: 0.125rem;
+--primitive-4: 0.25rem;
+--primitive-6: 0.375rem;
+--primitive-8: 0.5rem;
+--primitive-10: 0.625rem;
+--primitive-11: 0.688rem;
+--primitive-12: 0.75rem;
+--primitive-13: 0.813rem;
+--primitive-14: 0.875rem;
+--primitive-15: 0.938rem;
+--primitive-16: 1rem;
+--primitive-17: 1.063rem;
+--primitive-18: 1.125rem;
+--primitive-20: 1.25rem;
+--primitive-24: 1.5rem;
+--primitive-28: 1.75rem;
+--primitive-32: 2rem;
+--primitive-36: 2.25rem;
+--primitive-40: 2.5rem;
+--primitive-44: 2.75rem;
+--primitive-48: 3rem;
+--primitive-52: 3.25rem;
+--primitive-56: 3.5rem;
+--primitive-60: 3.75rem;
+--primitive-64: 4rem;
+--primitive-72: 4.5rem;
+--primitive-80: 5rem;
+--primitive-128: 8rem;
+--primitive-160: 10rem;
+--primitive-192: 12rem;
+--primitive-224: 14rem;
+--primitive-256: 16rem;
+--primitive-320: 20rem;
+--primitive-384: 24rem;
+--primitive-448: 28rem;
+--primitive-512: 32rem;
+--primitive-640: 40rem;
+--primitive-768: 48rem;
+--primitive-1024: 64rem;
+--primitive-1280: 80rem;
+--primitive-1600: 100rem;
+--primitive-1920: 120rem;
+--primitive-gray-100: #F9F9F9;
+--primitive-gray-200: #edeeef;
+--primitive-gray-300: #d5d7db;
+--primitive-gray-400: #b7bcc3;
+--primitive-gray-500: #8d949f;
+--primitive-gray-600: #6b7280;
+--primitive-gray-700: #4f5562;
+--primitive-gray-800: #343944;
+--primitive-gray-900: #242831;
+--primitive-gray-1000: #191b22;
+--primitive-gray-black: #121212;
+--primitive-gray-white: #ffffff;
+--primitive-blue-100: #f0f7ff;
+--primitive-blue-200: #d9eafe;
+--primitive-blue-300: #abcffd;
+--primitive-blue-400: #66a8fd;
+--primitive-blue-500: #3a89fd;
+--primitive-blue-600: #0c57cd;
+--primitive-blue-700: #063b99;
+--primitive-blue-800: #052b74;
+--primitive-blue-900: #041C4F;
+--primitive-blue-1000: #03122f;
+--primitive-red-100: #fee5e5;
+--primitive-red-200: #fecbcb;
+--primitive-red-300: #fe9f9b;
+--primitive-red-400: #fc817c;
+--primitive-red-500: #f4534f;
+--primitive-red-600: #d12828;
+--primitive-red-700: #ab1a1d;
+--primitive-red-800: #7e130e;
+--primitive-red-900: #5c0b09;
+--primitive-red-1000: #3b0807;
+--primitive-green-100: #e2fdee;
+--primitive-green-200: #a3f6ce;
+--primitive-green-300: #59e1a6;
+--primitive-green-400: #29c68c;
+--primitive-green-500: #1aad74;
+--primitive-green-600: #088556;
+--primitive-green-700: #086945;
+--primitive-green-800: #0a4e35;
+--primitive-green-900: #063724;
+--primitive-green-1000: #052618;
+--primitive-orange-100: #ffefd7;
+--primitive-orange-200: #ffddb1;
+--primitive-orange-300: #fec478;
+--primitive-orange-400: #fba94b;
+--primitive-orange-500: #f39129;
+--primitive-orange-600: #d26e16;
+--primitive-orange-700: #a2520c;
+--primitive-orange-800: #753c08;
+--primitive-orange-900: #553008;
+--primitive-orange-1000: #3c2109;
+--primitive-yellow-100: #fdf8cf;
+--primitive-yellow-200: #fae592;
+--primitive-yellow-300: #fcd358;
+--primitive-yellow-400: #f1bc0f;
+--primitive-yellow-500: #dda100;
+--primitive-yellow-600: #c08700;
+--primitive-yellow-700: #976800;
+--primitive-yellow-800: #785200;
+--primitive-yellow-900: #563e00;
+--primitive-yellow-1000: #3c2e00;
+--primitive-purple-100: #f7f5ff;
+--primitive-purple-200: #e9e5fd;
+--primitive-purple-300: #d1c9fc;
+--primitive-purple-400: #baa8f7;
+--primitive-purple-500: #a485ed;
+--primitive-purple-600: #7c4ccd;
+--primitive-purple-700: #562c9e;
+--primitive-purple-800: #3b2270;
+--primitive-purple-900: #291753;
+--primitive-purple-1000: #150c32;
+--primitive-magenta-100: #ffecf8;
+--primitive-magenta-200: #fcc8e9;
+--primitive-magenta-300: #f59cd2;
+--primitive-magenta-400: #e97dbe;
+--primitive-magenta-500: #d45da6;
+--primitive-magenta-600: #a64480;
+--primitive-magenta-700: #7d3261;
+--primitive-magenta-800: #582544;
+--primitive-magenta-900: #3f1d31;
+--primitive-magenta-1000: #2b1323;
+--primitive-teal-100: #d5feff;
+--primitive-teal-200: #93fbfa;
+--primitive-teal-300: #53e6e4;
+--primitive-teal-400: #32c6c6;
+--primitive-teal-500: #309d9f;
+--primitive-teal-600: #247678;
+--primitive-teal-700: #1c4e4f;
+--primitive-teal-800: #133636;
+--primitive-teal-900: #0d2727;
+--primitive-teal-1000: #061615;
+--spacing-4xs: 0rem;
+--spacing-3xs: 0.125rem;
+--spacing-2xs: 0.25rem;
+--spacing-xs: 0.5rem;
+--spacing-sm: 0.75rem;
+--spacing-md: 1rem;
+--spacing-lg: 1.25rem;
+--spacing-xl: 1.5rem;
+--spacing-2xl: 2rem;
+--spacing-3xl: 3rem;
+--spacing-4xl: 4rem;
+--border-radius-none: 0rem;
+--border-radius-2xs: 0.125rem;
+--border-radius-xs: 0.25rem;
+--border-radius-sm: 0.375rem;
+--border-radius-md: 0.5rem;
+--border-radius-lg: 0.75rem;
+--border-radius-xl: 1rem;
+--line-heights-3xs: 1rem;
+--line-heights-2xs: 1.25rem;
+--line-heights-xs: 1.25rem;
+--line-heights-sm: 1.25rem;
+--line-heights-md: 1.5rem;
+--line-heights-lg: 1.5rem;
+--line-heights-xl: 1.75rem;
+--line-heights-2xl: 2.25rem;
+--line-heights-3xl: 2.25rem;
+--line-heights-4xl: 3rem;
+--line-heights-5xl: 3.75rem;
+--line-heights-6xl: 5rem;
+--font-size-3xs: 0.75rem;
+--font-size-2xs: 0.813rem;
+--font-size-xs: 0.875rem;
+--font-size-sm: 0.938rem;
+--font-size-md: 1rem;
+--font-size-lg: 1.125rem;
+--font-size-xl: 1.25rem;
+--font-size-2xl: 1.5rem;
+--font-size-3xl: 1.75rem;
+--font-size-4xl: 2.25rem;
+--font-size-5xl: 3rem;
+--font-size-6xl: 4.5rem;
+--layout-4xs: 12rem;
+--layout-3xs: 14rem;
+--layout-2xs: 16rem;
+--layout-xs: 20rem;
+--layout-sm: 24rem;
+--layout-md: 32rem;
+--layout-lg: 48rem;
+--layout-xl: 64rem;
+--layout-2xl: 80rem;
+--layout-3xl: 100rem;
+--layout-4xl: 120rem;
+--border-width-none: 0rem;
+--border-width-sm: 0.063rem;
+--border-width-md: 0.125rem;
+--border-width-lg: 0.25rem;
+--font-families-default: Source Sans 3;
+--font-families-mono: Fira Code;
+--font-weights-regular: 400;
+--font-weights-semibold: 600;
+--font-weights-bold: 700;
+--letter-spacing-3xs: -0.005em;
+--letter-spacing-2xs: -0.005em;
+--letter-spacing-xs: -0.01em;
+--letter-spacing-sm: -0.01em;
+--letter-spacing-md: -0.01em;
+--letter-spacing-lg: -0.01em;
+--letter-spacing-xl: -0.01em;
+--letter-spacing-2xl: -0.015em;
+--letter-spacing-3xl: -0.175em;
+--letter-spacing-4xl: -0.175em;
+--letter-spacing-5xl: -0.175em;
+--letter-spacing-6xl: -0.025em;
+--paragraph-spacing-0: 0;
+--font-size-3xs-regular: 400 0.75rem/1rem 'Source Sans 3';
+--font-size-3xs-semibold: 600 0.75rem/1rem 'Source Sans 3';
+--font-size-3xs-bold: 700 0.75rem/1rem 'Source Sans 3';
+--font-size-2xs-regular: 400 0.813rem/1.25rem 'Source Sans 3';
+--font-size-2xs-semibold: 600 0.813rem/1.25rem 'Source Sans 3';
+--font-size-2xs-bold: 700 0.813rem/1.25rem 'Source Sans 3';
+--font-size-xs-regular: 400 0.875rem/1.25rem 'Source Sans 3';
+--font-size-xs-semibold: 600 0.875rem/1.25rem 'Source Sans 3';
+--font-size-xs-bold: 700 0.875rem/1.25rem 'Source Sans 3';
+--font-size-sm-regular: 400 0.938rem/1.25rem 'Source Sans 3';
+--font-size-sm-semibold: 600 0.938rem/1.25rem 'Source Sans 3';
+--font-size-sm-bold: 700 0.938rem/1.25rem 'Source Sans 3';
+--font-size-md-regular: 400 1rem/1.5rem 'Source Sans 3';
+--font-size-md-semibold: 600 1rem/1.5rem 'Source Sans 3';
+--font-size-md-bold: 700 1rem/1.5rem 'Source Sans 3';
+--font-size-lg-regular: 400 1.125rem/1.5rem 'Source Sans 3';
+--font-size-lg-semibold: 600 1.125rem/1.5rem 'Source Sans 3';
+--font-size-lg-bold: 700 1.125rem/1.5rem 'Source Sans 3';
+--font-size-xl-regular: 400 1.25rem/1.75rem 'Source Sans 3';
+--font-size-xl-semibold: 600 1.25rem/1.75rem 'Source Sans 3';
+--font-size-xl-bold: 700 1.25rem/1.75rem 'Source Sans 3';
+--font-size-2xl-regular: 400 1.5rem/2.25rem 'Source Sans 3';
+--font-size-2xl-semibold: 600 1.5rem/2.25rem 'Source Sans 3';
+--font-size-2xl-bold: 700 1.5rem/2.25rem 'Source Sans 3';
+--font-size-3xl-regular: 400 1.75rem/2.25rem 'Source Sans 3';
+--font-size-3xl-semibold: 600 1.75rem/2.25rem 'Source Sans 3';
+--font-size-3xl-bold: 700 1.75rem/2.25rem 'Source Sans 3';
+--font-size-4xl-regular: 400 2.25rem/3rem 'Source Sans 3';
+--font-size-4xl-semibold: 600 2.25rem/3rem 'Source Sans 3';
+--font-size-4xl-bold: 700 2.25rem/3rem 'Source Sans 3';
+--font-size-5xl-regular: 400 3rem/3.75rem 'Source Sans 3';
+--font-size-5xl-semibold: 600 3rem/3.75rem 'Source Sans 3';
+--font-size-5xl-bold: 700 3rem/3.75rem 'Source Sans 3';
+--font-size-6xl-regular: 400 4.5rem/5rem 'Source Sans 3';
+--font-size-6xl-semibold: 600 4.5rem/5rem 'Source Sans 3';
+--font-size-6xl-bold: 700 4.5rem/5rem 'Source Sans 3';
+--text-case-none: none;
+--text-decoration-none: none;
+--paragraph-indent-0: 0px;
+--color-neutral-100: #F9F9F9;
+--color-neutral-200: #edeeef;
+--color-neutral-300: #d5d7db;
+--color-neutral-400: #b7bcc3;
+--color-neutral-500: #8d949f;
+--color-neutral-600: #6b7280;
+--color-neutral-700: #4f5562;
+--color-neutral-800: #343944;
+--color-neutral-900: #242831;
+--color-neutral-1000: #191b22;
+--color-neutral-darkest: #121212;
+--color-neutral-lightest: #ffffff;
+--color-primary-100: #f0f7ff;
+--color-primary-200: #d9eafe;
+--color-primary-300: #abcffd;
+--color-primary-400: #66a8fd;
+--color-primary-500: #3a89fd;
+--color-primary-600: #0c57cd;
+--color-primary-700: #063b99;
+--color-primary-800: #052b74;
+--color-primary-900: #041C4F;
+--color-primary-1000: #03122f;
+--color-danger-100: #fee5e5;
+--color-danger-200: #fecbcb;
+--color-danger-300: #fe9f9b;
+--color-danger-400: #fc817c;
+--color-danger-500: #f4534f;
+--color-danger-600: #d12828;
+--color-danger-700: #ab1a1d;
+--color-danger-800: #7e130e;
+--color-danger-900: #5c0b09;
+--color-danger-1000: #3b0807;
+--color-warning-100: #ffefd7;
+--color-warning-200: #ffddb1;
+--color-warning-300: #fec478;
+--color-warning-400: #fba94b;
+--color-warning-500: #f39129;
+--color-warning-600: #d26e16;
+--color-warning-700: #a2520c;
+--color-warning-800: #753c08;
+--color-warning-900: #553008;
+--color-warning-1000: #3c2109;
+--color-success-100: #e2fdee;
+--color-success-200: #a3f6ce;
+--color-success-300: #59e1a6;
+--color-success-400: #29c68c;
+--color-success-500: #1aad74;
+--color-success-600: #088556;
+--color-success-700: #086945;
+--color-success-800: #0a4e35;
+--color-success-900: #063724;
+--color-success-1000: #052618;
+--color-highlight-100: #fdf8cf;
+--color-highlight-200: #fae592;
+--color-highlight-300: #fcd358;
+--color-highlight-400: #f1bc0f;
+--color-highlight-500: #dda100;
+--color-highlight-600: #c08700;
+--color-highlight-700: #976800;
+--color-highlight-800: #785200;
+--color-highlight-900: #563e00;
+--color-highlight-1000: #3c2e00;
+--opacity-disabled: 0.32;
+--opacity-sm: 0.48;
+--opacity-md: 0.64;
+--opacity-l: 0.88;
+--badge-size-sm-vertical-padding: 0.125rem;
+--badge-size-sm-typography: 600 0.75rem/1rem 'Source Sans 3';
+--badge-size-sm-horizontal-padding: 0.25rem;
+--badge-size-sm-border-radius: 0.25rem;
+--badge-size-md-vertical-padding: 0.125rem;
+--badge-size-md-horizontal-padding: 0.5rem;
+--badge-size-md-typography: 600 0.813rem/1.25rem 'Source Sans 3';
+--badge-size-md-border-radius: 0.25rem;
+--badge-size-lg-vertical-padding: 0.375rem;
+--badge-size-lg-horizontal-padding: 0.5rem;
+--badge-size-lg-typography: 600 0.875rem/1.25rem 'Source Sans 3';
+--badge-size-lg-border-radius: 0.25rem;
+--badge-gap-spacing: 0.25rem;
+--button-size-sm-border-radius: 0.375rem;
+--button-size-sm-border-width: 0.063rem;
+--button-size-sm-border-style: solid;
+--button-size-sm-typography: ;
+--button-size-md-border-radius: 0.375rem;
+--button-size-md-border-width: 0.063rem;
+--button-size-md-border-style: solid;
+--button-size-md-height: 1.5rem;
+--button-size-md-padding-left: 0.5rem;
+--button-size-md-padding-right: 0.5rem;
+--button-size-md-padding-top: 0.125rem;
+--button-size-md-padding-bottom: 0.125rem;
+--button-size-md-spacing: 0.25rem;
+--button-size-md-typography: 600 0.813rem/1.25rem 'Source Sans 3';
+--button-size-lg-border-radius: 0.375rem;
+--button-size-lg-border-width: 0.063rem;
+--button-size-lg-border-style: solid;
+--button-size-lg-height: 2rem;
+--button-size-lg-padding-left: 0.75rem;
+--button-size-lg-padding-right: 0.75rem;
+--button-size-lg-padding-top: 0.375rem;
+--button-size-lg-padding-bottom: 0.375rem;
+--button-size-lg-spacing: 0.25rem;
+--button-size-lg-typography: 600 0.938rem/1.25rem 'Source Sans 3';
+--button-size-xl-border-radius: 0.375rem;
+--button-size-xl-border-width: 0.063rem;
+--button-size-xl-border-style: solid;
+--button-size-xl-typography: 600 1.125rem/1.5rem 'Source Sans 3';
+--button-size-xl-spacing: 0.25rem;
+--button-size-xl-padding-left: 1rem;
+--button-size-xl-padding-right: 1rem;
+--button-size-xl-padding-top: 0.75rem;
+--button-size-xl-padding-bottom: 0.75rem;
+--button-size-xl-height: 3rem;
+--button-gap-spacing: 0.25rem;
+--button-outline-primary-width: 0.25rem;
+--button-outline-primary-style: solid;
+--button-outline-primary-fill: #063b99;
+--button-outline-primary-offset: 0.125rem;
+--button-opacity-disabled: 0.32;
+--checkbox-size-sm-background-size: 0.375rem;
+--checkbox-size-sm-border-radius: 0.125rem;
+--checkbox-size-sm-border-width: 0.063rem;
+--checkbox-size-sm-height: 1rem;
+--checkbox-size-sm-width: 1rem;
+--checkbox-size-md-background-size: 0.5rem;
+--checkbox-size-md-border-radius: 0.25rem;
+--checkbox-size-md-border-width: 0.063rem;
+--checkbox-size-md-height: 1.25rem;
+--checkbox-size-md-width: 1.25rem;
+--checkbox-gap-spacing: 0.25rem;
+--checkbox-outline-primary-width: 0.25rem;
+--checkbox-outline-primary-style: solid;
+--checkbox-outline-primary-fill: #063b99;
+--checkbox-outline-primary-offset: 0.125rem;
+--checkbox-opacity-disabled: 0.32;
+--checkbox-tile-size-md-border-radius: 0.25rem;
+--checkbox-tile-size-md-border-width: 0.063rem;
+--checkbox-tile-size-md-padding-block: 1rem;
+--checkbox-tile-size-md-padding-inline: 1rem;
+--checkbox-tile-size-md-width: auto;
+--form-label-size-sm-typography: 600 0.875rem/1.25rem 'Source Sans 3';
+--form-label-size-md-gap: 0.25rem;
+--form-label-size-md-margin-block-end: 0.375rem;
+--form-label-size-md-typography: 600 1.125rem/1.5rem 'Source Sans 3';
+--form-label-size-md-width: auto;
+--form-label-size-md-border-radius: 0.375rem;
+--form-label-opacity-disabled: 0.32;
+--form-label-elements-indicator-background: #d26e16;
+--form-label-elements-indicator-border-radius: 0.375rem;
+--form-label-elements-indicator-height: 0.5rem;
+--form-label-elements-indicator-width: 0.5rem;
+--input-elements-text-field-size-md-height: 1.5rem;
+--input-elements-text-field-size-md-padding-block: 0.375rem;
+--input-elements-text-field-size-md-typography: 400 0.75rem/1rem 'Source Sans 3';
+--input-elements-text-field-size-lg-height: 2rem;
+--input-elements-text-field-size-lg-padding-block: 0.5rem;
+--input-elements-text-field-size-lg-typography: 400 0.875rem/1.25rem 'Source Sans 3';
+--input-elements-text-field-size-xl-border-radius: 0.5rem;
+--input-elements-text-field-size-xl-border-width: 0.063rem;
+--input-elements-text-field-size-xl-height: 3rem;
+--input-elements-text-field-size-xl-padding-block: 0.75rem;
+--input-elements-text-field-size-xl-padding-inline: 0.75rem;
+--input-elements-text-field-size-xl-typography: 400 1rem/1.5rem 'Source Sans 3';
+--input-elements-text-field-size-xl-width: 100%;
+--input-elements-root-size-xl-width: 100%;
+--input-elements-icon-size-md-height: 1.5rem;
+--input-elements-icon-size-lg-height: 2rem;
+--input-elements-icon-size-xl-border-radius: 0.5rem;
+--input-elements-icon-size-xl-border-width: 0.063rem;
+--input-elements-icon-size-xl-height: 3rem;
+--input-elements-icon-size-xl-padding-block-start: 1rem;
+--input-elements-icon-size-xl-padding-block-end: 0rem;
+--input-elements-addon-size-md-height: 1.5rem;
+--input-elements-addon-size-md-typography: 400 0.75rem/1rem 'Source Sans 3';
+--input-elements-addon-size-lg-height: 2rem;
+--input-elements-addon-size-lg-typography: 400 0.875rem/1.25rem 'Source Sans 3';
+--input-elements-addon-size-xl-border-radius: 0.5rem;
+--input-elements-addon-size-xl-border-width: 0.063rem;
+--input-elements-addon-size-xl-height: 3rem;
+--input-elements-addon-size-xl-padding-inline: 1rem;
+--input-disabled-opacity: 0.32;
+--field-message-size-sm-typography: 400 0.75rem/1rem 'Source Sans 3';
+--field-message-size-md-margin-block-end: 0.375rem;
+--field-message-size-md-typography: 400 0.813rem/1.25rem 'Source Sans 3';
+--field-message-opacity-disabled: 0.32;
+--label-size-sm-typography: 400 0.875rem/1.25rem 'Source Sans 3';
+--label-size-md-typography: 400 1rem/1.5rem 'Source Sans 3';
+--label-gap-default: 0.25rem;
+--label-opacity-disabled: 0.32;
+--link-size-3xs-typography: 700 0.75rem/1rem 'Source Sans 3';
+--link-size-2xs-typography: 700 0.813rem/1.25rem 'Source Sans 3';
+--link-size-xs-typography: 700 0.875rem/1.25rem 'Source Sans 3';
+--link-size-sm-typography: 700 0.938rem/1.25rem 'Source Sans 3';
+--link-size-md-typography: 700 1rem/1.5rem 'Source Sans 3';
+--link-size-lg-typography: 700 1.125rem/1.5rem 'Source Sans 3';
+--link-size-xl-typography: 700 1.25rem/1.75rem 'Source Sans 3';
+--link-gap-default: 0.25rem;
+--link-opacity-disabled: 0.32;
+--link-weight-regular: 400;
+--radio-group-elements-indicator-size-sm-height: 0.375rem;
+--radio-group-elements-indicator-size-sm-width: 0.375rem;
+--radio-group-elements-indicator-size-md-border-radius: 50%;
+--radio-group-elements-indicator-size-md-height: 0.5rem;
+--radio-group-elements-indicator-size-md-width: 0.5rem;
+--radio-group-elements-indicator-shadow: 0 0.063rem 0.063rem 0 rgba(0, 0, 0, 0.08);
+--radio-group-size-sm-border-width: 0.063rem;
+--radio-group-size-sm-height: 1rem;
+--radio-group-size-sm-min-width: 1rem;
+--radio-group-size-sm-width: 1rem;
+--radio-group-size-md-border-radius: 100%;
+--radio-group-size-md-border-width: 0.063rem;
+--radio-group-size-md-height: 1.25rem;
+--radio-group-size-md-min-width: 1.25rem;
+--radio-group-size-md-width: 1.25rem;
+--radio-group-outline-primary-width: 0.25rem;
+--radio-group-outline-primary-style: solid;
+--radio-group-outline-primary-fill: #063b99;
+--radio-group-outline-primary-offset: 0.125rem;
+--radio-group-opacity-disabled: 0.32;
+--radio-group-tile-size-md-border-radius: 0.25rem;
+--radio-group-tile-size-md-border-width: 0.063rem;
+--radio-group-tile-size-md-padding-block: 1rem;
+--radio-group-tile-size-md-padding-inline: 1rem;
+--radio-group-tile-size-md-width: auto;
+--select-elements-trigger-size-md-max-height: 1.5rem;
+--select-elements-trigger-size-md-padding-block: 0.25rem;
+--select-elements-trigger-size-md-padding-inline: 0.5rem;
+--select-elements-trigger-size-lg-max-height: 2rem;
+--select-elements-trigger-size-lg-padding-block: 0.375rem;
+--select-elements-trigger-size-lg-padding-inline: 0.75rem;
+--select-elements-trigger-size-xl-border-radius: 0.375rem;
+--select-elements-trigger-size-xl-border-width: 0.063rem;
+--select-elements-trigger-size-xl-max-height: 3rem;
+--select-elements-trigger-size-xl-padding-block: 0.75rem;
+--select-elements-trigger-size-xl-padding-inline: 1rem;
+--select-elements-trigger-size-xl-width: 100%;
+--select-elements-trigger-opacity-disabled: 0.32;
+--select-elements-content-size-lg-border-radius: 0.375rem;
+--select-elements-content-size-lg-border-width: 0.063rem;
+--select-elements-content-size-lg-max-height: 232px;
+--select-elements-content-size-lg-z-index: 499;
+--select-elements-content-opacity-disabled: 0.32;
+--select-elements-content-scrollbar-size-lg-border-radius: 0.375rem;
+--select-elements-content-scrollbar-size-lg-border-width: 0.063rem;
+--select-elements-content-scrollbar-size-lg-width: 0.75rem;
+--select-elements-content-scrollbar-thumb-size-lg-height: 8rem;
+--select-elements-menu-item-size-lg-height: 2rem;
+--select-elements-menu-item-size-lg-padding-inline: 0.75rem;
+--select-elements-menu-item-gap-default: 0.5rem;
+--select-elements-menu-item-opacity-disabled: 0.32;
+--select-elements-separator-size-lg-height: 0.063rem;
+--select-elements-info-size-lg-typography: 400 0.813rem/1.25rem 'Source Sans 3';
+--switch-elements-thumb-size-sm-height: 1rem;
+--switch-elements-thumb-size-sm-width: 1rem;
+--switch-elements-thumb-size-md-border-radius: 1rem;
+--switch-elements-thumb-size-md-border-width: 0.063rem;
+--switch-elements-thumb-size-md-height: 1.25rem;
+--switch-elements-thumb-size-md-width: 1.25rem;
+--switch-elements-thumb-shadow: 0 0.063rem 0.063rem 0 rgba(0, 0, 0, 0.08);
+--switch-size-sm-height: 1rem;
+--switch-size-sm-width: 2rem;
+--switch-size-md-border-radius: 1rem;
+--switch-size-md-border-width: 0.063rem;
+--switch-size-md-height: 1.25rem;
+--switch-size-md-width: 2.5rem;
+--switch-opacity-disabled: 0.32;
+--switch-outline-primary-width: 0.25rem;
+--switch-outline-primary-style: solid;
+--switch-outline-primary-fill: #063b99;
+--switch-outline-primary-offset: 0.125rem;
+--table-elements-container-size-2xl-border-radius: 0.375rem;
+--table-elements-container-size-2xl-border-width: 0.063rem;
+--table-elements-container-size-2xl-max-height: auto;
+--table-elements-container-scrollbar-size-2xl-border-radius: 0.375rem;
+--table-elements-container-scrollbar-size-2xl-border-width: 0.063rem;
+--table-elements-container-scrollbar-size-2xl-width: 0.75rem;
+--table-elements-container-scrollbar-thumb-size-2xl-border-width: 0.063rem;
+--table-elements-container-scrollbar-thumb-size-2xl-height: 8rem;
+--table-elements-th-size-xl-border-bottom-width: 0.063rem;
+--table-elements-th-size-xl-max-height: 3rem;
+--table-elements-th-size-xl-padding-block-start: 1.125rem;
+--table-elements-th-size-xl-padding-block-end: 0.5rem;
+--table-elements-th-size-xl-padding-inline: 0.75rem;
+--table-elements-th-size-xl-typography: 700 0.813rem/1.25rem 'Source Sans 3';
+--table-elements-th-size-2xl-max-height: 4rem;
+--table-elements-th-size-2xl-padding-block-start: 1.5rem;
+--table-elements-th-size-2xl-padding-block-end: 0.5rem;
+--table-elements-th-size-2xl-typography: 700 0.938rem/1.25rem 'Source Sans 3';
+--table-elements-td-size-lg-max-height: 2rem;
+--table-elements-td-size-lg-padding-inline: 0.5rem;
+--table-elements-td-size-lg-typography: 400 0.813rem/1.25rem 'Source Sans 3';
+--table-elements-td-size-xl-max-height: 3rem;
+--table-elements-td-size-xl-typography: 400 0.938rem/1.25rem 'Source Sans 3';
+--table-elements-td-size-2xl-border-width: 0.063rem;
+--table-elements-td-size-2xl-max-height: 4rem;
+--table-elements-td-size-2xl-padding-inline: 0.75rem;
+--table-elements-td-size-2xl-typography: 400 1.125rem/1.5rem 'Source Sans 3';
+--table-elements-actions-2xl-border-radius: 0.375rem;
+--table-elements-actions-2xl-border-width: 0.063rem;
+--table-elements-actions-2xl-height: 3rem;
+--table-elements-actions-2xl-padding-inline-end: 0.5rem;
+--tabs-elements-list-size-lg-border-bottom-width: 0.063rem;
+--tabs-elements-list-size-lg-padding-block-end: 1rem;
+--tabs-elements-list-gap-default: 1.25rem;
+--tabs-elements-trigger-size-lg-border-width: 0.125rem;
+--tabs-elements-trigger-size-lg-padding-block-end: 0rem;
+--tabs-elements-trigger-size-lg-typography: 700 1.125rem/1.5rem 'Source Sans 3';
+--tabs-elements-trigger-size-xl-typography: 700 1.5rem/2.25rem 'Source Sans 3';
+--tabs-elements-content-size-lg-border-width: 0.063rem;
+--tabs-elements-content-size-lg-margin-block-start: 0.5rem;
+--tabs-elements-content-size-lg-padding: 1rem;
+}

package/build/css/themes/index.css

@@ -0,0 +1,30 @@
+@import "./global.css";
+@import "./badge";
+@import "./button/light.css";
+@import "./button/dark.css";
+@import "./checkbox/light.css";
+@import "./checkbox/dark.css";
+@import "./checkbox-tile/light.css";
+@import "./checkbox-tile/dark.css";
+@import "./field-message/light.css";
+@import "./field-message/dark.css";
+@import "./form-label/light.css";
+@import "./form-label/dark.css";
+@import "./input/light.css";
+@import "./input/dark.css";
+@import "./label/light.css";
+@import "./label/dark.css";
+@import "./link/light.css";
+@import "./link/dark.css";
+@import "./radio-group/light.css";
+@import "./radio-group/dark.css";
+@import "./radio-group-tile/light.css";
+@import "./radio-group-tile/dark.css";
+@import "./select/light.css";
+@import "./select/dark.css";
+@import "./switch/light.css";
+@import "./switch/dark.css";
+@import "./table/light.css";
+@import "./table/dark.css";
+@import "./tabs/light.css";
+@import "./tabs/dark.css";

package/build/css/themes/input/dark.css

@@ -0,0 +1,19 @@
+
+:root, 
+:host {
+--input-dark-elements-text-field-color-background-primary-default: #191b22;
+--input-dark-elements-text-field-color-background-disabled-default: #191b22;
+--input-dark-elements-text-field-color-background-error-default: #3b0807;
+--input-dark-elements-text-field-color-background-altbackground-default: #121212;
+--input-dark-elements-text-field-color-border-primary-default: #343944;
+--input-dark-elements-text-field-color-border-error-default: #f4534f;
+--input-dark-elements-text-field-color-text-primary-default: #ffffff;
+--input-dark-elements-text-field-color-text-error-default: #ffffff;
+--input-dark-elements-text-field-color-text-error-placeholder: #b7bcc3;
+--input-dark-elements-icon-color-background-primary-default: #191b22;
+--input-dark-elements-icon-color-border-primary-default: #343944;
+--input-dark-elements-icon-color-text-primary-default: #b7bcc3;
+--input-dark-elements-addon-color-background-primary-default: #121212;
+--input-dark-elements-addon-color-border-primary-default: #343944;
+--input-dark-elements-addon-color-text-primary-default: #121212;
+}

package/build/css/themes/input/light.css

@@ -0,0 +1,19 @@
+
+:root, 
+:host {
+--input-light-elements-text-field-color-background-primary-default: #edeeef;
+--input-light-elements-text-field-color-background-disabled-default: #ffffff;
+--input-light-elements-text-field-color-background-error-default: #fee5e5;
+--input-light-elements-text-field-color-background-altbackground-default: #ffffff;
+--input-light-elements-text-field-color-border-primary-default: #d5d7db;
+--input-light-elements-text-field-color-border-error-default: #d12828;
+--input-light-elements-text-field-color-text-primary-default: #121212;
+--input-light-elements-text-field-color-text-error-default: #121212;
+--input-light-elements-text-field-color-text-error-placeholder: #6b7280;
+--input-light-elements-icon-color-background-primary-default: #edeeef;
+--input-light-elements-icon-color-border-primary-default: #d5d7db;
+--input-light-elements-icon-color-text-primary-default: #8d949f;
+--input-light-elements-addon-color-background-primary-default: #ffffff;
+--input-light-elements-addon-color-border-primary-default: #d5d7db;
+--input-light-elements-addon-color-text-primary-default: #121212;
+}

package/build/css/themes/label/dark.css

@@ -0,0 +1,5 @@
+
+:root, 
+:host {
+--label-dark-color-text-primary-default: #ffffff;
+}

package/build/css/themes/label/light.css

@@ -0,0 +1,5 @@
+
+:root, 
+:host {
+--label-light-color-text-primary-default: #121212;
+}

package/build/css/themes/link/dark.css

@@ -0,0 +1,7 @@
+
+:root, 
+:host {
+--link-dark-color-text-primary-default: #3a89fd;
+--link-dark-color-text-primary-hover: #66a8fd;
+--link-dark-color-text-primary-active: #d9eafe;
+}

package/build/css/themes/link/light.css

@@ -0,0 +1,7 @@
+
+:root, 
+:host {
+--link-light-color-text-primary-default: #0c57cd;
+--link-light-color-text-primary-hover: #063b99;
+--link-light-color-text-primary-active: #041C4F;
+}