npm - @vibe/core - Versions diffs - 3.0.0-alpha.3 → 3.0.0-alpha.5 - Mend

@vibe/core 3.0.0-alpha.3 → 3.0.0-alpha.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2043) hide show

package/dist/mocked_classnames/style/dist/index.min.css.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var o=":root{--motion-productive-short:70ms;--motion-productive-medium:100ms;--motion-productive-long:150ms;--motion-expressive-short:250ms;--motion-expressive-long:400ms;--motion-timing-enter:cubic-bezier(0, 0, 0.35, 1);--motion-timing-exit:cubic-bezier(0.4, 0, 1, 1);--motion-timing-transition:cubic-bezier(0.4, 0, 0.2, 1);--motion-timing-emphasize:cubic-bezier(0, 0, 0.2, 1.4);--expand-animation-timing:var(--motion-timing-enter);--spacing-xs:4px;--spacing-small:8px;--spacing-medium:16px;--spacing-large:24px;--spacing-xl:32px;--spacing-xxl:48px;--spacing-xxxl:64px;--border-width:1px;--border-style:solid;--border-radius-small:4px;--border-radius-medium:8px;--border-radius-big:16px;--disabled-component-opacity:0.38;--font-family:Figtree,Roboto,Noto Sans Hebrew,Noto Kufi Arabic,Noto Sans JP,sans-serif;--title-font-family:Poppins,Roboto,Noto Sans Hebrew,Noto Kufi Arabic,Noto Sans JP,sans-serif;--h1-font-family:var(--title-font-family);--font-smoothing-webkit:antialiased;--font-smoothing-moz:grayscale;--font-weight-very-light:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-bold:500;--font-size-10:14px;--font-size-20:14px;--font-size-30:16px;--font-size-40:18px;--font-size-50:24px;--font-size-60:30px;--font-line-height-10:18px;--font-line-height-20:24px;--font-line-height-30:24px;--font-line-height-40:24px;--font-line-height-50:32px;--font-line-height-60:42px;--font-size-h1:var(--font-size-60);--font-size-h2:var(--font-size-50);--font-size-h3:var(--font-size-50);--font-size-h4:var(--font-size-40);--font-size-h5:var(--font-size-30);--font-size-general-label:var(--font-size-20);--font-size-paragraph:var(--font-size-30);--font-size-subtext:var(--font-size-10);--font-line-height-h1:var(--font-line-height-60);--font-line-height-h2:var(--font-line-height-50);--font-line-height-h3:var(--font-line-height-50);--font-line-height-h4:var(--font-line-height-40);--font-line-height-h5:var(--font-line-height-30);--font-line-height-general-label:var(--font-line-height-20);--font-line-height-paragraph:var(--font-line-height-30);--font-line-height-subtext:var(--font-line-height-10);--font-h1:var(--font-weight-bold) var(--font-size-h1)/var(--font-line-height-h1) var(--title-font-family);--font-h2:var(--font-weight-bold) var(--font-size-h2)/var(--font-line-height-h2) var(--title-font-family);--font-h3:var(--font-weight-light) var(--font-size-h3)/var(--font-line-height-h3) var(--title-font-family);--font-h4:var(--font-weight-bold) var(--font-size-h4)/var(--font-line-height-h4) var(--title-font-family);--font-h5:var(--font-weight-bold) var(--font-size-h5)/var(--font-line-height-h5) var(--font-family);--font-general-label:var(--font-weight-normal) var(--font-size-general-label)/var(--font-line-height-general-label) var(--font-family);--font-paragraph:var(--font-weight-normal) var(--font-size-paragraph)/var(--font-line-height-paragraph) var(--font-family);--font-subtext:var(--font-weight-normal) var(--font-size-subtext)/var(--font-line-height-subtext) var(--font-family);--font-h1-bold:700 32px/40px var(--title-font-family);--font-h1-medium:600 32px/40px var(--title-font-family);--font-h1-normal:500 32px/40px var(--title-font-family);--font-h1-light:300 32px/40px var(--title-font-family);--font-h2-bold:700 24px/30px var(--title-font-family);--font-h2-medium:600 24px/30px var(--title-font-family);--font-h2-normal:500 24px/30px var(--title-font-family);--font-h2-light:300 24px/30px var(--title-font-family);--font-h3-bold:700 18px/24px var(--title-font-family);--font-h3-medium:600 18px/24px var(--title-font-family);--font-h3-normal:500 18px/24px var(--title-font-family);--font-h3-light:300 18px/24px var(--title-font-family);--font-text1-bold:700 16px/22px var(--font-family);--font-text1-medium:600 16px/22px var(--font-family);--font-text1-normal:400 16px/22px var(--font-family);--font-text2-bold:700 14px/20px var(--font-family);--font-text2-medium:600 14px/20px var(--font-family);--font-text2-normal:400 14px/20px var(--font-family);--font-text3-bold:700 12px/16px var(--font-family);--font-text3-medium:600 12px/16px var(--font-family);--font-text3-normal:400 12px/16px var(--font-family);--letter-spacing-h1-bold:-0.5px;--letter-spacing-h1-normal:-0.5px;--letter-spacing-h1-light:-0.5px;--letter-spacing-h2-bold:-0.1px;--letter-spacing-h2-normal:-0.1px;--letter-spacing-h2-light:-0.1px;--letter-spacing-h3-bold:-0.1px;--letter-spacing-h3-normal:-0.1px;--letter-spacing-h3-light:-0.1px}.default-app-theme,.light-app-theme,:root{--color-highlight_blue:#cce5ff;--color-basic_blue:#0073ea;--color-dark_blue:#0060b9;--color-bazooka:#f65f7c;--color-snow_white:#ffffff;--color-riverstone_gray:#f6f7fb;--color-ui_grey:#dcdfec;--color-wolf_gray:#c3c6d4;--color-asphalt:#676879;--color-mud_black:#323338;--color-black:#000000;--color-success:#00854d;--color-success-hover:#007038;--color-success-highlight:#bbdbc9;--color-error:#d83a52;--color-error-hover:#b63546;--color-error-highlight:#f4c3cb;--color-link_color:#1f76c2;--color-surface:#292f4c;--primary-color:#0073ea;--primary-hover-color:#0060b9;--primary-selected-color:#cce5ff;--primary-selected-hover-color:#aed4fc;--primary-highlighted-color:#f0f7ff;--primary-surface-color:#eceff8;--primary-text-color:#323338;--text-color-on-primary:#ffffff;--text-color-on-inverted:#ffffff;--secondary-text-color:#676879;--placeholder-color:#676879;--icon-color:#676879;--link-color:#1f76c2;--fixed-light-color:#ffffff;--fixed-dark-color:#323338;--primary-background-color:#ffffff;--primary-background-hover-color:rgba(103, 104, 121, 0.1);--secondary-background-color:#ffffff;--grey-background-color:#f6f7fb;--allgrey-background-color:#f6f7fb;--inverted-color-background:#323338;--disabled-background-color:#ecedf5;--disabled-text-color:rgba(50, 51, 56, var(--disabled-component-opacity));--positive-color:#00854d;--positive-color-hover:#007038;--positive-color-selected:#bbdbc9;--positive-color-selected-hover:#b5cec0;--negative-color:#d83a52;--negative-color-hover:#b63546;--negative-color-selected:#f4c3cb;--negative-color-selected-hover:#ecb7bf;--ui-border-color:#c3c6d4;--ui-background-color:#dcdfec;--layout-border-color:#d0d4e4;--warning-color:#ffcb00;--warning-color-hover:#eaaa15;--warning-color-selected:#fceba1;--warning-color-selected-hover:#f2d973;--brand-color:#0073ea;--brand-hover-color:#0060b9;--brand-selected-color:#cce5ff;--brand-selected-hover-color:#aed4fc;--text-color-on-brand:#ffffff;--box-shadow-xs:0px 4px 6px -4px rgba(0, 0, 0, 0.1);--box-shadow-small:0px 4px 8px rgba(0, 0, 0, 0.2);--box-shadow-medium:0px 6px 20px rgba(0, 0, 0, 0.2);--box-shadow-large:0px 15px 50px rgba(0, 0, 0, 0.3);--color-grass_green:#037f4c;--color-grass_green-hover:#116846;--color-grass_green-selected:#81bfa5;--color-done-green:#00c875;--color-done-green-hover:#0f9b63;--color-done-green-selected:#80e3ba;--color-done-green-selected-with-opacity:rgba(128, 227, 186, 0.6);--color-bright-green:#9cd326;--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#cde992;--color-saladish:#cab641;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#e4daa0;--color-egg_yolk:#ffcb00;--color-egg_yolk-hover:#eaaa15;--color-egg_yolk-selected:#ffe580;--color-egg_yolk-rgb:255,213,51;--color-working_orange:#fdab3d;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#fed59e;--color-dark-orange:#ff6d3b;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#ffb196;--color-peach:#ffadad;--color-peach-hover:#c2888a;--color-peach-selected:#ffd6d6;--color-sunset:#ff7575;--color-sunset-hover:#c26163;--color-sunset-selected:#ffbaba;--color-sunset-selected-with-opacity:rgba(255, 186, 186, 0.6);--color-stuck-red:#df2f4a;--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#f0a1ad;--color-dark-red:#bb3354;--color-dark-red-hover:#92334c;--color-dark-red-selected:#dd99a9;--color-sofia_pink:#e50073;--color-sofia_pink-hover:#c20062;--color-sofia_pink-selected:#ff8ac4;--color-lipstick:#ff5ac4;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#fface1;--color-bubble:#faa1f1;--color-bubble-hover:#be80ba;--color-bubble-selected:#fcd0f8;--color-purple:#9d50dd;--color-purple-hover:#7d45b0;--color-purple-selected:#d0aeed;--color-dark_purple:#784bd1;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#bba5e8;--color-berry:#7e3b8a;--color-berry-hover:#673971;--color-berry-selected:#be9dc4;--color-dark_indigo:#401694;--color-dark_indigo-hover:#3c1f78;--color-dark_indigo-selected:#a08bc9;--color-indigo:#5559df;--color-indigo-hover:#4b4ead;--color-indigo-selected:#aaacef;--color-navy:#225091;--color-navy-hover:#274776;--color-navy-selected:#90a7c8;--color-bright-blue:#579bfc;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#abcdfd;--color-dark-blue:#007eb5;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#80c2df;--color-aquamarine:#4eccc6;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#a6e5e2;--color-chili-blue:#66ccff;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#b2e5ff;--color-river:#74afcc;--color-river-hover:#588095;--color-river-selected:#b3d0de;--color-winter:#9aadbd;--color-winter-hover:#7b8895;--color-winter-selected:#ccd6de;--color-explosive:#c4c4c4;--color-explosive-hover:#98999a;--color-explosive-selected:#e1e1e1;--color-american_gray:#757575;--color-american_gray-hover:#69696a;--color-american_gray-selected:#bfbfbf;--color-blackish:#333333;--color-blackish-hover:#222222;--color-blackish-selected:#999999;--color-brown:#7f5347;--color-brown-hover:#684943;--color-brown-selected:#bfa9a3;--color-orchid:#e484bd;--color-orchid-hover:#ae5d8d;--color-orchid-selected:#ecbad7;--color-tan:#bca58a;--color-tan-hover:#8a7862;--color-tan-selected:#d6cabc;--color-sky:#a1e3f6;--color-sky-hover:#81b6c5;--color-sky-selected:#d0f1fa;--color-coffee:#cd9282;--color-coffee-hover:#976758;--color-coffee-selected:#dec0b7;--color-royal:#216edf;--color-royal-hover:#225eb7;--color-royal-selected:#95bbf2;--color-teal:#175a63;--color-teal-hover:#12484f;--color-teal-selected:#8bacb1;--color-lavender:#bda8f9;--color-lavender-hover:#9786c7;--color-lavender-selected:#ded4fc;--color-steel:#a9bee8;--color-steel-hover:#8798ba;--color-steel-selected:#d4dff4;--color-lilac:#9d99b9;--color-lilac-hover:#7e7a94;--color-lilac-selected:#ceccdc;--color-pecan:#563e3e;--color-pecan-hover:#453232;--color-pecan-selected:#ab9f9f;--color-dark_marble:#f1f1f1;--color-marble:#f7f7f7;--color-gainsboro:#e1e1e1;--color-extra_light_gray:#edeef0;--color-glitter:#d9f0ff;--color-ultra_light_gray:#ebebeb;--color-very_light_gray:#a1a1a1;--color-jaco_gray:#9699a6;--color-storm_gray:#6b6d77;--color-trolley-grey:#757575;--color-basic_light_blue:#c7e6fa;--color-light_blue:#61caf7;--color-turquoise:#66ccff;--color-aqua:#00d1d1;--color-live_blue:#009aff;--color-jeans:#597bfc;--color-burned_eggplant:#181d37;--color-light-pink:#ff5ac4;--color-dark-pink:#ff007f;--color-dark_red:#bb3354;--color-yellow:#ffcb00;--color-mustered:#cab641;--color-orange:#fdab3d;--color-lime-green:#9cd326;--color-jade:#03c875;--color-green-haze:#00a359;--color-grass-green:#037f4c;--color-amethyst:#9d50dd;--color-dark-purple:#784bd1;--color-blue_links:#007eb5;--color-blue-links:#007eb5;--color-private:#f65f7c;--color-public:#009aff;--color-board_views_grey:#6e6f8f;--color-board_views_grey_hover:#b2b3d0;--color-board_views_blue:#1c1f3b;--color-board_views_blue_secondary:#363a52;--color-border_light_gray:#f5f6f8;--color-brand-blue:#00a9ff;--color-brand-charcoal:#2b2c5c;--color-brand-gold:#ffcc00;--color-brand-green:#11dd80;--color-brand-iris:#595ad4;--color-brand-light-blue:#00cff4;--color-brand-malachite:#00cd6f;--color-brand-purple:#a358d0;--color-brand-red:#f74875;--color-deadline_upcoming_indication:#5d6387;--color-default_group_color:#579bfc;--color-form_btn_hover:#0083d9;--color-form_purple:#575c96;--color-highlight:#dff0ff;--color-green_shadow:#00c875;--color-green-shadow:#00c875;--color-red_shadow:#df2f4a;--color-red-shadow:#df2f4a;--color-pulse_bg:#f0f0f0;--color-pulse_text_color:#333333;--color-placholder_gray:#d8d8d8;--color-placeholder_light_gray:#efefef;--color-excel-green:#207245;--color-media-blue:#2ea2e9;--color-pdf-red:#bb0706;--color-ppt-orange:#d64e2a;--color-word-blue:#2a5699;--color-zip-orange:#e4901c;--color-like_red:#fb275d;--color-scrollbar_gray:#b2b2b2;--color-timeline_grid_blue:#454662;--color-timeline_blue:#1c1f3b;--color-highlight_blue-rgb:204,229,255;--color-snow_white-with-opacity:rgba(255, 255, 255, 0.4);--color-wolf_gray-with-opacity:rgba(195, 198, 212, 0.1);--color-asphalt-with-opacity:rgba(103, 104, 121, 0.1);--primary-on-secondary-color:#0073ea;--primary-hover-on-secondary-color:#0060b9;--primary-selected-color-rgb:204,229,255;--primary-selected-on-secondary-color:#cce5ff;--primary-text-on-secondary-color:#323338;--text-color-on-primary-with-opacity:rgba(255, 255, 255, 0.4);--secondary-text-on-secondary-color:#676879;--placeholder-color-with-opacity:rgba(103, 104, 121, 0.1);--placeholder-on-secondary-color:#676879;--icon-on-secondary-color:#676879;--link-on-secondary-color:#1f76c2;--label-background-color:#cce5ff;--label-background-on-secondary-color:#cce5ff;--primary-background-color-rgb:255,255,255;--primary-background-hover-on-secondary-color:#dcdfec;--modal-background-color:#ffffff;--secondary-background-color-rgb:255,255,255;--disabled-background-on-secondary-color:#ecedf5;--disabled-text-on-secondary-color:rgba(50, 51, 56, var(--disabled-component-opacity));--ui-border-on-secondary-color:#c3c6d4;--layout-border-on-secondary-color:#d0d4e4;--dark-background-color:#f6f7fb;--dark-background-on-secondary-color:#f6f7fb;--dialog-background-color:#ffffff;--box-shadow-mediun:0px 6px 20px rgba(0, 0, 0, 0.2)}.dark-app-theme{--primary-color:#0073ea;--primary-on-secondary-color:#0073ea;--primary-hover-color:#0060b9;--primary-selected-color:#133774;--primary-selected-hover-color:#0d2e65;--primary-highlighted-color:#0d2753;--primary-surface-color:#181b34;--primary-text-color:#d5d8df;--text-color-on-primary:#ffffff;--text-color-on-inverted:#323338;--secondary-text-color:#9699a6;--placeholder-color:#c3c6d4;--icon-color:#c3c6d4;--link-color:#69a7ef;--fixed-light-color:#ffffff;--fixed-dark-color:#323338;--primary-background-color:#181b34;--primary-background-hover-color:rgba(103, 104, 121, 0.3);--secondary-background-color:#30324e;--grey-background-color:#181b34;--allgrey-background-color:#30324e;--inverted-color-background:#ffffff;--disabled-text-color:rgba(213, 216, 223, var(--disabled-component-opacity));--disabled-background-color:#3c3f59;--positive-color:#00854d;--positive-color-hover:#007038;--positive-color-selected:#025231;--positive-color-selected-hover:#194733;--negative-color:#d83a52;--negative-color-hover:#b63546;--negative-color-selected:#642830;--negative-color-selected-hover:#5a2027;--ui-border-color:#797e93;--ui-background-color:#4b4e69;--layout-border-color:#4b4e69;--warning-color:#ffcb00;--warning-color-hover:#eaaa15;--warning-color-selected:#503e02;--warning-color-selected-hover:#402f00;--brand-color:#0073ea;--brand-hover-color:#0060b9;--brand-selected-color:#133774;--brand-selected-hover-color:#0d2e65;--text-color-on-brand:#ffffff;--box-shadow-xs:0px 4px 6px -4px rgba(9, 11, 25, 0.5);--box-shadow-small:0px 4px 8px rgba(9, 11, 25, 0.5);--box-shadow-medium:0px 6px 20px rgba(9, 11, 25, 0.5);--box-shadow-large:0px 15px 50px rgba(9, 11, 25, 0.5);--color-grass_green-hover:#116846;--color-grass_green-selected:#0f4f43;--color-done-green-hover:#0f9b63;--color-done-green-selected:#0e7358;--color-done-green-selected-with-opacity:rgba(14, 115, 88, 0.6);--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#5c7930;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#736a3e;--color-egg_yolk-hover:#c29e11;--color-egg_yolk-selected:#8d751e;--color-egg_yolk-rgb:255,213,51;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#8c653c;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#8d4134;--color-peach-hover:#c2888a;--color-peach-selected:#8d6674;--color-sunset-hover:#c26163;--color-sunset-selected:#8d4a58;--color-sunset-selected-with-opacity:rgba(141, 74, 88, 0.6);--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#7f314b;--color-dark-red-hover:#92334c;--color-dark-red-selected:#6b2947;--color-sofia_pink-hover:#c21e71;--color-sofia_pink-selected:#8d1a62;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#8d3c7f;--color-bubble-hover:#be80ba;--color-bubble-selected:#8b6096;--color-purple-hover:#8050ab;--color-purple-selected:#5f3e8b;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#4a3586;--color-berry-hover:#673971;--color-berry-selected:#4d2d62;--color-dark_indigo:#6129ff;--color-dark_indigo-hover:#4c18dc;--color-dark_indigo-selected:#3c13ae;--color-indigo-hover:#4b4ead;--color-indigo-selected:#383c8d;--color-navy:#5684c5;--color-navy-hover:#3468b2;--color-navy-selected:#24508f;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#395d9b;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#0e527e;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#357580;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#41759d;--color-river-hover:#588095;--color-river-selected:#42607c;--color-winter-hover:#7b8895;--color-winter-selected:#5b667c;--color-explosive-hover:#98999a;--color-explosive-selected:#70717f;--color-american_gray-hover:#69696a;--color-american_gray-selected:#4e505e;--color-blackish:#7a7a7a;--color-blackish-hover:#525252;--color-blackish-selected:#383838;--color-brown-hover:#684943;--color-brown-selected:#4d3941;--color-orchid-hover:#b4739a;--color-orchid-selected:#85597b;--color-tan-hover:#978977;--color-tan-selected:#716863;--color-sky-hover:#90bac6;--color-sky-selected:#6c8a9a;--color-coffee-hover:#a27b6f;--color-coffee-selected:#795e5d;--color-royal-hover:#4474bb;--color-royal-selected:#375993;--color-teal:#4a8f98;--color-teal-hover:#347179;--color-teal-selected:#245960;--color-lavender-hover:#a294c8;--color-lavender-selected:#79709c;--color-steel-hover:#95a2be;--color-steel-selected:#707a95;--color-lilac-hover:#8e8a9f;--color-lilac-selected:#6b697f;--color-pecan:#806363;--color-pecan-hover:#674c4c;--color-pecan-selected:#513939;--primary-on-secondary-color:#0073ea;--primary-hover-on-secondary-color:#0060b9;--primary-selected-color-rgb:19,55,116;--primary-selected-on-secondary-color:#133774;--primary-text-on-secondary-color:#d5d8df;--primary-background-color-rgb:24,27,52;--primary-background-hover-on-secondary-color:#4b4e69;--secondary-background-color-rgb:48,50,78;--secondary-text-on-secondary-color:#9699a6;--link-on-secondary-color:#69a7ef;--modal-background-color:#181b34;--dark-background-color:#393b53;--dark-background-on-secondary-color:#4b4e69;--dialog-background-color:#30324e;--label-background-color:#404b69;--label-background-on-secondary-color:#404b69;--icon-on-secondary-color:#c3c6d4;--placeholder-color-with-opacity:rgba(195, 198, 212, 0.1);--placeholder-on-secondary-color:#c3c6d4;--ui-border-on-secondary-color:#797e93;--layout-border-on-secondary-color:#4b4e69;--disabled-background-on-secondary-color:#3c3f59;--disabled-text-on-secondary-color:rgba(213, 216, 223, var(--disabled-component-opacity));--box-shadow-mediun:0px 6px 20px rgba(0, 0, 0, 0.2)}.black-app-theme{--primary-color:#0073ea;--primary-on-secondary-color:#0073ea;--primary-hover-color:#0060b9;--primary-selected-color:#133774;--primary-selected-hover-color:#0d2e65;--primary-highlighted-color:#0b2858;--primary-surface-color:#111111;--primary-text-color:#eeeeee;--text-color-on-primary:#ffffff;--text-color-on-inverted:#111111;--secondary-text-color:#aaaaaa;--placeholder-color:#aaaaaa;--icon-color:#aaaaaa;--link-color:#69a7ef;--fixed-light-color:#ffffff;--fixed-dark-color:#111111;--primary-background-color:#111111;--primary-background-hover-color:rgba(103, 104, 121, 0.3);--secondary-background-color:#2c2c2c;--grey-background-color:#111111;--allgrey-background-color:#2c2c2c;--inverted-color-background:#eeeeee;--disabled-text-color:rgba(238, 238, 238, var(--disabled-component-opacity));--disabled-background-color:#3a3a3a;--positive-color:#00854d;--positive-color-hover:#007038;--positive-color-selected:#025231;--positive-color-selected-hover:#194733;--negative-color:#d83a52;--negative-color-hover:#b63546;--negative-color-selected:#642830;--negative-color-selected-hover:#5a2027;--ui-border-color:#8d8d8d;--ui-background-color:#636363;--layout-border-color:#636363;--warning-color:#ffcb00;--warning-color-hover:#eaaa15;--warning-color-selected:#503e02;--warning-color-selected-hover:#402f00;--brand-color:#0073ea;--brand-hover-color:#0060b9;--brand-selected-color:#133774;--brand-selected-hover-color:#0d2e65;--text-color-on-brand:#ffffff;--box-shadow-xs:0px 4px 6px -4px #000000;--box-shadow-small:0px 4px 8px #000000;--box-shadow-medium:0px 6px 20px #000000;--box-shadow-large:0px 15px 50px #000000;--color-grass_green-hover:#116846;--color-grass_green-selected:#0a482e;--color-done-green-hover:#0f9b63;--color-done-green-selected:#096c43;--color-done-green-selected-with-opacity:rgba(9, 108, 67, 0.6);--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#56721b;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#6d6329;--color-egg_yolk-hover:#c29e11;--color-egg_yolk-selected:#886e09;--color-egg_yolk-rgb:255,213,51;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#875e27;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#883a1f;--color-peach-hover:#c2888a;--color-peach-selected:#885f5f;--color-sunset-hover:#c26163;--color-sunset-selected:#884343;--color-sunset-selected-with-opacity:rgba(136, 67, 67, 0.6);--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#792a36;--color-dark-red-hover:#92334c;--color-dark-red-selected:#662232;--color-sofia_pink-hover:#c21e71;--color-sofia_pink-selected:#88134d;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#88356a;--color-bubble-hover:#be80ba;--color-bubble-selected:#855981;--color-purple-hover:#8050ab;--color-purple-selected:#593776;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#442e71;--color-berry-hover:#673971;--color-berry-selected:#47264d;--color-dark_indigo:#6129ff;--color-dark_indigo-hover:#4c18dc;--color-dark_indigo-selected:#3c13ae;--color-indigo-hover:#4b4ead;--color-indigo-selected:#333578;--color-navy:#5684c5;--color-navy-hover:#3468b2;--color-navy-selected:#24508f;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#345686;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#094b69;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#2f6e6b;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#3b6e88;--color-river-hover:#588095;--color-river-selected:#3c5967;--color-winter-hover:#7b8895;--color-winter-selected:#555f67;--color-explosive-hover:#98999a;--color-explosive-selected:#6a6a6a;--color-american_gray-hover:#69696a;--color-american_gray-selected:#494949;--color-blackish:#7a7a7a;--color-blackish-hover:#525252;--color-blackish-selected:#383838;--color-brown-hover:#684943;--color-brown-selected:#48322c;--color-orchid-hover:#b4739a;--color-orchid-selected:#7e516c;--color-tan-hover:#978977;--color-tan-selected:#6a6053;--color-sky-hover:#90bac6;--color-sky-selected:#65828b;--color-coffee-hover:#a27b6f;--color-coffee-selected:#71564e;--color-royal-hover:#4474bb;--color-royal-selected:#305183;--color-teal:#4a8f98;--color-teal-hover:#347179;--color-teal-selected:#245960;--color-lavender-hover:#a294c8;--color-lavender-selected:#71688c;--color-steel-hover:#95a2be;--color-steel-selected:#687185;--color-lilac-hover:#8e8a9f;--color-lilac-selected:#63616f;--color-pecan:#806363;--color-pecan-hover:#674c4c;--color-pecan-selected:#513939;--primary-on-secondary-color:#0073ea;--primary-hover-on-secondary-color:#0060b9;--primary-selected-color-rgb:19,55,116;--primary-selected-on-secondary-color:#133774;--primary-text-on-secondary-color:#eeeeee;--primary-background-color-rgb:17,17,17;--primary-background-hover-on-secondary-color:#636363;--secondary-background-color-rgb:44,44,44;--secondary-text-on-secondary-color:#9699a6;--link-on-secondary-color:#69a7ef;--modal-background-color:#181b34;--dark-background-color:#2c2c2c;--dark-background-on-secondary-color:#4b4e69;--dialog-background-color:#2c2c2c;--label-background-color:#404b69;--label-background-on-secondary-color:#404b69;--icon-on-secondary-color:#aaaaaa;--placeholder-color-with-opacity:rgba(170, 170, 170, 0.1);--placeholder-on-secondary-color:#aaaaaa;--ui-border-on-secondary-color:#8d8d8d;--layout-border-on-secondary-color:#636363;--disabled-background-on-secondary-color:#3a3a3a;--disabled-text-on-secondary-color:rgba(238, 238, 238, var(--disabled-component-opacity));--box-shadow-mediun:0px 6px 20px rgba(0, 0, 0, 0.2)}.hacker_theme-app-theme{--primary-color:#fe78c6;--primary-hover-color:#fe5ab9;--primary-selected-color:#9f4077;--primary-selected-hover-color:#0d2e65;--primary-highlighted-color:#0b2858;--primary-surface-color:#111111;--primary-text-color:#d5d8df;--text-color-on-inverted:#323338;--secondary-text-color:#9699a6;--placeholder-color:#c3c6d4;--icon-color:#c3c6d4;--link-color:#bd93f9;--fixed-light-color:#ffffff;--fixed-dark-color:#323338;--primary-background-color:#282a36;--primary-background-hover-color:#4b4e69;--secondary-background-color:#30324e;--grey-background-color:#282a36;--allgrey-background-color:#282a36;--inverted-color-background:#ffffff;--disabled-text-color:rgba(238, 238, 238, var(--disabled-component-opacity));--disabled-background-color:#3a3a3a;--positive-color:#50fa7b;--positive-color-hover:#007038;--positive-color-selected:#26503e;--positive-color-selected-hover:#194733;--negative-color:#ff5555;--negative-color-hover:#b63546;--negative-color-selected:#642830;--negative-color-selected-hover:#5a2027;--ui-border-color:#797e93;--ui-background-color:#4b4e69;--layout-border-color:#414458;--warning-color:#ffcb00;--warning-color-hover:#eaaa15;--warning-color-selected:#503e02;--warning-color-selected-hover:#402f00;--brand-color:#fe78c6;--brand-hover-color:#fe5ab9;--brand-selected-color:#9f4077;--brand-selected-hover-color:#0d2e65;--box-shadow-xs:0px 4px 6px -4px #000000;--box-shadow-small:0px 4px 8px #000000;--box-shadow-medium:0px 6px 20px #000000;--box-shadow-large:0px 15px 50px #000000;--color-grass_green:#359970;--color-grass_green-hover:#116846;--color-grass_green-selected:#0a482e;--color-done-green:#33d391;--color-done-green-hover:#0f9b63;--color-done-green-selected:#096c43;--color-done-green-selected-with-opacity:rgba(9, 108, 67, 0.6);--color-bright-green:#b0dc51;--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#56721b;--color-saladish:#d5c567;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#6d6329;--color-egg_yolk:#ffd533;--color-egg_yolk-hover:#c29e11;--color-egg_yolk-selected:#886e09;--color-egg_yolk-rgb:255,213,51;--color-working_orange:#fdbc64;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#875e27;--color-dark-orange:#ff6d3b;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#883a1f;--color-peach:#ffbdbd;--color-peach-hover:#c2888a;--color-peach-selected:#885f5f;--color-sunset:#ff9191;--color-sunset-hover:#c26163;--color-sunset-selected:#884343;--color-sunset-selected-with-opacity:rgba(136, 67, 67, 0.6);--color-stuck-red:#e8697d;--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#792a36;--color-dark-red:#c95c76;--color-dark-red-hover:#92334c;--color-dark-red-selected:#662232;--color-sofia_pink:#ff44a1;--color-sofia_pink-hover:#c21e71;--color-sofia_pink-selected:#88134d;--color-lipstick:#ff7bd0;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#88356a;--color-bubble:#fbb4f4;--color-bubble-hover:#be80ba;--color-bubble-selected:#855981;--color-purple:#b57de3;--color-purple-hover:#8050ab;--color-purple-selected:#593776;--color-dark_purple:#936fda;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#442e71;--color-berry:#9862a1;--color-berry-hover:#673971;--color-berry-selected:#47264d;--color-dark_indigo:#6645a9;--color-dark_indigo-hover:#3c1f78;--color-dark_indigo-selected:#291452;--color-indigo:#777ae5;--color-indigo-hover:#4b4ead;--color-indigo-selected:#333578;--color-navy:#4e73a7;--color-navy-hover:#274776;--color-navy-selected:#193151;--color-bright-blue:#79affd;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#345686;--color-dark-blue:#339ecd;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#094b69;--color-aquamarine:#71d6d1;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#2f6e6b;--color-chili-blue:#85d6ff;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#3b6e88;--color-river:#86b4ca;--color-river-hover:#588095;--color-river-selected:#3c5967;--color-winter:#aebdca;--color-winter-hover:#7b8895;--color-winter-selected:#555f67;--color-explosive:#d0d0d0;--color-explosive-hover:#98999a;--color-explosive-selected:#6a6a6a;--color-american_gray:#999999;--color-american_gray-hover:#69696a;--color-american_gray-selected:#494949;--color-blackish:#5c5c5c;--color-blackish-hover:#222222;--color-blackish-selected:#111111;--color-brown:#99756c;--color-brown-hover:#684943;--color-brown-selected:#48322c;--color-orchid:#e190c0;--color-orchid-hover:#b4739a;--color-orchid-selected:#7e516c;--color-tan:#bdab95;--color-tan-hover:#978977;--color-tan-selected:#6a6053;--color-sky:#b4e9f8;--color-sky-hover:#90bac6;--color-sky-selected:#65828b;--color-coffee:#ca9a8b;--color-coffee-hover:#a27b6f;--color-coffee-selected:#71564e;--color-royal:#5591ea;--color-royal-hover:#4474bb;--color-royal-selected:#305183;--color-teal:#457b82;--color-teal-hover:#376268;--color-teal-selected:#274549;--color-lavender:#cab9fa;--color-lavender-hover:#a294c8;--color-lavender-selected:#71688c;--color-steel:#bacbed;--color-steel-hover:#95a2be;--color-steel-selected:#687185;--color-lilac:#687185;--color-lilac-hover:#8e8a9f;--color-lilac-selected:#63616f;--color-pecan:#786565;--color-pecan-hover:#605151;--color-pecan-selected:#433939;--color-success:#50fa7b;--color-error:#ff5555;--primary-on-secondary-color:#fe78c6;--primary-hover-on-secondary-color:#fe5ab9;--primary-selected-color-rgb:159,64,119;--primary-selected-on-secondary-color:#9f4077;--primary-text-on-secondary-color:#d5d8df;--primary-background-color-rgb:40,42,54;--primary-background-hover-on-secondary-color:#4b4e69;--secondary-background-color-rgb:48,50,78;--secondary-text-on-secondary-color:#9699a6;--link-on-secondary-color:#bd93f9;--modal-background-color:#282a36;--dark-background-color:#303241;--dark-background-on-secondary-color:#595959;--dialog-background-color:#30324e;--label-background-color:#404b69;--label-background-on-secondary-color:#404b69;--icon-on-secondary-color:#c3c6d4;--placeholder-color-with-opacity:rgba(195, 198, 212, 0.1);--placeholder-on-secondary-color:#c3c6d4;--ui-border-on-secondary-color:#797e93;--layout-border-on-secondary-color:#414458;--disabled-background-on-secondary-color:#3a3a3a;--disabled-text-on-secondary-color:rgba(238, 238, 238, var(--disabled-component-opacity));--box-shadow-mediun:0px 6px 20px rgba(0, 0, 0, 0.2)}";!function(o){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],r="s_id-0507f870611f_3_0_0-alpha_2";if(e.querySelector("#"+r))return;const c=document.createElement("style");c.id=r,e.firstChild?e.insertBefore(c,e.firstChild):e.appendChild(c),c.appendChild(document.createTextNode(o))}(o);export{o as default};
+var o=":root{--motion-productive-short:70ms;--motion-productive-medium:100ms;--motion-productive-long:150ms;--motion-expressive-short:250ms;--motion-expressive-long:400ms;--motion-timing-enter:cubic-bezier(0, 0, 0.35, 1);--motion-timing-exit:cubic-bezier(0.4, 0, 1, 1);--motion-timing-transition:cubic-bezier(0.4, 0, 0.2, 1);--motion-timing-emphasize:cubic-bezier(0, 0, 0.2, 1.4);--expand-animation-timing:var(--motion-timing-enter);--spacing-xs:4px;--spacing-small:8px;--spacing-medium:16px;--spacing-large:24px;--spacing-xl:32px;--spacing-xxl:48px;--spacing-xxxl:64px;--border-width:1px;--border-style:solid;--border-radius-small:4px;--border-radius-medium:8px;--border-radius-big:16px;--disabled-component-opacity:0.38;--font-family:Figtree,Roboto,Noto Sans Hebrew,Noto Kufi Arabic,Noto Sans JP,sans-serif;--title-font-family:Poppins,Roboto,Noto Sans Hebrew,Noto Kufi Arabic,Noto Sans JP,sans-serif;--h1-font-family:var(--title-font-family);--font-smoothing-webkit:antialiased;--font-smoothing-moz:grayscale;--font-weight-very-light:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-bold:500;--font-size-10:14px;--font-size-20:14px;--font-size-30:16px;--font-size-40:18px;--font-size-50:24px;--font-size-60:30px;--font-line-height-10:18px;--font-line-height-20:24px;--font-line-height-30:24px;--font-line-height-40:24px;--font-line-height-50:32px;--font-line-height-60:42px;--font-size-h1:var(--font-size-60);--font-size-h2:var(--font-size-50);--font-size-h3:var(--font-size-50);--font-size-h4:var(--font-size-40);--font-size-h5:var(--font-size-30);--font-size-general-label:var(--font-size-20);--font-size-paragraph:var(--font-size-30);--font-size-subtext:var(--font-size-10);--font-line-height-h1:var(--font-line-height-60);--font-line-height-h2:var(--font-line-height-50);--font-line-height-h3:var(--font-line-height-50);--font-line-height-h4:var(--font-line-height-40);--font-line-height-h5:var(--font-line-height-30);--font-line-height-general-label:var(--font-line-height-20);--font-line-height-paragraph:var(--font-line-height-30);--font-line-height-subtext:var(--font-line-height-10);--font-h1:var(--font-weight-bold) var(--font-size-h1)/var(--font-line-height-h1) var(--title-font-family);--font-h2:var(--font-weight-bold) var(--font-size-h2)/var(--font-line-height-h2) var(--title-font-family);--font-h3:var(--font-weight-light) var(--font-size-h3)/var(--font-line-height-h3) var(--title-font-family);--font-h4:var(--font-weight-bold) var(--font-size-h4)/var(--font-line-height-h4) var(--title-font-family);--font-h5:var(--font-weight-bold) var(--font-size-h5)/var(--font-line-height-h5) var(--font-family);--font-general-label:var(--font-weight-normal) var(--font-size-general-label)/var(--font-line-height-general-label) var(--font-family);--font-paragraph:var(--font-weight-normal) var(--font-size-paragraph)/var(--font-line-height-paragraph) var(--font-family);--font-subtext:var(--font-weight-normal) var(--font-size-subtext)/var(--font-line-height-subtext) var(--font-family);--font-h1-bold:700 32px/40px var(--title-font-family);--font-h1-medium:600 32px/40px var(--title-font-family);--font-h1-normal:500 32px/40px var(--title-font-family);--font-h1-light:300 32px/40px var(--title-font-family);--font-h2-bold:700 24px/30px var(--title-font-family);--font-h2-medium:600 24px/30px var(--title-font-family);--font-h2-normal:500 24px/30px var(--title-font-family);--font-h2-light:300 24px/30px var(--title-font-family);--font-h3-bold:700 18px/24px var(--title-font-family);--font-h3-medium:600 18px/24px var(--title-font-family);--font-h3-normal:500 18px/24px var(--title-font-family);--font-h3-light:300 18px/24px var(--title-font-family);--font-text1-bold:700 16px/22px var(--font-family);--font-text1-medium:600 16px/22px var(--font-family);--font-text1-normal:400 16px/22px var(--font-family);--font-text2-bold:700 14px/20px var(--font-family);--font-text2-medium:600 14px/20px var(--font-family);--font-text2-normal:400 14px/20px var(--font-family);--font-text3-bold:700 12px/16px var(--font-family);--font-text3-medium:600 12px/16px var(--font-family);--font-text3-normal:400 12px/16px var(--font-family);--letter-spacing-h1-bold:-0.5px;--letter-spacing-h1-normal:-0.5px;--letter-spacing-h1-light:-0.5px;--letter-spacing-h2-bold:-0.1px;--letter-spacing-h2-normal:-0.1px;--letter-spacing-h2-light:-0.1px;--letter-spacing-h3-bold:-0.1px;--letter-spacing-h3-normal:-0.1px;--letter-spacing-h3-light:-0.1px}.default-app-theme,.light-app-theme,:root{--color-highlight_blue:#cce5ff;--color-basic_blue:#0073ea;--color-dark_blue:#0060b9;--color-bazooka:#f65f7c;--color-snow_white:#ffffff;--color-riverstone_gray:#f6f7fb;--color-ui_grey:#dcdfec;--color-wolf_gray:#c3c6d4;--color-asphalt:#676879;--color-mud_black:#323338;--color-black:#000000;--color-success:#00854d;--color-success-hover:#007038;--color-success-highlight:#bbdbc9;--color-error:#d83a52;--color-error-hover:#b63546;--color-error-highlight:#f4c3cb;--color-link_color:#1f76c2;--color-surface:#292f4c;--primary-color:#0073ea;--primary-hover-color:#0060b9;--primary-selected-color:#cce5ff;--primary-selected-hover-color:#aed4fc;--primary-highlighted-color:#f0f7ff;--primary-surface-color:#eceff8;--primary-text-color:#323338;--text-color-on-primary:#ffffff;--text-color-on-inverted:#ffffff;--secondary-text-color:#676879;--placeholder-color:#676879;--icon-color:#676879;--link-color:#1f76c2;--fixed-light-color:#ffffff;--fixed-dark-color:#323338;--primary-background-color:#ffffff;--primary-background-hover-color:rgba(103, 104, 121, 0.1);--secondary-background-color:#ffffff;--grey-background-color:#f6f7fb;--allgrey-background-color:#f6f7fb;--inverted-color-background:#323338;--disabled-background-color:#ecedf5;--disabled-text-color:rgba(50, 51, 56, var(--disabled-component-opacity));--positive-color:#00854d;--positive-color-hover:#007038;--positive-color-selected:#bbdbc9;--positive-color-selected-hover:#b5cec0;--negative-color:#d83a52;--negative-color-hover:#b63546;--negative-color-selected:#f4c3cb;--negative-color-selected-hover:#ecb7bf;--ui-border-color:#c3c6d4;--ui-background-color:#dcdfec;--layout-border-color:#d0d4e4;--warning-color:#ffcb00;--warning-color-hover:#eaaa15;--warning-color-selected:#fceba1;--warning-color-selected-hover:#f2d973;--brand-color:#0073ea;--brand-hover-color:#0060b9;--brand-selected-color:#cce5ff;--brand-selected-hover-color:#aed4fc;--text-color-on-brand:#ffffff;--box-shadow-xs:0px 4px 6px -4px rgba(0, 0, 0, 0.1);--box-shadow-small:0px 4px 8px rgba(0, 0, 0, 0.2);--box-shadow-medium:0px 6px 20px rgba(0, 0, 0, 0.2);--box-shadow-large:0px 15px 50px rgba(0, 0, 0, 0.3);--color-grass_green:#037f4c;--color-grass_green-hover:#116846;--color-grass_green-selected:#81bfa5;--color-done-green:#00c875;--color-done-green-hover:#0f9b63;--color-done-green-selected:#80e3ba;--color-done-green-selected-with-opacity:rgba(128, 227, 186, 0.6);--color-bright-green:#9cd326;--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#cde992;--color-saladish:#cab641;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#e4daa0;--color-egg_yolk:#ffcb00;--color-egg_yolk-hover:#eaaa15;--color-egg_yolk-selected:#ffe580;--color-egg_yolk-rgb:255,213,51;--color-working_orange:#fdab3d;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#fed59e;--color-dark-orange:#ff6d3b;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#ffb196;--color-peach:#ffadad;--color-peach-hover:#c2888a;--color-peach-selected:#ffd6d6;--color-sunset:#ff7575;--color-sunset-hover:#c26163;--color-sunset-selected:#ffbaba;--color-sunset-selected-with-opacity:rgba(255, 186, 186, 0.6);--color-stuck-red:#df2f4a;--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#f0a1ad;--color-dark-red:#bb3354;--color-dark-red-hover:#92334c;--color-dark-red-selected:#dd99a9;--color-sofia_pink:#e50073;--color-sofia_pink-hover:#c20062;--color-sofia_pink-selected:#ff8ac4;--color-lipstick:#ff5ac4;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#fface1;--color-bubble:#faa1f1;--color-bubble-hover:#be80ba;--color-bubble-selected:#fcd0f8;--color-purple:#9d50dd;--color-purple-hover:#7d45b0;--color-purple-selected:#d0aeed;--color-dark_purple:#784bd1;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#bba5e8;--color-berry:#7e3b8a;--color-berry-hover:#673971;--color-berry-selected:#be9dc4;--color-dark_indigo:#401694;--color-dark_indigo-hover:#3c1f78;--color-dark_indigo-selected:#a08bc9;--color-indigo:#5559df;--color-indigo-hover:#4b4ead;--color-indigo-selected:#aaacef;--color-navy:#225091;--color-navy-hover:#274776;--color-navy-selected:#90a7c8;--color-bright-blue:#579bfc;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#abcdfd;--color-dark-blue:#007eb5;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#80c2df;--color-aquamarine:#4eccc6;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#a6e5e2;--color-chili-blue:#66ccff;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#b2e5ff;--color-river:#74afcc;--color-river-hover:#588095;--color-river-selected:#b3d0de;--color-winter:#9aadbd;--color-winter-hover:#7b8895;--color-winter-selected:#ccd6de;--color-explosive:#c4c4c4;--color-explosive-hover:#98999a;--color-explosive-selected:#e1e1e1;--color-american_gray:#757575;--color-american_gray-hover:#69696a;--color-american_gray-selected:#bfbfbf;--color-blackish:#333333;--color-blackish-hover:#222222;--color-blackish-selected:#999999;--color-brown:#7f5347;--color-brown-hover:#684943;--color-brown-selected:#bfa9a3;--color-orchid:#e484bd;--color-orchid-hover:#ae5d8d;--color-orchid-selected:#ecbad7;--color-tan:#bca58a;--color-tan-hover:#8a7862;--color-tan-selected:#d6cabc;--color-sky:#a1e3f6;--color-sky-hover:#81b6c5;--color-sky-selected:#d0f1fa;--color-coffee:#cd9282;--color-coffee-hover:#976758;--color-coffee-selected:#dec0b7;--color-royal:#216edf;--color-royal-hover:#225eb7;--color-royal-selected:#95bbf2;--color-teal:#175a63;--color-teal-hover:#12484f;--color-teal-selected:#8bacb1;--color-lavender:#bda8f9;--color-lavender-hover:#9786c7;--color-lavender-selected:#ded4fc;--color-steel:#a9bee8;--color-steel-hover:#8798ba;--color-steel-selected:#d4dff4;--color-lilac:#9d99b9;--color-lilac-hover:#7e7a94;--color-lilac-selected:#ceccdc;--color-pecan:#563e3e;--color-pecan-hover:#453232;--color-pecan-selected:#ab9f9f;--color-dark_marble:#f1f1f1;--color-marble:#f7f7f7;--color-gainsboro:#e1e1e1;--color-extra_light_gray:#edeef0;--color-glitter:#d9f0ff;--color-ultra_light_gray:#ebebeb;--color-very_light_gray:#a1a1a1;--color-jaco_gray:#9699a6;--color-storm_gray:#6b6d77;--color-trolley-grey:#757575;--color-basic_light_blue:#c7e6fa;--color-light_blue:#61caf7;--color-turquoise:#66ccff;--color-aqua:#00d1d1;--color-live_blue:#009aff;--color-jeans:#597bfc;--color-burned_eggplant:#181d37;--color-light-pink:#ff5ac4;--color-dark-pink:#ff007f;--color-dark_red:#bb3354;--color-yellow:#ffcb00;--color-mustered:#cab641;--color-orange:#fdab3d;--color-lime-green:#9cd326;--color-jade:#03c875;--color-green-haze:#00a359;--color-grass-green:#037f4c;--color-amethyst:#9d50dd;--color-dark-purple:#784bd1;--color-blue_links:#007eb5;--color-blue-links:#007eb5;--color-private:#f65f7c;--color-public:#009aff;--color-board_views_grey:#6e6f8f;--color-board_views_grey_hover:#b2b3d0;--color-board_views_blue:#1c1f3b;--color-board_views_blue_secondary:#363a52;--color-border_light_gray:#f5f6f8;--color-brand-blue:#00a9ff;--color-brand-charcoal:#2b2c5c;--color-brand-gold:#ffcc00;--color-brand-green:#11dd80;--color-brand-iris:#595ad4;--color-brand-light-blue:#00cff4;--color-brand-malachite:#00cd6f;--color-brand-purple:#a358d0;--color-brand-red:#f74875;--color-deadline_upcoming_indication:#5d6387;--color-default_group_color:#579bfc;--color-form_btn_hover:#0083d9;--color-form_purple:#575c96;--color-highlight:#dff0ff;--color-green_shadow:#00c875;--color-green-shadow:#00c875;--color-red_shadow:#df2f4a;--color-red-shadow:#df2f4a;--color-pulse_bg:#f0f0f0;--color-pulse_text_color:#333333;--color-placholder_gray:#d8d8d8;--color-placeholder_light_gray:#efefef;--color-excel-green:#207245;--color-media-blue:#2ea2e9;--color-pdf-red:#bb0706;--color-ppt-orange:#d64e2a;--color-word-blue:#2a5699;--color-zip-orange:#e4901c;--color-like_red:#fb275d;--color-scrollbar_gray:#b2b2b2;--color-timeline_grid_blue:#454662;--color-timeline_blue:#1c1f3b;--color-highlight_blue-rgb:204,229,255;--color-snow_white-with-opacity:rgba(255, 255, 255, 0.4);--color-wolf_gray-with-opacity:rgba(195, 198, 212, 0.1);--color-asphalt-with-opacity:rgba(103, 104, 121, 0.1);--primary-on-secondary-color:#0073ea;--primary-hover-on-secondary-color:#0060b9;--primary-selected-color-rgb:204,229,255;--primary-selected-on-secondary-color:#cce5ff;--primary-text-on-secondary-color:#323338;--text-color-on-primary-with-opacity:rgba(255, 255, 255, 0.4);--secondary-text-on-secondary-color:#676879;--placeholder-color-with-opacity:rgba(103, 104, 121, 0.1);--placeholder-on-secondary-color:#676879;--icon-on-secondary-color:#676879;--link-on-secondary-color:#1f76c2;--label-background-color:#cce5ff;--label-background-on-secondary-color:#cce5ff;--primary-background-color-rgb:255,255,255;--primary-background-hover-on-secondary-color:#dcdfec;--modal-background-color:#ffffff;--secondary-background-color-rgb:255,255,255;--disabled-background-on-secondary-color:#ecedf5;--disabled-text-on-secondary-color:rgba(50, 51, 56, var(--disabled-component-opacity));--ui-border-on-secondary-color:#c3c6d4;--layout-border-on-secondary-color:#d0d4e4;--dark-background-color:#f6f7fb;--dark-background-on-secondary-color:#f6f7fb;--dialog-background-color:#ffffff;--box-shadow-mediun:0px 6px 20px rgba(0, 0, 0, 0.2)}.dark-app-theme{--primary-color:#0073ea;--primary-on-secondary-color:#0073ea;--primary-hover-color:#0060b9;--primary-selected-color:#133774;--primary-selected-hover-color:#0d2e65;--primary-highlighted-color:#0d2753;--primary-surface-color:#181b34;--primary-text-color:#d5d8df;--text-color-on-primary:#ffffff;--text-color-on-inverted:#323338;--secondary-text-color:#9699a6;--placeholder-color:#c3c6d4;--icon-color:#c3c6d4;--link-color:#69a7ef;--fixed-light-color:#ffffff;--fixed-dark-color:#323338;--primary-background-color:#181b34;--primary-background-hover-color:rgba(103, 104, 121, 0.3);--secondary-background-color:#30324e;--grey-background-color:#181b34;--allgrey-background-color:#30324e;--inverted-color-background:#ffffff;--disabled-text-color:rgba(213, 216, 223, var(--disabled-component-opacity));--disabled-background-color:#3c3f59;--positive-color:#00854d;--positive-color-hover:#007038;--positive-color-selected:#025231;--positive-color-selected-hover:#194733;--negative-color:#d83a52;--negative-color-hover:#b63546;--negative-color-selected:#642830;--negative-color-selected-hover:#5a2027;--ui-border-color:#797e93;--ui-background-color:#4b4e69;--layout-border-color:#4b4e69;--warning-color:#ffcb00;--warning-color-hover:#eaaa15;--warning-color-selected:#503e02;--warning-color-selected-hover:#402f00;--brand-color:#0073ea;--brand-hover-color:#0060b9;--brand-selected-color:#133774;--brand-selected-hover-color:#0d2e65;--text-color-on-brand:#ffffff;--box-shadow-xs:0px 4px 6px -4px rgba(9, 11, 25, 0.5);--box-shadow-small:0px 4px 8px rgba(9, 11, 25, 0.5);--box-shadow-medium:0px 6px 20px rgba(9, 11, 25, 0.5);--box-shadow-large:0px 15px 50px rgba(9, 11, 25, 0.5);--color-grass_green-hover:#116846;--color-grass_green-selected:#0f4f43;--color-done-green-hover:#0f9b63;--color-done-green-selected:#0e7358;--color-done-green-selected-with-opacity:rgba(14, 115, 88, 0.6);--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#5c7930;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#736a3e;--color-egg_yolk-hover:#c29e11;--color-egg_yolk-selected:#8d751e;--color-egg_yolk-rgb:255,213,51;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#8c653c;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#8d4134;--color-peach-hover:#c2888a;--color-peach-selected:#8d6674;--color-sunset-hover:#c26163;--color-sunset-selected:#8d4a58;--color-sunset-selected-with-opacity:rgba(141, 74, 88, 0.6);--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#7f314b;--color-dark-red-hover:#92334c;--color-dark-red-selected:#6b2947;--color-sofia_pink-hover:#c21e71;--color-sofia_pink-selected:#8d1a62;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#8d3c7f;--color-bubble-hover:#be80ba;--color-bubble-selected:#8b6096;--color-purple-hover:#8050ab;--color-purple-selected:#5f3e8b;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#4a3586;--color-berry-hover:#673971;--color-berry-selected:#4d2d62;--color-dark_indigo:#6129ff;--color-dark_indigo-hover:#4c18dc;--color-dark_indigo-selected:#3c13ae;--color-indigo-hover:#4b4ead;--color-indigo-selected:#383c8d;--color-navy:#5684c5;--color-navy-hover:#3468b2;--color-navy-selected:#24508f;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#395d9b;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#0e527e;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#357580;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#41759d;--color-river-hover:#588095;--color-river-selected:#42607c;--color-winter-hover:#7b8895;--color-winter-selected:#5b667c;--color-explosive-hover:#98999a;--color-explosive-selected:#70717f;--color-american_gray-hover:#69696a;--color-american_gray-selected:#4e505e;--color-blackish:#7a7a7a;--color-blackish-hover:#525252;--color-blackish-selected:#383838;--color-brown-hover:#684943;--color-brown-selected:#4d3941;--color-orchid-hover:#b4739a;--color-orchid-selected:#85597b;--color-tan-hover:#978977;--color-tan-selected:#716863;--color-sky-hover:#90bac6;--color-sky-selected:#6c8a9a;--color-coffee-hover:#a27b6f;--color-coffee-selected:#795e5d;--color-royal-hover:#4474bb;--color-royal-selected:#375993;--color-teal:#4a8f98;--color-teal-hover:#347179;--color-teal-selected:#245960;--color-lavender-hover:#a294c8;--color-lavender-selected:#79709c;--color-steel-hover:#95a2be;--color-steel-selected:#707a95;--color-lilac-hover:#8e8a9f;--color-lilac-selected:#6b697f;--color-pecan:#806363;--color-pecan-hover:#674c4c;--color-pecan-selected:#513939;--primary-on-secondary-color:#0073ea;--primary-hover-on-secondary-color:#0060b9;--primary-selected-color-rgb:19,55,116;--primary-selected-on-secondary-color:#133774;--primary-text-on-secondary-color:#d5d8df;--primary-background-color-rgb:24,27,52;--primary-background-hover-on-secondary-color:#4b4e69;--secondary-background-color-rgb:48,50,78;--secondary-text-on-secondary-color:#9699a6;--link-on-secondary-color:#69a7ef;--modal-background-color:#181b34;--dark-background-color:#393b53;--dark-background-on-secondary-color:#4b4e69;--dialog-background-color:#30324e;--label-background-color:#404b69;--label-background-on-secondary-color:#404b69;--icon-on-secondary-color:#c3c6d4;--placeholder-color-with-opacity:rgba(195, 198, 212, 0.1);--placeholder-on-secondary-color:#c3c6d4;--ui-border-on-secondary-color:#797e93;--layout-border-on-secondary-color:#4b4e69;--disabled-background-on-secondary-color:#3c3f59;--disabled-text-on-secondary-color:rgba(213, 216, 223, var(--disabled-component-opacity));--box-shadow-mediun:0px 6px 20px rgba(0, 0, 0, 0.2)}.black-app-theme{--primary-color:#0073ea;--primary-on-secondary-color:#0073ea;--primary-hover-color:#0060b9;--primary-selected-color:#133774;--primary-selected-hover-color:#0d2e65;--primary-highlighted-color:#0b2858;--primary-surface-color:#111111;--primary-text-color:#eeeeee;--text-color-on-primary:#ffffff;--text-color-on-inverted:#111111;--secondary-text-color:#aaaaaa;--placeholder-color:#aaaaaa;--icon-color:#aaaaaa;--link-color:#69a7ef;--fixed-light-color:#ffffff;--fixed-dark-color:#111111;--primary-background-color:#111111;--primary-background-hover-color:rgba(103, 104, 121, 0.3);--secondary-background-color:#2c2c2c;--grey-background-color:#111111;--allgrey-background-color:#2c2c2c;--inverted-color-background:#eeeeee;--disabled-text-color:rgba(238, 238, 238, var(--disabled-component-opacity));--disabled-background-color:#3a3a3a;--positive-color:#00854d;--positive-color-hover:#007038;--positive-color-selected:#025231;--positive-color-selected-hover:#194733;--negative-color:#d83a52;--negative-color-hover:#b63546;--negative-color-selected:#642830;--negative-color-selected-hover:#5a2027;--ui-border-color:#8d8d8d;--ui-background-color:#636363;--layout-border-color:#636363;--warning-color:#ffcb00;--warning-color-hover:#eaaa15;--warning-color-selected:#503e02;--warning-color-selected-hover:#402f00;--brand-color:#0073ea;--brand-hover-color:#0060b9;--brand-selected-color:#133774;--brand-selected-hover-color:#0d2e65;--text-color-on-brand:#ffffff;--box-shadow-xs:0px 4px 6px -4px #000000;--box-shadow-small:0px 4px 8px #000000;--box-shadow-medium:0px 6px 20px #000000;--box-shadow-large:0px 15px 50px #000000;--color-grass_green-hover:#116846;--color-grass_green-selected:#0a482e;--color-done-green-hover:#0f9b63;--color-done-green-selected:#096c43;--color-done-green-selected-with-opacity:rgba(9, 108, 67, 0.6);--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#56721b;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#6d6329;--color-egg_yolk-hover:#c29e11;--color-egg_yolk-selected:#886e09;--color-egg_yolk-rgb:255,213,51;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#875e27;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#883a1f;--color-peach-hover:#c2888a;--color-peach-selected:#885f5f;--color-sunset-hover:#c26163;--color-sunset-selected:#884343;--color-sunset-selected-with-opacity:rgba(136, 67, 67, 0.6);--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#792a36;--color-dark-red-hover:#92334c;--color-dark-red-selected:#662232;--color-sofia_pink-hover:#c21e71;--color-sofia_pink-selected:#88134d;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#88356a;--color-bubble-hover:#be80ba;--color-bubble-selected:#855981;--color-purple-hover:#8050ab;--color-purple-selected:#593776;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#442e71;--color-berry-hover:#673971;--color-berry-selected:#47264d;--color-dark_indigo:#6129ff;--color-dark_indigo-hover:#4c18dc;--color-dark_indigo-selected:#3c13ae;--color-indigo-hover:#4b4ead;--color-indigo-selected:#333578;--color-navy:#5684c5;--color-navy-hover:#3468b2;--color-navy-selected:#24508f;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#345686;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#094b69;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#2f6e6b;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#3b6e88;--color-river-hover:#588095;--color-river-selected:#3c5967;--color-winter-hover:#7b8895;--color-winter-selected:#555f67;--color-explosive-hover:#98999a;--color-explosive-selected:#6a6a6a;--color-american_gray-hover:#69696a;--color-american_gray-selected:#494949;--color-blackish:#7a7a7a;--color-blackish-hover:#525252;--color-blackish-selected:#383838;--color-brown-hover:#684943;--color-brown-selected:#48322c;--color-orchid-hover:#b4739a;--color-orchid-selected:#7e516c;--color-tan-hover:#978977;--color-tan-selected:#6a6053;--color-sky-hover:#90bac6;--color-sky-selected:#65828b;--color-coffee-hover:#a27b6f;--color-coffee-selected:#71564e;--color-royal-hover:#4474bb;--color-royal-selected:#305183;--color-teal:#4a8f98;--color-teal-hover:#347179;--color-teal-selected:#245960;--color-lavender-hover:#a294c8;--color-lavender-selected:#71688c;--color-steel-hover:#95a2be;--color-steel-selected:#687185;--color-lilac-hover:#8e8a9f;--color-lilac-selected:#63616f;--color-pecan:#806363;--color-pecan-hover:#674c4c;--color-pecan-selected:#513939;--primary-on-secondary-color:#0073ea;--primary-hover-on-secondary-color:#0060b9;--primary-selected-color-rgb:19,55,116;--primary-selected-on-secondary-color:#133774;--primary-text-on-secondary-color:#eeeeee;--primary-background-color-rgb:17,17,17;--primary-background-hover-on-secondary-color:#636363;--secondary-background-color-rgb:44,44,44;--secondary-text-on-secondary-color:#9699a6;--link-on-secondary-color:#69a7ef;--modal-background-color:#181b34;--dark-background-color:#2c2c2c;--dark-background-on-secondary-color:#4b4e69;--dialog-background-color:#2c2c2c;--label-background-color:#404b69;--label-background-on-secondary-color:#404b69;--icon-on-secondary-color:#aaaaaa;--placeholder-color-with-opacity:rgba(170, 170, 170, 0.1);--placeholder-on-secondary-color:#aaaaaa;--ui-border-on-secondary-color:#8d8d8d;--layout-border-on-secondary-color:#636363;--disabled-background-on-secondary-color:#3a3a3a;--disabled-text-on-secondary-color:rgba(238, 238, 238, var(--disabled-component-opacity));--box-shadow-mediun:0px 6px 20px rgba(0, 0, 0, 0.2)}.hacker_theme-app-theme{--primary-color:#fe78c6;--primary-hover-color:#fe5ab9;--primary-selected-color:#9f4077;--primary-selected-hover-color:#0d2e65;--primary-highlighted-color:#0b2858;--primary-surface-color:#111111;--primary-text-color:#d5d8df;--text-color-on-inverted:#323338;--secondary-text-color:#9699a6;--placeholder-color:#c3c6d4;--icon-color:#c3c6d4;--link-color:#bd93f9;--fixed-light-color:#ffffff;--fixed-dark-color:#323338;--primary-background-color:#282a36;--primary-background-hover-color:#4b4e69;--secondary-background-color:#30324e;--grey-background-color:#282a36;--allgrey-background-color:#282a36;--inverted-color-background:#ffffff;--disabled-text-color:rgba(238, 238, 238, var(--disabled-component-opacity));--disabled-background-color:#3a3a3a;--positive-color:#50fa7b;--positive-color-hover:#007038;--positive-color-selected:#26503e;--positive-color-selected-hover:#194733;--negative-color:#ff5555;--negative-color-hover:#b63546;--negative-color-selected:#642830;--negative-color-selected-hover:#5a2027;--ui-border-color:#797e93;--ui-background-color:#4b4e69;--layout-border-color:#414458;--warning-color:#ffcb00;--warning-color-hover:#eaaa15;--warning-color-selected:#503e02;--warning-color-selected-hover:#402f00;--brand-color:#fe78c6;--brand-hover-color:#fe5ab9;--brand-selected-color:#9f4077;--brand-selected-hover-color:#0d2e65;--box-shadow-xs:0px 4px 6px -4px #000000;--box-shadow-small:0px 4px 8px #000000;--box-shadow-medium:0px 6px 20px #000000;--box-shadow-large:0px 15px 50px #000000;--color-grass_green:#359970;--color-grass_green-hover:#116846;--color-grass_green-selected:#0a482e;--color-done-green:#33d391;--color-done-green-hover:#0f9b63;--color-done-green-selected:#096c43;--color-done-green-selected-with-opacity:rgba(9, 108, 67, 0.6);--color-bright-green:#b0dc51;--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#56721b;--color-saladish:#d5c567;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#6d6329;--color-egg_yolk:#ffd533;--color-egg_yolk-hover:#c29e11;--color-egg_yolk-selected:#886e09;--color-egg_yolk-rgb:255,213,51;--color-working_orange:#fdbc64;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#875e27;--color-dark-orange:#ff6d3b;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#883a1f;--color-peach:#ffbdbd;--color-peach-hover:#c2888a;--color-peach-selected:#885f5f;--color-sunset:#ff9191;--color-sunset-hover:#c26163;--color-sunset-selected:#884343;--color-sunset-selected-with-opacity:rgba(136, 67, 67, 0.6);--color-stuck-red:#e8697d;--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#792a36;--color-dark-red:#c95c76;--color-dark-red-hover:#92334c;--color-dark-red-selected:#662232;--color-sofia_pink:#ff44a1;--color-sofia_pink-hover:#c21e71;--color-sofia_pink-selected:#88134d;--color-lipstick:#ff7bd0;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#88356a;--color-bubble:#fbb4f4;--color-bubble-hover:#be80ba;--color-bubble-selected:#855981;--color-purple:#b57de3;--color-purple-hover:#8050ab;--color-purple-selected:#593776;--color-dark_purple:#936fda;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#442e71;--color-berry:#9862a1;--color-berry-hover:#673971;--color-berry-selected:#47264d;--color-dark_indigo:#6645a9;--color-dark_indigo-hover:#3c1f78;--color-dark_indigo-selected:#291452;--color-indigo:#777ae5;--color-indigo-hover:#4b4ead;--color-indigo-selected:#333578;--color-navy:#4e73a7;--color-navy-hover:#274776;--color-navy-selected:#193151;--color-bright-blue:#79affd;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#345686;--color-dark-blue:#339ecd;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#094b69;--color-aquamarine:#71d6d1;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#2f6e6b;--color-chili-blue:#85d6ff;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#3b6e88;--color-river:#86b4ca;--color-river-hover:#588095;--color-river-selected:#3c5967;--color-winter:#aebdca;--color-winter-hover:#7b8895;--color-winter-selected:#555f67;--color-explosive:#d0d0d0;--color-explosive-hover:#98999a;--color-explosive-selected:#6a6a6a;--color-american_gray:#999999;--color-american_gray-hover:#69696a;--color-american_gray-selected:#494949;--color-blackish:#5c5c5c;--color-blackish-hover:#222222;--color-blackish-selected:#111111;--color-brown:#99756c;--color-brown-hover:#684943;--color-brown-selected:#48322c;--color-orchid:#e190c0;--color-orchid-hover:#b4739a;--color-orchid-selected:#7e516c;--color-tan:#bdab95;--color-tan-hover:#978977;--color-tan-selected:#6a6053;--color-sky:#b4e9f8;--color-sky-hover:#90bac6;--color-sky-selected:#65828b;--color-coffee:#ca9a8b;--color-coffee-hover:#a27b6f;--color-coffee-selected:#71564e;--color-royal:#5591ea;--color-royal-hover:#4474bb;--color-royal-selected:#305183;--color-teal:#457b82;--color-teal-hover:#376268;--color-teal-selected:#274549;--color-lavender:#cab9fa;--color-lavender-hover:#a294c8;--color-lavender-selected:#71688c;--color-steel:#bacbed;--color-steel-hover:#95a2be;--color-steel-selected:#687185;--color-lilac:#687185;--color-lilac-hover:#8e8a9f;--color-lilac-selected:#63616f;--color-pecan:#786565;--color-pecan-hover:#605151;--color-pecan-selected:#433939;--color-success:#50fa7b;--color-error:#ff5555;--primary-on-secondary-color:#fe78c6;--primary-hover-on-secondary-color:#fe5ab9;--primary-selected-color-rgb:159,64,119;--primary-selected-on-secondary-color:#9f4077;--primary-text-on-secondary-color:#d5d8df;--primary-background-color-rgb:40,42,54;--primary-background-hover-on-secondary-color:#4b4e69;--secondary-background-color-rgb:48,50,78;--secondary-text-on-secondary-color:#9699a6;--link-on-secondary-color:#bd93f9;--modal-background-color:#282a36;--dark-background-color:#303241;--dark-background-on-secondary-color:#595959;--dialog-background-color:#30324e;--label-background-color:#404b69;--label-background-on-secondary-color:#404b69;--icon-on-secondary-color:#c3c6d4;--placeholder-color-with-opacity:rgba(195, 198, 212, 0.1);--placeholder-on-secondary-color:#c3c6d4;--ui-border-on-secondary-color:#797e93;--layout-border-on-secondary-color:#414458;--disabled-background-on-secondary-color:#3a3a3a;--disabled-text-on-secondary-color:rgba(238, 238, 238, var(--disabled-component-opacity));--box-shadow-mediun:0px 6px 20px rgba(0, 0, 0, 0.2)}";!function(o){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],r="s_id-0507f870611f_3_0_0-alpha_5";if(e.querySelector("#"+r))return;const c=document.createElement("style");c.id=r,e.firstChild?e.insertBefore(c,e.firstChild):e.appendChild(c),c.appendChild(document.createTextNode(o))}(o);export{o as default};
 //# sourceMappingURL=index.min.css.js.map

