@terraware/web-components 1.0.3 → 1.0.4

package/stories/Autocomplete.stories.d.ts

@@ -0,0 +1,9 @@
+import { Story } from '@storybook/react';
+import Autocomplete, { Props as AutocompleteProps } from '../components/Autocomplete';
+declare const _default: {
+    title: string;
+    component: typeof Autocomplete;
+};
+export default _default;
+export declare const Default: Story<AutocompleteProps>;
+//# sourceMappingURL=Autocomplete.stories.d.ts.map

package/stories/Autocomplete.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Autocomplete.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Autocomplete.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,OAAO,YAAY,EAAE,EACnB,KAAK,IAAI,iBAAiB,EAC3B,MAAM,4BAA4B,CAAC;;;;;AAEpC,wBAGE;AAYF,eAAO,MAAM,OAAO,0BAAoB,CAAC"}

package/stories/Button.stories.d.ts

@@ -0,0 +1,35 @@
+import { Story } from '@storybook/react';
+import Button, { Props as ButtonProps } from '../components/Button/Button';
+declare const _default: {
+    title: string;
+    component: typeof Button;
+    argTypes: {
+        type: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+        priority: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+        size: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+        icon: {
+            options: (string | null)[];
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Default: Story<ButtonProps>;
+//# sourceMappingURL=Button.stories.d.ts.map

package/stories/Button.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Button.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,OAAO,MAAM,EAAE,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,6BAA6B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE3E,wBAqBE;AAMF,eAAO,MAAM,OAAO,oBAAoB,CAAC"}

package/stories/Checkbox.stories.d.ts

@@ -0,0 +1,9 @@
+import { Story } from '@storybook/react';
+import Checkbox, { Props as CheckboxProps } from '../components/Checkbox';
+declare const _default: {
+    title: string;
+    component: typeof Checkbox;
+};
+export default _default;
+export declare const Default: Story<CheckboxProps>;
+//# sourceMappingURL=Checkbox.stories.d.ts.map

package/stories/Checkbox.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Checkbox.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,OAAO,QAAQ,EAAE,EAAE,KAAK,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;;;;;AAE1E,wBAGE;AAYF,eAAO,MAAM,OAAO,sBAAoB,CAAC"}

package/stories/DatePicker.stories.d.ts

@@ -0,0 +1,11 @@
+import { Story as StoryBook } from '@storybook/react';
+import React, { ReactElement } from 'react';
+import DatePicker, { Props as DatePickerProps } from '../components/DatePicker';
+declare const _default: {
+    title: string;
+    component: typeof DatePicker;
+    decorators: ((Story: typeof React.Component) => ReactElement)[];
+};
+export default _default;
+export declare const Default: StoryBook<DatePickerProps>;
+//# sourceMappingURL=DatePicker.stories.d.ts.map

package/stories/DatePicker.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.stories.d.ts","sourceRoot":"","sources":["../../src/stories/DatePicker.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,KAAK,EAAE,EAAE,YAAY,EAAY,MAAM,OAAO,CAAC;AACtD,OAAO,UAAU,EAAE,EAAE,KAAK,IAAI,eAAe,EAAE,MAAM,0BAA0B,CAAC;;;;yBAOnE,OAAO,MAAM,SAAS,KAC5B,YAAY;;AANnB,wBAYE;AAcF,eAAO,MAAM,OAAO,4BAAoB,CAAC"}

package/stories/DialogBox.stories.d.ts

@@ -0,0 +1,14 @@
+import { Story } from '@storybook/react';
+import DialogBox, { Props as DialogBoxProps } from '../components/DialogBox/DialogBox';
+declare const _default: {
+    title: string;
+    component: typeof DialogBox;
+};
+export default _default;
+export declare const Small: Story<DialogBoxProps>;
+export declare const Medium: Story<DialogBoxProps>;
+export declare const Large: Story<DialogBoxProps>;
+export declare const XLarge: Story<DialogBoxProps>;
+export declare const threeButtons: Story<DialogBoxProps>;
+export declare const noFooter: Story<DialogBoxProps>;
+//# sourceMappingURL=DialogBox.stories.d.ts.map

package/stories/DialogBox.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogBox.stories.d.ts","sourceRoot":"","sources":["../../src/stories/DialogBox.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAGzC,OAAO,SAAS,EAAE,EAAE,KAAK,IAAI,cAAc,EAAE,MAAM,mCAAmC,CAAC;;;;;AAEvF,wBAGE;AAMF,eAAO,MAAM,KAAK,uBAAoB,CAAC;AAYvC,eAAO,MAAM,MAAM,uBAAoB,CAAC;AAWxC,eAAO,MAAM,KAAK,uBAAoB,CAAC;AAWvC,eAAO,MAAM,MAAM,uBAAoB,CAAC;AAWxC,eAAO,MAAM,YAAY,uBAAoB,CAAC;AAY9C,eAAO,MAAM,QAAQ,uBAAoB,CAAC"}

package/stories/Divisor.stories.d.ts

@@ -0,0 +1,20 @@
+import { Story } from '@storybook/react';
+import Divisor, { Props as DivisorProps } from '../components/Divisor';
+declare const _default: {
+    title: string;
+    component: typeof Divisor;
+    argTypes: {
+        mt: {
+            description: string;
+            control: {
+                type: string;
+                min: number;
+                max: number;
+                step: number;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Default: Story<DivisorProps>;
+//# sourceMappingURL=Divisor.stories.d.ts.map

package/stories/Divisor.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divisor.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Divisor.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,OAAO,OAAO,EAAE,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;;;;;;;;;;;;;;;;AAEvE,wBAcE;AAIF,eAAO,MAAM,OAAO,qBAAoB,CAAC"}

package/stories/Dropdown.stories.d.ts

@@ -0,0 +1,9 @@
+import { Story } from '@storybook/react';
+import Dropdown, { Props as DropdownProps } from '../components/Dropdown';
+declare const _default: {
+    title: string;
+    component: typeof Dropdown;
+};
+export default _default;
+export declare const Default: Story<DropdownProps>;
+//# sourceMappingURL=Dropdown.stories.d.ts.map

package/stories/Dropdown.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Dropdown.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,OAAO,QAAQ,EAAE,EAAE,KAAK,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;;;;;AAE1E,wBAGE;AAYF,eAAO,MAAM,OAAO,sBAAoB,CAAC"}

package/stories/Icon.stories.d.ts

@@ -0,0 +1,9 @@
+import { Story } from '@storybook/react';
+import Icon, { Props as IconProps } from '../components/Icon/Icon';
+declare const _default: {
+    title: string;
+    component: typeof Icon;
+};
+export default _default;
+export declare const Default: Story<IconProps>;
+//# sourceMappingURL=Icon.stories.d.ts.map

package/stories/Icon.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Icon.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,OAAO,IAAI,EAAE,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,yBAAyB,CAAC;;;;;AAEnE,wBAGE;AAMF,eAAO,MAAM,OAAO,kBAAoB,CAAC"}

package/stories/Navbar.stories.d.ts

@@ -0,0 +1,10 @@
+import { Story } from '@storybook/react';
+import Navbar, { Props as NavbarProps } from '../components/Navbar/Navbar';
+declare const _default: {
+    title: string;
+    component: typeof Navbar;
+    argTypes: {};
+};
+export default _default;
+export declare const Default: Story<NavbarProps>;
+//# sourceMappingURL=Navbar.stories.d.ts.map

package/stories/Navbar.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Navbar.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Navbar.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,OAAO,MAAM,EAAE,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,6BAA6B,CAAC;;;;;;AAI3E,wBAIE;AAkCF,eAAO,MAAM,OAAO,oBAAoB,CAAC"}

package/stories/Note.stories.d.ts

@@ -0,0 +1,9 @@
+import { Story } from '@storybook/react';
+import Note, { Props as NoteProps } from '../components/Note';
+declare const _default: {
+    title: string;
+    component: typeof Note;
+};
+export default _default;
+export declare const Default: Story<NoteProps>;
+//# sourceMappingURL=Note.stories.d.ts.map

package/stories/Note.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Note.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Note.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,OAAO,IAAI,EAAE,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;;;;;AAE9D,wBAGE;AAIF,eAAO,MAAM,OAAO,kBAAoB,CAAC"}

package/stories/ProgressCircle.stories.d.ts

@@ -0,0 +1,9 @@
+import { Story } from '@storybook/react';
+import ProgressCircle, { Props as ProgressCircleProps } from '../components/ProgressCircle/ProgressCircle';
+declare const _default: {
+    title: string;
+    component: typeof ProgressCircle;
+};
+export default _default;
+export declare const Default: Story<ProgressCircleProps>;
+//# sourceMappingURL=ProgressCircle.stories.d.ts.map

package/stories/ProgressCircle.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressCircle.stories.d.ts","sourceRoot":"","sources":["../../src/stories/ProgressCircle.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,OAAO,cAAc,EAAE,EAAE,KAAK,IAAI,mBAAmB,EAAE,MAAM,6CAA6C,CAAC;;;;;AAE3G,wBAGE;AAIF,eAAO,MAAM,OAAO,4BAAoB,CAAC"}

package/stories/RadioButton.stories.d.ts

@@ -0,0 +1,9 @@
+import { Story } from '@storybook/react';
+import RadioButton, { Props as RadioButtonProps } from '../components/RadioButton';
+declare const _default: {
+    title: string;
+    component: typeof RadioButton;
+};
+export default _default;
+export declare const Default: Story<RadioButtonProps>;
+//# sourceMappingURL=RadioButton.stories.d.ts.map

package/stories/RadioButton.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton.stories.d.ts","sourceRoot":"","sources":["../../src/stories/RadioButton.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,OAAO,WAAW,EAAE,EAClB,KAAK,IAAI,gBAAgB,EAC1B,MAAM,2BAA2B,CAAC;;;;;AAEnC,wBAGE;AAMF,eAAO,MAAM,OAAO,yBAAoB,CAAC"}

package/stories/Select.stories.d.ts

@@ -0,0 +1,9 @@
+import { Story } from '@storybook/react';
+import Select, { SelectProps } from '../components/Select/Select';
+declare const _default: {
+    title: string;
+    component: typeof Select;
+};
+export default _default;
+export declare const Default: Story<SelectProps>;
+//# sourceMappingURL=Select.stories.d.ts.map

package/stories/Select.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Select.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,OAAO,MAAM,EAAE,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;;;;;AAElE,wBAGE;AAYF,eAAO,MAAM,OAAO,oBAAoB,CAAC"}

package/stories/SummaryBox.stories.d.ts

@@ -0,0 +1,11 @@
+import { Story } from '@storybook/react';
+import SummaryBox, { Props as SummaryBoxProps } from '../components/SummaryBox';
+declare const _default: {
+    title: string;
+    component: typeof SummaryBox;
+};
+export default _default;
+export declare const Default: Story<SummaryBoxProps>;
+export declare const Available: Story<SummaryBoxProps>;
+export declare const Zero: Story<SummaryBoxProps>;
+//# sourceMappingURL=SummaryBox.stories.d.ts.map

package/stories/SummaryBox.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SummaryBox.stories.d.ts","sourceRoot":"","sources":["../../src/stories/SummaryBox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,OAAO,UAAU,EAAE,EAAE,KAAK,IAAI,eAAe,EAAE,MAAM,0BAA0B,CAAC;;;;;AAEhF,wBAGE;AAIF,eAAO,MAAM,OAAO,wBAAoB,CAAC;AAQzC,eAAO,MAAM,SAAS,wBAAoB,CAAC;AAQ3C,eAAO,MAAM,IAAI,wBAAoB,CAAC"}

package/stories/Table.stories.d.ts

@@ -0,0 +1,12 @@
+import { Story } from '@storybook/react';
+import Table, { Props as TableProps } from '../components/table/index';
+declare const _default: {
+    title: string;
+    component: typeof Table;
+};
+export default _default;
+export declare const Default: Story<TableProps<{
+    name: string;
+    lastname: string;
+}>>;
+//# sourceMappingURL=Table.stories.d.ts.map

package/stories/Table.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Table.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,OAAO,KAAK,EAAE,EAAE,KAAK,IAAI,UAAU,EAAE,MAAM,2BAA2B,CAAC;;;;;AAEvE,wBAGE;AAQF,eAAO,MAAM,OAAO;UANqB,MAAM;cAAY,MAAM;GAMzB,CAAC"}

package/stories/TextfieldNew.stories.d.ts

@@ -0,0 +1,29 @@
+import { Story } from '@storybook/react';
+import TextField, { Props as TextFieldProps } from '../components/Textfield/Textfield';
+declare const _default: {
+    title: string;
+    component: typeof TextField;
+    argTypes: {
+        iconLeft: {
+            options: (string | null)[];
+            control: {
+                type: string;
+            };
+        };
+        iconRight: {
+            options: (string | null)[];
+            control: {
+                type: string;
+            };
+        };
+        type: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Default: Story<TextFieldProps>;
+//# sourceMappingURL=TextfieldNew.stories.d.ts.map

package/stories/TextfieldNew.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextfieldNew.stories.d.ts","sourceRoot":"","sources":["../../src/stories/TextfieldNew.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,OAAO,SAAS,EAAE,EAAE,KAAK,IAAI,cAAc,EAAE,MAAM,mCAAmC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;AAEvF,wBAiBE;AAWF,eAAO,MAAM,OAAO,uBAAoB,CAAC"}

package/style-dictionary-dist/button_variables.scss

@@ -0,0 +1,299 @@
+$tw-clr-dvdr-fill: #A9B7B8;
+$tw-clr-icon-fill-critical: #FE0003;
+$tw-clr-icon-fill-passive: #708284;
+$tw-clr-icon-fill-productive: #007DF2;
+$tw-clr-icon-fill-success: #308F5F;
+$tw-clr-icon-fill-text: #3A4445;
+$tw-clr-icon-fill-text-inv: #FFFFFF;
+$tw-clr-icon-fill-warning: #BD6931;
+$tw-clr-base-black: #000000;
+$tw-clr-base-gray-025: #F9FAFA;
+$tw-clr-base-gray-050: #F2F4F5;
+$tw-clr-base-gray-075: #EDF0F1;
+$tw-clr-base-gray-100: #E5EAEA;
+$tw-clr-base-gray-200: #CAD2D3;
+$tw-clr-base-gray-300: #A9B7B8;
+$tw-clr-base-gray-400: #859799;
+$tw-clr-base-gray-500: #708284;
+$tw-clr-base-gray-600: #5C6B6C;
+$tw-clr-base-gray-700: #4B5758;
+$tw-clr-base-gray-800: #3A4445;
+$tw-clr-base-gray-900: #2B3233;
+$tw-clr-base-transparent: #FFFFFF00;
+$tw-clr-base-white: #FFFFFF;
+$tw-clr-base-blue-primary: #0067C8;
+$tw-clr-base-green-primary: #308F5F;
+$tw-clr-base-orange-primary: #DE7935;
+$tw-clr-base-teal-primary: #30C6D1;
+$tw-clr-base-blue-050: #F0F4FF;
+$tw-clr-base-blue-100: #E2E9FF;
+$tw-clr-base-blue-200: #BED0FF;
+$tw-clr-base-blue-300: #92B4FF;
+$tw-clr-base-blue-400: #4E92FF;
+$tw-clr-base-blue-500: #007DF2;
+$tw-clr-base-blue-600: #0067C8;
+$tw-clr-base-blue-700: #0053A5;
+$tw-clr-base-blue-800: #004184;
+$tw-clr-base-green-050: #D6FDE5;
+$tw-clr-base-green-100: #A6FCCA;
+$tw-clr-base-green-200: #53EA9F;
+$tw-clr-base-green-300: #46CB89;
+$tw-clr-base-green-400: #38A76F;
+$tw-clr-base-green-500: #308F5F;
+$tw-clr-base-green-600: #27764E;
+$tw-clr-base-green-700: #1F6040;
+$tw-clr-base-green-800: #164B34;
+$tw-clr-base-orange-050: #FEF2EE;
+$tw-clr-base-orange-100: #FCE5DE;
+$tw-clr-base-orange-200: #FAC4B1;
+$tw-clr-base-orange-300: #F89E74;
+$tw-clr-base-orange-400: #DE7935;
+$tw-clr-base-orange-500: #BD6931;
+$tw-clr-base-orange-600: #9A572B;
+$tw-clr-base-orange-700: #7E4622;
+$tw-clr-base-orange-800: #643719;
+$tw-clr-base-pink-050: #FFF1F4;
+$tw-clr-base-pink-100: #FFE2E9;
+$tw-clr-base-pink-200: #FFBFD0;
+$tw-clr-base-pink-300: #FF94B4;
+$tw-clr-base-pink-400: #FF5294;
+$tw-clr-base-pink-500: #F6007F;
+$tw-clr-base-pink-600: #CD0069;
+$tw-clr-base-pink-700: #A80055;
+$tw-clr-base-pink-800: #860043;
+$tw-clr-base-purple-050: #F6F2FE;
+$tw-clr-base-purple-100: #EEE6FD;
+$tw-clr-base-purple-200: #DBC8FC;
+$tw-clr-base-purple-300: #C7A4FA;
+$tw-clr-base-purple-400: #B178F7;
+$tw-clr-base-purple-500: #A456F5;
+$tw-clr-base-purple-600: #9525EE;
+$tw-clr-base-purple-700: #7A1CC3;
+$tw-clr-base-purple-800: #61159D;
+$tw-clr-base-red-050: #FFF1F1;
+$tw-clr-base-red-100: #FFE3E3;
+$tw-clr-base-red-200: #FFC1C1;
+$tw-clr-base-red-300: #FF9797;
+$tw-clr-base-red-400: #FF5A5B;
+$tw-clr-base-red-500: #FE0003;
+$tw-clr-base-red-600: #D40002;
+$tw-clr-base-red-700: #AD0001;
+$tw-clr-base-red-800: #8B0001;
+$tw-clr-base-teal-050: #D8FAFE;
+$tw-clr-base-teal-100: #ADF6FE;
+$tw-clr-base-teal-200: #39E5F1;
+$tw-clr-base-teal-300: #30C6D1;
+$tw-clr-base-teal-400: #2EA2AB;
+$tw-clr-base-teal-500: #288B93;
+$tw-clr-base-teal-600: #1F7278;
+$tw-clr-base-teal-700: #175D62;
+$tw-clr-base-teal-800: #114A4E;
+$tw-clr-base-yellow-050: #FEF3E1;
+$tw-clr-base-yellow-100: #FDE7C3;
+$tw-clr-base-yellow-200: #FBCA47;
+$tw-clr-base-yellow-300: #DAAF38;
+$tw-clr-base-yellow-400: #B38F2C;
+$tw-clr-base-yellow-500: #9A7B25;
+$tw-clr-base-yellow-600: #7F641C;
+$tw-clr-base-yellow-700: #685215;
+$tw-clr-base-yellow-800: #52400F;
+$tw-clr-base-semantic-critical: #FE0003;
+$tw-clr-base-semantic-critical-bg: #FFF1F1;
+$tw-clr-base-semantic-critical-text: #D40002;
+$tw-clr-base-semantic-passive: #708284;
+$tw-clr-base-semantic-passive-bg: #F2F4F5;
+$tw-clr-base-semantic-passive-text: #5C6B6C;
+$tw-clr-base-semantic-productive: #007DF2;
+$tw-clr-base-semantic-productive-bg: #F0F4FF;
+$tw-clr-base-semantic-productive-text: #0067C8;
+$tw-clr-base-semantic-success: #308F5F;
+$tw-clr-base-semantic-success-bg: #D6FDE5;
+$tw-clr-base-semantic-success-text: #27764E;
+$tw-clr-base-semantic-warning: #BD6931;
+$tw-clr-base-semantic-warning-bg: #FEF2EE;
+$tw-clr-base-semantic-warning-text: #9A572B;
+$tw-clr-text-fill: #3A4445;
+$tw-clr-text-fill-inv: #FFFFFF;
+$tw-clr-text-fill-productive: #0067C8;
+$tw-opcty-base-000: 0;
+$tw-opcty-base-010: 0.1;
+$tw-opcty-base-020: 0.2;
+$tw-opcty-base-030: 0.3;
+$tw-opcty-base-040: 0.4;
+$tw-opcty-base-050: 0.5;
+$tw-opcty-base-060: 0.6;
+$tw-opcty-base-070: 0.7;
+$tw-opcty-base-080: 0.8;
+$tw-opcty-base-090: 0.9;
+$tw-opcty-base-100: 1;
+$tw-opcty-semantic-off: 0.5;
+$tw-spc-base-large: 32px;
+$tw-spc-base-medium: 24px;
+$tw-spc-base-none: 0;
+$tw-spc-base-small: 16px;
+$tw-spc-base-x-large: 48px;
+$tw-spc-base-x-small: 8px;
+$tw-spc-base-xx-large: 64px;
+$tw-spc-base-xx-small: 4px;
+$tw-sz-base-large: 32px;
+$tw-sz-base-medium: 24px;
+$tw-sz-base-none: 0;
+$tw-sz-base-small: 16px;
+$tw-sz-base-x-large: 48px;
+$tw-sz-base-x-small: 8px;
+$tw-sz-base-xx-large: 64px;
+$tw-sz-base-xx-small: 4px;
+$tw-sz-dvdr-stroke: 1px;
+$tw-sz-icon-large: 32px;
+$tw-sz-icon-medium: 24px;
+$tw-sz-icon-small: 16px;
+$tw-sz-icon-x-large: 48px;
+$tw-fnt-base-body-01-regular-font-family: 'Inter', sans-serif;
+$tw-fnt-base-body-01-regular-font-size: 20px;
+$tw-fnt-base-body-01-regular-font-weight: 400;
+$tw-fnt-base-body-01-regular-line-height: 28px;
+$tw-fnt-base-body-02-regular-font-family: 'Inter', sans-serif;
+$tw-fnt-base-body-02-regular-font-size: 16px;
+$tw-fnt-base-body-02-regular-font-weight: 400;
+$tw-fnt-base-body-02-regular-line-height: 24px;
+$tw-fnt-base-body-03-regular-font-family: 'Inter', sans-serif;
+$tw-fnt-base-body-03-regular-font-size: 14px;
+$tw-fnt-base-body-03-regular-font-weight: 400;
+$tw-fnt-base-body-03-regular-line-height: 20px;
+$tw-fnt-base-body-04-regular-font-family: 'Inter', sans-serif;
+$tw-fnt-base-body-04-regular-font-size: 12px;
+$tw-fnt-base-body-04-regular-font-weight: 400;
+$tw-fnt-base-body-04-regular-line-height: 16px;
+$tw-fnt-base-display-01-bold-font-family: 'Inter', sans-serif;
+$tw-fnt-base-display-01-bold-font-size: 84px;
+$tw-fnt-base-display-01-bold-font-weight: 700;
+$tw-fnt-base-display-01-bold-line-height: 108px;
+$tw-fnt-base-display-02-bold-font-family: 'Inter', sans-serif;
+$tw-fnt-base-display-02-bold-font-size: 72px;
+$tw-fnt-base-display-02-bold-font-weight: 700;
+$tw-fnt-base-display-02-bold-line-height: 92px;
+$tw-fnt-base-display-03-bold-font-family: 'Inter', sans-serif;
+$tw-fnt-base-display-03-bold-font-size: 60px;
+$tw-fnt-base-display-03-bold-font-weight: 700;
+$tw-fnt-base-display-03-bold-line-height: 76px;
+$tw-fnt-base-display-04-bold-font-family: 'Inter', sans-serif;
+$tw-fnt-base-display-04-bold-font-size: 48px;
+$tw-fnt-base-display-04-bold-font-weight: 700;
+$tw-fnt-base-display-04-bold-line-height: 60px;
+$tw-fnt-base-headline-01-semi-bold-font-family: 'Inter', sans-serif;
+$tw-fnt-base-headline-01-semi-bold-font-size: 48px;
+$tw-fnt-base-headline-01-semi-bold-font-weight: 600;
+$tw-fnt-base-headline-01-semi-bold-line-height: 60px;
+$tw-fnt-base-headline-02-semi-bold-font-family: 'Inter', sans-serif;
+$tw-fnt-base-headline-02-semi-bold-font-size: 40px;
+$tw-fnt-base-headline-02-semi-bold-font-weight: 600;
+$tw-fnt-base-headline-02-semi-bold-line-height: 52px;
+$tw-fnt-base-headline-03-semi-bold-font-family: 'Inter', sans-serif;
+$tw-fnt-base-headline-03-semi-bold-font-size: 34px;
+$tw-fnt-base-headline-03-semi-bold-font-weight: 600;
+$tw-fnt-base-headline-03-semi-bold-line-height: 44px;
+$tw-fnt-base-headline-04-semi-bold-font-family: 'Inter', sans-serif;
+$tw-fnt-base-headline-04-semi-bold-font-size: 28px;
+$tw-fnt-base-headline-04-semi-bold-font-weight: 600;
+$tw-fnt-base-headline-04-semi-bold-line-height: 36px;
+$tw-fnt-base-headline-05-semi-bold-font-family: 'Inter', sans-serif;
+$tw-fnt-base-headline-05-semi-bold-font-size: 24px;
+$tw-fnt-base-headline-05-semi-bold-font-weight: 600;
+$tw-fnt-base-headline-05-semi-bold-line-height: 32px;
+$tw-fnt-base-headline-06-semi-bold-font-family: 'Inter', sans-serif;
+$tw-fnt-base-headline-06-semi-bold-font-size: 20px;
+$tw-fnt-base-headline-06-semi-bold-font-weight: 600;
+$tw-fnt-base-headline-06-semi-bold-line-height: 28px;
+$tw-fnt-base-font-family: 'Inter', sans-serif;
+$tw-fnt-base-font-size-body-01: 20px;
+$tw-fnt-base-font-size-body-02: 16px;
+$tw-fnt-base-font-size-body-03: 14px;
+$tw-fnt-base-font-size-body-04: 12px;
+$tw-fnt-base-font-size-display-01: 84px;
+$tw-fnt-base-font-size-display-02: 72px;
+$tw-fnt-base-font-size-display-03: 60px;
+$tw-fnt-base-font-size-display-04: 48px;
+$tw-fnt-base-font-size-headline-01: 48px;
+$tw-fnt-base-font-size-headline-02: 40px;
+$tw-fnt-base-font-size-headline-03: 34px;
+$tw-fnt-base-font-size-headline-04: 28px;
+$tw-fnt-base-font-size-headline-05: 24px;
+$tw-fnt-base-font-size-headline-06: 20px;
+$tw-fnt-base-font-weight: 400;
+$tw-fnt-base-font-weight-bold: 700;
+$tw-fnt-base-font-weight-medium: 500;
+$tw-fnt-base-font-weight-semi-bold: 600;
+$tw-fnt-base-line-height-body-01: 28px;
+$tw-fnt-base-line-height-body-02: 24px;
+$tw-fnt-base-line-height-body-03: 20px;
+$tw-fnt-base-line-height-body-04: 16px;
+$tw-fnt-base-line-height-display-01: 108px;
+$tw-fnt-base-line-height-display-02: 92px;
+$tw-fnt-base-line-height-display-03: 76px;
+$tw-fnt-base-line-height-display-04: 60px;
+$tw-fnt-base-line-height-headline-01: 60px;
+$tw-fnt-base-line-height-headline-02: 52px;
+$tw-fnt-base-line-height-headline-03: 44px;
+$tw-fnt-base-line-height-headline-04: 36px;
+$tw-fnt-base-line-height-headline-05: 32px;
+$tw-fnt-base-line-height-headline-06: 28px;
+$tw-fnt-btn-label-font-family-undefined: 'Inter', sans-serif;
+$tw-fnt-btn-label-font-weight-undefined: 600;
+$tw-fnt-btn-label-large-font-family: 'Inter', sans-serif;
+$tw-fnt-btn-label-large-font-size: 20px;
+$tw-fnt-btn-label-large-font-weight: 600;
+$tw-fnt-btn-label-large-line-height: 28px;
+$tw-fnt-btn-label-medium-font-family: 'Inter', sans-serif;
+$tw-fnt-btn-label-medium-font-size: 16px;
+$tw-fnt-btn-label-medium-font-weight: 600;
+$tw-fnt-btn-label-medium-line-height: 24px;
+$tw-fnt-btn-label-small-font-family: 'Inter', sans-serif;
+$tw-fnt-btn-label-small-font-size: 14px;
+$tw-fnt-btn-label-small-font-weight: 600;
+$tw-fnt-btn-label-small-line-height: 20px;
+$tw-fnt-btn-label-x-large-font-family: 'Inter', sans-serif;
+$tw-fnt-btn-label-x-large-font-size: 24px;
+$tw-fnt-btn-label-x-large-font-weight: 600;
+$tw-fnt-btn-label-x-large-line-height: 32px;
+$tw-clr-btn-destructive-primary-fill: #D40002;
+$tw-clr-btn-destructive-primary-fill-active: #AD0001;
+$tw-clr-btn-destructive-primary-fill-hover: linear-gradient(#AD000180, #AD000180), linear-gradient(#D40002, #D40002);;
+$tw-clr-btn-destructive-primary-label: #FFFFFF;
+$tw-clr-btn-destructive-secondary-fill: #FFFFFF00;
+$tw-clr-btn-destructive-secondary-fill-active: #D4000233;
+$tw-clr-btn-destructive-secondary-fill-hover: #D400021A;
+$tw-clr-btn-destructive-secondary-label: #D40002;
+$tw-clr-btn-destructive-secondary-stroke: #D40002;
+$tw-clr-btn-passive-primary-fill: #A9B7B8;
+$tw-clr-btn-passive-primary-fill-active: #859799;
+$tw-clr-btn-passive-primary-fill-hover: linear-gradient(#85979980, #85979980), linear-gradient(#A9B7B8, #A9B7B8);;
+$tw-clr-btn-passive-primary-label: #3A4445;
+$tw-clr-btn-passive-secondary-fill: #FFFFFF00;
+$tw-clr-btn-passive-secondary-fill-active: #A9B7B866;
+$tw-clr-btn-passive-secondary-fill-hover: #A9B7B833;
+$tw-clr-btn-passive-secondary-label: #3A4445;
+$tw-clr-btn-passive-secondary-stroke: #3A4445;
+$tw-clr-btn-productive-primary-fill: #0067C8;
+$tw-clr-btn-productive-primary-fill-active: #0053A5;
+$tw-clr-btn-productive-primary-fill-hover: linear-gradient(#0053A580, #0053A580), linear-gradient(#0067C8, #0067C8);;
+$tw-clr-btn-productive-primary-label: #FFFFFF;
+$tw-clr-btn-productive-secondary-fill: #FFFFFF00;
+$tw-clr-btn-productive-secondary-fill-active: #0067C833;
+$tw-clr-btn-productive-secondary-fill-hover: #0067C819;
+$tw-clr-btn-productive-secondary-label: #0067C8;
+$tw-clr-btn-productive-secondary-stroke: #0067C8;
+$tw-clr-btn-stroke-focus: #0067C8;
+$tw-sz-btn-large-height: 48px;
+$tw-sz-btn-large-icon: 28px;
+$tw-sz-btn-large-min-width: 120px;
+$tw-sz-btn-medium-height: 40px;
+$tw-sz-btn-medium-icon: 24px;
+$tw-sz-btn-medium-min-width: 100px;
+$tw-sz-btn-small-height: 32px;
+$tw-sz-btn-small-icon: 20px;
+$tw-sz-btn-small-min-width: 80px;
+$tw-sz-btn-stroke: 2px;
+$tw-sz-btn-stroke-focus: 2px;
+$tw-sz-btn-x-large-height: 56px;
+$tw-sz-btn-x-large-icon: 32px;
+$tw-sz-btn-x-large-min-width: 140px;