@equinor/amplify-component-lib 8.1.0 → 8.2.0

package/dist/atoms/style/colors.d.ts

@@ -1,7 +1,439 @@
 export declare const colors: {
-    readonly dark_blue: {
-        readonly hex: "#033062";
-        readonly rgba: "rgba(3, 48, 98, 1)";
-        readonly hsla: "hsla(211.58, 94.06%, 19.8%, 1)";
+    readonly dataviz: {
+        readonly darkblue: {
+            readonly default: "var(--amplify_dataviz_darkblue_default, rgba(0, 71, 153, 1))";
+            readonly darker: "var(--amplify_dataviz_darkblue_darker, rgba(4, 48, 98, 1))";
+            readonly lighter: "var(--amplify_dataviz_darkblue_lighter, rgba(191, 220, 252, 1))";
+        };
+        readonly lightblue: {
+            readonly default: "var(--amplify_dataviz_lightblue_default, rgba(133, 208, 250, 1))";
+            readonly darker: "var(--amplify_dataviz_lightblue_darker, rgba(35, 170, 246, 1)t";
+            readonly lighter: "var(--amplify_dataviz_lightblue_lighter, rgba(211, 238, 253, 1))";
+        };
+        readonly lightgreen: {
+            readonly default: "var(--amplify_dataviz_lightgreen_default, rgba(10, 194, 154, 1))";
+            readonly darker: "var(--amplify_dataviz_lightgreen_darker, rgba(8, 145, 115, 1))";
+            readonly lighter: "var(--amplify_dataviz_lightgreen_lighter, rgba(220, 241, 236, 1))";
+        };
+        readonly darkgreen: {
+            readonly default: "var(--amplify_dataviz_darkgreen_default, rgba(0, 102, 76, 1))";
+            readonly darker: "var(--amplify_dataviz_darkgreen_darker, rgba(0, 61, 46, 1))";
+            readonly lighter: "var(--amplify_dataviz_darkgreen_lighter, rgba(200, 237, 227, 1))";
+        };
+        readonly darkpink: {
+            readonly default: "var(--amplify_dataviz_darkpink_default, rgba(169, 30, 88, 1))";
+            readonly darker: "var(--amplify_dataviz_darkpink_darker, rgba(135, 18, 67, 1))";
+            readonly lighter: "var(--amplify_dataviz_darkpink_lighter, rgba(252, 212, 229, 1))";
+        };
+        readonly lightpink: {
+            readonly default: "var(--amplify_dataviz_lightpink_default, rgba(255, 128, 138, 1))";
+            readonly darker: "var(--amplify_dataviz_lightpink_darker, rgba(225, 81, 93, 1))";
+            readonly lighter: "var(--amplify_dataviz_lightpink_lighter, rgba(255, 219, 222, 1))";
+        };
+        readonly darkyellow: {
+            readonly default: "var(--amplify_dataviz_darkyellow_default, rgba(160, 112, 28, 1))";
+            readonly darker: "var(--amplify_dataviz_darkyellow_darker, rgba(121, 85, 21, 1))";
+            readonly lighter: "var(--amplify_dataviz_darkyellow_lighter, rgba(244, 226, 195, 1))";
+        };
+        readonly lightyellow: {
+            readonly default: "var(--amplify_dataviz_lightyellow_default, rgba(253, 203, 53, 1))";
+            readonly darker: "var(--amplify_dataviz_lightyellow_darker, rgba(227, 171, 2, 1))";
+            readonly lighter: "var(--amplify_dataviz_lightyellow_lighter, rgba(255, 240, 194, 1))";
+        };
+        readonly darkpurple: {
+            readonly default: "var(--amplify_dataviz_darkpurple_default, rgba(147, 20, 219, 1))";
+            readonly darker: "var(--amplify_dataviz_darkpurple_darker, rgba(97, 1, 152, 1))";
+            readonly lighter: "var(--amplify_dataviz_darkpurple_lighter, rgba(232, 209, 246, 1))";
+        };
+        readonly lightpurple: {
+            readonly default: "var(--amplify_dataviz_lightpurple_default, rgba(186, 153, 255, 1))";
+            readonly darker: "var(--amplify_dataviz_lightpurple_darker, rgba(155, 89, 242, 1))";
+            readonly lighter: "var(--amplify_dataviz_lightpurple_lighter, rgba(234, 224, 255, 1))";
+        };
+    };
+    readonly text: {
+        static_icons__default: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        static_icons__secondary: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        static_icons__tertiary: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        static_icons__primary_white: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+    };
+    readonly ui: {
+        background__default: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        background__semitransparent: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        background__light: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        background__scrim: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        background__overlay: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        background__medium: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        background__info: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        background__warning: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        background__danger: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+    };
+    readonly infographic: {
+        substitute__purple_berry: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        substitute__pink_rose: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        substitute__pink_salmon: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        substitute__green_cucumber: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        substitute__green_succulent: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        substitute__green_mint: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        substitute__blue_ocean: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        substitute__blue_overcast: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        substitute__blue_sky: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        primary__moss_green_100: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        primary__moss_green_55: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        primary__moss_green_34: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        primary__moss_green_21: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        primary__moss_green_13: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        primary__energy_red_100: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        primary__energy_red_55: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        primary__energy_red_34: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        primary__energy_red_21: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        primary__energy_red_13: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        primary__weathered_red: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        primary__slate_blue: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        primary__spruce_wood: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        primary__mist_blue: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        primary__lichen_green: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+    };
+    readonly logo: {
+        fill_positive: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        fill_negative: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+    };
+    readonly interactive: {
+        primary__selected_highlight: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        primary__selected_hover: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        primary__resting: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        primary__hover: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        primary__hover_alt: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        secondary__highlight: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        secondary__resting: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        secondary__link_hover: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        danger__highlight: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        danger__resting: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        danger__hover: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        danger__text: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        warning__highlight: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        warning__resting: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        warning__hover: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        warning__text: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        success__highlight: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        success__resting: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        success__hover: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        success__text: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        table__cell__fill_resting: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        table__cell__fill_hover: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        table__cell__fill_activated: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        table__header__fill_activated: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        table__header__fill_hover: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        table__header__fill_resting: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        disabled__text: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        text_highlight: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        focus: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        disabled__border: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        disabled__fill: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        link_on_interactive_colors: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        icon_on_interactive_colors: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        link_in_snackbars: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        pressed_overlay_dark: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
+        pressed_overlay_light: {
+            hex: string;
+            hsla: string;
+            rgba: string;
+        };
     };
 };

package/dist/atoms/style/colors.js

@@ -1 +1 @@
-const a={dark_blue:{hex:"#033062",rgba:"rgba(3, 48, 98, 1)",hsla:"hsla(211.58, 94.06%, 19.8%, 1)"}};export{a as colors};
+import{tokens as a}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";const{colors:r}=a,l={...r,dataviz:{darkblue:{default:"var(--amplify_dataviz_darkblue_default, rgba(0, 71, 153, 1))",darker:"var(--amplify_dataviz_darkblue_darker, rgba(4, 48, 98, 1))",lighter:"var(--amplify_dataviz_darkblue_lighter, rgba(191, 220, 252, 1))"},lightblue:{default:"var(--amplify_dataviz_lightblue_default, rgba(133, 208, 250, 1))",darker:"var(--amplify_dataviz_lightblue_darker, rgba(35, 170, 246, 1)t",lighter:"var(--amplify_dataviz_lightblue_lighter, rgba(211, 238, 253, 1))"},lightgreen:{default:"var(--amplify_dataviz_lightgreen_default, rgba(10, 194, 154, 1))",darker:"var(--amplify_dataviz_lightgreen_darker, rgba(8, 145, 115, 1))",lighter:"var(--amplify_dataviz_lightgreen_lighter, rgba(220, 241, 236, 1))"},darkgreen:{default:"var(--amplify_dataviz_darkgreen_default, rgba(0, 102, 76, 1))",darker:"var(--amplify_dataviz_darkgreen_darker, rgba(0, 61, 46, 1))",lighter:"var(--amplify_dataviz_darkgreen_lighter, rgba(200, 237, 227, 1))"},darkpink:{default:"var(--amplify_dataviz_darkpink_default, rgba(169, 30, 88, 1))",darker:"var(--amplify_dataviz_darkpink_darker, rgba(135, 18, 67, 1))",lighter:"var(--amplify_dataviz_darkpink_lighter, rgba(252, 212, 229, 1))"},lightpink:{default:"var(--amplify_dataviz_lightpink_default, rgba(255, 128, 138, 1))",darker:"var(--amplify_dataviz_lightpink_darker, rgba(225, 81, 93, 1))",lighter:"var(--amplify_dataviz_lightpink_lighter, rgba(255, 219, 222, 1))"},darkyellow:{default:"var(--amplify_dataviz_darkyellow_default, rgba(160, 112, 28, 1))",darker:"var(--amplify_dataviz_darkyellow_darker, rgba(121, 85, 21, 1))",lighter:"var(--amplify_dataviz_darkyellow_lighter, rgba(244, 226, 195, 1))"},lightyellow:{default:"var(--amplify_dataviz_lightyellow_default, rgba(253, 203, 53, 1))",darker:"var(--amplify_dataviz_lightyellow_darker, rgba(227, 171, 2, 1))",lighter:"var(--amplify_dataviz_lightyellow_lighter, rgba(255, 240, 194, 1))"},darkpurple:{default:"var(--amplify_dataviz_darkpurple_default, rgba(147, 20, 219, 1))",darker:"var(--amplify_dataviz_darkpurple_darker, rgba(97, 1, 152, 1))",lighter:"var(--amplify_dataviz_darkpurple_lighter, rgba(232, 209, 246, 1))"},lightpurple:{default:"var(--amplify_dataviz_lightpurple_default, rgba(186, 153, 255, 1))",darker:"var(--amplify_dataviz_lightpurple_darker, rgba(155, 89, 242, 1))",lighter:"var(--amplify_dataviz_lightpurple_lighter, rgba(234, 224, 255, 1))"}}};export{l as colors};

package/dist/atoms/style/darkTokens.d.ts

@@ -1 +1 @@
-export declare const darkTokens = "\n\n/*Dark Theme*/\nhtml[data-theme='dark'] {\n\n  textarea, input {\n    color: var(--eds_text_static_icons__default);\n  }\n\n  --eds_clickbound_jumbo__base: 88px;\n  --eds_clickbound_default__base: 48px;\n  --eds_clickbound_default__input: 56px;\n  --eds_clickbound_compact__standard: 32px;\n  --eds_clickbound_compact__input: 44px;\n\n  --eds_text_static_icons__default: rgba(255, 255, 255, 1);\n  --eds_text__static_icons__default: rgba(255, 255, 255, 1);\n\n  --eds_text_static_icons__secondary: rgba(222, 229, 231, 1);\n  --eds_text__static_icons__secondary: rgba(222, 229, 231, 1);\n\n  --eds_text_static_icons__tertiary: rgba(156, 166, 172, 1);\n  --eds_text__static_icons__tertiary: rgba(156, 166, 172, 1);\n\n  --eds_text_static_icons__primary_white: rgba(61, 61, 61, 1);\n  --eds_text__static_icons__primary_white: rgba(61, 61, 61, 1);\n\n  --eds_ui_background__default: rgba(19, 38, 52, 1);\n  --eds_ui_background__semitransparent: rgba(255, 255, 255, 0.2);\n  --eds_ui_background__light: rgba(38, 55, 68, 1);\n  --eds_ui_background__scrim: rgba(0, 0, 0, 0.4);\n  --eds_ui_background__overlay: rgba(0, 0, 0, 0.8);\n  --eds_ui_background__medium: rgba(44, 64, 79, 1);\n  --eds_ui_background__info: rgba(43, 126, 166, 1);\n  --eds_ui_background__warning: rgba(157, 105, 63, 1);\n  --eds_ui_background__danger: rgba(183, 87, 87, 1);\n  --eds_infographic_substitute__purple_berry: rgba(140, 17, 89, 1);\n  --eds_infographic_substitute__pink_rose: rgba(226, 73, 115, 1);\n  --eds_infographic_substitute__pink_salmon: rgba(255, 146, 168, 1);\n  --eds_infographic_substitute__green_cucumber: rgba(0, 95, 87, 1);\n  --eds_infographic_substitute__green_succulent: rgba(0, 151, 123, 1);\n  --eds_infographic_substitute__green_mint: rgba(64, 211, 143, 1);\n  --eds_infographic_substitute__blue_ocean: rgba(0, 64, 136, 1);\n  --eds_infographic_substitute__blue_overcast: rgba(0, 132, 196, 1);\n  --eds_infographic_substitute__blue_sky: rgba(82, 192, 255, 1);\n  --eds_infographic_primary__moss_green_100: rgba(0, 112, 121, 1);\n  --eds_infographic_primary__moss_green_55: rgba(115, 177, 181, 1);\n  --eds_infographic_primary__moss_green_34: rgba(168, 206, 209, 1);\n  --eds_infographic_primary__moss_green_21: rgba(201, 224, 226, 1);\n  --eds_infographic_primary__moss_green_13: rgba(222, 237, 238, 1);\n  --eds_infographic_primary__energy_red_100: rgba(235, 0, 55, 1);\n  --eds_infographic_primary__energy_red_55: rgba(255, 125, 152, 1);\n  --eds_infographic_primary__energy_red_34: rgba(255, 174, 191, 1);\n  --eds_infographic_primary__energy_red_21: rgba(255, 205, 215, 1);\n  --eds_infographic_primary__energy_red_13: rgba(255, 224, 231, 1);\n  --eds_infographic_primary__weathered_red: rgba(125, 0, 35, 1);\n  --eds_infographic_primary__slate_blue: rgba(36, 55, 70, 1);\n  --eds_infographic_primary__spruce_wood: rgba(255, 231, 214, 1);\n  --eds_infographic_primary__mist_blue: rgba(213, 234, 244, 1);\n  --eds_infographic_primary__lichen_green: rgba(230, 250, 236, 1);\n  --eds_logo_fill_positive: rgba(235, 0, 55, 1);\n  --eds_logo_fill_negative: rgba(255, 255, 255, 1);\n  --eds_interactive_primary__selected_highlight: rgba(0, 151, 123, 1);\n  --eds_interactive_primary__selected_hover: rgba(0, 95, 87, 1);\n  --eds_interactive_primary__resting: rgba(151, 202, 206, 1);\n  --eds_interactive_primary__hover: rgba(173, 226, 230, 1);\n  --eds_interactive_primary__hover_alt: rgb(96, 125, 127);\n  --eds_interactive_secondary__highlight: rgba(255, 255, 255, 0.1);\n  --eds_interactive_secondary__resting: rgba(222, 229, 231, 1);\n  --eds_interactive_secondary__link_hover: rgba(23, 36, 47, 1);\n  --eds_interactive_danger__highlight: rgba(90, 57, 70, 1);\n  --eds_interactive_danger__resting: rgba(235, 0, 0, 1);\n  --eds_interactive_danger__hover: rgba(255, 148, 155, 1);\n  --eds_interactive_danger__text: rgba(255, 102, 112, 1);\n  --eds_interactive_warning__highlight: rgba(90, 86, 73, 1);\n  --eds_interactive_warning__resting: rgba(255, 146, 0, 1);\n  --eds_interactive_warning__hover: rgba(255, 218, 168, 1);\n  --eds_interactive_warning__text: rgba(255, 198, 122, 1);\n  --eds_interactive_success__highlight: rgba(62, 92, 84, 1);\n  --eds_interactive_success__resting: rgba(75, 183, 72, 1);\n  --eds_interactive_success__hover: rgba(193, 231, 193, 1);\n  --eds_interactive_success__text: rgba(161, 218, 160, 1);\n\n  --eds_interactive_table__header__fill_activated: rgba(46, 63, 77, 1);\n  --eds_interactive_table__header__fill_resting: rgba(36, 55, 70, 1);\n  --eds_interactive_table__header__fill_hover: rgba(50, 77, 98, 1);\n  --eds_interactive_table__cell__fill_activated: rgba(36, 55, 70, 1);\n  --eds_interactive_table__cell__fill_resting: rgba(19, 38, 52, 1);\n  --eds_interactive_table__cell__fill_hover: rgba(30, 60, 82, 1);\n\n  --eds_interactive_disabled__text: rgba(99, 117, 131, 1);\n  --eds_interactive__disabled__text: rgba(99, 117, 131, 1);\n\n  --eds_interactive_disabled__border: rgba(64, 84, 98, 1);\n  --eds_interactive__disabled__border: rgba(64, 84, 98, 1);\n\n  --eds_interactive_disabled__fill: rgba(52, 68, 80, 1);\n  --eds_interactive__disabled__fill: rgba(52, 68, 80, 1);\n\n  --eds_interactive_text_highlight: rgba(213, 234, 244, 1);\n  --eds_interactive__text_highlight: rgba(213, 234, 244, 1);\n\n  --eds_interactive_focus: rgba(0, 112, 121, 1);\n\n  --eds_interactive_link_on_interactive_colors: rgba(255, 255, 255, 1);\n  --eds_interactive_icon_on_interactive_colors: rgba(255, 255, 255, 1);\n  --eds_interactive_link_in_snackbars: rgba(151, 202, 206, 1);\n  --eds_interactive_pressed_overlay_dark: rgba(0, 0, 0, 0.2);\n  --eds_interactive_pressed_overlay_light: rgba(255, 255, 255, 0.2);\n\n  --eds_elevation_raised: 0 1px 5px rgba(0, 0, 0, 0.2),\n    0 3px 4px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.14);\n  --eds_elevation_none: 0 0 1px rgba(0, 0, 0, 0.14);\n  --eds_elevation_overlay: 0 1px 10px rgba(0, 0, 0, 0.2),\n    0 4px 5px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.14);\n  --eds_elevation_sticky: 0 4px 5px rgba(0, 0, 0, 0.2),\n    0 3px 14px rgba(0, 0, 0, 0.12), 0 8px 10px rgba(0, 0, 0, 0.14);\n  --eds_elevation_temporary_nav: 0 7px 8px rgba(0, 0, 0, 0.2),\n    0 5px 22px rgba(0, 0, 0, 0.12), 0 12px 17px rgba(0, 0, 0, 0.14);\n  --eds_elevation_above_scrim: 0 11px 15px rgba(0, 0, 0, 0.2),\n    0 9px 46px rgba(0, 0, 0, 0.12), 0 24px 38px rgba(0, 0, 0, 0.14);\n\n  --eds_heading__h1_color: rgba(255, 255, 255, 1);\n  --eds_heading__h2_color: rgba(255, 255, 255, 1);\n  --eds_heading__h3_color: rgba(255, 255, 255, 1);\n  --eds_heading__h4_color: rgba(255, 255, 255, 1);\n  --eds_heading__h5_color: rgba(255, 255, 255, 1);\n  --eds_heading__h6_color: rgba(255, 255, 255, 1);\n\n  --eds_navigation__label_color: rgba(255, 255, 255, 1);\n  --eds_navigation__button_color: rgba(255, 255, 255, 1);\n  --eds_input__label_color: rgba(255, 255, 255, 1);\n  --eds_input__text_color: var(--eds_text_static_icons__default);\n  --eds_paragraph__body_short_color: rgba(255, 255, 255, 1);\n  --eds_paragraph__body_long_link_color: rgba(255, 255, 255, 1);\n  --eds_table__cell_header_color: rgba(255, 255, 255, 1);\n  --eds_table__cell_text_color: rgba(255, 255, 255, 1);\n  --eds_table__cell_text_bold_color: rgba(255, 255, 255, 1);\n  --eds_table__cell_numeric_monospaced_color: rgba(255, 255, 255, 1);\n\n  --eds_navigation__menu_title_color: rgba(255, 255, 255, 1);\n  --eds_ui__accordion_header_color: rgba(255, 255, 255, 1);\n\n  --eds_paragraph__overline_color: rgba(255, 255, 255, 1);\n  --eds_paragraph__caption_color: rgba(255, 255, 255, 1);\n  --eds_paragraph__body_short_color: rgba(255, 255, 255, 1);\n  --eds_paragraph__body_long_color: rgba(255, 255, 255, 1);\n  --eds_paragraph__meta_color: rgba(255, 255, 255, 1);\n\n  --eds_interactive__icon_on_interactive_colors: rgba(255, 255, 255, 1);\n\n  --eds_ui__chip__badge_color: var(--eds_text_static_icons__default);\n\n\n\n}\n\n\n";
+export declare const darkTokens: import("styled-components").RuleSet<object>;

package/dist/atoms/style/darkTokens.js

@@ -1 +1,153 @@
-const _="\n\n/*Dark Theme*/\nhtml[data-theme='dark'] {\n\n  textarea, input {\n    color: var(--eds_text_static_icons__default);\n  }\n\n  --eds_clickbound_jumbo__base: 88px;\n  --eds_clickbound_default__base: 48px;\n  --eds_clickbound_default__input: 56px;\n  --eds_clickbound_compact__standard: 32px;\n  --eds_clickbound_compact__input: 44px;\n\n  --eds_text_static_icons__default: rgba(255, 255, 255, 1);\n  --eds_text__static_icons__default: rgba(255, 255, 255, 1);\n\n  --eds_text_static_icons__secondary: rgba(222, 229, 231, 1);\n  --eds_text__static_icons__secondary: rgba(222, 229, 231, 1);\n\n  --eds_text_static_icons__tertiary: rgba(156, 166, 172, 1);\n  --eds_text__static_icons__tertiary: rgba(156, 166, 172, 1);\n\n  --eds_text_static_icons__primary_white: rgba(61, 61, 61, 1);\n  --eds_text__static_icons__primary_white: rgba(61, 61, 61, 1);\n\n  --eds_ui_background__default: rgba(19, 38, 52, 1);\n  --eds_ui_background__semitransparent: rgba(255, 255, 255, 0.2);\n  --eds_ui_background__light: rgba(38, 55, 68, 1);\n  --eds_ui_background__scrim: rgba(0, 0, 0, 0.4);\n  --eds_ui_background__overlay: rgba(0, 0, 0, 0.8);\n  --eds_ui_background__medium: rgba(44, 64, 79, 1);\n  --eds_ui_background__info: rgba(43, 126, 166, 1);\n  --eds_ui_background__warning: rgba(157, 105, 63, 1);\n  --eds_ui_background__danger: rgba(183, 87, 87, 1);\n  --eds_infographic_substitute__purple_berry: rgba(140, 17, 89, 1);\n  --eds_infographic_substitute__pink_rose: rgba(226, 73, 115, 1);\n  --eds_infographic_substitute__pink_salmon: rgba(255, 146, 168, 1);\n  --eds_infographic_substitute__green_cucumber: rgba(0, 95, 87, 1);\n  --eds_infographic_substitute__green_succulent: rgba(0, 151, 123, 1);\n  --eds_infographic_substitute__green_mint: rgba(64, 211, 143, 1);\n  --eds_infographic_substitute__blue_ocean: rgba(0, 64, 136, 1);\n  --eds_infographic_substitute__blue_overcast: rgba(0, 132, 196, 1);\n  --eds_infographic_substitute__blue_sky: rgba(82, 192, 255, 1);\n  --eds_infographic_primary__moss_green_100: rgba(0, 112, 121, 1);\n  --eds_infographic_primary__moss_green_55: rgba(115, 177, 181, 1);\n  --eds_infographic_primary__moss_green_34: rgba(168, 206, 209, 1);\n  --eds_infographic_primary__moss_green_21: rgba(201, 224, 226, 1);\n  --eds_infographic_primary__moss_green_13: rgba(222, 237, 238, 1);\n  --eds_infographic_primary__energy_red_100: rgba(235, 0, 55, 1);\n  --eds_infographic_primary__energy_red_55: rgba(255, 125, 152, 1);\n  --eds_infographic_primary__energy_red_34: rgba(255, 174, 191, 1);\n  --eds_infographic_primary__energy_red_21: rgba(255, 205, 215, 1);\n  --eds_infographic_primary__energy_red_13: rgba(255, 224, 231, 1);\n  --eds_infographic_primary__weathered_red: rgba(125, 0, 35, 1);\n  --eds_infographic_primary__slate_blue: rgba(36, 55, 70, 1);\n  --eds_infographic_primary__spruce_wood: rgba(255, 231, 214, 1);\n  --eds_infographic_primary__mist_blue: rgba(213, 234, 244, 1);\n  --eds_infographic_primary__lichen_green: rgba(230, 250, 236, 1);\n  --eds_logo_fill_positive: rgba(235, 0, 55, 1);\n  --eds_logo_fill_negative: rgba(255, 255, 255, 1);\n  --eds_interactive_primary__selected_highlight: rgba(0, 151, 123, 1);\n  --eds_interactive_primary__selected_hover: rgba(0, 95, 87, 1);\n  --eds_interactive_primary__resting: rgba(151, 202, 206, 1);\n  --eds_interactive_primary__hover: rgba(173, 226, 230, 1);\n  --eds_interactive_primary__hover_alt: rgb(96, 125, 127);\n  --eds_interactive_secondary__highlight: rgba(255, 255, 255, 0.1);\n  --eds_interactive_secondary__resting: rgba(222, 229, 231, 1);\n  --eds_interactive_secondary__link_hover: rgba(23, 36, 47, 1);\n  --eds_interactive_danger__highlight: rgba(90, 57, 70, 1);\n  --eds_interactive_danger__resting: rgba(235, 0, 0, 1);\n  --eds_interactive_danger__hover: rgba(255, 148, 155, 1);\n  --eds_interactive_danger__text: rgba(255, 102, 112, 1);\n  --eds_interactive_warning__highlight: rgba(90, 86, 73, 1);\n  --eds_interactive_warning__resting: rgba(255, 146, 0, 1);\n  --eds_interactive_warning__hover: rgba(255, 218, 168, 1);\n  --eds_interactive_warning__text: rgba(255, 198, 122, 1);\n  --eds_interactive_success__highlight: rgba(62, 92, 84, 1);\n  --eds_interactive_success__resting: rgba(75, 183, 72, 1);\n  --eds_interactive_success__hover: rgba(193, 231, 193, 1);\n  --eds_interactive_success__text: rgba(161, 218, 160, 1);\n\n  --eds_interactive_table__header__fill_activated: rgba(46, 63, 77, 1);\n  --eds_interactive_table__header__fill_resting: rgba(36, 55, 70, 1);\n  --eds_interactive_table__header__fill_hover: rgba(50, 77, 98, 1);\n  --eds_interactive_table__cell__fill_activated: rgba(36, 55, 70, 1);\n  --eds_interactive_table__cell__fill_resting: rgba(19, 38, 52, 1);\n  --eds_interactive_table__cell__fill_hover: rgba(30, 60, 82, 1);\n\n  --eds_interactive_disabled__text: rgba(99, 117, 131, 1);\n  --eds_interactive__disabled__text: rgba(99, 117, 131, 1);\n\n  --eds_interactive_disabled__border: rgba(64, 84, 98, 1);\n  --eds_interactive__disabled__border: rgba(64, 84, 98, 1);\n\n  --eds_interactive_disabled__fill: rgba(52, 68, 80, 1);\n  --eds_interactive__disabled__fill: rgba(52, 68, 80, 1);\n\n  --eds_interactive_text_highlight: rgba(213, 234, 244, 1);\n  --eds_interactive__text_highlight: rgba(213, 234, 244, 1);\n\n  --eds_interactive_focus: rgba(0, 112, 121, 1);\n\n  --eds_interactive_link_on_interactive_colors: rgba(255, 255, 255, 1);\n  --eds_interactive_icon_on_interactive_colors: rgba(255, 255, 255, 1);\n  --eds_interactive_link_in_snackbars: rgba(151, 202, 206, 1);\n  --eds_interactive_pressed_overlay_dark: rgba(0, 0, 0, 0.2);\n  --eds_interactive_pressed_overlay_light: rgba(255, 255, 255, 0.2);\n\n  --eds_elevation_raised: 0 1px 5px rgba(0, 0, 0, 0.2),\n    0 3px 4px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.14);\n  --eds_elevation_none: 0 0 1px rgba(0, 0, 0, 0.14);\n  --eds_elevation_overlay: 0 1px 10px rgba(0, 0, 0, 0.2),\n    0 4px 5px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.14);\n  --eds_elevation_sticky: 0 4px 5px rgba(0, 0, 0, 0.2),\n    0 3px 14px rgba(0, 0, 0, 0.12), 0 8px 10px rgba(0, 0, 0, 0.14);\n  --eds_elevation_temporary_nav: 0 7px 8px rgba(0, 0, 0, 0.2),\n    0 5px 22px rgba(0, 0, 0, 0.12), 0 12px 17px rgba(0, 0, 0, 0.14);\n  --eds_elevation_above_scrim: 0 11px 15px rgba(0, 0, 0, 0.2),\n    0 9px 46px rgba(0, 0, 0, 0.12), 0 24px 38px rgba(0, 0, 0, 0.14);\n\n  --eds_heading__h1_color: rgba(255, 255, 255, 1);\n  --eds_heading__h2_color: rgba(255, 255, 255, 1);\n  --eds_heading__h3_color: rgba(255, 255, 255, 1);\n  --eds_heading__h4_color: rgba(255, 255, 255, 1);\n  --eds_heading__h5_color: rgba(255, 255, 255, 1);\n  --eds_heading__h6_color: rgba(255, 255, 255, 1);\n\n  --eds_navigation__label_color: rgba(255, 255, 255, 1);\n  --eds_navigation__button_color: rgba(255, 255, 255, 1);\n  --eds_input__label_color: rgba(255, 255, 255, 1);\n  --eds_input__text_color: var(--eds_text_static_icons__default);\n  --eds_paragraph__body_short_color: rgba(255, 255, 255, 1);\n  --eds_paragraph__body_long_link_color: rgba(255, 255, 255, 1);\n  --eds_table__cell_header_color: rgba(255, 255, 255, 1);\n  --eds_table__cell_text_color: rgba(255, 255, 255, 1);\n  --eds_table__cell_text_bold_color: rgba(255, 255, 255, 1);\n  --eds_table__cell_numeric_monospaced_color: rgba(255, 255, 255, 1);\n\n  --eds_navigation__menu_title_color: rgba(255, 255, 255, 1);\n  --eds_ui__accordion_header_color: rgba(255, 255, 255, 1);\n\n  --eds_paragraph__overline_color: rgba(255, 255, 255, 1);\n  --eds_paragraph__caption_color: rgba(255, 255, 255, 1);\n  --eds_paragraph__body_short_color: rgba(255, 255, 255, 1);\n  --eds_paragraph__body_long_color: rgba(255, 255, 255, 1);\n  --eds_paragraph__meta_color: rgba(255, 255, 255, 1);\n\n  --eds_interactive__icon_on_interactive_colors: rgba(255, 255, 255, 1);\n\n  --eds_ui__chip__badge_color: var(--eds_text_static_icons__default);\n\n\n\n}\n\n\n";export{_ as darkTokens};
+import{css as _}from"styled-components";const e=_`
+  /*Dark Theme*/
+  html[data-theme='dark'] {
+    textarea,
+    input {
+      color: var(--eds_text_static_icons__default);
+    }
+
+    --eds_clickbound_jumbo__base: 88px;
+    --eds_clickbound_default__base: 48px;
+    --eds_clickbound_default__input: 56px;
+    --eds_clickbound_compact__standard: 32px;
+    --eds_clickbound_compact__input: 44px;
+
+    --eds_text_static_icons__default: rgba(255, 255, 255, 1);
+    --eds_text__static_icons__default: rgba(255, 255, 255, 1);
+
+    --eds_text_static_icons__secondary: rgba(222, 229, 231, 1);
+    --eds_text__static_icons__secondary: rgba(222, 229, 231, 1);
+
+    --eds_text_static_icons__tertiary: rgba(156, 166, 172, 1);
+    --eds_text__static_icons__tertiary: rgba(156, 166, 172, 1);
+
+    --eds_text_static_icons__primary_white: rgba(61, 61, 61, 1);
+    --eds_text__static_icons__primary_white: rgba(61, 61, 61, 1);
+
+    --eds_ui_background__default: rgba(19, 38, 52, 1);
+    --eds_ui_background__semitransparent: rgba(255, 255, 255, 0.2);
+    --eds_ui_background__light: rgba(38, 55, 68, 1);
+    --eds_ui_background__scrim: rgba(0, 0, 0, 0.4);
+    --eds_ui_background__overlay: rgba(0, 0, 0, 0.8);
+    --eds_ui_background__medium: rgba(44, 64, 79, 1);
+    --eds_ui_background__info: rgba(43, 126, 166, 1);
+    --eds_ui_background__warning: rgba(157, 105, 63, 1);
+    --eds_ui_background__danger: rgba(183, 87, 87, 1);
+    --eds_infographic_substitute__purple_berry: rgba(140, 17, 89, 1);
+    --eds_infographic_substitute__pink_rose: rgba(226, 73, 115, 1);
+    --eds_infographic_substitute__pink_salmon: rgba(255, 146, 168, 1);
+    --eds_infographic_substitute__green_cucumber: rgba(0, 95, 87, 1);
+    --eds_infographic_substitute__green_succulent: rgba(0, 151, 123, 1);
+    --eds_infographic_substitute__green_mint: rgba(64, 211, 143, 1);
+    --eds_infographic_substitute__blue_ocean: rgba(0, 64, 136, 1);
+    --eds_infographic_substitute__blue_overcast: rgba(0, 132, 196, 1);
+    --eds_infographic_substitute__blue_sky: rgba(82, 192, 255, 1);
+    --eds_infographic_primary__moss_green_100: rgba(0, 112, 121, 1);
+    --eds_infographic_primary__moss_green_55: rgba(115, 177, 181, 1);
+    --eds_infographic_primary__moss_green_34: rgba(168, 206, 209, 1);
+    --eds_infographic_primary__moss_green_21: rgba(201, 224, 226, 1);
+    --eds_infographic_primary__moss_green_13: rgba(222, 237, 238, 1);
+    --eds_infographic_primary__energy_red_100: rgba(235, 0, 55, 1);
+    --eds_infographic_primary__energy_red_55: rgba(255, 125, 152, 1);
+    --eds_infographic_primary__energy_red_34: rgba(255, 174, 191, 1);
+    --eds_infographic_primary__energy_red_21: rgba(255, 205, 215, 1);
+    --eds_infographic_primary__energy_red_13: rgba(255, 224, 231, 1);
+    --eds_infographic_primary__weathered_red: rgba(125, 0, 35, 1);
+    --eds_infographic_primary__slate_blue: rgba(36, 55, 70, 1);
+    --eds_infographic_primary__spruce_wood: rgba(255, 231, 214, 1);
+    --eds_infographic_primary__mist_blue: rgba(213, 234, 244, 1);
+    --eds_infographic_primary__lichen_green: rgba(230, 250, 236, 1);
+    --eds_logo_fill_positive: rgba(235, 0, 55, 1);
+    --eds_logo_fill_negative: rgba(255, 255, 255, 1);
+    --eds_interactive_primary__selected_highlight: rgba(0, 151, 123, 1);
+    --eds_interactive_primary__selected_hover: rgba(0, 95, 87, 1);
+    --eds_interactive_primary__resting: rgba(151, 202, 206, 1);
+    --eds_interactive_primary__hover: rgba(173, 226, 230, 1);
+    --eds_interactive_primary__hover_alt: rgb(96, 125, 127);
+    --eds_interactive_secondary__highlight: rgba(255, 255, 255, 0.1);
+    --eds_interactive_secondary__resting: rgba(222, 229, 231, 1);
+    --eds_interactive_secondary__link_hover: rgba(23, 36, 47, 1);
+    --eds_interactive_danger__highlight: rgba(90, 57, 70, 1);
+    --eds_interactive_danger__resting: rgba(235, 0, 0, 1);
+    --eds_interactive_danger__hover: rgba(255, 148, 155, 1);
+    --eds_interactive_danger__text: rgba(255, 102, 112, 1);
+    --eds_interactive_warning__highlight: rgba(90, 86, 73, 1);
+    --eds_interactive_warning__resting: rgba(255, 146, 0, 1);
+    --eds_interactive_warning__hover: rgba(255, 218, 168, 1);
+    --eds_interactive_warning__text: rgba(255, 198, 122, 1);
+    --eds_interactive_success__highlight: rgba(62, 92, 84, 1);
+    --eds_interactive_success__resting: rgba(75, 183, 72, 1);
+    --eds_interactive_success__hover: rgba(193, 231, 193, 1);
+    --eds_interactive_success__text: rgba(161, 218, 160, 1);
+
+    --eds_interactive_table__header__fill_activated: rgba(46, 63, 77, 1);
+    --eds_interactive_table__header__fill_resting: rgba(36, 55, 70, 1);
+    --eds_interactive_table__header__fill_hover: rgba(50, 77, 98, 1);
+    --eds_interactive_table__cell__fill_activated: rgba(36, 55, 70, 1);
+    --eds_interactive_table__cell__fill_resting: rgba(19, 38, 52, 1);
+    --eds_interactive_table__cell__fill_hover: rgba(30, 60, 82, 1);
+
+    --eds_interactive_disabled__text: rgba(99, 117, 131, 1);
+    --eds_interactive__disabled__text: rgba(99, 117, 131, 1);
+
+    --eds_interactive_disabled__border: rgba(64, 84, 98, 1);
+    --eds_interactive__disabled__border: rgba(64, 84, 98, 1);
+
+    --eds_interactive_disabled__fill: rgba(52, 68, 80, 1);
+    --eds_interactive__disabled__fill: rgba(52, 68, 80, 1);
+
+    --eds_interactive_text_highlight: rgba(213, 234, 244, 1);
+    --eds_interactive__text_highlight: rgba(213, 234, 244, 1);
+
+    --eds_interactive_focus: rgba(0, 112, 121, 1);
+
+    --eds_interactive_link_on_interactive_colors: rgba(255, 255, 255, 1);
+    --eds_interactive_icon_on_interactive_colors: rgba(255, 255, 255, 1);
+    --eds_interactive_link_in_snackbars: rgba(151, 202, 206, 1);
+    --eds_interactive_pressed_overlay_dark: rgba(0, 0, 0, 0.2);
+    --eds_interactive_pressed_overlay_light: rgba(255, 255, 255, 0.2);
+
+    --eds_elevation_raised: 0 1px 5px rgba(0, 0, 0, 0.2),
+      0 3px 4px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.14);
+    --eds_elevation_none: 0 0 1px rgba(0, 0, 0, 0.14);
+    --eds_elevation_overlay: 0 1px 10px rgba(0, 0, 0, 0.2),
+      0 4px 5px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.14);
+    --eds_elevation_sticky: 0 4px 5px rgba(0, 0, 0, 0.2),
+      0 3px 14px rgba(0, 0, 0, 0.12), 0 8px 10px rgba(0, 0, 0, 0.14);
+    --eds_elevation_temporary_nav: 0 7px 8px rgba(0, 0, 0, 0.2),
+      0 5px 22px rgba(0, 0, 0, 0.12), 0 12px 17px rgba(0, 0, 0, 0.14);
+    --eds_elevation_above_scrim: 0 11px 15px rgba(0, 0, 0, 0.2),
+      0 9px 46px rgba(0, 0, 0, 0.12), 0 24px 38px rgba(0, 0, 0, 0.14);
+
+    --eds_heading__h1_color: rgba(255, 255, 255, 1);
+    --eds_heading__h2_color: rgba(255, 255, 255, 1);
+    --eds_heading__h3_color: rgba(255, 255, 255, 1);
+    --eds_heading__h4_color: rgba(255, 255, 255, 1);
+    --eds_heading__h5_color: rgba(255, 255, 255, 1);
+    --eds_heading__h6_color: rgba(255, 255, 255, 1);
+
+    --eds_navigation__label_color: rgba(255, 255, 255, 1);
+    --eds_navigation__button_color: rgba(255, 255, 255, 1);
+    --eds_input__label_color: rgba(255, 255, 255, 1);
+    --eds_input__text_color: var(--eds_text_static_icons__default);
+    --eds_paragraph__body_short_color: rgba(255, 255, 255, 1);
+    --eds_paragraph__body_long_link_color: rgba(255, 255, 255, 1);
+    --eds_table__cell_header_color: rgba(255, 255, 255, 1);
+    --eds_table__cell_text_color: rgba(255, 255, 255, 1);
+    --eds_table__cell_text_bold_color: rgba(255, 255, 255, 1);
+    --eds_table__cell_numeric_monospaced_color: rgba(255, 255, 255, 1);
+
+    --eds_navigation__menu_title_color: rgba(255, 255, 255, 1);
+    --eds_ui__accordion_header_color: rgba(255, 255, 255, 1);
+
+    --eds_paragraph__overline_color: rgba(255, 255, 255, 1);
+    --eds_paragraph__caption_color: rgba(255, 255, 255, 1);
+    --eds_paragraph__body_short_color: rgba(255, 255, 255, 1);
+    --eds_paragraph__body_long_color: rgba(255, 255, 255, 1);
+    --eds_paragraph__meta_color: rgba(255, 255, 255, 1);
+
+    --eds_interactive__icon_on_interactive_colors: rgba(255, 255, 255, 1);
+
+    --eds_ui__chip__badge_color: var(--eds_text_static_icons__default);
+  }
+`;export{e as darkTokens};

package/dist/atoms/style/lightTokens.d.ts

@@ -0,0 +1 @@
+export declare const lightTokens: import("styled-components").RuleSet<object>;

package/dist/atoms/style/lightTokens.js

@@ -0,0 +1,43 @@
+import{css as a}from"styled-components";const i=a`
+  html[data-theme='light'] {
+    --amplify_dataviz_darkblue_default: rgba(0, 71, 153, 1);
+    --amplify_dataviz_darkblue_darker: rgba(4, 48, 98, 1);
+    --amplify_dataviz_darkblue_lighter: rgba(191, 220, 252, 1);
+
+    --amplify_dataviz_lightblue_default: rgba(133, 208, 250, 1);
+    --amplify_dataviz_lightblue_darker: rgba(35, 170, 246, 1);
+    --amplify_dataviz_lightblue_lighter: rgba(211, 238, 253, 1);
+
+    --amplify_dataviz_lightgreen_default: rgba(10, 194, 154, 1);
+    --amplify_dataviz_lightgreen_darker: rgba(8, 145, 115, 1);
+    --amplify_dataviz_lightgreen_lighter: rgba(220, 241, 236, 1);
+
+    --amplify_dataviz_darkgreen_default: rgba(0, 102, 76, 1);
+    --amplify_dataviz_darkgreen_darker: rgba(0, 61, 46, 1);
+    --amplify_dataviz_darkgreen_lighter: rgba(200, 237, 227, 1);
+
+    --amplify_dataviz_darkpink_default: rgba(169, 30, 88, 1);
+    --amplify_dataviz_darkpink_darker: rgba(135, 18, 67, 1);
+    --amplify_dataviz_darkpink_lighter: rgba(252, 212, 229, 1);
+
+    --amplify_dataviz_lightpink_default: rgba(255, 128, 138, 1);
+    --amplify_dataviz_lightpink_darker: rgba(225, 81, 93, 1);
+    --amplify_dataviz_lightpink_lighter: rgba(255, 219, 222, 1);
+
+    --amplify_dataviz_darkyellow_default: rgba(160, 112, 28, 1);
+    --amplify_dataviz_darkyellow_darker: rgba(121, 85, 21, 1);
+    --amplify_dataviz_darkyellow_lighter: rgba(244, 226, 195, 1);
+
+    --amplify_dataviz_lightyellow_default: rgba(253, 203, 53, 1);
+    --amplify_dataviz_lightyellow_darker: rgba(227, 171, 2, 1);
+    --amplify_dataviz_lightyellow_lighter: rgba(255, 240, 194, 1);
+
+    --amplify_dataviz_darkpurple_default: rgba(147, 20, 219, 1);
+    --amplify_dataviz_darkpurple_darker: rgba(97, 1, 152, 1);
+    --amplify_dataviz_darkpurple_lighter: rgba(232, 209, 246, 1);
+
+    --amplify_dataviz_lightpurple_default: rgba(186, 153, 255, 1);
+    --amplify_dataviz_lightpurple_darker: rgba(155, 89, 242, 1);
+    --amplify_dataviz_lightpurple_lighter: rgba(234, 224, 255, 1);
+  }
+`;export{i as lightTokens};