package/dist/mocked_classnames/utils/ssr-utils.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export declare const isClient: () => boolean;

package/dist/src/components/Accordion/Accordion/Accordion.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={accordion:"accordion_e5eef88fca",accordionItemExpandCollapse:"accordionItemExpandCollapse_bac0064801",accordionItemExpandCollapseLast:"accordionItemExpandCollapseLast_40bd438af7"};!function(e){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],n="s_id-e9215f4fd1c6_3_0_0-alpha_2";if(o.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(e))}(".accordion_e5eef88fca {\n  height: fit-content;\n  border: 1px solid var(--ui-border-color);\n  box-sizing: border-box;\n  border-radius: var(--border-radius-small);\n}\n\n.accordion_e5eef88fca .accordionItemExpandCollapse_bac0064801 {\n  border-radius: 0;\n  border-top: none;\n  border-left: none;\n  border-right: none;\n  border-color: var(--ui-border-color);\n}\n\n.accordion_e5eef88fca .accordionItemExpandCollapseLast_40bd438af7 {\n  border-bottom: none;\n}");export{e as default};
+var e={accordion:"accordion_85b988524a",accordionItemExpandCollapse:"accordionItemExpandCollapse_109b04e566",accordionItemExpandCollapseLast:"accordionItemExpandCollapseLast_0a2aed0d74"};!function(e){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],n="s_id-e9215f4fd1c6_3_0_0-alpha_5";if(o.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(e))}(".accordion_85b988524a {\n  height: fit-content;\n  border: 1px solid var(--ui-border-color);\n  box-sizing: border-box;\n  border-radius: var(--border-radius-small);\n}\n\n.accordion_85b988524a .accordionItemExpandCollapse_109b04e566 {\n  border-radius: 0;\n  border-top: none;\n  border-left: none;\n  border-right: none;\n  border-color: var(--ui-border-color);\n}\n\n.accordion_85b988524a .accordionItemExpandCollapseLast_0a2aed0d74 {\n  border-bottom: none;\n}");export{e as default};
 //# sourceMappingURL=Accordion.module.scss.js.map

