@equinor/amplify-component-lib 9.15.2 → 9.15.3-beta.1

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

@@ -0,0 +1,484 @@
+//#region src/atoms/style/colors.d.ts
+declare const colors: {
+  readonly ui: {
+    readonly background__light_medium: {
+      readonly rgba: "var(--amplify_ui_background_light_medium, rgba(235, 235, 235, 1))";
+    };
+    readonly background__heavy: {
+      readonly rgba: "var(--amplify_ui_background_heavy, rgba(189, 189, 189, 1))";
+    };
+    readonly background__tutorial_card: {
+      readonly rgba: "var(--amplify_ui_background_tutorial_card, rgba(222, 237, 238, 1))";
+    };
+    readonly background__default: {
+      hex: string;
+      hsla: string;
+      rgba: string;
+    };
+    readonly background__semitransparent: {
+      hex: string;
+      hsla: string;
+      rgba: string;
+    };
+    readonly background__light: {
+      hex: string;
+      hsla: string;
+      rgba: string;
+    };
+    readonly background__scrim: {
+      hex: string;
+      hsla: string;
+      rgba: string;
+    };
+    readonly background__overlay: {
+      hex: string;
+      hsla: string;
+      rgba: string;
+    };
+    readonly background__medium: {
+      hex: string;
+      hsla: string;
+      rgba: string;
+    };
+    readonly background__info: {
+      hex: string;
+      hsla: string;
+      rgba: string;
+    };
+    readonly background__warning: {
+      hex: string;
+      hsla: string;
+      rgba: string;
+    };
+    readonly background__danger: {
+      hex: string;
+      hsla: string;
+      rgba: string;
+    };
+  };
+  readonly interactive: {
+    readonly primary__pressed: {
+      readonly rgba: "var(--amplify_interactive_primary_pressed, rgba(19, 46, 49, 1))";
+    };
+    readonly tutorial__active_step: {
+      readonly rgba: "var(--amplify_interactive_tutorial_active_step, rgba(0, 112, 121, 1))";
+    };
+    readonly tutorial__inactive_step: {
+      readonly rgba: "var(--amplify_interactive_tutorial_inactive_step, rgba(168, 206, 209, 1))";
+    };
+    readonly primary__selected_highlight: {
+      hex: string;
+      hsla: string;
+      rgba: string;
+    };
+    readonly primary__selected_hover: {
+      hex: string;
+      hsla: string;
+      rgba: string;
+    };
+    readonly primary__resting: {
+      hex: string;
+      hsla: string;
+      rgba: string;
+    };
+    readonly primary__hover: {
+      hex: string;
+      hsla: string;
+      rgba: string;
+    };
+    readonly primary__hover_alt: {
+      hex: string;
+      hsla: string;
+      rgba: string;
+    };
+    readonly secondary__highlight: {
+      hex: string;
+      hsla: string;
+      rgba: string;
+    };
+    readonly secondary__resting: {
+      hex: string;
+      hsla: string;
+      rgba: string;
+    };
+    readonly secondary__link_hover: {
+      hex: string;
+      hsla: string;
+      rgba: string;
+    };
+    readonly danger__highlight: {
+      hex: string;
+      hsla: string;
+      rgba: string;
+    };
+    readonly danger__resting: {
+      hex: string;
+      hsla: string;
+      rgba: string;
+    };
+    readonly danger__hover: {
+      hex: string;
+      hsla: string;
+      rgba: string;
+    };
+    readonly danger__text: {
+      hex: string;
+      hsla: string;
+      rgba: string;
+    };
+    readonly warning__highlight: {
+      hex: string;
+      hsla: string;
+      rgba: string;
+    };
+    readonly warning__resting: {
+      hex: string;
+      hsla: string;
+      rgba: string;
+    };
+    readonly warning__hover: {
+      hex: string;
+      hsla: string;
+      rgba: string;
+    };
+    readonly warning__text: {
+      hex: string;
+      hsla: string;
+      rgba: string;
+    };
+    readonly success__highlight: {
+      hex: string;
+      hsla: string;
+      rgba: string;
+    };
+    readonly success__resting: {
+      hex: string;
+      hsla: string;
+      rgba: string;
+    };
+    readonly success__hover: {
+      hex: string;
+      hsla: string;
+      rgba: string;
+    };
+    readonly success__text: {
+      hex: string;
+      hsla: string;
+      rgba: string;
+    };
+    readonly table__cell__fill_resting: {
+      hex: string;
+      hsla: string;
+      rgba: string;
+    };
+    readonly table__cell__fill_hover: {
+      hex: string;
+      hsla: string;
+      rgba: string;
+    };
+    readonly table__cell__fill_activated: {
+      hex: string;
+      hsla: string;
+      rgba: string;
+    };
+    readonly table__header__fill_activated: {
+      hex: string;
+      hsla: string;
+      rgba: string;
+    };
+    readonly table__header__fill_hover: {
+      hex: string;
+      hsla: string;
+      rgba: string;
+    };
+    readonly table__header__fill_resting: {
+      hex: string;
+      hsla: string;
+      rgba: string;
+    };
+    readonly disabled__text: {
+      hex: string;
+      hsla: string;
+      rgba: string;
+    };
+    readonly text_highlight: {
+      hex: string;
+      hsla: string;
+      rgba: string;
+    };
+    readonly focus: {
+      hex: string;
+      hsla: string;
+      rgba: string;
+    };
+    readonly disabled__border: {
+      hex: string;
+      hsla: string;
+      rgba: string;
+    };
+    readonly disabled__fill: {
+      hex: string;
+      hsla: string;
+      rgba: string;
+    };
+    readonly link_on_interactive_colors: {
+      hex: string;
+      hsla: string;
+      rgba: string;
+    };
+    readonly icon_on_interactive_colors: {
+      hex: string;
+      hsla: string;
+      rgba: string;
+    };
+    readonly link_in_snackbars: {
+      hex: string;
+      hsla: string;
+      rgba: string;
+    };
+    readonly pressed_overlay_dark: {
+      hex: string;
+      hsla: string;
+      rgba: string;
+    };
+    readonly pressed_overlay_light: {
+      hex: string;
+      hsla: string;
+      rgba: string;
+    };
+  };
+  readonly dataviz: {
+    readonly primary: {
+      readonly default: "var(--amplify_dataviz_primary_default, rgba(0, 107, 229, 1))";
+      readonly darker: "var(--amplify_dataviz_primary_darker, rgba(0, 83, 178, 1))";
+      readonly lighter: "var(--amplify_dataviz_primary_lighter, rgba(206, 229, 255, 1))";
+      readonly primary10: "var(--amplify_dataviz_primary_10, rgba(235, 245, 255, 1))";
+      readonly primary20: "var(--amplify_dataviz_primary_20, rgba(211, 231, 253, 1))";
+      readonly primary30: "var(--amplify_dataviz_primary_30, rgba(167, 206, 251, 1))";
+      readonly primary40: "var(--amplify_dataviz_primary_40, rgba(133, 187, 250, 1))";
+      readonly primary50: "var(--amplify_dataviz_primary_50, rgba(89, 163, 248, 1))";
+      readonly primary60: "var(--amplify_dataviz_primary_60, rgba(40, 136, 246, 1))";
+      readonly primary70: "var(--amplify_dataviz_primary_70, rgba(0, 107, 229, 1))";
+      readonly primary80: "var(--amplify_dataviz_primary_80, rgba(0, 83, 178, 1))";
+      readonly primary90: "var(--amplify_dataviz_primary_90, rgba(5, 60, 122, 1))";
+    };
+    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))";
+      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 darkgray: {
+      readonly default: "var(--amplify_dataviz_darkgray_default, rgba(122, 122, 122,1))";
+      readonly darker: "var(--amplify-dataviz_darkgray_darker, rgba(86, 86, 86,1))";
+      readonly lighter: "var(--amplify-dataviz_darkgray_lighter, rgba(173, 173, 173, 1))";
+    };
+    readonly lightgray: {
+      readonly default: "var(--amplify_dataviz_lightgray_default, rgba(144, 155, 162, 1))";
+      readonly darker: "var(--amplify_dataviz_lightgray_darker, rgba(91, 102, 108, 1))";
+      readonly lighter: "var(--amplify_dataviz_lightgray_lighter,  rgba(194, 200, 204, 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 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;
+    };
+  };
+};
+//#endregion
+export { colors };

