@equinor/amplify-component-lib 9.15.2 → 9.15.3

package/dist/atoms/style/darkTokens.js

@@ -0,0 +1,219 @@
+import{css as e}from"styled-components";const t=e`
+  /*Dark Theme*/
+  [data-theme='dark'] {
+    textarea,
+    input {
+      color: var(--eds_text_static_icons__default);
+    }
+
+    --amplify_interactive_tutorial_active_step: rgba(154, 202, 206, 1);
+    --amplify_interactive_tutorial_inactive_step: rgba(96, 125, 127, 1);
+
+    /* Override super specific text colors to just default text color */
+    --eds_heading__h1_bold_color: var(--eds_text_static_icons__default);
+    --eds_input__text_monospaced_color: var(--eds_text_static_icons__default);
+    --eds_input__helper_color: var(--eds_text_static_icons__default);
+    --eds_table__cell_text_link_color: var(--eds_text_static_icons__default);
+    --eds_navigation__drawer_active_color: var(
+      --eds_text_static_icons__default
+    );
+    --eds_navigation__drawer_inactive_color: var(
+      --eds_text_static_icons__default
+    );
+    --eds_navigation__breadcrumb_color: var(--eds_text_static_icons__default);
+    --eds_navigation__breadcrumb_hover_color: var(
+      --eds_text_static_icons__default
+    );
+    --eds_navigation__menu_title_hover_color: var(
+      --eds_text_static_icons__default
+    );
+    --eds_paragraph__body_short_italic_color: var(
+      --eds_text_static_icons__default
+    );
+    --eds_paragraph__body_short_bold_italic_color: var(
+      --eds_text_static_icons__default
+    );
+    --eds_paragraph__body_short_bold_color: var(
+      --eds_text_static_icons__default
+    );
+    --eds_paragraph__body_short_link_color: var(
+      --eds_interactive_primary__resting
+    );
+    --eds_paragraph__ingress_color: var(--eds_text_static_icons__default);
+    --eds_paragraph__body_long_italic_color: var(
+      --eds_text_static_icons__default
+    );
+    --eds_paragraph__body_long_bold_color: var(
+      --eds_text_static_icons__default
+    );
+    --eds_paragraph__body_long_bold_italic_color: var(
+      --eds_text_static_icons__default
+    );
+    --eds_ui__tooltip_color: var(--eds_text_static_icons__default);
+    --eds_ui__snackbar_color: var(--eds_text_static_icons__default);
+    --eds_ui__chart_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);
+    --amplify_ui_background_light_medium: rgba(40, 58, 72, 1);
+    --amplify_ui_background_heavy: rgba(50, 72, 89, 1);
+    --amplify_ui_background_tutorial_card: rgba(50, 72, 89, 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);
+    --amplify_interactive_primary_pressed: rgba(95, 198, 206, 1);
+    --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(255, 115, 124, 1);
+    --eds_interactive_danger__hover: rgba(255, 148, 155, 1);
+    --eds_interactive_danger__text: rgba(255, 171, 176, 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_navigation__menu_tabs_color: rgba(156, 166, 172, 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);
+
+    /* Override table typography variables */
+    --eds_table__cell_header_color: var(--eds_text__static_icons__default);
+    --eds_table__cell_text_color: var(--eds_text__static_icons__default);
+    --eds_table__cell_text_bold_color: var(--eds_text__static_icons__default);
+    --eds_table__cell_text_link_color: var(--eds_text__static_icons__default);
+    --eds_table__cell_numeric_monospaced_color: var(
+      --eds_text__static_icons__default
+    );
+  }
+`;export{t as darkTokens};