package/dist/src/components/AlertBanner/AlertBanner.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{getStyle as t}from"../../helpers/typesciptCssModulesHelper.js";import r from"classnames";import n,{forwardRef as o,useMemo as a}from"react";import s from"../IconButton/IconButton.js";import l from"../Icon/Icons/components/CloseSmall.js";import{AlertBannerBackgroundColor as i}from"./AlertBannerConstants.js";import{NOOP as m}from"../../utils/function-utils.js";import{ComponentDefaultTestId as c}from"../../tests/constants.js";import{getTestId as p}from"../../tests/testIds.js";import{withStaticProps as d}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import u from"./AlertBanner.module.scss.js";import f from"../Text/Text.js";import{AlertBannerContext as v}from"./AlertBannerContext.js";var B=d(o((function(o,i){var d=o.children,B=o.className,b=o.backgroundColor,j=void 0===b?"primary":b,y=o.onClose,A=void 0===y?m:y,C=o.ariaLabel,k=void 0===C?"":C,E=o.closeButtonAriaLabel,x=void 0===E?"Close":E,N=o.isCloseHidden,g=void 0!==N&&N,I=o.id,T=o["data-testid"],h=a((function(){return r(B,u.alertBanner,t(u,j))}),[B,j]),L="dark"===j,P="warning"===j,D=a((function(){return P?"fixedDark":L?"onInverted":"onPrimary"}),[L,P]),H=a((function(){return n.Children.toArray(d).filter((function(e){return!(!e.type.isAlertBannerItem&&"MDXCreateElement"!==e.type.displayName)||(console.error("Alert banner child is not supported. Please use AlertBannerText, AlertBannerLink or AlertBannerButton.",e),!1)})).map((function(e,t){return n.cloneElement(e,Object.assign(Object.assign({},null==e?void 0:e.props),{marginLeft:t>0,isDarkBackground:L}))}))}),[d,L]);return n.createElement(f,{type:"text2",color:D,ref:i,className:h,role:"banner","aria-label":k||"banner",id:I,"data-testid":T||p(c.ALERT_BANNER,I)},n.createElement(v.Provider,{value:{textColor:D}},n.createElement("div",{className:r(u.content)},H.map((function(t,o){var a=t.type.isAlertBannerText;return n.createElement("div",{key:o,className:r(u.contentItem,e({},u.contentItemText,a))},a?n.createElement("div",{className:r(u.ellipsis)},t):t)})))),n.createElement("div",{className:r(u.closeButtonWrapper)},g?null:n.createElement(s,{"data-testid":"alert-banner-close-button",icon:l,className:r(u.closeBtn),hideTooltip:!0,onClick:A,size:"small",kind:"tertiary",color:L?"on-inverted-background":"on-primary-color",ariaLabel:x})))})),{backgroundColors:i});export{B as default};
+import{defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{getStyle as r}from"../../helpers/typesciptCssModulesHelper.js";import e from"classnames";import o,{forwardRef as i,useMemo as s}from"react";import n from"../IconButton/IconButton.js";import"../../../icons/dist/_virtual/_tslib.js";import"../../../icons/dist/react/AddSmall.js";import"../../../icons/dist/react/Alert.js";import"../../../icons/dist/react/Check.js";import a from"../../../icons/dist/react/CloseSmall.js";import"../../../icons/dist/react/DropdownChevronDown.js";import"../../../icons/dist/react/DropdownChevronRight.js";import"../../../icons/dist/react/DropdownChevronUp.js";import"../../../icons/dist/react/Info.js";import"../../../icons/dist/react/Menu.js";import"../../../icons/dist/react/MoveArrowLeft.js";import"../../../icons/dist/react/MoveArrowRight.js";import"../../../icons/dist/react/NavigationChevronLeft.js";import"../../../icons/dist/react/NavigationChevronRight.js";import"../../../icons/dist/react/NoColor.js";import"../../../icons/dist/react/Remove.js";import"../../../icons/dist/react/Search.js";import"../../../icons/dist/react/Sort.js";import"../../../icons/dist/react/SortAscending.js";import"../../../icons/dist/react/SortDescending.js";import"../../../icons/dist/react/Warning.js";import{AlertBannerBackgroundColor as c}from"./AlertBannerConstants.js";import{NOOP as l}from"../../utils/function-utils.js";import{ComponentDefaultTestId as m}from"../../tests/constants.js";import{getTestId as d}from"../../tests/testIds.js";import{withStaticProps as p}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import u from"./AlertBanner.module.scss.js";import j from"../Text/Text.js";import{AlertBannerContext as f}from"./AlertBannerContext.js";var v=p(i((function(i,c){var p=i.children,v=i.className,C=i.backgroundColor,A=void 0===C?"primary":C,B=i.onClose,g=void 0===B?l:B,b=i.ariaLabel,h=void 0===b?"":b,y=i.closeButtonAriaLabel,N=void 0===y?"Close":y,k=i.isCloseHidden,E=void 0!==k&&k,x=i.id,w=i["data-testid"],D=s((function(){return e(v,u.alertBanner,r(u,A))}),[v,A]),I="dark"===A,L="warning"===A,S=s((function(){return L?"fixedDark":I?"onInverted":"onPrimary"}),[I,L]),T=s((function(){return o.Children.toArray(p).filter((function(t){return!(!t.type.isAlertBannerItem&&"MDXCreateElement"!==t.type.displayName)||(console.error("Alert banner child is not supported. Please use AlertBannerText, AlertBannerLink or AlertBannerButton.",t),!1)})).map((function(t,r){return o.cloneElement(t,Object.assign(Object.assign({},null==t?void 0:t.props),{marginLeft:r>0,isDarkBackground:I}))}))}),[p,I]);return o.createElement(j,{type:"text2",color:S,ref:c,className:D,role:"banner","aria-label":h||"banner",id:x,"data-testid":w||d(m.ALERT_BANNER,x)},o.createElement(f.Provider,{value:{textColor:S}},o.createElement("div",{className:e(u.content)},T.map((function(r,i){var s=r.type.isAlertBannerText;return o.createElement("div",{key:i,className:e(u.contentItem,t({},u.contentItemText,s))},s?o.createElement("div",{className:e(u.ellipsis)},r):r)})))),o.createElement("div",{className:e(u.closeButtonWrapper)},E?null:o.createElement(n,{"data-testid":"alert-banner-close-button",icon:a,className:e(u.closeBtn),hideTooltip:!0,onClick:g,size:"small",kind:"tertiary",color:I?"on-inverted-background":"on-primary-color",ariaLabel:N})))})),{backgroundColors:c});export{v as default};
 //# sourceMappingURL=AlertBanner.js.map

package/dist/src/components/AlertBanner/AlertBanner.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AlertBanner.js","sources":["../../../../src/components/AlertBanner/AlertBanner.tsx"],"sourcesContent":["import { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport cx from \"classnames\";\nimport React, { ForwardedRef, forwardRef, ReactElement, useMemo } from \"react\";\nimport IconButton from \"../../components/IconButton/IconButton\";\nimport CloseSmall from \"~~../../components~~/~~Icon/Icons/components/CloseSmall~~\";\nimport { AlertBannerBackgroundColor as AlertBannerBackgroundColorEnum } from \"./AlertBannerConstants\";\nimport { AlertBannerBackgroundColor } from \"./AlertBanner.types\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { AlertBannerLinkProps } from \"./AlertBannerLink/AlertBannerLink\";\nimport { AlertBannerButtonProps } from \"./AlertBannerButton/AlertBannerButton\";\nimport { AlertBannerTextProps } from \"./AlertBannerText/AlertBannerText\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { VibeComponent, withStaticProps } from \"../../types\";\nimport styles from \"./AlertBanner.module.scss\";\nimport Text from \"../Text/Text\";\nimport { AlertBannerContext } from \"./AlertBannerContext\";\n\ntype ChildrenType = ReactElement<AlertBannerButtonProps \| AlertBannerLinkProps \| AlertBannerTextProps>;\n\nexport interface AlertBannerProps extends VibeComponentProps {\n /*\n Set external styling to the progress bar.\n /\n className?: string;\n backgroundColor?: AlertBannerBackgroundColor;\n isCloseHidden?: boolean;\n /* ARIA description for the progress bar */\n ariaLabel?: string;\n closeButtonAriaLabel?: string;\n onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n children?: ChildrenType \| ChildrenType[];\n}\n\nconst AlertBanner: VibeComponent<AlertBannerProps> & {\n backgroundColors?: typeof AlertBannerBackgroundColorEnum;\n} = forwardRef(\n (\n {\n children: originalChildren,\n className,\n backgroundColor = \"primary\",\n onClose = NOOP,\n ariaLabel = \"\",\n closeButtonAriaLabel = \"Close\",\n isCloseHidden = false,\n id,\n \"data-testid\": dataTestId\n }: AlertBannerProps,\n ref: ForwardedRef<HTMLDivElement>\n ) => {\n const classNames = useMemo(() => {\n return cx(className, styles.alertBanner, getStyle(styles, backgroundColor));\n }, [className, backgroundColor]);\n\n const isDarkBackground = backgroundColor === \"dark\";\n const isFixedColor = backgroundColor === \"warning\";\n const textColor = useMemo(() => {\n if (isFixedColor) {\n return \"fixedDark\";\n }\n return isDarkBackground ? \"onInverted\" : \"onPrimary\";\n }, [isDarkBackground, isFixedColor]);\n const children = useMemo(() => {\n const allChildren = React.Children.toArray(originalChildren) as ReactElement[];\n const filteredChildren = allChildren.filter(\n (\n child: ReactElement & {\n type: Record<string, unknown>;\n }\n ) => {\n if (child.type.isAlertBannerItem \|\| child.type.displayName === \"MDXCreateElement\") return true;\n console.error(\n \"Alert banner child is not supported. Please use AlertBannerText, AlertBannerLink or AlertBannerButton.\",\n child\n );\n return false;\n }\n );\n\n return filteredChildren.map((child, index) => {\n return React.cloneElement(child, {\n ...child?.props,\n marginLeft: index > 0,\n isDarkBackground\n });\n });\n }, [originalChildren, isDarkBackground]);\n\n return (\n <Text\n type=\"text2\"\n color={textColor}\n ref={ref}\n className={classNames}\n role=\"banner\"\n aria-label={ariaLabel \|\| \"banner\"}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.ALERT_BANNER, id)}\n >\n <AlertBannerContext.Provider value={{ textColor }}>\n <div className={cx(styles.content)}>\n {children.map(\n (\n child: ReactElement & {\n type: Record<string, unknown>;\n },\n index\n ) => {\n const childTypeIsAlertBannerText = child.type.isAlertBannerText;\n return (\n <div\n key={index}\n className={cx(styles.contentItem, {\n [styles.contentItemText]: childTypeIsAlertBannerText\n })}\n >\n {childTypeIsAlertBannerText ? <div className={cx(styles.ellipsis)}>{child}</div> : child}\n </div>\n );\n }\n )}\n </div>\n </AlertBannerContext.Provider>\n <div className={cx(styles.closeButtonWrapper)}>\n {isCloseHidden ? null : (\n <IconButton\n data-testid=\"alert-banner-close-button\"\n icon={CloseSmall}\n className={cx(styles.closeBtn)}\n hideTooltip\n onClick={onClose}\n size=\"small\"\n kind=\"tertiary\"\n color={isDarkBackground ? \"on-inverted-background\" : \"on-primary-color\"}\n ariaLabel={closeButtonAriaLabel}\n />\n )}\n </div>\n </Text>\n );\n }\n);\n\nexport default withStaticProps(AlertBanner, { backgroundColors: AlertBannerBackgroundColorEnum });\n"],"names":["withStaticProps","forwardRef","_ref","ref","originalChildren","children","className","_ref$backgroundColor","backgroundColor","_ref$onClose","onClose","NOOP","_ref$ariaLabel","ariaLabel","_ref$closeButtonAriaL","closeButtonAriaLabel","_ref$isCloseHidden","isCloseHidden","id","dataTestId","classNames","useMemo","cx","styles","alertBanner","getStyle","isDarkBackground","isFixedColor","textColor","React","Children","toArray","filter","child","type","isAlertBannerItem","displayName","console","error","map","index","cloneElement","Object","assign","props","marginLeft","createElement","Text","color","role","getTestId","ComponentDefaultTestId","ALERT_BANNER","AlertBannerContext","Provider","value","content","childTypeIsAlertBannerText","isAlertBannerText","key","contentItem","_defineProperty","contentItemText","ellipsis","closeButtonWrapper","IconButton","icon","CloseSmall","closeBtn","hideTooltip","onClick","size","kind","backgroundColors","AlertBannerBackgroundColorEnum"],"mappings":"~~qyBAmCA~~,IA8GeA,EAAAA,EA5GXC,GACF,SAAAC,EAYEC,GACE,IAXUC,EAAgBF,EAA1BG,SACAC,EAASJ,EAATI,UAASC,EAAAL,EACTM,gBAAAA,OAAkB,IAAHD,EAAG,UAASA,EAAAE,EAAAP,EAC3BQ,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAV,EACdW,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAAE,EAAAZ,EACda,qBAAAA,OAAuB,IAAHD,EAAG,QAAOA,EAAAE,EAAAd,EAC9Be,cAAAA,OAAgB,IAAHD,GAAQA,EACrBE,EAAEhB,EAAFgB,GACeC,EAAUjB,EAAzB,eAIIkB,EAAaC,GAAQ,WACzB,OAAOC,EAAGhB,EAAWiB,EAAOC,YAAaC,EAASF,EAAQf,GAC5D,GAAG,CAACF,EAAWE,IAETkB,EAAuC,SAApBlB,EACnBmB,EAAmC,YAApBnB,EACfoB,EAAYP,GAAQ,WACxB,OAAIM,EACK,YAEFD,EAAmB,aAAe,WAC3C,GAAG,CAACA,EAAkBC,IAChBtB,EAAWgB,GAAQ,WAiBvB,OAhBoBQ,EAAMC,SAASC,QAAQ3B,GACN4B,QACnC,SACEC,GAIA,SAAIA,EAAMC,KAAKC,mBAAgD,qBAA3BF,EAAMC,KAAKE,eAC/CC,QAAQC,MACN,yGACAL,IAEK,EACT,IAGsBM,KAAI,SAACN,EAAOO,GAClC,OAAOX,EAAMY,aAAaR,EACrBS,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAV,aAAA,EAAAA,EAAOW,OAAK,CACfC,WAAYL,EAAQ,EACpBd,iBAAAA,IAEJ,GACF,GAAG,CAACtB,EAAkBsB,IAEtB,OACEG,EAACiB,cAAAC,GACCb,KAAK,QACLc,MAAOpB,EACPzB,IAAKA,EACLG,UAAWc,EACX6B,KAAK,SACO,aAAApC,GAAa,SACzBK,GAAIA,gBACSC,GAAc+B,EAAUC,EAAuBC,aAAclC,IAE1EW,EAACiB,cAAAO,EAAmBC,SAAQ,CAACC,MAAO,CAAE3B,UAAAA,IACpCC,EAAAiB,cAAA,MAAA,CAAKxC,UAAWgB,EAAGC,EAAOiC,UACvBnD,EAASkC,KACR,SACEN,EAGAO,GAEA,IAAMiB,EAA6BxB,EAAMC,KAAKwB,kBAC9C,OACE7B,EAAAiB,cAAA,MAAA,CACEa,IAAKnB,EACLlC,UAAWgB,EAAGC,EAAOqC,YAAWC,EAAA,CAAA,EAC7BtC,EAAOuC,gBAAkBL,KAG3BA,EAA6B5B,EAAKiB,cAAA,MAAA,CAAAxC,UAAWgB,EAAGC,EAAOwC,WAAY9B,GAAeA,EAGxF,MAIPJ,EAAAiB,cAAA,MAAA,CAAKxC,UAAWgB,EAAGC,EAAOyC,qBACvB/C,EAAgB,KACfY,EAACiB,cAAAmB,EACa,CAAA,cAAA,4BACZC,KAAMC,EACN7D,UAAWgB,EAAGC,EAAO6C,UACrBC,aACA,EAAAC,QAAS5D,EACT6D,KAAK,QACLC,KAAK,WACLxB,MAAOtB,EAAmB,yBAA2B,mBACrDb,UAAWE,KAMvB,IAG0C,CAAE0D,iBAAkBC"}
1	+ {"version":3,"file":"AlertBanner.js","sources":["../../../../src/components/AlertBanner/AlertBanner.tsx"],"sourcesContent":["import { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport cx from \"classnames\";\nimport React, { ForwardedRef, forwardRef, ReactElement, useMemo } from \"react\";\nimport IconButton from \"../../components/IconButton/IconButton\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport { AlertBannerBackgroundColor as AlertBannerBackgroundColorEnum } from \"./AlertBannerConstants\";\nimport { AlertBannerBackgroundColor } from \"./AlertBanner.types\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { AlertBannerLinkProps } from \"./AlertBannerLink/AlertBannerLink\";\nimport { AlertBannerButtonProps } from \"./AlertBannerButton/AlertBannerButton\";\nimport { AlertBannerTextProps } from \"./AlertBannerText/AlertBannerText\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { VibeComponent, withStaticProps } from \"../../types\";\nimport styles from \"./AlertBanner.module.scss\";\nimport Text from \"../Text/Text\";\nimport { AlertBannerContext } from \"./AlertBannerContext\";\n\ntype ChildrenType = ReactElement<AlertBannerButtonProps \| AlertBannerLinkProps \| AlertBannerTextProps>;\n\nexport interface AlertBannerProps extends VibeComponentProps {\n /*\n Set external styling to the progress bar.\n /\n className?: string;\n backgroundColor?: AlertBannerBackgroundColor;\n isCloseHidden?: boolean;\n /* ARIA description for the progress bar */\n ariaLabel?: string;\n closeButtonAriaLabel?: string;\n onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n children?: ChildrenType \| ChildrenType[];\n}\n\nconst AlertBanner: VibeComponent<AlertBannerProps> & {\n backgroundColors?: typeof AlertBannerBackgroundColorEnum;\n} = forwardRef(\n (\n {\n children: originalChildren,\n className,\n backgroundColor = \"primary\",\n onClose = NOOP,\n ariaLabel = \"\",\n closeButtonAriaLabel = \"Close\",\n isCloseHidden = false,\n id,\n \"data-testid\": dataTestId\n }: AlertBannerProps,\n ref: ForwardedRef<HTMLDivElement>\n ) => {\n const classNames = useMemo(() => {\n return cx(className, styles.alertBanner, getStyle(styles, backgroundColor));\n }, [className, backgroundColor]);\n\n const isDarkBackground = backgroundColor === \"dark\";\n const isFixedColor = backgroundColor === \"warning\";\n const textColor = useMemo(() => {\n if (isFixedColor) {\n return \"fixedDark\";\n }\n return isDarkBackground ? \"onInverted\" : \"onPrimary\";\n }, [isDarkBackground, isFixedColor]);\n const children = useMemo(() => {\n const allChildren = React.Children.toArray(originalChildren) as ReactElement[];\n const filteredChildren = allChildren.filter(\n (\n child: ReactElement & {\n type: Record<string, unknown>;\n }\n ) => {\n if (child.type.isAlertBannerItem \|\| child.type.displayName === \"MDXCreateElement\") return true;\n console.error(\n \"Alert banner child is not supported. Please use AlertBannerText, AlertBannerLink or AlertBannerButton.\",\n child\n );\n return false;\n }\n );\n\n return filteredChildren.map((child, index) => {\n return React.cloneElement(child, {\n ...child?.props,\n marginLeft: index > 0,\n isDarkBackground\n });\n });\n }, [originalChildren, isDarkBackground]);\n\n return (\n <Text\n type=\"text2\"\n color={textColor}\n ref={ref}\n className={classNames}\n role=\"banner\"\n aria-label={ariaLabel \|\| \"banner\"}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.ALERT_BANNER, id)}\n >\n <AlertBannerContext.Provider value={{ textColor }}>\n <div className={cx(styles.content)}>\n {children.map(\n (\n child: ReactElement & {\n type: Record<string, unknown>;\n },\n index\n ) => {\n const childTypeIsAlertBannerText = child.type.isAlertBannerText;\n return (\n <div\n key={index}\n className={cx(styles.contentItem, {\n [styles.contentItemText]: childTypeIsAlertBannerText\n })}\n >\n {childTypeIsAlertBannerText ? <div className={cx(styles.ellipsis)}>{child}</div> : child}\n </div>\n );\n }\n )}\n </div>\n </AlertBannerContext.Provider>\n <div className={cx(styles.closeButtonWrapper)}>\n {isCloseHidden ? null : (\n <IconButton\n data-testid=\"alert-banner-close-button\"\n icon={CloseSmall}\n className={cx(styles.closeBtn)}\n hideTooltip\n onClick={onClose}\n size=\"small\"\n kind=\"tertiary\"\n color={isDarkBackground ? \"on-inverted-background\" : \"on-primary-color\"}\n ariaLabel={closeButtonAriaLabel}\n />\n )}\n </div>\n </Text>\n );\n }\n);\n\nexport default withStaticProps(AlertBanner, { backgroundColors: AlertBannerBackgroundColorEnum });\n"],"names":["withStaticProps","forwardRef","_ref","ref","originalChildren","children","className","_ref$backgroundColor","backgroundColor","_ref$onClose","onClose","NOOP","_ref$ariaLabel","ariaLabel","_ref$closeButtonAriaL","closeButtonAriaLabel","_ref$isCloseHidden","isCloseHidden","id","dataTestId","classNames","useMemo","cx","styles","alertBanner","getStyle","isDarkBackground","isFixedColor","textColor","React","Children","toArray","filter","child","type","isAlertBannerItem","displayName","console","error","map","index","cloneElement","Object","assign","props","marginLeft","createElement","Text","color","role","getTestId","ComponentDefaultTestId","ALERT_BANNER","AlertBannerContext","Provider","value","content","childTypeIsAlertBannerText","isAlertBannerText","key","contentItem","_defineProperty","contentItemText","ellipsis","closeButtonWrapper","IconButton","icon","CloseSmall","closeBtn","hideTooltip","onClick","size","kind","backgroundColors","AlertBannerBackgroundColorEnum"],"mappings":"wvDAmCA,IA8GeA,EAAAA,EA5GXC,GACF,SAAAC,EAYEC,GACE,IAXUC,EAAgBF,EAA1BG,SACAC,EAASJ,EAATI,UAASC,EAAAL,EACTM,gBAAAA,OAAkB,IAAHD,EAAG,UAASA,EAAAE,EAAAP,EAC3BQ,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAV,EACdW,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAAE,EAAAZ,EACda,qBAAAA,OAAuB,IAAHD,EAAG,QAAOA,EAAAE,EAAAd,EAC9Be,cAAAA,OAAgB,IAAHD,GAAQA,EACrBE,EAAEhB,EAAFgB,GACeC,EAAUjB,EAAzB,eAIIkB,EAAaC,GAAQ,WACzB,OAAOC,EAAGhB,EAAWiB,EAAOC,YAAaC,EAASF,EAAQf,GAC5D,GAAG,CAACF,EAAWE,IAETkB,EAAuC,SAApBlB,EACnBmB,EAAmC,YAApBnB,EACfoB,EAAYP,GAAQ,WACxB,OAAIM,EACK,YAEFD,EAAmB,aAAe,WAC3C,GAAG,CAACA,EAAkBC,IAChBtB,EAAWgB,GAAQ,WAiBvB,OAhBoBQ,EAAMC,SAASC,QAAQ3B,GACN4B,QACnC,SACEC,GAIA,SAAIA,EAAMC,KAAKC,mBAAgD,qBAA3BF,EAAMC,KAAKE,eAC/CC,QAAQC,MACN,yGACAL,IAEK,EACT,IAGsBM,KAAI,SAACN,EAAOO,GAClC,OAAOX,EAAMY,aAAaR,EACrBS,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAV,aAAA,EAAAA,EAAOW,OAAK,CACfC,WAAYL,EAAQ,EACpBd,iBAAAA,IAEJ,GACF,GAAG,CAACtB,EAAkBsB,IAEtB,OACEG,EAACiB,cAAAC,GACCb,KAAK,QACLc,MAAOpB,EACPzB,IAAKA,EACLG,UAAWc,EACX6B,KAAK,SACO,aAAApC,GAAa,SACzBK,GAAIA,gBACSC,GAAc+B,EAAUC,EAAuBC,aAAclC,IAE1EW,EAACiB,cAAAO,EAAmBC,SAAQ,CAACC,MAAO,CAAE3B,UAAAA,IACpCC,EAAAiB,cAAA,MAAA,CAAKxC,UAAWgB,EAAGC,EAAOiC,UACvBnD,EAASkC,KACR,SACEN,EAGAO,GAEA,IAAMiB,EAA6BxB,EAAMC,KAAKwB,kBAC9C,OACE7B,EAAAiB,cAAA,MAAA,CACEa,IAAKnB,EACLlC,UAAWgB,EAAGC,EAAOqC,YAAWC,EAAA,CAAA,EAC7BtC,EAAOuC,gBAAkBL,KAG3BA,EAA6B5B,EAAKiB,cAAA,MAAA,CAAAxC,UAAWgB,EAAGC,EAAOwC,WAAY9B,GAAeA,EAGxF,MAIPJ,EAAAiB,cAAA,MAAA,CAAKxC,UAAWgB,EAAGC,EAAOyC,qBACvB/C,EAAgB,KACfY,EAACiB,cAAAmB,EACa,CAAA,cAAA,4BACZC,KAAMC,EACN7D,UAAWgB,EAAGC,EAAO6C,UACrBC,aACA,EAAAC,QAAS5D,EACT6D,KAAK,QACLC,KAAK,WACLxB,MAAOtB,EAAmB,yBAA2B,mBACrDb,UAAWE,KAMvB,IAG0C,CAAE0D,iBAAkBC"}