package/dist/atoms/style/colors.js

@@ -0,0 +1 @@
+import{tokens as e}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";const{colors:t}=e,n={...t,ui:{...t.ui,background__light_medium:{rgba:`var(--amplify_ui_background_light_medium, rgba(235, 235, 235, 1))`},background__heavy:{rgba:`var(--amplify_ui_background_heavy, rgba(189, 189, 189, 1))`},background__tutorial_card:{rgba:`var(--amplify_ui_background_tutorial_card, rgba(222, 237, 238, 1))`}},interactive:{...t.interactive,primary__pressed:{rgba:`var(--amplify_interactive_primary_pressed, rgba(19, 46, 49, 1))`},tutorial__active_step:{rgba:`var(--amplify_interactive_tutorial_active_step, rgba(0, 112, 121, 1))`},tutorial__inactive_step:{rgba:`var(--amplify_interactive_tutorial_inactive_step, rgba(168, 206, 209, 1))`}},dataviz:{primary:{default:`var(--amplify_dataviz_primary_default, rgba(0, 107, 229, 1))`,darker:`var(--amplify_dataviz_primary_darker, rgba(0, 83, 178, 1))`,lighter:`var(--amplify_dataviz_primary_lighter, rgba(206, 229, 255, 1))`,primary10:`var(--amplify_dataviz_primary_10, rgba(235, 245, 255, 1))`,primary20:`var(--amplify_dataviz_primary_20, rgba(211, 231, 253, 1))`,primary30:`var(--amplify_dataviz_primary_30, rgba(167, 206, 251, 1))`,primary40:`var(--amplify_dataviz_primary_40, rgba(133, 187, 250, 1))`,primary50:`var(--amplify_dataviz_primary_50, rgba(89, 163, 248, 1))`,primary60:`var(--amplify_dataviz_primary_60, rgba(40, 136, 246, 1))`,primary70:`var(--amplify_dataviz_primary_70, rgba(0, 107, 229, 1))`,primary80:`var(--amplify_dataviz_primary_80, rgba(0, 83, 178, 1))`,primary90:`var(--amplify_dataviz_primary_90, rgba(5, 60, 122, 1))`},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))`,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))`},darkgray:{default:`var(--amplify_dataviz_darkgray_default, rgba(122, 122, 122,1))`,darker:`var(--amplify-dataviz_darkgray_darker, rgba(86, 86, 86,1))`,lighter:`var(--amplify-dataviz_darkgray_lighter, rgba(173, 173, 173, 1))`},lightgray:{default:`var(--amplify_dataviz_lightgray_default, rgba(144, 155, 162, 1))`,darker:`var(--amplify_dataviz_lightgray_darker, rgba(91, 102, 108, 1))`,lighter:`var(--amplify_dataviz_lightgray_lighter,  rgba(194, 200, 204, 1))`}}},r={warning:n.interactive.warning__resting.rgba,error:n.interactive.danger__resting.rgba,success:n.interactive.success__resting.rgba,dirty:n.infographic.substitute__blue_ocean.rgba},i={warning:n.interactive.warning__hover.rgba,error:n.interactive.danger__hover.rgba,success:n.interactive.success__hover.rgba,dirty:n.infographic.substitute__blue_ocean.rgba};export{r as VARIANT_COLORS,i as VARIANT_HELPER_TEXT_COLORS,n as colors};