package/dist/src/components/AlertBanner/AlertBanner.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={alertBanner:"alertBanner_cc458b1836",primary:"primary_9d69a05eda",positive:"positive_c851b64aa3",negative:"negative_509352e93e",dark:"dark_2a3c483b99",warning:"warning_19640cb78d",closeBtn:"closeBtn_5d0575601f",content:"content_8770ae42a0",closeButtonWrapper:"closeButtonWrapper_9b0c77e2f9",ellipsis:"ellipsis_96048dbc8e",contentItem:"contentItem_d77501ac1c",contentItemText:"contentItemText_14a35b16f6"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-2b16d36a7fd0_3_0_0-alpha_2";if(e.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(n))}(".alertBanner_cc458b1836 {\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n}\n\n.primary_9d69a05eda {\n  background-color: var(--primary-color);\n}\n\n.positive_c851b64aa3 {\n  background-color: var(--positive-color);\n}\n\n.negative_509352e93e {\n  background-color: var(--negative-color);\n}\n\n.dark_2a3c483b99 {\n  background-color: var(--inverted-color-background);\n}\n\n.warning_19640cb78d {\n  background-color: var(--warning-color);\n  color: var(--fixed-dark-color);\n}\n\n.warning_19640cb78d .closeBtn_5d0575601f {\n  color: var(--fixed-dark-color);\n}\n\n.content_8770ae42a0 {\n  flex: 1 1 auto;\n  display: flex;\n  height: 100%;\n  min-width: 0;\n  align-items: center;\n  justify-content: center;\n  padding-left: var(--spacing-medium);\n}\n\n.closeButtonWrapper_9b0c77e2f9 {\n  flex: 0 0 40px;\n  position: relative;\n  height: 100%;\n  min-width: 0;\n}\n\n.closeBtn_5d0575601f {\n  position: absolute;\n  right: 4px;\n  top: 4px;\n}\n\n.ellipsis_96048dbc8e {\n  flex: 0 1 auto;\n}\n\n.contentItem_d77501ac1c {\n  flex: 0 0 auto;\n  min-width: 0;\n}\n\n.contentItemText_14a35b16f6 {\n  flex: 0 1 auto;\n  min-width: 0;\n}");export{n as default};
+var n={alertBanner:"alertBanner_c743f939e6",primary:"primary_d493ebc6b3",positive:"positive_f8b7b2663b",negative:"negative_2daf4d27a7",dark:"dark_744ced38fb",warning:"warning_166e7f07e6",closeBtn:"closeBtn_b1be0c9201",content:"content_c5077b8c03",closeButtonWrapper:"closeButtonWrapper_16c95aa5c8",ellipsis:"ellipsis_7fc069008c",contentItem:"contentItem_133849c979",contentItemText:"contentItemText_c802b900c2"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-2b16d36a7fd0_3_0_0-alpha_5";if(e.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(n))}(".alertBanner_c743f939e6 {\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n}\n\n.primary_d493ebc6b3 {\n  background-color: var(--primary-color);\n}\n\n.positive_f8b7b2663b {\n  background-color: var(--positive-color);\n}\n\n.negative_2daf4d27a7 {\n  background-color: var(--negative-color);\n}\n\n.dark_744ced38fb {\n  background-color: var(--inverted-color-background);\n}\n\n.warning_166e7f07e6 {\n  background-color: var(--warning-color);\n  color: var(--fixed-dark-color);\n}\n\n.warning_166e7f07e6 .closeBtn_b1be0c9201 {\n  color: var(--fixed-dark-color);\n}\n\n.content_c5077b8c03 {\n  flex: 1 1 auto;\n  display: flex;\n  height: 100%;\n  min-width: 0;\n  align-items: center;\n  justify-content: center;\n  padding-left: var(--spacing-medium);\n}\n\n.closeButtonWrapper_16c95aa5c8 {\n  flex: 0 0 40px;\n  position: relative;\n  height: 100%;\n  min-width: 0;\n}\n\n.closeBtn_b1be0c9201 {\n  position: absolute;\n  right: 4px;\n  top: 4px;\n}\n\n.ellipsis_7fc069008c {\n  flex: 0 1 auto;\n}\n\n.contentItem_133849c979 {\n  flex: 0 0 auto;\n  min-width: 0;\n}\n\n.contentItemText_c802b900c2 {\n  flex: 0 1 auto;\n  min-width: 0;\n}");export{n as default};
 //# sourceMappingURL=AlertBanner.module.scss.js.map

package/dist/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={bannerButton:"bannerButton_240b530ea4",darkBackground:"darkBackground_240b530ea4",marginLeft:"marginLeft_f8d2e04bd1"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],a="s_id-b41ba610a75a_3_0_0-alpha_2";if(e.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}(".bannerButton_240b530ea4 {\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n\n.dark-app-theme .darkBackground_240b530ea4 .bannerButton_240b530ea4 {\n  background-color: var(--dark-background-color);\n}\n\n.marginLeft_f8d2e04bd1 {\n  margin-left: var(--spacing-small);\n}");export{n as default};
+var e={bannerButton:"bannerButton_2d8a70ebe9",darkBackground:"darkBackground_2d8a70ebe9",marginLeft:"marginLeft_feb286ce63"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],a="s_id-b41ba610a75a_3_0_0-alpha_5";if(n.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".bannerButton_2d8a70ebe9 {\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n\n.dark-app-theme .darkBackground_2d8a70ebe9 .bannerButton_2d8a70ebe9 {\n  background-color: var(--dark-background-color);\n}\n\n.marginLeft_feb286ce63 {\n  margin-left: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=AlertBannerButton.module.scss.js.map

package/dist/src/components/AlertBanner/AlertBannerLink/AlertBannerLink.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={bannerLink:"bannerLink_92a32ceafd",bannerLinkTextColorOnPrimary:"bannerLinkTextColorOnPrimary_8815da1fa9",bannerLinkTextColorOnInverted:"bannerLinkTextColorOnInverted_537632ef88",marginLeft:"marginLeft_f8d2e04bd1"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],r="s_id-59c5b2cdc5e5_3_0_0-alpha_2";if(e.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}(".bannerLink_92a32ceafd {\n  text-decoration: underline;\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n\n.bannerLinkTextColorOnPrimary_8815da1fa9 {\n  color: var(--text-color-on-primary);\n}\n\n.bannerLinkTextColorOnInverted_537632ef88 {\n  color: var(--text-color-on-inverted);\n}\n\n.marginLeft_f8d2e04bd1 {\n  margin-left: var(--spacing-small);\n}");export{n as default};
+var n={bannerLink:"bannerLink_54610a10b0",bannerLinkTextColorOnPrimary:"bannerLinkTextColorOnPrimary_087c3fbae9",bannerLinkTextColorOnInverted:"bannerLinkTextColorOnInverted_42aec6eb03",marginLeft:"marginLeft_feb286ce63"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],r="s_id-59c5b2cdc5e5_3_0_0-alpha_5";if(e.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}(".bannerLink_54610a10b0 {\n  text-decoration: underline;\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n\n.bannerLinkTextColorOnPrimary_087c3fbae9 {\n  color: var(--text-color-on-primary);\n}\n\n.bannerLinkTextColorOnInverted_42aec6eb03 {\n  color: var(--text-color-on-inverted);\n}\n\n.marginLeft_feb286ce63 {\n  margin-left: var(--spacing-small);\n}");export{n as default};
 //# sourceMappingURL=AlertBannerLink.module.scss.js.map

package/dist/src/components/AlertBanner/AlertBannerText/AlertBannerText.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={bannerText:"bannerText_e25ed914d3",marginLeft:"marginLeft_f8d2e04bd1"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-35d8b4a93255_3_0_0-alpha_2";if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}(".bannerText_e25ed914d3 {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.marginLeft_f8d2e04bd1 {\n  margin-left: var(--spacing-small);\n}");export{e as default};
+var e={bannerText:"bannerText_695831cba0",marginLeft:"marginLeft_feb286ce63"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-35d8b4a93255_3_0_0-alpha_5";if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}(".bannerText_695831cba0 {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.marginLeft_feb286ce63 {\n  margin-left: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=AlertBannerText.module.scss.js.map

package/dist/src/components/AttentionBox/AttentionBox.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t from"classnames";import o,{useMemo as s}from"react";import{camelCase as r}from"lodash-es";import{getStyle as i}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as n,ComponentDefaultTestId as a}from"../../tests/testIds.js";import c from"../Icon/Icon.js";import m from"../IconButton/IconButton.js";import l from"../Icon/Icons/components/CloseSmall.js";import p from"../Icon/Icons/components/Alert.js";import d from"../Icon/Icons/components/Info.js";import{IconType as f}from"../Icon/IconConstants.js";import{AttentionBoxType as u}from"./AttentionBoxConstants.js";import{withStaticProps as I}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import y from"../Text/Text.js";import j from"../Flex/Flex.js";import x from"./AttentionBox.module.scss.js";var v=I((function(f){var u=f.className,I=f.withIconWithoutHeader,v=void 0!==I&&I,h=f.type,g=void 0===h?"primary":h,C=f.icon,N=f.iconType,T=void 0===N?"svg":N,E=f.title,B=f.text,S=f.children,w=f.withoutIcon,A=void 0!==w&&w,H=f.onClose,b=f.compact,F=void 0!==b&&b,z=f.id,P=f["data-testid"],_=f.closeButtonAriaLabel,L=void 0===_?"Close":_,O=s((function(){return"primary"===g?d:p}),[g]),W=void 0===C?O:C;return o.createElement("aside",{className:t(x.attentionBox,i(x,r("type-".concat(g))),u),role:"alert","data-testid":P||n(a.ATTENTION_BOX,z)},E&&o.createElement(j,{justify:"start",align:"center",className:x.titleContainer,gap:"xs"},!A&&o.createElement(c,{className:x.icon,iconType:T,ariaHidden:!0,icon:W,ignoreFocusStyle:!0,iconSize:"20"}),o.createElement(y,{type:"text1",element:"h5",weight:"medium",className:x.title},E)),o.createElement(j,{justify:"start",align:"center",gap:"xs"},!E&&F&&!A&&v&&o.createElement(c,{iconType:T,iconSize:18,ariaHidden:!0,icon:W,ignoreFocusStyle:!0}),o.createElement(y,{type:"text2",element:F?void 0:"p",className:t(x.text,e(e(e({},x.compact,F),x.dismissible,!!H),x.paragraph,!F))},B||S)),H&&o.createElement(m,{size:"small",color:"on-primary-color",className:x.closeIcon,wrapperClassName:t(x.closeIconWrapper,e({},x.closeIconCompact,F)),ariaLabel:L,hideTooltip:!0,icon:l,onClick:H}))}),{types:u,iconTypes:f});export{v as default};
+import{defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o from"classnames";import e,{useMemo as i}from"react";import{camelCase as s}from"lodash-es";import{getStyle as r}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as c,ComponentDefaultTestId as n}from"../../tests/testIds.js";import a from"../Icon/Icon.js";import m from"../IconButton/IconButton.js";import"../../../icons/dist/_virtual/_tslib.js";import"../../../icons/dist/react/AddSmall.js";import p from"../../../icons/dist/react/Alert.js";import"../../../icons/dist/react/Check.js";import l from"../../../icons/dist/react/CloseSmall.js";import"../../../icons/dist/react/DropdownChevronDown.js";import"../../../icons/dist/react/DropdownChevronRight.js";import"../../../icons/dist/react/DropdownChevronUp.js";import d from"../../../icons/dist/react/Info.js";import"../../../icons/dist/react/Menu.js";import"../../../icons/dist/react/MoveArrowLeft.js";import"../../../icons/dist/react/MoveArrowRight.js";import"../../../icons/dist/react/NavigationChevronLeft.js";import"../../../icons/dist/react/NavigationChevronRight.js";import"../../../icons/dist/react/NoColor.js";import"../../../icons/dist/react/Remove.js";import"../../../icons/dist/react/Search.js";import"../../../icons/dist/react/Sort.js";import"../../../icons/dist/react/SortAscending.js";import"../../../icons/dist/react/SortDescending.js";import"../../../icons/dist/react/Warning.js";import{IconType as j}from"../Icon/IconConstants.js";import{AttentionBoxType as f}from"./AttentionBoxConstants.js";import{withStaticProps as v}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import u from"../Text/Text.js";import h from"../Flex/Flex.js";import y from"./AttentionBox.module.scss.js";var g=v((function(j){var f=j.className,v=j.withIconWithoutHeader,g=void 0!==v&&v,C=j.type,x=void 0===C?"primary":C,I=j.icon,N=j.iconType,w=void 0===N?"svg":N,S=j.title,T=j.text,A=j.children,E=j.withoutIcon,B=void 0!==E&&E,b=j.onClose,D=j.compact,H=void 0!==D&&D,_=j.id,F=j["data-testid"],L=j.closeButtonAriaLabel,M=void 0===L?"Close":L,R=i((function(){return"primary"===x?d:p}),[x]),z=void 0===I?R:I;return e.createElement("aside",{className:o(y.attentionBox,r(y,s("type-".concat(x))),f),role:"alert","data-testid":F||c(n.ATTENTION_BOX,_)},S&&e.createElement(h,{justify:"start",align:"center",className:y.titleContainer,gap:"xs"},!B&&e.createElement(a,{className:y.icon,iconType:w,ariaHidden:!0,icon:z,ignoreFocusStyle:!0,iconSize:"20"}),e.createElement(u,{type:"text1",element:"h5",weight:"medium",className:y.title},S)),e.createElement(h,{justify:"start",align:"center",gap:"xs"},!S&&H&&!B&&g&&e.createElement(a,{iconType:w,iconSize:18,ariaHidden:!0,icon:z,ignoreFocusStyle:!0}),e.createElement(u,{type:"text2",element:H?void 0:"p",className:o(y.text,t(t(t({},y.compact,H),y.dismissible,!!b),y.paragraph,!H))},T||A)),b&&e.createElement(m,{size:"small",color:"on-primary-color",className:y.closeIcon,wrapperClassName:o(y.closeIconWrapper,t({},y.closeIconCompact,H)),ariaLabel:M,hideTooltip:!0,icon:l,onClick:b}))}),{types:f,iconTypes:j});export{g as default};
 //# sourceMappingURL=AttentionBox.js.map

package/dist/src/components/AttentionBox/AttentionBox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AttentionBox.js","sources":["../../../../src/components/AttentionBox/AttentionBox.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { useMemo } from \"react\";\nimport { camelCase } from \"lodash-es\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport Icon from \"../Icon/Icon\";\nimport IconButton from \"../IconButton/IconButton\";\nimport CloseSmall ~~from~~ ~~\"../Icon/Icons/components/CloseSmall\";\nimport~~ AlertIcon ~~from~~ ~~\"../Icon/Icons/components/Alert\";\nimport~~ InfoIcon from \"~~../Icon~~/~~Icons/components/Info~~\";\nimport { IconType as IconTypeEnum } from \"../Icon/IconConstants\";\nimport { AttentionBoxType as AttentionBoxTypeEnum } from \"./AttentionBoxConstants\";\nimport { AttentionBoxType } from \"./AttentionBox.types\";\nimport { SubIcon, VibeComponentProps, withStaticProps, ElementContent } from \"../../types\";\nimport Text from \"../Text/Text\";\nimport Flex from \"../Flex/Flex\";\nimport styles from \"./AttentionBox.module.scss\";\n\nexport interface AttentionBoxProps extends VibeComponentProps {\n className?: string;\n // TODO: [breaking] remove prop\n withIconWithoutHeader?: boolean;\n /** we support 5 types of attention boxes /\n type?: AttentionBoxType;\n /* Icon classname for icon font or SVG Icon Component for SVG Type */\n icon?: SubIcon;\n iconType?: \"svg\" \| \"font\";\n title?: string;\n text?: string;\n children?: ElementContent;\n // TODO: [breaking] remove prop\n withoutIcon?: boolean;\n onClose?: (event: React.MouseEvent) => void;\n compact?: boolean;\n closeButtonAriaLabel?: string;\n}\n\nconst AttentionBox: React.FC<AttentionBoxProps> & {\n types?: typeof AttentionBoxTypeEnum;\n iconTypes?: typeof IconTypeEnum;\n} = ({\n className,\n withIconWithoutHeader = false,\n type = \"primary\",\n icon,\n iconType = \"svg\",\n title,\n text,\n children,\n withoutIcon = false,\n onClose,\n compact = false,\n id,\n \"data-testid\": dataTestId,\n closeButtonAriaLabel = \"Close\"\n}: AttentionBoxProps) => {\n const defaultIcon = useMemo(() => {\n return type === \"primary\" ? InfoIcon : AlertIcon;\n }, [type]);\n\n const overrideIcon = icon === undefined ? defaultIcon : icon;\n\n return (\n <aside\n className={cx(styles.attentionBox, getStyle(styles, camelCase(`type-${type}`)), className)}\n role=\"alert\"\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.ATTENTION_BOX, id)}\n >\n {title && (\n <Flex justify=\"start\" align=\"center\" className={styles.titleContainer} gap=\"xs\">\n {!withoutIcon && (\n <Icon\n className={styles.icon}\n iconType={iconType}\n ariaHidden\n icon={overrideIcon}\n ignoreFocusStyle\n iconSize=\"20\"\n />\n )}\n <Text type=\"text1\" element=\"h5\" weight=\"medium\" className={styles.title}>\n {title}\n </Text>\n </Flex>\n )}\n <Flex justify=\"start\" align=\"center\" gap=\"xs\">\n {!title && compact && !withoutIcon && withIconWithoutHeader && (\n <Icon iconType={iconType} iconSize={18} ariaHidden icon={overrideIcon} ignoreFocusStyle />\n )}\n <Text\n type=\"text2\"\n element={compact ? undefined : \"p\"}\n className={cx(styles.text, {\n [styles.compact]: compact,\n [styles.dismissible]: !!onClose,\n [styles.paragraph]: !compact\n })}\n >\n {text \|\| children}\n </Text>\n </Flex>\n {onClose && (\n <IconButton\n size=\"small\"\n color=\"on-primary-color\"\n className={styles.closeIcon}\n wrapperClassName={cx(styles.closeIconWrapper, {\n [styles.closeIconCompact]: compact\n })}\n ariaLabel={closeButtonAriaLabel}\n hideTooltip\n icon={CloseSmall}\n onClick={onClose}\n />\n )}\n </aside>\n );\n};\n\nexport default withStaticProps(AttentionBox, {\n types: AttentionBoxTypeEnum,\n iconTypes: IconTypeEnum\n});\n"],"names":["withStaticProps","_ref","className","_ref$withIconWithoutH","withIconWithoutHeader","_ref$type","type","icon","_ref$iconType","iconType","title","text","children","_ref$withoutIcon","withoutIcon","onClose","_ref$compact","compact","id","dataTestId","_ref$closeButtonAriaL","closeButtonAriaLabel","defaultIcon","useMemo","InfoIcon","AlertIcon","overrideIcon","undefined","React","createElement","cx","styles","attentionBox","getStyle","camelCase","concat","role","getTestId","ComponentDefaultTestId","ATTENTION_BOX","Flex","justify","align","titleContainer","gap","Icon","ariaHidden","ignoreFocusStyle","iconSize","Text","element","weight","_defineProperty","dismissible","paragraph","IconButton","size","color","closeIcon","wrapperClassName","closeIconWrapper","closeIconCompact","ariaLabel","hideTooltip","CloseSmall","onClick","types","AttentionBoxTypeEnum","iconTypes","IconTypeEnum"],"mappings":"~~82BAqCA~~,IAkFeA,EAAAA,GA/EX,SAHcC,GAkBM,IAdtBC,EAASD,EAATC,UAASC,EAAAF,EACTG,sBAAAA,OAAwB,IAAHD,GAAQA,EAAAE,EAAAJ,EAC7BK,KAAAA,OAAO,IAAHD,EAAG,UAASA,EAChBE,EAAIN,EAAJM,KAAIC,EAAAP,EACJQ,SAAAA,OAAW,IAAHD,EAAG,MAAKA,EAChBE,EAAKT,EAALS,MACAC,EAAIV,EAAJU,KACAC,EAAQX,EAARW,SAAQC,EAAAZ,EACRa,YAAAA,OAAc,IAAHD,GAAQA,EACnBE,EAAOd,EAAPc,QAAOC,EAAAf,EACPgB,QAAAA,OAAU,IAAHD,GAAQA,EACfE,EAAEjB,EAAFiB,GACeC,EAAUlB,EAAzB,eAAamB,EAAAnB,EACboB,qBAAAA,OAAuB,IAAHD,EAAG,QAAOA,EAExBE,EAAcC,GAAQ,WAC1B,MAAgB,YAATjB,EAAqBkB,EAAWC,CACzC,GAAG,CAACnB,IAEEoB,OAAwBC,IAATpB,EAAqBe,EAAcf,EAExD,OACEqB,EACEC,cAAA,QAAA,CAAA3B,UAAW4B,EAAGC,EAAOC,aAAcC,EAASF,EAAQG,EAAS,QAAAC,OAAS7B,KAAUJ,GAChFkC,KAAK,QAAO,cACCjB,GAAckB,EAAUC,EAAuBC,cAAerB,IAE1ER,GACCkB,EAACC,cAAAW,GAAKC,QAAQ,QAAQC,MAAM,SAASxC,UAAW6B,EAAOY,eAAgBC,IAAI,OACvE9B,GACAc,EAAAC,cAACgB,EAAI,CACH3C,UAAW6B,EAAOxB,KAClBE,SAAUA,EACVqC,YAAU,EACVvC,KAAMmB,EACNqB,kBAAgB,EAChBC,SAAS,OAGbpB,EAACC,cAAAoB,GAAK3C,KAAK,QAAQ4C,QAAQ,KAAKC,OAAO,SAASjD,UAAW6B,EAAOrB,OAC/DA,IAIPkB,EAAAC,cAACW,EAAI,CAACC,QAAQ,QAAQC,MAAM,SAASE,IAAI,OACrClC,GAASO,IAAYH,GAAeV,GACpCwB,EAACC,cAAAgB,EAAK,CAAApC,SAAUA,EAAUuC,SAAU,GAAIF,YAAW,EAAAvC,KAAMmB,EAAcqB,sBAEzEnB,EAACC,cAAAoB,EACC,CAAA3C,KAAK,QACL4C,QAASjC,OAAUU,EAAY,IAC/BzB,UAAW4B,EAAGC,EAAOpB,KAAIyC,EAAAA,EAAAA,EAAA,CAAA,EACtBrB,EAAOd,QAAUA,GACjBc,EAAOsB,cAAgBtC,GACvBgB,EAAOuB,WAAarC,KAGtBN,GAAQC,IAGZG,GACCa,EAAAC,cAAC0B,EAAU,CACTC,KAAK,QACLC,MAAM,mBACNvD,UAAW6B,EAAO2B,UAClBC,iBAAkB7B,EAAGC,EAAO6B,iBAAgBR,EAAA,CAAA,EACzCrB,EAAO8B,iBAAmB5C,IAE7B6C,UAAWzC,EACX0C,eACAxD,KAAMyD,EACNC,QAASlD,IAKnB,GAE6C,CAC3CmD,MAAOC,EACPC,UAAWC"}
1	+ {"version":3,"file":"AttentionBox.js","sources":["../../../../src/components/AttentionBox/AttentionBox.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { useMemo } from \"react\";\nimport { camelCase } from \"lodash-es\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport Icon from \"../Icon/Icon\";\nimport IconButton from \"../IconButton/IconButton\";\nimport { CloseSmall, Alert as AlertIcon, Info as InfoIcon } from \"@vibe/icons\";\nimport { IconType as IconTypeEnum } from \"../Icon/IconConstants\";\nimport { AttentionBoxType as AttentionBoxTypeEnum } from \"./AttentionBoxConstants\";\nimport { AttentionBoxType } from \"./AttentionBox.types\";\nimport { SubIcon, VibeComponentProps, withStaticProps, ElementContent } from \"../../types\";\nimport Text from \"../Text/Text\";\nimport Flex from \"../Flex/Flex\";\nimport styles from \"./AttentionBox.module.scss\";\n\nexport interface AttentionBoxProps extends VibeComponentProps {\n className?: string;\n // TODO: [breaking] remove prop\n withIconWithoutHeader?: boolean;\n /** we support 5 types of attention boxes /\n type?: AttentionBoxType;\n /* Icon classname for icon font or SVG Icon Component for SVG Type */\n icon?: SubIcon;\n iconType?: \"svg\" \| \"font\";\n title?: string;\n text?: string;\n children?: ElementContent;\n // TODO: [breaking] remove prop\n withoutIcon?: boolean;\n onClose?: (event: React.MouseEvent) => void;\n compact?: boolean;\n closeButtonAriaLabel?: string;\n}\n\nconst AttentionBox: React.FC<AttentionBoxProps> & {\n types?: typeof AttentionBoxTypeEnum;\n iconTypes?: typeof IconTypeEnum;\n} = ({\n className,\n withIconWithoutHeader = false,\n type = \"primary\",\n icon,\n iconType = \"svg\",\n title,\n text,\n children,\n withoutIcon = false,\n onClose,\n compact = false,\n id,\n \"data-testid\": dataTestId,\n closeButtonAriaLabel = \"Close\"\n}: AttentionBoxProps) => {\n const defaultIcon = useMemo(() => {\n return type === \"primary\" ? InfoIcon : AlertIcon;\n }, [type]);\n\n const overrideIcon = icon === undefined ? defaultIcon : icon;\n\n return (\n <aside\n className={cx(styles.attentionBox, getStyle(styles, camelCase(`type-${type}`)), className)}\n role=\"alert\"\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.ATTENTION_BOX, id)}\n >\n {title && (\n <Flex justify=\"start\" align=\"center\" className={styles.titleContainer} gap=\"xs\">\n {!withoutIcon && (\n <Icon\n className={styles.icon}\n iconType={iconType}\n ariaHidden\n icon={overrideIcon}\n ignoreFocusStyle\n iconSize=\"20\"\n />\n )}\n <Text type=\"text1\" element=\"h5\" weight=\"medium\" className={styles.title}>\n {title}\n </Text>\n </Flex>\n )}\n <Flex justify=\"start\" align=\"center\" gap=\"xs\">\n {!title && compact && !withoutIcon && withIconWithoutHeader && (\n <Icon iconType={iconType} iconSize={18} ariaHidden icon={overrideIcon} ignoreFocusStyle />\n )}\n <Text\n type=\"text2\"\n element={compact ? undefined : \"p\"}\n className={cx(styles.text, {\n [styles.compact]: compact,\n [styles.dismissible]: !!onClose,\n [styles.paragraph]: !compact\n })}\n >\n {text \|\| children}\n </Text>\n </Flex>\n {onClose && (\n <IconButton\n size=\"small\"\n color=\"on-primary-color\"\n className={styles.closeIcon}\n wrapperClassName={cx(styles.closeIconWrapper, {\n [styles.closeIconCompact]: compact\n })}\n ariaLabel={closeButtonAriaLabel}\n hideTooltip\n icon={CloseSmall}\n onClick={onClose}\n />\n )}\n </aside>\n );\n};\n\nexport default withStaticProps(AttentionBox, {\n types: AttentionBoxTypeEnum,\n iconTypes: IconTypeEnum\n});\n"],"names":["withStaticProps","_ref","className","_ref$withIconWithoutH","withIconWithoutHeader","_ref$type","type","icon","_ref$iconType","iconType","title","text","children","_ref$withoutIcon","withoutIcon","onClose","_ref$compact","compact","id","dataTestId","_ref$closeButtonAriaL","closeButtonAriaLabel","defaultIcon","useMemo","InfoIcon","AlertIcon","overrideIcon","undefined","React","createElement","cx","styles","attentionBox","getStyle","camelCase","concat","role","getTestId","ComponentDefaultTestId","ATTENTION_BOX","Flex","justify","align","titleContainer","gap","Icon","ariaHidden","ignoreFocusStyle","iconSize","Text","element","weight","_defineProperty","dismissible","paragraph","IconButton","size","color","closeIcon","wrapperClassName","closeIconWrapper","closeIconCompact","ariaLabel","hideTooltip","CloseSmall","onClick","types","AttentionBoxTypeEnum","iconTypes","IconTypeEnum"],"mappings":"8uDAmCA,IAkFeA,EAAAA,GA/EX,SAHcC,GAkBM,IAdtBC,EAASD,EAATC,UAASC,EAAAF,EACTG,sBAAAA,OAAwB,IAAHD,GAAQA,EAAAE,EAAAJ,EAC7BK,KAAAA,OAAO,IAAHD,EAAG,UAASA,EAChBE,EAAIN,EAAJM,KAAIC,EAAAP,EACJQ,SAAAA,OAAW,IAAHD,EAAG,MAAKA,EAChBE,EAAKT,EAALS,MACAC,EAAIV,EAAJU,KACAC,EAAQX,EAARW,SAAQC,EAAAZ,EACRa,YAAAA,OAAc,IAAHD,GAAQA,EACnBE,EAAOd,EAAPc,QAAOC,EAAAf,EACPgB,QAAAA,OAAU,IAAHD,GAAQA,EACfE,EAAEjB,EAAFiB,GACeC,EAAUlB,EAAzB,eAAamB,EAAAnB,EACboB,qBAAAA,OAAuB,IAAHD,EAAG,QAAOA,EAExBE,EAAcC,GAAQ,WAC1B,MAAgB,YAATjB,EAAqBkB,EAAWC,CACzC,GAAG,CAACnB,IAEEoB,OAAwBC,IAATpB,EAAqBe,EAAcf,EAExD,OACEqB,EACEC,cAAA,QAAA,CAAA3B,UAAW4B,EAAGC,EAAOC,aAAcC,EAASF,EAAQG,EAAS,QAAAC,OAAS7B,KAAUJ,GAChFkC,KAAK,QAAO,cACCjB,GAAckB,EAAUC,EAAuBC,cAAerB,IAE1ER,GACCkB,EAACC,cAAAW,GAAKC,QAAQ,QAAQC,MAAM,SAASxC,UAAW6B,EAAOY,eAAgBC,IAAI,OACvE9B,GACAc,EAAAC,cAACgB,EAAI,CACH3C,UAAW6B,EAAOxB,KAClBE,SAAUA,EACVqC,YAAU,EACVvC,KAAMmB,EACNqB,kBAAgB,EAChBC,SAAS,OAGbpB,EAACC,cAAAoB,GAAK3C,KAAK,QAAQ4C,QAAQ,KAAKC,OAAO,SAASjD,UAAW6B,EAAOrB,OAC/DA,IAIPkB,EAAAC,cAACW,EAAI,CAACC,QAAQ,QAAQC,MAAM,SAASE,IAAI,OACrClC,GAASO,IAAYH,GAAeV,GACpCwB,EAACC,cAAAgB,EAAK,CAAApC,SAAUA,EAAUuC,SAAU,GAAIF,YAAW,EAAAvC,KAAMmB,EAAcqB,sBAEzEnB,EAACC,cAAAoB,EACC,CAAA3C,KAAK,QACL4C,QAASjC,OAAUU,EAAY,IAC/BzB,UAAW4B,EAAGC,EAAOpB,KAAIyC,EAAAA,EAAAA,EAAA,CAAA,EACtBrB,EAAOd,QAAUA,GACjBc,EAAOsB,cAAgBtC,GACvBgB,EAAOuB,WAAarC,KAGtBN,GAAQC,IAGZG,GACCa,EAAAC,cAAC0B,EAAU,CACTC,KAAK,QACLC,MAAM,mBACNvD,UAAW6B,EAAO2B,UAClBC,iBAAkB7B,EAAGC,EAAO6B,iBAAgBR,EAAA,CAAA,EACzCrB,EAAO8B,iBAAmB5C,IAE7B6C,UAAWzC,EACX0C,eACAxD,KAAMyD,EACNC,QAASlD,IAKnB,GAE6C,CAC3CmD,MAAOC,EACPC,UAAWC"}

package/dist/src/components/AttentionBox/AttentionBox.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={attentionBox:"attentionBox_095d53aa56",closeIconWrapper:"closeIconWrapper_1788e94c88",closeIcon:"closeIcon_46aef4e346",icon:"icon_5dc9415721",title:"title_6a270a55a7",text:"text_1a25e433da",titleContainer:"titleContainer_46aef4e346",typePrimary:"typePrimary_3b24d7bc24",typeDanger:"typeDanger_460c2f0dbd",typeSuccess:"typeSuccess_6bb5f1444d",typeDark:"typeDark_d23e34844a",typeWarning:"typeWarning_03e1ff5f00",closeIconCompact:"closeIconCompact_fcf965de6b",compact:"compact_6b0218bb3b",dismissible:"dismissible_68c63fe90d",paragraph:"paragraph_2c9b56b024"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],a="s_id-98449af05fbe_3_0_0-alpha_2";if(n.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".attentionBox_095d53aa56 {\n  position: relative;\n  padding: 12px var(--spacing-medium);\n  border-radius: var(--border-radius-medium);\n  width: fit-content;\n  max-width: 100%;\n  height: fit-content;\n}\n.attentionBox_095d53aa56 .closeIconWrapper_1788e94c88 .closeIcon_46aef4e346 {\n  color: var(--primary-text-color);\n}\n.attentionBox_095d53aa56 .icon_5dc9415721 {\n  flex-shrink: 0;\n}\n.title_6a270a55a7 {\n  margin: 0;\n  padding-right: var(--spacing-xl);\n}\n.text_1a25e433da,\n.titleContainer_46aef4e346 {\n  color: var(--primary-text-color);\n}\n.typePrimary_3b24d7bc24 {\n  color: var(--primary-text-color);\n  background-color: var(--primary-selected-color);\n}\n.typeDanger_460c2f0dbd {\n  background-color: var(--negative-color-selected);\n}\n.typeSuccess_6bb5f1444d {\n  background-color: var(--positive-color-selected);\n}\n.typeDark_d23e34844a {\n  background-color: var(--ui-background-color);\n  color: var(--primary-text-color);\n}\n.typeWarning_03e1ff5f00 {\n  background-color: var(--warning-color-selected);\n  color: var(--primary-text-color);\n}\n.titleContainer_46aef4e346 {\n  margin-bottom: var(--spacing-xs);\n}\n.titleContainer_46aef4e346:empty {\n  margin-bottom: 0;\n}\n.closeIconWrapper_1788e94c88 {\n  position: absolute;\n  top: 12px;\n  right: 12px;\n}\n.closeIconCompact_fcf965de6b {\n  top: calc(50% - 16px);\n}\n.text_1a25e433da.compact_6b0218bb3b {\n  flex: 1;\n}\n.text_1a25e433da.compact_6b0218bb3b.dismissible_68c63fe90d {\n  padding-right: var(--spacing-xl);\n}\n.text_1a25e433da.paragraph_2c9b56b024 {\n  margin: 0 var(--spacing-medium) 0 0;\n}");export{e as default};
+var e={attentionBox:"attentionBox_dfaa6dc5e8",closeIconWrapper:"closeIconWrapper_45af46dff4",closeIcon:"closeIcon_30645eef2d",icon:"icon_6383a05719",title:"title_a55d47e209",text:"text_09c85749f1",titleContainer:"titleContainer_30645eef2d",typePrimary:"typePrimary_ac095551fa",typeDanger:"typeDanger_4510bb241e",typeSuccess:"typeSuccess_66f6f16f7f",typeDark:"typeDark_534162035e",typeWarning:"typeWarning_c45e9255c6",closeIconCompact:"closeIconCompact_8650ab37fa",compact:"compact_53b545bf76",dismissible:"dismissible_2d78fc018a",paragraph:"paragraph_bb9f8a3ea8"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],a="s_id-98449af05fbe_3_0_0-alpha_5";if(n.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".attentionBox_dfaa6dc5e8 {\n  position: relative;\n  padding: 12px var(--spacing-medium);\n  border-radius: var(--border-radius-medium);\n  width: fit-content;\n  max-width: 100%;\n  height: fit-content;\n}\n.attentionBox_dfaa6dc5e8 .closeIconWrapper_45af46dff4 .closeIcon_30645eef2d {\n  color: var(--primary-text-color);\n}\n.attentionBox_dfaa6dc5e8 .icon_6383a05719 {\n  flex-shrink: 0;\n}\n.title_a55d47e209 {\n  margin: 0;\n  padding-right: var(--spacing-xl);\n}\n.text_09c85749f1,\n.titleContainer_30645eef2d {\n  color: var(--primary-text-color);\n}\n.typePrimary_ac095551fa {\n  color: var(--primary-text-color);\n  background-color: var(--primary-selected-color);\n}\n.typeDanger_4510bb241e {\n  background-color: var(--negative-color-selected);\n}\n.typeSuccess_66f6f16f7f {\n  background-color: var(--positive-color-selected);\n}\n.typeDark_534162035e {\n  background-color: var(--ui-background-color);\n  color: var(--primary-text-color);\n}\n.typeWarning_c45e9255c6 {\n  background-color: var(--warning-color-selected);\n  color: var(--primary-text-color);\n}\n.titleContainer_30645eef2d {\n  margin-bottom: var(--spacing-xs);\n}\n.titleContainer_30645eef2d:empty {\n  margin-bottom: 0;\n}\n.closeIconWrapper_45af46dff4 {\n  position: absolute;\n  top: 12px;\n  right: 12px;\n}\n.closeIconCompact_8650ab37fa {\n  top: calc(50% - 16px);\n}\n.text_09c85749f1.compact_53b545bf76 {\n  flex: 1;\n}\n.text_09c85749f1.compact_53b545bf76.dismissible_2d78fc018a {\n  padding-right: var(--spacing-xl);\n}\n.text_09c85749f1.paragraph_bb9f8a3ea8 {\n  margin: 0 var(--spacing-medium) 0 0;\n}");export{e as default};
 //# sourceMappingURL=AttentionBox.module.scss.js.map

package/dist/src/components/AttentionBox/AttentionBoxLink/AttentionBoxLink.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={attentionBoxLink:"attentionBoxLink_cf7242b6b8"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-683678bf9fce_3_0_0-alpha_2";if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}("a[href].attentionBoxLink_cf7242b6b8,\na[href].attentionBoxLink_cf7242b6b8:hover {\n  color: var(--primary-text-color);\n  text-decoration: underline;\n}");export{e as default};
+var e={attentionBoxLink:"attentionBoxLink_7da5d2d851"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-683678bf9fce_3_0_0-alpha_5";if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}("a[href].attentionBoxLink_7da5d2d851,\na[href].attentionBoxLink_7da5d2d851:hover {\n  color: var(--primary-text-color);\n  text-decoration: underline;\n}");export{e as default};
 //# sourceMappingURL=AttentionBoxLink.module.scss.js.map

package/dist/src/components/Avatar/Avatar.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={avatar:"avatar_824900938e",large:"large_b8ef05f19c",medium:"medium_8075d12171",small:"small_e721d870ef",clickableWrapper:"clickableWrapper_56e0f4abd9",circle:"circle_9758075aa7","focus-visible":"focus-visible_a6745781b5",circleImg:"circleImg_eb4027ebb4",circleText:"circleText_0e72263158",disabled:"disabled_824900938e",square:"square_6b5c494a39",withoutBorder:"withoutBorder_72973af486",badges:"badges_16770ae9cc",badge:"badge_d677ac953b",badgeTopLeft:"badgeTopLeft_79ff635f75",badgeTopRight:"badgeTopRight_1cf07d9cab",badgeBottomLeft:"badgeBottomLeft_bb46aef07a",badgeBottomRight:"badgeBottomRight_8830b85f5e"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],a="s_id-929eed46119e_3_0_0-alpha_2";if(n.querySelector("#"+a))return;const o=document.createElement("style");o.id=a,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}('.avatar_824900938e {\n  position: relative;\n}\n\n.large_b8ef05f19c {\n  height: 50px;\n  width: 50px;\n}\n\n.medium_8075d12171 {\n  height: 32px;\n  width: 32px;\n}\n\n.small_e721d870ef {\n  height: 28px;\n  width: 28px;\n}\n\n.clickableWrapper_56e0f4abd9 {\n  height: 100%;\n  width: 100%;\n}\n\n.circle_9758075aa7 {\n  height: 100%;\n  width: 100%;\n  position: relative;\n  border: 1px solid;\n  border-radius: 50%;\n  overflow: hidden;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: var(--text-color-on-primary);\n}\n\n.circle_9758075aa7:focus {\n  outline: none;\n}\n\n.circle_9758075aa7:focus:focus-visible, .circle_9758075aa7:focus.focus-visible_a6745781b5 {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.circle_9758075aa7:focus:focus:not(.focus-visible_a6745781b5) {\n  outline: none;\n}\n\n.circleImg_eb4027ebb4 {\n  border-color: var(--primary-background-color);\n}\n\n.circleText_0e72263158 {\n  border-color: var(--layout-border-color);\n}\n\n.disabled_824900938e:before {\n  content: "";\n  height: 100%;\n  width: 100%;\n  position: absolute;\n  top: 0;\n  opacity: 0.7;\n  background: var(--primary-background-color);\n}\n\n.square_6b5c494a39 {\n  border-radius: var(--border-radius-small);\n}\n\n.square_6b5c494a39:focus {\n  outline: none;\n}\n\n.square_6b5c494a39:focus:focus-visible, .square_6b5c494a39:focus.focus-visible_a6745781b5 {\n  outline: none;\n  z-index: 11;\n  border-radius: var(--border-radius-small);\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.square_6b5c494a39:focus:focus:not(.focus-visible_a6745781b5) {\n  outline: none;\n}\n\n.withoutBorder_72973af486 {\n  border: none;\n}\n\n.badges_16770ae9cc {\n  position: absolute;\n  top: 50%;\n  left: 50%; /* position the left edge of the element at the middle of the parent */\n  transform: translate(-50%, -50%);\n  display: grid;\n  grid-template-columns: 50% 50%;\n  margin-left: auto;\n  margin-right: auto;\n  height: 110%;\n  width: 110%;\n}\n\n.badges_16770ae9cc .badge_d677ac953b {\n  display: flex;\n}\n\n.badges_16770ae9cc .badgeTopLeft_79ff635f75 {\n  grid-row: 1;\n  grid-column: 1;\n  justify-self: start;\n}\n\n.badges_16770ae9cc .badgeTopRight_1cf07d9cab {\n  grid-row: 1;\n  grid-column: 2;\n  justify-self: end;\n}\n\n.badges_16770ae9cc .badgeBottomLeft_bb46aef07a {\n  grid-row: 2;\n  grid-column: 1;\n  justify-self: start;\n  align-self: end;\n}\n\n.badges_16770ae9cc .badgeBottomRight_8830b85f5e {\n  grid-row: 2;\n  grid-column: 2;\n  justify-self: end;\n  align-self: end;\n}');export{e as default};
+var e={avatar:"avatar_981262aa11",large:"large_3754d184b1",medium:"medium_82b0379875",small:"small_663955a878",clickableWrapper:"clickableWrapper_1bcd093c36",circle:"circle_040e7c20c9","focus-visible":"focus-visible_4848ff6d5c",circleImg:"circleImg_2b7365c679",circleText:"circleText_763d0fe5fa",disabled:"disabled_981262aa11",square:"square_7c407d10b1",withoutBorder:"withoutBorder_af1d2add0c",badges:"badges_3ef46981d9",badge:"badge_567dcaae50",badgeTopLeft:"badgeTopLeft_eb856bc9dc",badgeTopRight:"badgeTopRight_fc2266a12f",badgeBottomLeft:"badgeBottomLeft_d653844045",badgeBottomRight:"badgeBottomRight_708167065e"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],d="s_id-929eed46119e_3_0_0-alpha_5";if(n.querySelector("#"+d))return;const o=document.createElement("style");o.id=d,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}('.avatar_981262aa11 {\n  position: relative;\n}\n\n.large_3754d184b1 {\n  height: 50px;\n  width: 50px;\n}\n\n.medium_82b0379875 {\n  height: 32px;\n  width: 32px;\n}\n\n.small_663955a878 {\n  height: 28px;\n  width: 28px;\n}\n\n.clickableWrapper_1bcd093c36 {\n  height: 100%;\n  width: 100%;\n}\n\n.circle_040e7c20c9 {\n  height: 100%;\n  width: 100%;\n  position: relative;\n  border: 1px solid;\n  border-radius: 50%;\n  overflow: hidden;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: var(--text-color-on-primary);\n}\n\n.circle_040e7c20c9:focus {\n  outline: none;\n}\n\n.circle_040e7c20c9:focus:focus-visible, .circle_040e7c20c9:focus.focus-visible_4848ff6d5c {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.circle_040e7c20c9:focus:focus:not(.focus-visible_4848ff6d5c) {\n  outline: none;\n}\n\n.circleImg_2b7365c679 {\n  border-color: var(--primary-background-color);\n}\n\n.circleText_763d0fe5fa {\n  border-color: var(--layout-border-color);\n}\n\n.disabled_981262aa11:before {\n  content: "";\n  height: 100%;\n  width: 100%;\n  position: absolute;\n  top: 0;\n  opacity: 0.7;\n  background: var(--primary-background-color);\n}\n\n.square_7c407d10b1 {\n  border-radius: var(--border-radius-small);\n}\n\n.square_7c407d10b1:focus {\n  outline: none;\n}\n\n.square_7c407d10b1:focus:focus-visible, .square_7c407d10b1:focus.focus-visible_4848ff6d5c {\n  outline: none;\n  z-index: 11;\n  border-radius: var(--border-radius-small);\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.square_7c407d10b1:focus:focus:not(.focus-visible_4848ff6d5c) {\n  outline: none;\n}\n\n.withoutBorder_af1d2add0c {\n  border: none;\n}\n\n.badges_3ef46981d9 {\n  position: absolute;\n  top: 50%;\n  left: 50%; /* position the left edge of the element at the middle of the parent */\n  transform: translate(-50%, -50%);\n  display: grid;\n  grid-template-columns: 50% 50%;\n  margin-left: auto;\n  margin-right: auto;\n  height: 110%;\n  width: 110%;\n}\n\n.badges_3ef46981d9 .badge_567dcaae50 {\n  display: flex;\n}\n\n.badges_3ef46981d9 .badgeTopLeft_eb856bc9dc {\n  grid-row: 1;\n  grid-column: 1;\n  justify-self: start;\n}\n\n.badges_3ef46981d9 .badgeTopRight_fc2266a12f {\n  grid-row: 1;\n  grid-column: 2;\n  justify-self: end;\n}\n\n.badges_3ef46981d9 .badgeBottomLeft_d653844045 {\n  grid-row: 2;\n  grid-column: 1;\n  justify-self: start;\n  align-self: end;\n}\n\n.badges_3ef46981d9 .badgeBottomRight_708167065e {\n  grid-row: 2;\n  grid-column: 2;\n  justify-self: end;\n  align-self: end;\n}');export{e as default};
 //# sourceMappingURL=Avatar.module.scss.js.map

package/dist/src/components/Avatar/AvatarBadge.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={badgeLarge:"badgeLarge_434d3b32f1",badgeMedium:"badgeMedium_5e1db5e6f3",badgeSmall:"badgeSmall_60ab77cd1a"};!function(e){if("undefined"==typeof document)return;const d=document.head||document.getElementsByTagName("head")[0],a="s_id-86fd2091f40c_3_0_0-alpha_2";if(d.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}(".badgeLarge_434d3b32f1 {\n  height: 19px;\n  width: 19px;\n}\n\n.badgeMedium_5e1db5e6f3 {\n  height: 13px;\n  width: 13px;\n}\n\n.badgeSmall_60ab77cd1a {\n  height: 10px;\n  width: 10px;\n}");export{e as default};
+var e={badgeLarge:"badgeLarge_9abdbc3c0a",badgeMedium:"badgeMedium_6515e32ff6",badgeSmall:"badgeSmall_af03ae79df"};!function(e){if("undefined"==typeof document)return;const d=document.head||document.getElementsByTagName("head")[0],a="s_id-86fd2091f40c_3_0_0-alpha_5";if(d.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}(".badgeLarge_9abdbc3c0a {\n  height: 19px;\n  width: 19px;\n}\n\n.badgeMedium_6515e32ff6 {\n  height: 13px;\n  width: 13px;\n}\n\n.badgeSmall_af03ae79df {\n  height: 10px;\n  width: 10px;\n}");export{e as default};
 //# sourceMappingURL=AvatarBadge.module.scss.js.map

package/dist/src/components/Avatar/AvatarContent.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={contentImg:"contentImg_3647f8033a",contentText:"contentText_fbb6771df1",contentTextLarge:"contentTextLarge_c3fe18510c",contentTextMedium:"contentTextMedium_b82d3513fd",contentTextSmall:"contentTextSmall_0228c9a553",contentIconLarge:"contentIconLarge_e721d870ef",contentIconMedium:"contentIconMedium_44722709c7",contentIconSmall:"contentIconSmall_4ba0eb1b35"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],e="s_id-dcc3109ac00f_3_0_0-alpha_2";if(t.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(n))}(".contentImg_3647f8033a {\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n}\n\n.contentText_fbb6771df1 {\n  font-family: var(--font-family);\n  font-weight: 400;\n  line-height: 21px;\n  letter-spacing: -0.5px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n}\n\n.contentTextLarge_c3fe18510c {\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font-family: var(--font-family) !important;\n}\n\n.contentTextMedium_b82d3513fd {\n  font: var(--font-text1-normal);\n  margin-top: 1px;\n}\n\n.contentTextSmall_0228c9a553 {\n  margin-top: 1px;\n  font-size: 12px;\n}\n\n.contentIconLarge_e721d870ef {\n  height: 28px;\n  width: 28px;\n}\n\n.contentIconMedium_44722709c7 {\n  height: 18px;\n  width: 18px;\n}\n\n.contentIconSmall_4ba0eb1b35 {\n  height: 12px;\n  width: 12px;\n}");export{n as default};
+var n={contentImg:"contentImg_ead8783249",contentText:"contentText_ae5520f271",contentTextLarge:"contentTextLarge_817fc46f31",contentTextMedium:"contentTextMedium_e7325a8565",contentTextSmall:"contentTextSmall_92fc2ae74a",contentIconLarge:"contentIconLarge_663955a878",contentIconMedium:"contentIconMedium_2dec41db34",contentIconSmall:"contentIconSmall_628d145972"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],e="s_id-dcc3109ac00f_3_0_0-alpha_5";if(t.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(n))}(".contentImg_ead8783249 {\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n}\n\n.contentText_ae5520f271 {\n  font-family: var(--font-family);\n  font-weight: 400;\n  line-height: 21px;\n  letter-spacing: -0.5px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n}\n\n.contentTextLarge_817fc46f31 {\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font-family: var(--font-family) !important;\n}\n\n.contentTextMedium_e7325a8565 {\n  font: var(--font-text1-normal);\n  margin-top: 1px;\n}\n\n.contentTextSmall_92fc2ae74a {\n  margin-top: 1px;\n  font-size: 12px;\n}\n\n.contentIconLarge_663955a878 {\n  height: 28px;\n  width: 28px;\n}\n\n.contentIconMedium_2dec41db34 {\n  height: 18px;\n  width: 18px;\n}\n\n.contentIconSmall_628d145972 {\n  height: 12px;\n  width: 12px;\n}");export{n as default};
 //# sourceMappingURL=AvatarContent.module.scss.js.map

package/dist/src/components/AvatarGroup/AvatarGroup.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={avatarGroupContainer:"avatarGroupContainer_e1813f6c9f",avatarContainer:"avatarContainer_cbfae31ab4"};!function(e){if("undefined"==typeof document)return;const a=document.head||document.getElementsByTagName("head")[0],n="s_id-0d36779f5b9e_3_0_0-alpha_2";if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}(".avatarGroupContainer_e1813f6c9f {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  position: relative;\n  padding: 0;\n  margin: 0;\n}\n\n.avatarContainer_cbfae31ab4 {\n  margin-left: calc(-1 * var(--spacing-small));\n}");export{e as default};
+var e={avatarGroupContainer:"avatarGroupContainer_f16d661224",avatarContainer:"avatarContainer_32c98d670b"};!function(e){if("undefined"==typeof document)return;const a=document.head||document.getElementsByTagName("head")[0],n="s_id-0d36779f5b9e_3_0_0-alpha_5";if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}(".avatarGroupContainer_f16d661224 {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  position: relative;\n  padding: 0;\n  margin: 0;\n}\n\n.avatarContainer_32c98d670b {\n  margin-left: calc(-1 * var(--spacing-small));\n}");export{e as default};
 //# sourceMappingURL=AvatarGroup.module.scss.js.map

package/dist/src/components/AvatarGroup/AvatarGroupCounter.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={counterContainer:"counterContainer_a3ce1c55bf","focus-visible":"focus-visible_a5c0a03abb",small:"small_803ead7ac4",medium:"medium_8ae9501f62",large:"large_bda965dc5e",primary:"primary_8651f4bad3",dark:"dark_2504f016b9",negative:"negative_80594cd705",light:"light_b12ef0e02b",disabled:"disabled_2aaefd18e5",menu:"menu_847f36a547"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],a="s_id-abc6ab3af47c_3_0_0-alpha_2";if(e.querySelector("#"+a))return;const o=document.createElement("style");o.id=a,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(n))}(".counterContainer_a3ce1c55bf {\n  background: var(--ui-background-color);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-left: calc(-1 * var(--spacing-small));\n  z-index: 1;\n  border: 1px solid var(--primary-background-color);\n}\n.counterContainer_a3ce1c55bf:focus-visible, .counterContainer_a3ce1c55bf.focus-visible_a5c0a03abb {\n  outline: none;\n}\n.counterContainer_a3ce1c55bf:focus-visible:focus-visible, .counterContainer_a3ce1c55bf:focus-visible.focus-visible_a5c0a03abb, .counterContainer_a3ce1c55bf.focus-visible_a5c0a03abb:focus-visible, .counterContainer_a3ce1c55bf.focus-visible_a5c0a03abb.focus-visible_a5c0a03abb {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.counterContainer_a3ce1c55bf:focus-visible:focus:not(.focus-visible_a5c0a03abb), .counterContainer_a3ce1c55bf.focus-visible_a5c0a03abb:focus:not(.focus-visible_a5c0a03abb) {\n  outline: none;\n}\n.counterContainer_a3ce1c55bf.small_803ead7ac4 {\n  height: 28px;\n  min-width: 28px;\n  border-radius: 14px;\n  padding: 0 1px;\n}\n.counterContainer_a3ce1c55bf.medium_8ae9501f62 {\n  height: 32px;\n  min-width: 32px;\n  border-radius: 16px;\n  padding: 0 2px;\n}\n.counterContainer_a3ce1c55bf.large_bda965dc5e {\n  height: 50px;\n  min-width: 50px;\n  border-radius: 25px;\n  padding: 0 var(--spacing-xs);\n}\n.counterContainer_a3ce1c55bf.primary_8651f4bad3 {\n  color: var(--text-color-on-primary);\n  background-color: var(--primary-color);\n}\n.counterContainer_a3ce1c55bf.dark_2504f016b9 {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.counterContainer_a3ce1c55bf.negative_80594cd705 {\n  color: var(--text-color-on-primary);\n  background-color: var(--negative-color);\n}\n.counterContainer_a3ce1c55bf.light_b12ef0e02b {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.counterContainer_a3ce1c55bf .disabled_2aaefd18e5, .counterContainer_a3ce1c55bf.disabled_2aaefd18e5 {\n  background-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n}\n.menu_847f36a547 {\n  max-height: 300px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.menu_847f36a547::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.menu_847f36a547::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{n as default};
+var n={counterContainer:"counterContainer_a128dae95a","focus-visible":"focus-visible_04dc925575",small:"small_9c961dfa60",medium:"medium_1a3bda9dcf",large:"large_add11fc77f",primary:"primary_559de2ef0b",dark:"dark_adada77075",negative:"negative_c7edb34e1c",light:"light_9691f8ea6d",disabled:"disabled_ddebd08f15",menu:"menu_d3dad2e295"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],a="s_id-abc6ab3af47c_3_0_0-alpha_5";if(e.querySelector("#"+a))return;const o=document.createElement("style");o.id=a,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(n))}(".counterContainer_a128dae95a {\n  background: var(--ui-background-color);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-left: calc(-1 * var(--spacing-small));\n  z-index: 1;\n  border: 1px solid var(--primary-background-color);\n}\n.counterContainer_a128dae95a:focus-visible, .counterContainer_a128dae95a.focus-visible_04dc925575 {\n  outline: none;\n}\n.counterContainer_a128dae95a:focus-visible:focus-visible, .counterContainer_a128dae95a:focus-visible.focus-visible_04dc925575, .counterContainer_a128dae95a.focus-visible_04dc925575:focus-visible, .counterContainer_a128dae95a.focus-visible_04dc925575.focus-visible_04dc925575 {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.counterContainer_a128dae95a:focus-visible:focus:not(.focus-visible_04dc925575), .counterContainer_a128dae95a.focus-visible_04dc925575:focus:not(.focus-visible_04dc925575) {\n  outline: none;\n}\n.counterContainer_a128dae95a.small_9c961dfa60 {\n  height: 28px;\n  min-width: 28px;\n  border-radius: 14px;\n  padding: 0 1px;\n}\n.counterContainer_a128dae95a.medium_1a3bda9dcf {\n  height: 32px;\n  min-width: 32px;\n  border-radius: 16px;\n  padding: 0 2px;\n}\n.counterContainer_a128dae95a.large_add11fc77f {\n  height: 50px;\n  min-width: 50px;\n  border-radius: 25px;\n  padding: 0 var(--spacing-xs);\n}\n.counterContainer_a128dae95a.primary_559de2ef0b {\n  color: var(--text-color-on-primary);\n  background-color: var(--primary-color);\n}\n.counterContainer_a128dae95a.dark_adada77075 {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.counterContainer_a128dae95a.negative_c7edb34e1c {\n  color: var(--text-color-on-primary);\n  background-color: var(--negative-color);\n}\n.counterContainer_a128dae95a.light_9691f8ea6d {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.counterContainer_a128dae95a .disabled_ddebd08f15, .counterContainer_a128dae95a.disabled_ddebd08f15 {\n  background-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n}\n.menu_d3dad2e295 {\n  max-height: 300px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.menu_d3dad2e295::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.menu_d3dad2e295::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{n as default};
 //# sourceMappingURL=AvatarGroupCounter.module.scss.js.map

package/dist/src/components/AvatarGroup/AvatarGroupCounterTooltipContent.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var t={tooltipAvatarItemTitle:"tooltipAvatarItemTitle_1143c89292",tooltipContainer:"tooltipContainer_bf513221d9","focus-visible":"focus-visible_a5c0a03abb",tooltipGridContainer:"tooltipGridContainer_3b1bd5d60c",scrollableContainer:"scrollableContainer_f00b53ac56"};!function(t){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],e="s_id-de7e28416fbe_3_0_0-alpha_2";if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(t))}(".tooltipAvatarItemTitle_1143c89292 {\n  white-space: nowrap;\n}\n\n.tooltipContainer_bf513221d9 {\n  max-height: 300px;\n  padding-right: var(--spacing-medium);\n  align-items: flex-start !important;\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--spacing-small);\n}\n\n.tooltipContainer_bf513221d9:focus, .tooltipContainer_bf513221d9:focus-visible, .tooltipContainer_bf513221d9.focus-visible_a5c0a03abb {\n  outline: none;\n}\n\n.tooltipGridContainer_3b1bd5d60c {\n  max-width: 160px;\n  padding-right: 0;\n}\n\n.scrollableContainer_f00b53ac56::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n\n.scrollableContainer_f00b53ac56::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{t as default};
+var e={tooltipAvatarItemTitle:"tooltipAvatarItemTitle_f0b4ca1cea",tooltipContainer:"tooltipContainer_4c8160e4bb","focus-visible":"focus-visible_04dc925575",tooltipGridContainer:"tooltipGridContainer_c05c780c88",scrollableContainer:"scrollableContainer_e8ea09b7a0"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-de7e28416fbe_3_0_0-alpha_5";if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}(".tooltipAvatarItemTitle_f0b4ca1cea {\n  white-space: nowrap;\n}\n\n.tooltipContainer_4c8160e4bb {\n  max-height: 300px;\n  padding-right: var(--spacing-medium);\n  align-items: flex-start !important;\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--spacing-small);\n}\n\n.tooltipContainer_4c8160e4bb:focus, .tooltipContainer_4c8160e4bb:focus-visible, .tooltipContainer_4c8160e4bb.focus-visible_04dc925575 {\n  outline: none;\n}\n\n.tooltipGridContainer_c05c780c88 {\n  max-width: 160px;\n  padding-right: 0;\n}\n\n.scrollableContainer_e8ea09b7a0::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n\n.scrollableContainer_e8ea09b7a0::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
 //# sourceMappingURL=AvatarGroupCounterTooltipContent.module.scss.js.map

package/dist/src/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={scrollableContainer:"scrollableContainer_205cee93ea",virtualizedTooltipContainer:"virtualizedTooltipContainer_a10a65e6d6","focus-visible":"focus-visible_a5c0a03abb"};!function(e){if("undefined"==typeof document)return;const i=document.head||document.getElementsByTagName("head")[0],a="s_id-13c8e71f272d_3_0_0-alpha_2";if(i.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,i.firstChild?i.insertBefore(n,i.firstChild):i.appendChild(n),n.appendChild(document.createTextNode(e))}(".scrollableContainer_205cee93ea::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_205cee93ea::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.virtualizedTooltipContainer_a10a65e6d6 {\n  align-items: flex-start !important;\n  display: flex;\n  overflow-y: hidden;\n  overflow-x: visible;\n}\n.virtualizedTooltipContainer_a10a65e6d6:focus, .virtualizedTooltipContainer_a10a65e6d6:focus-visible, .virtualizedTooltipContainer_a10a65e6d6.focus-visible_a5c0a03abb {\n  outline: none;\n}");export{e as default};
+var e={scrollableContainer:"scrollableContainer_9302890543",virtualizedTooltipContainer:"virtualizedTooltipContainer_f977d95373","focus-visible":"focus-visible_04dc925575"};!function(e){if("undefined"==typeof document)return;const i=document.head||document.getElementsByTagName("head")[0],n="s_id-13c8e71f272d_3_0_0-alpha_5";if(i.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,i.firstChild?i.insertBefore(o,i.firstChild):i.appendChild(o),o.appendChild(document.createTextNode(e))}(".scrollableContainer_9302890543::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_9302890543::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.virtualizedTooltipContainer_f977d95373 {\n  align-items: flex-start !important;\n  display: flex;\n  overflow-y: hidden;\n  overflow-x: visible;\n}\n.virtualizedTooltipContainer_f977d95373:focus, .virtualizedTooltipContainer_f977d95373:focus-visible, .virtualizedTooltipContainer_f977d95373.focus-visible_04dc925575 {\n  outline: none;\n}");export{e as default};
 //# sourceMappingURL=AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js.map

package/dist/src/components/Badge/Badge.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={badgeWrapper:"badgeWrapper_824900938e",badge:"badge_3d79df0b3c",outside:"outside_01e506c598",topEnd:"topEnd_df7e6d0340",rectangular:"rectangular_66bb3b4ddf",circular:"circular_3503f63160",topStart:"topStart_0844f11469",bottomEnd:"bottomEnd_1621d1baaa",bottomStart:"bottomStart_314cbd50fe"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],a="s_id-b5dca6298ea9_3_0_0-alpha_2";if(t.querySelector("#"+a))return;const d=document.createElement("style");d.id=a,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}(".badgeWrapper_824900938e {\n  position: relative;\n}\n.badgeWrapper_824900938e .badge_3d79df0b3c {\n  z-index: 1;\n  position: absolute;\n  border-radius: 16px;\n}\n.badgeWrapper_824900938e .badge_3d79df0b3c:not(.outside_01e506c598) {\n  border: 2px solid;\n  border-color: var(--primary-background-color);\n}\n.badgeWrapper_824900938e .badge_3d79df0b3c.topEnd_df7e6d0340.rectangular_66bb3b4ddf {\n  top: 0;\n  right: 0;\n  translate: 50% -50%;\n}\n.badgeWrapper_824900938e .badge_3d79df0b3c.topEnd_df7e6d0340.outside_01e506c598 {\n  top: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_824900938e .badge_3d79df0b3c.topEnd_df7e6d0340.circular_3503f63160 {\n  top: 15%;\n  right: 15%;\n  translate: 50% -50%;\n}\n.badgeWrapper_824900938e .badge_3d79df0b3c.topStart_0844f11469.rectangular_66bb3b4ddf {\n  top: 0;\n  left: 0;\n  translate: -50% -50%;\n}\n.badgeWrapper_824900938e .badge_3d79df0b3c.topStart_0844f11469.outside_01e506c598 {\n  top: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_824900938e .badge_3d79df0b3c.topStart_0844f11469.circular_3503f63160 {\n  top: 15%;\n  left: 15%;\n  translate: -50% -50%;\n}\n.badgeWrapper_824900938e .badge_3d79df0b3c.bottomEnd_1621d1baaa.rectangular_66bb3b4ddf {\n  bottom: 0;\n  right: 0;\n  translate: 50% 50%;\n}\n.badgeWrapper_824900938e .badge_3d79df0b3c.bottomEnd_1621d1baaa.outside_01e506c598 {\n  bottom: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_824900938e .badge_3d79df0b3c.bottomEnd_1621d1baaa.circular_3503f63160 {\n  bottom: 15%;\n  right: 15%;\n  translate: 50% 50%;\n}\n.badgeWrapper_824900938e .badge_3d79df0b3c.bottomStart_314cbd50fe.rectangular_66bb3b4ddf {\n  bottom: 0;\n  left: 0;\n  translate: -50% 50%;\n}\n.badgeWrapper_824900938e .badge_3d79df0b3c.bottomStart_314cbd50fe.outside_01e506c598 {\n  bottom: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_824900938e .badge_3d79df0b3c.bottomStart_314cbd50fe.circular_3503f63160 {\n  bottom: 15%;\n  left: 15%;\n  translate: -50% 50%;\n}");export{e as default};
+var a={badgeWrapper:"badgeWrapper_981262aa11",badge:"badge_f0a48f17f3",outside:"outside_5b3e12343c",topEnd:"topEnd_f8984a97e6",rectangular:"rectangular_7c62c82355",circular:"circular_0aaf40b5d6",topStart:"topStart_fc31d56613",bottomEnd:"bottomEnd_cc83049b43",bottomStart:"bottomStart_793a676c53"};!function(a){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],e="s_id-b5dca6298ea9_3_0_0-alpha_5";if(t.querySelector("#"+e))return;const n=document.createElement("style");n.id=e,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(a))}(".badgeWrapper_981262aa11 {\n  position: relative;\n}\n.badgeWrapper_981262aa11 .badge_f0a48f17f3 {\n  z-index: 1;\n  position: absolute;\n  border-radius: 16px;\n}\n.badgeWrapper_981262aa11 .badge_f0a48f17f3:not(.outside_5b3e12343c) {\n  border: 2px solid;\n  border-color: var(--primary-background-color);\n}\n.badgeWrapper_981262aa11 .badge_f0a48f17f3.topEnd_f8984a97e6.rectangular_7c62c82355 {\n  top: 0;\n  right: 0;\n  translate: 50% -50%;\n}\n.badgeWrapper_981262aa11 .badge_f0a48f17f3.topEnd_f8984a97e6.outside_5b3e12343c {\n  top: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_981262aa11 .badge_f0a48f17f3.topEnd_f8984a97e6.circular_0aaf40b5d6 {\n  top: 15%;\n  right: 15%;\n  translate: 50% -50%;\n}\n.badgeWrapper_981262aa11 .badge_f0a48f17f3.topStart_fc31d56613.rectangular_7c62c82355 {\n  top: 0;\n  left: 0;\n  translate: -50% -50%;\n}\n.badgeWrapper_981262aa11 .badge_f0a48f17f3.topStart_fc31d56613.outside_5b3e12343c {\n  top: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_981262aa11 .badge_f0a48f17f3.topStart_fc31d56613.circular_0aaf40b5d6 {\n  top: 15%;\n  left: 15%;\n  translate: -50% -50%;\n}\n.badgeWrapper_981262aa11 .badge_f0a48f17f3.bottomEnd_cc83049b43.rectangular_7c62c82355 {\n  bottom: 0;\n  right: 0;\n  translate: 50% 50%;\n}\n.badgeWrapper_981262aa11 .badge_f0a48f17f3.bottomEnd_cc83049b43.outside_5b3e12343c {\n  bottom: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_981262aa11 .badge_f0a48f17f3.bottomEnd_cc83049b43.circular_0aaf40b5d6 {\n  bottom: 15%;\n  right: 15%;\n  translate: 50% 50%;\n}\n.badgeWrapper_981262aa11 .badge_f0a48f17f3.bottomStart_793a676c53.rectangular_7c62c82355 {\n  bottom: 0;\n  left: 0;\n  translate: -50% 50%;\n}\n.badgeWrapper_981262aa11 .badge_f0a48f17f3.bottomStart_793a676c53.outside_5b3e12343c {\n  bottom: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_981262aa11 .badge_f0a48f17f3.bottomStart_793a676c53.circular_0aaf40b5d6 {\n  bottom: 15%;\n  left: 15%;\n  translate: -50% 50%;\n}");export{a as default};
 //# sourceMappingURL=Badge.module.scss.js.map

package/dist/src/components/Badge/Indicator/Indicator.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={indicator:"indicator_46cc02676d",primary:"primary_9d69a05eda",notification:"notification_509352e93e"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],i="s_id-d6448d74722f_3_0_0-alpha_2";if(n.querySelector("#"+i))return;const d=document.createElement("style");d.id=i,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}(".indicator_46cc02676d {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n}\n.indicator_46cc02676d.primary_9d69a05eda {\n  background-color: var(--primary-color);\n}\n.indicator_46cc02676d.notification_509352e93e {\n  background-color: var(--negative-color);\n}");export{e as default};
+var d={indicator:"indicator_70b3ea3dfd",primary:"primary_d493ebc6b3",notification:"notification_2daf4d27a7"};!function(d){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-d6448d74722f_3_0_0-alpha_5";if(e.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(d))}(".indicator_70b3ea3dfd {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n}\n.indicator_70b3ea3dfd.primary_d493ebc6b3 {\n  background-color: var(--primary-color);\n}\n.indicator_70b3ea3dfd.notification_2daf4d27a7 {\n  background-color: var(--negative-color);\n}");export{d as default};
 //# sourceMappingURL=Indicator.module.scss.js.map

package/dist/src/components/BaseInput/BaseInput.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var r={wrapper:"wrapper_2727780650",small:"small_345b8b34de",medium:"medium_87385fab1e",large:"large_94a2b955eb",rightThinnerPadding:"rightThinnerPadding_f1810ccc5e",input:"input_a3910417c7",success:"success_91bb83f759",readOnly:"readOnly_e77a5fbe98",disabled:"disabled_65484eacf6",error:"error_626c809382"};!function(r){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],e="s_id-1f2ba40749da_3_0_0-alpha_2";if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(r))}(".wrapper_2727780650 {\n  width: 100%;\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-small);\n  padding-block: var(--spacing-xs);\n  padding-inline: var(--spacing-medium) var(--spacing-xs);\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  outline: none;\n  border: 1px solid var(--ui-border-color);\n  border-radius: var(--border-radius-small);\n  color: var(--primary-text-color);\n  background-color: var(--secondary-background-color);\n  transition: border-color var(--motion-productive-medium) ease-in;\n}\n.wrapper_2727780650.small_345b8b34de {\n  min-height: 32px;\n  height: 32px;\n  font: var(--font-text2-normal);\n}\n.wrapper_2727780650.medium_87385fab1e {\n  min-height: 40px;\n  height: 40px;\n}\n.wrapper_2727780650.large_94a2b955eb {\n  min-height: 48px;\n  height: 48px;\n  padding-block: var(--spacing-small);\n}\n.wrapper_2727780650.rightThinnerPadding_f1810ccc5e {\n  padding-inline-end: var(--spacing-medium);\n}\n.wrapper_2727780650:hover {\n  border-color: var(--primary-text-color);\n}\n@supports selector(:has(*)) {\n  .wrapper_2727780650:has(.input_a3910417c7:active, .input_a3910417c7:focus) {\n    border-color: var(--primary-color);\n  }\n  .wrapper_2727780650:has(.input_a3910417c7:read-only) {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_2727780650:has(.input_a3910417c7:read-only) .input_a3910417c7 {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_2727780650:has(.input_a3910417c7:disabled) {\n    cursor: not-allowed;\n    user-select: none;\n    border: none;\n    pointer-events: none;\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_2727780650:has(.input_a3910417c7:disabled) .input_a3910417c7 {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_2727780650.success_91bb83f759 {\n    border-color: var(--positive-color);\n  }\n  .wrapper_2727780650.success_91bb83f759:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_2727780650.success_91bb83f759:has(.input_a3910417c7:active, .input_a3910417c7:focus) {\n    border-color: var(--positive-color);\n  }\n  .wrapper_2727780650:has(.input_a3910417c7[aria-invalid=true]) {\n    border-color: var(--negative-color);\n  }\n  .wrapper_2727780650:has(.input_a3910417c7[aria-invalid=true]):hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_2727780650:has(.input_a3910417c7[aria-invalid=true]):has(.input_a3910417c7:active, .input_a3910417c7:focus) {\n    border-color: var(--negative-color);\n  }\n}\n@supports not selector(:has(*)) {\n  .wrapper_2727780650:focus-within {\n    border-color: var(--primary-color);\n  }\n  .wrapper_2727780650.readOnly_e77a5fbe98 {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_2727780650.readOnly_e77a5fbe98 .input_a3910417c7 {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_2727780650.disabled_65484eacf6 {\n    cursor: not-allowed;\n    user-select: none;\n    border: none;\n    pointer-events: none;\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_2727780650.disabled_65484eacf6 .input_a3910417c7 {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_2727780650.success_91bb83f759 {\n    border-color: var(--positive-color);\n  }\n  .wrapper_2727780650.success_91bb83f759:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_2727780650.success_91bb83f759:focus-within {\n    border-color: var(--positive-color);\n  }\n  .wrapper_2727780650.error_626c809382 {\n    border-color: var(--negative-color);\n  }\n  .wrapper_2727780650.error_626c809382:hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_2727780650.error_626c809382:focus-within {\n    border-color: var(--negative-color);\n  }\n}\n.wrapper_2727780650 .input_a3910417c7 {\n  all: unset;\n  flex: 1;\n  width: 100%;\n  height: 100%;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  border: none;\n  outline: none;\n}\n.wrapper_2727780650 .input_a3910417c7::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n.wrapper_2727780650 .input_a3910417c7:disabled::placeholder {\n  color: var(--disabled-text-color);\n}");export{r as default};
+var e={wrapper:"wrapper_3e3101eb32",small:"small_f22ed49815",medium:"medium_025c0bcee8",large:"large_da044d0008",rightThinnerPadding:"rightThinnerPadding_9b181634ce",input:"input_b7ddec150e",success:"success_76ddc90389",readOnly:"readOnly_2fa2533c4a",disabled:"disabled_791fe2b7cf",error:"error_6055f5a10f"};!function(e){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],n="s_id-1f2ba40749da_3_0_0-alpha_5";if(r.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.appendChild(document.createTextNode(e))}(".wrapper_3e3101eb32 {\n  width: 100%;\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-small);\n  padding-block: var(--spacing-xs);\n  padding-inline: var(--spacing-medium) var(--spacing-xs);\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  outline: none;\n  border: 1px solid var(--ui-border-color);\n  border-radius: var(--border-radius-small);\n  color: var(--primary-text-color);\n  background-color: var(--secondary-background-color);\n  transition: border-color var(--motion-productive-medium) ease-in;\n}\n.wrapper_3e3101eb32.small_f22ed49815 {\n  min-height: 32px;\n  height: 32px;\n  font: var(--font-text2-normal);\n}\n.wrapper_3e3101eb32.medium_025c0bcee8 {\n  min-height: 40px;\n  height: 40px;\n}\n.wrapper_3e3101eb32.large_da044d0008 {\n  min-height: 48px;\n  height: 48px;\n  padding-block: var(--spacing-small);\n}\n.wrapper_3e3101eb32.rightThinnerPadding_9b181634ce {\n  padding-inline-end: var(--spacing-medium);\n}\n.wrapper_3e3101eb32:hover {\n  border-color: var(--primary-text-color);\n}\n@supports selector(:has(*)) {\n  .wrapper_3e3101eb32:has(.input_b7ddec150e:active, .input_b7ddec150e:focus) {\n    border-color: var(--primary-color);\n  }\n  .wrapper_3e3101eb32:has(.input_b7ddec150e:read-only) {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_3e3101eb32:has(.input_b7ddec150e:read-only) .input_b7ddec150e {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_3e3101eb32:has(.input_b7ddec150e:disabled) {\n    cursor: not-allowed;\n    user-select: none;\n    border: none;\n    pointer-events: none;\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_3e3101eb32:has(.input_b7ddec150e:disabled) .input_b7ddec150e {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_3e3101eb32.success_76ddc90389 {\n    border-color: var(--positive-color);\n  }\n  .wrapper_3e3101eb32.success_76ddc90389:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_3e3101eb32.success_76ddc90389:has(.input_b7ddec150e:active, .input_b7ddec150e:focus) {\n    border-color: var(--positive-color);\n  }\n  .wrapper_3e3101eb32:has(.input_b7ddec150e[aria-invalid=true]) {\n    border-color: var(--negative-color);\n  }\n  .wrapper_3e3101eb32:has(.input_b7ddec150e[aria-invalid=true]):hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_3e3101eb32:has(.input_b7ddec150e[aria-invalid=true]):has(.input_b7ddec150e:active, .input_b7ddec150e:focus) {\n    border-color: var(--negative-color);\n  }\n}\n@supports not selector(:has(*)) {\n  .wrapper_3e3101eb32:focus-within {\n    border-color: var(--primary-color);\n  }\n  .wrapper_3e3101eb32.readOnly_2fa2533c4a {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_3e3101eb32.readOnly_2fa2533c4a .input_b7ddec150e {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_3e3101eb32.disabled_791fe2b7cf {\n    cursor: not-allowed;\n    user-select: none;\n    border: none;\n    pointer-events: none;\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_3e3101eb32.disabled_791fe2b7cf .input_b7ddec150e {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_3e3101eb32.success_76ddc90389 {\n    border-color: var(--positive-color);\n  }\n  .wrapper_3e3101eb32.success_76ddc90389:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_3e3101eb32.success_76ddc90389:focus-within {\n    border-color: var(--positive-color);\n  }\n  .wrapper_3e3101eb32.error_6055f5a10f {\n    border-color: var(--negative-color);\n  }\n  .wrapper_3e3101eb32.error_6055f5a10f:hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_3e3101eb32.error_6055f5a10f:focus-within {\n    border-color: var(--negative-color);\n  }\n}\n.wrapper_3e3101eb32 .input_b7ddec150e {\n  all: unset;\n  flex: 1;\n  width: 100%;\n  height: 100%;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  border: none;\n  outline: none;\n}\n.wrapper_3e3101eb32 .input_b7ddec150e::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n.wrapper_3e3101eb32 .input_b7ddec150e:disabled::placeholder {\n  color: var(--disabled-text-color);\n}");export{e as default};
 //# sourceMappingURL=BaseInput.module.scss.js.map