@activecollab/components 2.0.221 → 2.0.222
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.
- package/dist/cjs/components/GlobalStyle.js +1 -1
- package/dist/cjs/components/GlobalStyle.js.map +1 -1
- package/dist/cjs/components/InfoBox/InfoBox.js +1 -1
- package/dist/cjs/components/InfoBox/InfoBox.js.map +1 -1
- package/dist/cjs/utils/colors.js +5 -0
- package/dist/cjs/utils/colors.js.map +1 -1
- package/dist/esm/components/GlobalStyle.d.ts.map +1 -1
- package/dist/esm/components/GlobalStyle.js +1 -1
- package/dist/esm/components/GlobalStyle.js.map +1 -1
- package/dist/esm/components/InfoBox/InfoBox.js +1 -1
- package/dist/esm/components/InfoBox/InfoBox.js.map +1 -1
- package/dist/esm/utils/colors.d.ts +5 -0
- package/dist/esm/utils/colors.d.ts.map +1 -1
- package/dist/esm/utils/colors.js +5 -0
- package/dist/esm/utils/colors.js.map +1 -1
- package/dist/index.js +7 -2
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +1 -1
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
|
@@ -5,5 +5,5 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.GlobalStyle = void 0;
|
|
7
7
|
var _styledComponents = require("styled-components");
|
|
8
|
-
var GlobalStyle = exports.GlobalStyle = (0, _styledComponents.createGlobalStyle)([":root{--color-primary:#5d2bff;--color-secondary:#5d2bff;--color-theme-100:#ffffff;--color-theme-200:#f6f6f9;--color-theme-300:#ebebee;--color-theme-400:#d7d7da;--color-theme-500:#b9b9bd;--color-theme-600:#89898e;--color-theme-700:#6d6d73;--color-theme-800:#5b5b61;--color-theme-900:#303037;--color-primary-200:rgba(93,43,255,0.05);--color-primary-300:rgba(93,43,255,0.1);--color-primary-400:rgba(93,43,255,0.25);--color-primary-500:rgba(93,43,255,0.5);--color-primary-600:rgba(93,43,255,0.75);--color-primary-700:#5d2bff;--color-primary-800:#4a21cd;--color-primary-900:#32178b;--color-secondary-200:rgba(93,43,255,0.05);--color-secondary-300:rgba(93,43,255,0.1);--color-secondary-400:rgba(93,43,255,0.25);--color-secondary-500:rgba(93,43,255,0.5);--color-secondary-600:rgba(93,43,255,0.75);--color-secondary-700:#5d2bff;--color-secondary-800:#4a21cd;--color-secondary-900:#32178b;--color-theme-transparent-200:rgba(36,36,76,0.04);--color-theme-transparent-300:rgba(48,48,55,0.1);--color-theme-transparent-400:rgba(48,48,55,0.2);--color-theme-transparent-500:rgba(48,48,55,0.34);--color-theme-transparent-600:rgba(48,48,55,0.57);--color-theme-transparent-700:rgba(48,48,55,0.7);--color-theme-transparent-800:rgba(48,48,55,0.8);--color-primary-opaque-300:#efeaff;--color-primary-opaque-400:#d6caff;--color-secondary-opaque-300:#efeaff;--color-secondary-opaque-400:#d6caff;--color-sucess-green:#64cd93;--color-pale-green:#c3e799;--color-yellow:#FDF196;--color-yellow-darker:#948D5D;--color-yellow-lighter:#EBD429;--color-orange:#FBBB75;--color-orange-darker:#916C43;--color-orange-lighter:#E99841;--color-beige:#EAC2AD;--color-beige-darker:#877064;--color-beige-lighter:#B98A72;--color-pink:#FBD6E7;--color-pink-darker:#917C86;--color-pink-lighter:#E4A1C0;--color-coral:#FF9C9C;--color-coral-darker:#945A5A;--color-coral-lighter:#DB4545;--color-purple-dirty:#C49CB6;--color-purple-dirty-darker:#715A69;--color-purple-dirty-lighter:#B16E9A;--color-purple:#BEACF9;--color-purple-darker:#6E6390;--color-purple-lighter:#9B86DF;--color-blue-aqua:#BDF7FD;--color-blue-aqua-darker:#6D8F92;--color-blue-aqua-lighter:#7BDDE7;--color-blue-pale:#BEEAFF;--color-blue-pale-darker:#6E8794;--color-blue-pale-lighter:#92BFD4;--color-blue-sky:#A0CBFD;--color-blue-sky-darker:#5C7592;--color-blue-sky-lighter:#568CCB;--color-turquoise:#B9E4E0;--color-turquoise-darker:#6B8482;--color-turquoise-lighter:#70BFB8;--color-green-pale:#C3E799;--color-green-pale-darker:#718658;--color-green-pale-lighter:#80C333;--color-green-olive-drab:#98B57C;--color-green-olive-drab-darker:#647157;--color-green-olive-drab-lighter:#819F65;--color-gray-silver:#DDDDDD;--color-gray-silver-darker:#808080;--color-gray-silver-lighter:#ACACAC;--color-gray:#CACACA;--color-gray-darker:#757575;--color-gray-lighter:#7D7D7D;--body-bg-main:rgb(244,245,247);--body-bg-main-transparent:rgba(244,245,247,0);--page-paper-main:#ffffff;--border-primary:#d7d7da;--note-bg:#fff9f1;--shadow-primary-hover:0 64px 64px 0 rgba(0,0,0,0.1),0 32px 32px 0 rgba(0,0,0,0.06),0 16px 16px 0 rgba(0,0,0,0.04),0 4px 4px 0 rgba(0,0,0,0.04),0 2px 2px 0 rgba(0,0,0,0.04);--shadow-primary:0 64px 64px 0 rgba(0,0,0,0.06),0 32px 32px 0 rgba(0,0,0,0.03),0 16px 16px 0 rgba(0,0,0,0.02),0 4px 4px 0 rgba(0,0,0,0.02),0 2px 2px 0 rgba(0,0,0,0.02);--shadow-secondary:0 4px 14px 0 rgba(0,0,0,0.17);--shadow-tertiary:0 4px 6px -2px rgba(0,0,0,0.05),0 10px 15px -3px rgba(0,0,0,0.1);--shadow-tertiary-hover:0 4px 10px -2px rgba(0,0,0,0.1),0 12px 20px -3px rgba(0,0,0,0.2);--page-paper-main-shadow:rgba( 255,255,255,0 );--modal-background:rgba(244,245,247,0.6);--highlight-dark:rgba(0,0,0,0.03);--input-background-color:#ffffff;--red-alert:rgb(237,97,97);--warning:#ffcc6b;--only-white:#ffffff;--only-black:#000000;--ac-br-4:4px;--ac-br-6:6px;--ac-br-8:8px;--ac-br-rounded:999px;}.cupcake{--color-primary:#29bcdd;--color-secondary:#fe6fa7;--color-primary-200:rgba(41,188,221,0.07);--color-primary-300:rgba(41,188,221,0.12);--color-primary-400:rgba(41,188,221,0.26);--color-primary-500:rgba(41,188,221,0.52);--color-primary-600:rgba(41,188,221,0.75);--color-primary-700:#29bcdd;--color-primary-800:#219fbb;--color-primary-900:#1a768b;--color-secondary-200:rgba(254,111,167,0.07);--color-secondary-300:rgba(254,111,167,0.13);--color-secondary-400:rgba(254,111,167,0.27);--color-secondary-500:rgba(254,111,167,0.52);--color-secondary-600:rgba(254,111,167,0.75);--color-secondary-700:#fe6fa7;--color-secondary-800:#dd6091;--color-secondary-900:#ab496f;--color-primary-opaque-300:#e5f7fb;--color-primary-opaque-400:#c8eef6;--color-secondary-opaque-300:#ffecf4;--color-secondary-opaque-400:#ffd8e7;}.classic{--color-primary:#4182f2;--color-secondary:#4182f2;--color-primary-200:rgba(65,130,242,0.07);--color-primary-300:rgba(65,130,242,0.13);--color-primary-400:rgba(65,130,242,0.26);--color-primary-500:rgba(65,130,242,0.52);--color-primary-600:rgba(65,130,242,0.75);--color-primary-700:#4182f2;--color-primary-800:#356bc8;--color-primary-900:#244a8a;--color-secondary-200:rgba(65,130,242,0.07);--color-secondary-300:rgba(65,130,242,0.13);--color-secondary-400:rgba(65,130,242,0.26);--color-secondary-500:rgba(65,130,242,0.52);--color-secondary-600:rgba(65,130,242,0.75);--color-secondary-700:#4182f2;--color-secondary-800:#356bc8;--color-secondary-900:#244a8a;--color-primary-opaque-300:#e6effd;--color-primary-opaque-400:#cedffc;--color-secondary-opaque-300:#e6effd;--color-secondary-opaque-400:#cedffc;}.neon{--color-primary:#67ffc8;--color-secondary:#67ffc8;--color-theme-100:#000000;--color-theme-200:#31333e;--color-theme-300:#2b2d37;--color-theme-400:#1f2024;--color-theme-500:#6D6D73;--color-theme-600:#89898e;--color-theme-700:#b0b0b5;--color-theme-800:#dfdfe5;--color-theme-900:#ffffff;--color-primary-200:rgba(103,255,200,0.05);--color-primary-300:rgba(103,255,200,0.1);--color-primary-400:rgba(103,255,200,0.25);--color-primary-500:rgba(103,255,200,0.5);--color-primary-600:rgba(103,255,200,0.75);--color-primary-700:#67ffc8;--color-primary-800:#a5ffdf;--color-primary-900:#d0fdec;--color-secondary-200:rgba(103,255,200,0.05);--color-secondary-300:rgba(103,255,200,0.1);--color-secondary-400:rgba(103,255,200,0.25);--color-secondary-500:rgba(103,255,200,0.5);--color-secondary-600:rgba(103,255,200,0.75);--color-secondary-700:#67ffc8;--color-secondary-800:#a5ffdf;--color-secondary-900:#d0fdec;--color-theme-transparent-200:rgba(6,7,8,0.12);--color-theme-transparent-300:rgba(6,7,8,0.22);--color-theme-transparent-400:rgba(6,7,8,0.5);--color-theme-transparent-500:rgba(255,255,255,0.27);--color-theme-transparent-600:rgba(255,255,255,0.4);--color-theme-transparent-700:rgba(255,255,255,0.6);--color-theme-transparent-800:rgba(255,255,255,0.85);--color-primary-opaque-300:#3b4e51;--color-primary-opaque-400:#436b64;--color-secondary-opaque-300:#3b4e51;--color-secondary-opaque-400:#436b64;--body-bg-main:rgb(44,46,56);--body-bg-main-transparent:rgba(44,46,56,0);--page-paper-main:#373a44;--border-primary:#1f2024;--note-bg:#464545;--shadow-primary-hover:0 64px 64px 0 rgba(0,0,0,0.2),0 32px 32px 0 rgba(0,0,0,0.2),0 16px 16px 0 rgba(0,0,0,0.2),0 4px 4px 0 rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.2);--shadow-primary:0 64px 64px 0 rgba(0,0,0,0.1),0 32px 32px 0 rgba(0,0,0,0.1),0 16px 16px 0 rgba(0,0,0,0.1),0 4px 4px 0 rgba(0,0,0,0.1),0 2px 2px 0 rgba(0,0,0,0.1);--shadow-secondary:0 4px 14px 0 rgba(0,0,0,0.3);--shadow-tertiary:0 4px 6px -2px rgba(0,0,0,0.1),0 10px 15px -3px rgba(0,0,0,0.15);--shadow-tertiary-hover:0 4px 12px -2px rgba(0,0,0,0.4),0 10px 30px -3px rgba(0,0,0,0.5);--page-paper-main-shadow:rgba( 55,58,68,0 );--modal-background:rgba(44,46,56,0.7);--highlight-dark:rgba(0,0,0,0.06);--input-background-color:#2c2e38;--only-white:#ffffff;--only-black:#000000;}html{color-scheme:light;}html{&.neon{color-scheme:dark;}}.ac-shadow,.ac-shadow--raised{&--lg{box-shadow:var(--shadow-primary);}&--sm{box-shadow:var(--shadow-tertiary);}}.ac-shadow--raised{&--lg{transition:box-shadow 0.3s;&:hover{box-shadow:var(--shadow-primary-hover);}}&--sm{transition:box-shadow 0.3s;&:hover{box-shadow:var(--shadow-tertiary-hover);}}}.ac-shadow-optimized--sm{position:relative;box-shadow:var(--shadow-tertiary);&::before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";box-shadow:var(--shadow-tertiary);opacity:0;border-radius:var(--ac-br-6);transition:opacity 0.3s ease;z-index:-1;}@media (hover:hover){&:hover::before{opacity:1;}}}.ac-shadow-optimized--lg{position:relative;box-shadow:var(--shadow-primary);&::before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";box-shadow:var(--shadow-primary);opacity:0;border-radius:var(--ac-br-8);transition:opacity 0.3s ease;z-index:-1;}@media (hover:hover){&:hover::before{opacity:1;}}}.ac-border-radius{&-4{border-radius:var(--ac-br-4);}&-6{border-radius:var(--ac-br-6);}&-8{border-radius:var(--ac-br-8);}&-rounded{border-radius:var(--ac-br-rounded);}}.c-cooltip{position:relative;--cooltip-spacing:0.5rem;--cooltip-padding:0.25rem 0.625rem;--cooltip-max-width:12.5rem;--cooltip-transition-duration:0.15s,0.1s,0.15s;--cooltip-transition-delay:0.6s;--cooltip-timing:ease,ease,cubic-bezier(0.39,0.575,0.565,1);}.c-cooltip::after{pointer-events:none;content:attr(data-tooltip);position:absolute;color:#fff;opacity:0;background-color:rgba(0,0,0,0.9);border-radius:0.5rem;font-size:0.75rem;font-weight:500;line-height:1.3;max-width:var(--cooltip-max-width);padding:var(--cooltip-padding);text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}.c-cooltip--top::after{bottom:calc(100% + var(--cooltip-spacing));left:50%;transform:scale(0.85) translateX(-50%);transform-origin:0;}.c-cooltip--right::after{left:calc(100% + var(--cooltip-spacing));transform:scale(0.85);}.c-cooltip--bottom::after{top:calc(100% + var(--cooltip-spacing));left:50%;transform:scale(0.85) translateX(-50%);transform-origin:0;}.c-cooltip--left::after{right:calc(100% + var(--cooltip-spacing));transform:scale(0.85);}.c-cooltip:disabled::after,[aria-pressed=\"true\"]::after{display:none;}@media (hover:hover){.c-cooltip--top:not(:focus):hover::after,.c-cooltip--bottom:not(:focus):hover::after{transition-property:opacity,transform;transition-duration:var(--cooltip-transition-duration);transition-delay:var(--cooltip-transition-delay);transition-timing-function:var(--cooltip-timing);transform:scale(1) translateX(-50%);opacity:1;}.c-cooltip--right:not(:focus):hover::after,.c-cooltip--left:not(:focus):hover::after{transition-property:opacity,transform;transition-duration:var(--cooltip-transition-duration);transition-delay:var(--cooltip-transition-delay);transition-timing-function:var(--cooltip-timing);transform:scale(1);opacity:1;}}.c-date-picker--calendar{width:260px;padding:16px 0px 8px 0px;margin:auto;background-color:var(--page-paper-main);}"]);
|
|
8
|
+
var GlobalStyle = exports.GlobalStyle = (0, _styledComponents.createGlobalStyle)([":root{--color-primary:#5d2bff;--color-secondary:#5d2bff;--color-theme-100:#ffffff;--color-theme-200:#f6f6f9;--color-theme-300:#ebebee;--color-theme-400:#d7d7da;--color-theme-500:#b9b9bd;--color-theme-600:#89898e;--color-theme-700:#6d6d73;--color-theme-800:#5b5b61;--color-theme-900:#303037;--color-primary-200:rgba(93,43,255,0.05);--color-primary-300:rgba(93,43,255,0.1);--color-primary-400:rgba(93,43,255,0.25);--color-primary-500:rgba(93,43,255,0.5);--color-primary-600:rgba(93,43,255,0.75);--color-primary-700:#5d2bff;--color-primary-800:#4a21cd;--color-primary-900:#32178b;--color-secondary-200:rgba(93,43,255,0.05);--color-secondary-300:rgba(93,43,255,0.1);--color-secondary-400:rgba(93,43,255,0.25);--color-secondary-500:rgba(93,43,255,0.5);--color-secondary-600:rgba(93,43,255,0.75);--color-secondary-700:#5d2bff;--color-secondary-800:#4a21cd;--color-secondary-900:#32178b;--color-theme-transparent-200:rgba(36,36,76,0.04);--color-theme-transparent-300:rgba(48,48,55,0.1);--color-theme-transparent-400:rgba(48,48,55,0.2);--color-theme-transparent-500:rgba(48,48,55,0.34);--color-theme-transparent-600:rgba(48,48,55,0.57);--color-theme-transparent-700:rgba(48,48,55,0.7);--color-theme-transparent-800:rgba(48,48,55,0.8);--color-primary-opaque-300:#efeaff;--color-primary-opaque-400:#d6caff;--color-secondary-opaque-300:#efeaff;--color-secondary-opaque-400:#d6caff;--color-sucess-green:#64cd93;--color-pale-green:#c3e799;--color-yellow:#FDF196;--color-yellow-darker:#948D5D;--color-yellow-lighter:#EBD429;--color-orange:#FBBB75;--color-orange-darker:#916C43;--color-orange-lighter:#E99841;--color-beige:#EAC2AD;--color-beige-darker:#877064;--color-beige-lighter:#B98A72;--color-pink:#FBD6E7;--color-pink-darker:#917C86;--color-pink-lighter:#E4A1C0;--color-coral:#FF9C9C;--color-coral-darker:#945A5A;--color-coral-lighter:#DB4545;--color-purple-dirty:#C49CB6;--color-purple-dirty-darker:#715A69;--color-purple-dirty-lighter:#B16E9A;--color-purple:#BEACF9;--color-purple-darker:#6E6390;--color-purple-lighter:#9B86DF;--color-blue-aqua:#BDF7FD;--color-blue-aqua-darker:#6D8F92;--color-blue-aqua-lighter:#7BDDE7;--color-blue-pale:#BEEAFF;--color-blue-pale-darker:#6E8794;--color-blue-pale-lighter:#92BFD4;--color-blue-sky:#A0CBFD;--color-blue-sky-darker:#5C7592;--color-blue-sky-lighter:#568CCB;--color-turquoise:#B9E4E0;--color-turquoise-darker:#6B8482;--color-turquoise-lighter:#70BFB8;--color-green-pale:#C3E799;--color-green-pale-darker:#718658;--color-green-pale-lighter:#80C333;--color-green-olive-drab:#98B57C;--color-green-olive-drab-darker:#647157;--color-green-olive-drab-lighter:#819F65;--color-gray-silver:#DDDDDD;--color-gray-silver-darker:#808080;--color-gray-silver-lighter:#ACACAC;--color-gray:#CACACA;--color-gray-darker:#757575;--color-gray-lighter:#7D7D7D;--body-bg-main:rgb(244,245,247);--body-bg-main-transparent:rgba(244,245,247,0);--page-paper-main:#ffffff;--border-primary:#d7d7da;--note-bg:#fff9f1;--shadow-primary-hover:0 64px 64px 0 rgba(0,0,0,0.1),0 32px 32px 0 rgba(0,0,0,0.06),0 16px 16px 0 rgba(0,0,0,0.04),0 4px 4px 0 rgba(0,0,0,0.04),0 2px 2px 0 rgba(0,0,0,0.04);--shadow-primary:0 64px 64px 0 rgba(0,0,0,0.06),0 32px 32px 0 rgba(0,0,0,0.03),0 16px 16px 0 rgba(0,0,0,0.02),0 4px 4px 0 rgba(0,0,0,0.02),0 2px 2px 0 rgba(0,0,0,0.02);--shadow-secondary:0 4px 14px 0 rgba(0,0,0,0.17);--shadow-tertiary:0 4px 6px -2px rgba(0,0,0,0.05),0 10px 15px -3px rgba(0,0,0,0.1);--shadow-tertiary-hover:0 4px 10px -2px rgba(0,0,0,0.1),0 12px 20px -3px rgba(0,0,0,0.2);--page-paper-main-shadow:rgba( 255,255,255,0 );--modal-background:rgba(244,245,247,0.6);--highlight-dark:rgba(0,0,0,0.03);--input-background-color:#ffffff;--ai-gradient:linear-gradient(135deg,#4da2ed,#9f69e5,#ec43d8,#f72222);--ai-gradient-lighter:linear-gradient( 135deg,rgba(77,162,237,0.1),rgba(159,105,229,0.1),rgba(236,67,216,0.1),rgba(230,10,10,0.1) );--red-alert:rgb(237,97,97);--warning:#ffcc6b;--only-white:#ffffff;--only-black:#000000;--ac-br-4:4px;--ac-br-6:6px;--ac-br-8:8px;--ac-br-rounded:999px;}.cupcake{--color-primary:#29bcdd;--color-secondary:#fe6fa7;--color-primary-200:rgba(41,188,221,0.07);--color-primary-300:rgba(41,188,221,0.12);--color-primary-400:rgba(41,188,221,0.26);--color-primary-500:rgba(41,188,221,0.52);--color-primary-600:rgba(41,188,221,0.75);--color-primary-700:#29bcdd;--color-primary-800:#219fbb;--color-primary-900:#1a768b;--color-secondary-200:rgba(254,111,167,0.07);--color-secondary-300:rgba(254,111,167,0.13);--color-secondary-400:rgba(254,111,167,0.27);--color-secondary-500:rgba(254,111,167,0.52);--color-secondary-600:rgba(254,111,167,0.75);--color-secondary-700:#fe6fa7;--color-secondary-800:#dd6091;--color-secondary-900:#ab496f;--color-primary-opaque-300:#e5f7fb;--color-primary-opaque-400:#c8eef6;--color-secondary-opaque-300:#ffecf4;--color-secondary-opaque-400:#ffd8e7;}.classic{--color-primary:#4182f2;--color-secondary:#4182f2;--color-primary-200:rgba(65,130,242,0.07);--color-primary-300:rgba(65,130,242,0.13);--color-primary-400:rgba(65,130,242,0.26);--color-primary-500:rgba(65,130,242,0.52);--color-primary-600:rgba(65,130,242,0.75);--color-primary-700:#4182f2;--color-primary-800:#356bc8;--color-primary-900:#244a8a;--color-secondary-200:rgba(65,130,242,0.07);--color-secondary-300:rgba(65,130,242,0.13);--color-secondary-400:rgba(65,130,242,0.26);--color-secondary-500:rgba(65,130,242,0.52);--color-secondary-600:rgba(65,130,242,0.75);--color-secondary-700:#4182f2;--color-secondary-800:#356bc8;--color-secondary-900:#244a8a;--color-primary-opaque-300:#e6effd;--color-primary-opaque-400:#cedffc;--color-secondary-opaque-300:#e6effd;--color-secondary-opaque-400:#cedffc;}.neon{--color-primary:#67ffc8;--color-secondary:#67ffc8;--color-theme-100:#000000;--color-theme-200:#31333e;--color-theme-300:#2b2d37;--color-theme-400:#1f2024;--color-theme-500:#6D6D73;--color-theme-600:#89898e;--color-theme-700:#b0b0b5;--color-theme-800:#dfdfe5;--color-theme-900:#ffffff;--color-primary-200:rgba(103,255,200,0.05);--color-primary-300:rgba(103,255,200,0.1);--color-primary-400:rgba(103,255,200,0.25);--color-primary-500:rgba(103,255,200,0.5);--color-primary-600:rgba(103,255,200,0.75);--color-primary-700:#67ffc8;--color-primary-800:#a5ffdf;--color-primary-900:#d0fdec;--color-secondary-200:rgba(103,255,200,0.05);--color-secondary-300:rgba(103,255,200,0.1);--color-secondary-400:rgba(103,255,200,0.25);--color-secondary-500:rgba(103,255,200,0.5);--color-secondary-600:rgba(103,255,200,0.75);--color-secondary-700:#67ffc8;--color-secondary-800:#a5ffdf;--color-secondary-900:#d0fdec;--color-theme-transparent-200:rgba(6,7,8,0.12);--color-theme-transparent-300:rgba(6,7,8,0.22);--color-theme-transparent-400:rgba(6,7,8,0.5);--color-theme-transparent-500:rgba(255,255,255,0.27);--color-theme-transparent-600:rgba(255,255,255,0.4);--color-theme-transparent-700:rgba(255,255,255,0.6);--color-theme-transparent-800:rgba(255,255,255,0.85);--color-primary-opaque-300:#3b4e51;--color-primary-opaque-400:#436b64;--color-secondary-opaque-300:#3b4e51;--color-secondary-opaque-400:#436b64;--body-bg-main:rgb(44,46,56);--body-bg-main-transparent:rgba(44,46,56,0);--page-paper-main:#373a44;--border-primary:#1f2024;--note-bg:#464545;--shadow-primary-hover:0 64px 64px 0 rgba(0,0,0,0.2),0 32px 32px 0 rgba(0,0,0,0.2),0 16px 16px 0 rgba(0,0,0,0.2),0 4px 4px 0 rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.2);--shadow-primary:0 64px 64px 0 rgba(0,0,0,0.1),0 32px 32px 0 rgba(0,0,0,0.1),0 16px 16px 0 rgba(0,0,0,0.1),0 4px 4px 0 rgba(0,0,0,0.1),0 2px 2px 0 rgba(0,0,0,0.1);--shadow-secondary:0 4px 14px 0 rgba(0,0,0,0.3);--shadow-tertiary:0 4px 6px -2px rgba(0,0,0,0.1),0 10px 15px -3px rgba(0,0,0,0.15);--shadow-tertiary-hover:0 4px 12px -2px rgba(0,0,0,0.4),0 10px 30px -3px rgba(0,0,0,0.5);--page-paper-main-shadow:rgba( 55,58,68,0 );--modal-background:rgba(44,46,56,0.7);--highlight-dark:rgba(0,0,0,0.06);--input-background-color:#2c2e38;--only-white:#ffffff;--only-black:#000000;}html{color-scheme:light;}html{&.neon{color-scheme:dark;}}.ac-shadow,.ac-shadow--raised{&--lg{box-shadow:var(--shadow-primary);}&--sm{box-shadow:var(--shadow-tertiary);}}.ac-shadow--raised{&--lg{transition:box-shadow 0.3s;&:hover{box-shadow:var(--shadow-primary-hover);}}&--sm{transition:box-shadow 0.3s;&:hover{box-shadow:var(--shadow-tertiary-hover);}}}.ac-shadow-optimized--sm{position:relative;box-shadow:var(--shadow-tertiary);&::before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";box-shadow:var(--shadow-tertiary);opacity:0;border-radius:var(--ac-br-6);transition:opacity 0.3s ease;z-index:-1;}@media (hover:hover){&:hover::before{opacity:1;}}}.ac-shadow-optimized--lg{position:relative;box-shadow:var(--shadow-primary);&::before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";box-shadow:var(--shadow-primary);opacity:0;border-radius:var(--ac-br-8);transition:opacity 0.3s ease;z-index:-1;}@media (hover:hover){&:hover::before{opacity:1;}}}.ac-border-radius{&-4{border-radius:var(--ac-br-4);}&-6{border-radius:var(--ac-br-6);}&-8{border-radius:var(--ac-br-8);}&-rounded{border-radius:var(--ac-br-rounded);}}.c-cooltip{position:relative;--cooltip-spacing:0.5rem;--cooltip-padding:0.25rem 0.625rem;--cooltip-max-width:12.5rem;--cooltip-transition-duration:0.15s,0.1s,0.15s;--cooltip-transition-delay:0.6s;--cooltip-timing:ease,ease,cubic-bezier(0.39,0.575,0.565,1);}.c-cooltip::after{pointer-events:none;content:attr(data-tooltip);position:absolute;color:#fff;opacity:0;background-color:rgba(0,0,0,0.9);border-radius:0.5rem;font-size:0.75rem;font-weight:500;line-height:1.3;max-width:var(--cooltip-max-width);padding:var(--cooltip-padding);text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}.c-cooltip--top::after{bottom:calc(100% + var(--cooltip-spacing));left:50%;transform:scale(0.85) translateX(-50%);transform-origin:0;}.c-cooltip--right::after{left:calc(100% + var(--cooltip-spacing));transform:scale(0.85);}.c-cooltip--bottom::after{top:calc(100% + var(--cooltip-spacing));left:50%;transform:scale(0.85) translateX(-50%);transform-origin:0;}.c-cooltip--left::after{right:calc(100% + var(--cooltip-spacing));transform:scale(0.85);}.c-cooltip:disabled::after,[aria-pressed=\"true\"]::after{display:none;}@media (hover:hover){.c-cooltip--top:not(:focus):hover::after,.c-cooltip--bottom:not(:focus):hover::after{transition-property:opacity,transform;transition-duration:var(--cooltip-transition-duration);transition-delay:var(--cooltip-transition-delay);transition-timing-function:var(--cooltip-timing);transform:scale(1) translateX(-50%);opacity:1;}.c-cooltip--right:not(:focus):hover::after,.c-cooltip--left:not(:focus):hover::after{transition-property:opacity,transform;transition-duration:var(--cooltip-transition-duration);transition-delay:var(--cooltip-transition-delay);transition-timing-function:var(--cooltip-timing);transform:scale(1);opacity:1;}}.c-date-picker--calendar{width:260px;padding:16px 0px 8px 0px;margin:auto;background-color:var(--page-paper-main);}"]);
|
|
9
9
|
//# sourceMappingURL=GlobalStyle.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GlobalStyle.js","names":["_styledComponents","require","GlobalStyle","exports","createGlobalStyle"],"sources":["../../../src/components/GlobalStyle.ts"],"sourcesContent":["import { createGlobalStyle } from \"styled-components\";\n\nexport const GlobalStyle = createGlobalStyle`\n :root {\n --color-primary: #5d2bff;\n --color-secondary: #5d2bff;\n\n --color-theme-100: #ffffff;\n --color-theme-200: #f6f6f9;\n --color-theme-300: #ebebee;\n --color-theme-400: #d7d7da;\n --color-theme-500: #b9b9bd;\n --color-theme-600: #89898e;\n --color-theme-700: #6d6d73;\n --color-theme-800: #5b5b61;\n --color-theme-900: #303037;\n\n --color-primary-200: rgba(93, 43, 255, 0.05);\n --color-primary-300: rgba(93, 43, 255, 0.1);\n --color-primary-400: rgba(93, 43, 255, 0.25);\n --color-primary-500: rgba(93, 43, 255, 0.5);\n --color-primary-600: rgba(93, 43, 255, 0.75);\n --color-primary-700: #5d2bff;\n --color-primary-800: #4a21cd;\n --color-primary-900: #32178b;\n\n --color-secondary-200: rgba(93, 43, 255, 0.05);\n --color-secondary-300: rgba(93, 43, 255, 0.1);\n --color-secondary-400: rgba(93, 43, 255, 0.25);\n --color-secondary-500: rgba(93, 43, 255, 0.5);\n --color-secondary-600: rgba(93, 43, 255, 0.75);\n --color-secondary-700: #5d2bff;\n --color-secondary-800: #4a21cd;\n --color-secondary-900: #32178b;\n\n --color-theme-transparent-200: rgba(36,36,76,0.04);\n --color-theme-transparent-300: rgba(48,48,55,0.1);\n --color-theme-transparent-400: rgba(48,48,55,0.2);\n --color-theme-transparent-500: rgba(48,48,55,0.34);\n --color-theme-transparent-600: rgba(48,48,55,0.57);\n --color-theme-transparent-700: rgba(48,48,55,0.7);\n --color-theme-transparent-800: rgba(48,48,55,0.8);\n\n --color-primary-opaque-300: #efeaff;\n --color-primary-opaque-400: #d6caff;\n\n --color-secondary-opaque-300: #efeaff;\n --color-secondary-opaque-400: #d6caff;\n\n --color-sucess-green: #64cd93;\n --color-pale-green: #c3e799;\n\n --color-yellow: #FDF196;\n --color-yellow-darker: #948D5D;\n --color-yellow-lighter: #EBD429;\n --color-orange: #FBBB75;\n --color-orange-darker: #916C43;\n --color-orange-lighter: #E99841;\n --color-beige: #EAC2AD;\n --color-beige-darker: #877064;\n --color-beige-lighter: #B98A72;\n --color-pink: #FBD6E7;\n --color-pink-darker: #917C86;\n --color-pink-lighter: #E4A1C0;\n --color-coral: #FF9C9C;\n --color-coral-darker: #945A5A;\n --color-coral-lighter: #DB4545;\n --color-purple-dirty: #C49CB6;\n --color-purple-dirty-darker: #715A69;\n --color-purple-dirty-lighter: #B16E9A;\n --color-purple: #BEACF9;\n --color-purple-darker: #6E6390;\n --color-purple-lighter: #9B86DF;\n --color-blue-aqua: #BDF7FD;\n --color-blue-aqua-darker: #6D8F92;\n --color-blue-aqua-lighter: #7BDDE7;\n --color-blue-pale: #BEEAFF;\n --color-blue-pale-darker: #6E8794;\n --color-blue-pale-lighter: #92BFD4;\n --color-blue-sky: #A0CBFD;\n --color-blue-sky-darker: #5C7592;\n --color-blue-sky-lighter: #568CCB;\n --color-turquoise: #B9E4E0;\n --color-turquoise-darker: #6B8482;\n --color-turquoise-lighter: #70BFB8;\n --color-green-pale: #C3E799;\n --color-green-pale-darker: #718658;\n --color-green-pale-lighter: #80C333;\n --color-green-olive-drab: #98B57C;\n --color-green-olive-drab-darker: #647157;\n --color-green-olive-drab-lighter: #819F65;\n --color-gray-silver: #DDDDDD;\n --color-gray-silver-darker: #808080;\n --color-gray-silver-lighter: #ACACAC;\n --color-gray: #CACACA;\n --color-gray-darker: #757575;\n --color-gray-lighter: #7D7D7D;\n\n --body-bg-main: rgb(244, 245, 247);\n --body-bg-main-transparent: rgba(244, 245, 247, 0);\n --page-paper-main: #ffffff;\n --border-primary: #d7d7da;\n\n --note-bg: #fff9f1;\n\n --shadow-primary-hover: 0 64px 64px 0 rgba(0, 0, 0, 0.1),\n 0 32px 32px 0 rgba(0, 0, 0, 0.06), 0 16px 16px 0 rgba(0, 0, 0, 0.04),\n 0 4px 4px 0 rgba(0, 0, 0, 0.04), 0 2px 2px 0 rgba(0, 0, 0, 0.04);\n --shadow-primary: 0 64px 64px 0 rgba(0, 0, 0, 0.06),\n 0 32px 32px 0 rgba(0, 0, 0, 0.03), 0 16px 16px 0 rgba(0, 0, 0, 0.02),\n 0 4px 4px 0 rgba(0, 0, 0, 0.02), 0 2px 2px 0 rgba(0, 0, 0, 0.02);\n\n --shadow-secondary: 0 4px 14px 0 rgba(0, 0, 0, 0.17);\n\n --shadow-tertiary: 0 4px 6px -2px rgba(0, 0, 0, 0.05),\n 0 10px 15px -3px rgba(0, 0, 0, 0.1);\n --shadow-tertiary-hover: 0 4px 10px -2px rgba(0, 0, 0, 0.1),\n 0 12px 20px -3px rgba(0, 0, 0, 0.2);\n\n --page-paper-main-shadow: rgba(\n 255,\n 255,\n 255,\n 0\n ); /* Shadow list shadow for page paper main */\n\n --modal-background: rgba(244, 245, 247, 0.6);\n\n --highlight-dark: rgba(0, 0, 0, 0.03);\n\n --input-background-color: #ffffff;\n\n --red-alert: rgb(237, 97, 97);\n\n --warning: #ffcc6b;\n\n --only-white: #ffffff;\n\n --only-black: #000000;\n\n --ac-br-4: 4px;\n\n --ac-br-6: 6px;\n\n --ac-br-8: 8px;\n\n --ac-br-rounded: 999px;\n }\n\n .cupcake {\n --color-primary: #29bcdd;\n --color-secondary: #fe6fa7;\n\n --color-primary-200: rgba(41, 188, 221, 0.07);\n --color-primary-300: rgba(41, 188, 221, 0.12);\n --color-primary-400: rgba(41, 188, 221, 0.26);\n --color-primary-500: rgba(41, 188, 221, 0.52);\n --color-primary-600: rgba(41, 188, 221, 0.75);\n --color-primary-700: #29bcdd;\n --color-primary-800: #219fbb;\n --color-primary-900: #1a768b;\n\n --color-secondary-200: rgba(254, 111, 167, 0.07);\n --color-secondary-300: rgba(254, 111, 167, 0.13);\n --color-secondary-400: rgba(254, 111, 167, 0.27);\n --color-secondary-500: rgba(254, 111, 167, 0.52);\n --color-secondary-600: rgba(254, 111, 167, 0.75);\n --color-secondary-700: #fe6fa7;\n --color-secondary-800: #dd6091;\n --color-secondary-900: #ab496f;\n\n --color-primary-opaque-300: #e5f7fb;\n --color-primary-opaque-400: #c8eef6;\n\n --color-secondary-opaque-300: #ffecf4;\n --color-secondary-opaque-400: #ffd8e7;\n }\n\n .classic {\n --color-primary: #4182f2;\n --color-secondary: #4182f2;\n\n --color-primary-200: rgba(65, 130, 242, 0.07);\n --color-primary-300: rgba(65, 130, 242, 0.13);\n --color-primary-400: rgba(65, 130, 242, 0.26);\n --color-primary-500: rgba(65, 130, 242, 0.52);\n --color-primary-600: rgba(65, 130, 242, 0.75);\n --color-primary-700: #4182f2;\n --color-primary-800: #356bc8;\n --color-primary-900: #244a8a;\n\n --color-secondary-200: rgba(65, 130, 242, 0.07);\n --color-secondary-300: rgba(65, 130, 242, 0.13);\n --color-secondary-400: rgba(65, 130, 242, 0.26);\n --color-secondary-500: rgba(65, 130, 242, 0.52);\n --color-secondary-600: rgba(65, 130, 242, 0.75);\n --color-secondary-700: #4182f2;\n --color-secondary-800: #356bc8;\n --color-secondary-900: #244a8a;\n\n --color-primary-opaque-300: #e6effd;\n --color-primary-opaque-400: #cedffc;\n\n --color-secondary-opaque-300: #e6effd;\n --color-secondary-opaque-400: #cedffc;\n }\n\n .neon {\n --color-primary: #67ffc8;\n --color-secondary: #67ffc8;\n\n --color-theme-100: #000000;\n --color-theme-200: #31333e;\n --color-theme-300: #2b2d37;\n --color-theme-400: #1f2024;\n --color-theme-500: #6D6D73;\n --color-theme-600: #89898e;\n --color-theme-700: #b0b0b5;\n --color-theme-800: #dfdfe5;\n --color-theme-900: #ffffff;\n\n --color-primary-200: rgba(103, 255, 200, 0.05);\n --color-primary-300: rgba(103, 255, 200, 0.1);\n --color-primary-400: rgba(103, 255, 200, 0.25);\n --color-primary-500: rgba(103, 255, 200, 0.5);\n --color-primary-600: rgba(103, 255, 200, 0.75);\n --color-primary-700: #67ffc8;\n --color-primary-800: #a5ffdf;\n --color-primary-900: #d0fdec;\n\n --color-secondary-200: rgba(103, 255, 200, 0.05);\n --color-secondary-300: rgba(103, 255, 200, 0.1);\n --color-secondary-400: rgba(103, 255, 200, 0.25);\n --color-secondary-500: rgba(103, 255, 200, 0.5);\n --color-secondary-600: rgba(103, 255, 200, 0.75);\n --color-secondary-700: #67ffc8;\n --color-secondary-800: #a5ffdf;\n --color-secondary-900: #d0fdec;\n\n --color-theme-transparent-200: rgba(6,7,8,0.12);\n --color-theme-transparent-300: rgba(6,7,8,0.22);\n --color-theme-transparent-400: rgba(6,7,8,0.5);\n --color-theme-transparent-500: rgba(255,255,255,0.27);\n --color-theme-transparent-600: rgba(255,255,255,0.4);\n --color-theme-transparent-700: rgba(255,255,255,0.6);\n --color-theme-transparent-800: rgba(255,255,255,0.85);\n\n --color-primary-opaque-300: #3b4e51;\n --color-primary-opaque-400: #436b64;\n\n --color-secondary-opaque-300: #3b4e51;\n --color-secondary-opaque-400: #436b64;\n\n --body-bg-main: rgb(44, 46, 56);\n --body-bg-main-transparent: rgba(44, 46, 56, 0);\n --page-paper-main: #373a44;\n --border-primary: #1f2024;\n\n --note-bg: #464545;\n\n --shadow-primary-hover: 0 64px 64px 0 rgba(0, 0, 0, 0.2),\n 0 32px 32px 0 rgba(0, 0, 0, 0.2), 0 16px 16px 0 rgba(0, 0, 0, 0.2),\n 0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.2);\n --shadow-primary: 0 64px 64px 0 rgba(0, 0, 0, 0.1),\n 0 32px 32px 0 rgba(0, 0, 0, 0.1), 0 16px 16px 0 rgba(0, 0, 0, 0.1),\n 0 4px 4px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.1);\n\n --shadow-secondary: 0 4px 14px 0 rgba(0, 0, 0, 0.3);\n\n --shadow-tertiary: 0 4px 6px -2px rgba(0, 0, 0, 0.1),\n 0 10px 15px -3px rgba(0, 0, 0, 0.15);\n --shadow-tertiary-hover: 0 4px 12px -2px rgba(0, 0, 0, 0.4),\n 0 10px 30px -3px rgba(0, 0, 0, 0.5);\n\n --page-paper-main-shadow: rgba(\n 55,\n 58,\n 68,\n 0\n ); /* Shadow list shadow for page paper main */\n\n --modal-background: rgba(44, 46, 56, 0.7);\n\n --highlight-dark: rgba(0, 0, 0, 0.06);\n\n --input-background-color: #2c2e38;\n\n --only-white: #ffffff;\n\n --only-black: #000000;\n }\n\n html {\n color-scheme: light;\n }\n\n html {\n &.neon {\n color-scheme: dark;\n }\n }\n\n .ac-shadow,\n .ac-shadow--raised {\n &--lg {\n box-shadow: var(--shadow-primary);\n }\n &--sm {\n box-shadow: var(--shadow-tertiary);\n }\n }\n\n .ac-shadow--raised {\n &--lg {\n transition: box-shadow 0.3s;\n &:hover {\n box-shadow: var(--shadow-primary-hover);\n }\n }\n &--sm {\n transition: box-shadow 0.3s;\n &:hover {\n box-shadow: var(--shadow-tertiary-hover);\n }\n }\n }\n\n .ac-shadow-optimized--sm {\n position: relative;\n box-shadow: var(--shadow-tertiary);\n\n &::before {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n content: \"\";\n box-shadow: var(--shadow-tertiary);\n opacity: 0;\n border-radius: var(--ac-br-6);\n transition: opacity 0.3s ease;\n z-index: -1;\n }\n\n @media (hover: hover) {\n &:hover::before {\n opacity: 1;\n }\n }\n }\n\n .ac-shadow-optimized--lg {\n position: relative;\n box-shadow: var(--shadow-primary);\n\n &::before {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n content: \"\";\n box-shadow: var(--shadow-primary);\n opacity: 0;\n border-radius: var(--ac-br-8);\n transition: opacity 0.3s ease;\n z-index: -1;\n }\n\n @media (hover: hover) {\n &:hover::before {\n opacity: 1;\n }\n }\n }\n\n .ac-border-radius {\n &-4 {\n border-radius: var(--ac-br-4);\n }\n\n &-6 {\n border-radius: var(--ac-br-6);\n }\n\n &-8 {\n border-radius: var(--ac-br-8);\n }\n\n &-rounded {\n border-radius: var(--ac-br-rounded);\n }\n }\n\n\n // CSS Tooltip ::after content: data-tooltip\n\n .c-cooltip {\n position: relative;\n\n /*\n * Prefer scoped variables in this case.\n * This lines of CSS should be scoped too.\n */\n\n --cooltip-spacing: 0.5rem;\n --cooltip-padding: 0.25rem 0.625rem;\n --cooltip-max-width: 12.5rem;\n\n --cooltip-transition-duration: 0.15s, 0.1s, 0.15s;\n --cooltip-transition-delay: 0.6s;\n --cooltip-timing: ease, ease, cubic-bezier(0.39, 0.575, 0.565, 1);\n }\n\n .c-cooltip::after {\n /*\n * will-change is intended to be used as a last resort,\n * in order to try to deal with existing performance problems.\n * It should not be used to anticipate performance problems.\n * https://developer.mozilla.org/en-US/docs/Web/CSS/will-change\n *\n * will-change: transform, opacity\n */\n pointer-events: none;\n content: attr(data-tooltip);\n position: absolute;\n color: #fff;\n opacity: 0;\n background-color: rgba(0, 0, 0, 0.9);\n border-radius: 0.5rem;\n font-size: 0.75rem;\n font-weight: 500;\n line-height: 1.3;\n max-width: var(--cooltip-max-width);\n padding: var(--cooltip-padding);\n text-align: center;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n }\n\n .c-cooltip--top::after {\n bottom: calc(100% + var(--cooltip-spacing));\n left: 50%;\n transform: scale(0.85) translateX(-50%);\n transform-origin: 0;\n }\n\n .c-cooltip--right::after {\n left: calc(100% + var(--cooltip-spacing));\n transform: scale(0.85);\n }\n\n .c-cooltip--bottom::after {\n top: calc(100% + var(--cooltip-spacing));\n left: 50%;\n transform: scale(0.85) translateX(-50%);\n transform-origin: 0;\n }\n\n .c-cooltip--left::after {\n right: calc(100% + var(--cooltip-spacing));\n transform: scale(0.85);\n }\n\n /*\n * Make sure that disabled and aria pressed\n * items do not have tooltips available.\n */\n .c-cooltip:disabled::after,\n [aria-pressed=\"true\"]::after {\n display: none;\n }\n\n /*\n *\n * Only use hover when is available .\n * https://developer.mozilla.org/en-US/docs/Web/CSS/@media/hover\n */\n @media (hover: hover) {\n /*\n * Here we maybe have a complex selector but actually it's not.\n * We simply asks here to show tooltip only on hover.\n * Focused elements (in this case, clicked elements) should hide the tooltip.\n */\n .c-cooltip--top:not(:focus):hover::after,\n .c-cooltip--bottom:not(:focus):hover::after {\n transition-property: opacity, transform;\n transition-duration: var(--cooltip-transition-duration);\n transition-delay: var(--cooltip-transition-delay);\n transition-timing-function: var(--cooltip-timing);\n transform: scale(1) translateX(-50%);\n opacity: 1;\n }\n\n /*\n *\n * This is not code duplication!\n * Transform properties are tricky to animate and values\n * are not the same depending on the tooltip position.\n *\n * Animating only one transform, eg. scale(1) will\n * override all previously set transforms, eg. translateY.\n * So we need to always chain them.\n * eg. transform: scale(1) translateY(-50%) etc...\n */\n\n .c-cooltip--right:not(:focus):hover::after,\n .c-cooltip--left:not(:focus):hover::after {\n transition-property: opacity, transform;\n transition-duration: var(--cooltip-transition-duration);\n transition-delay: var(--cooltip-transition-delay);\n transition-timing-function: var(--cooltip-timing);\n transform: scale(1);\n opacity: 1;\n }\n }\n\n .c-date-picker--calendar {\n width: 260px;\n padding: 16px 0px 8px 0px;\n margin: auto;\n background-color: var(--page-paper-main);\n }\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAEO,IAAMC,WAAW,GAAAC,OAAA,CAAAD,WAAA,OAAGE,mCAAiB,4/UA2gB3C"}
|
|
1
|
+
{"version":3,"file":"GlobalStyle.js","names":["_styledComponents","require","GlobalStyle","exports","createGlobalStyle"],"sources":["../../../src/components/GlobalStyle.ts"],"sourcesContent":["import { createGlobalStyle } from \"styled-components\";\n\nexport const GlobalStyle = createGlobalStyle`\n :root {\n --color-primary: #5d2bff;\n --color-secondary: #5d2bff;\n\n --color-theme-100: #ffffff;\n --color-theme-200: #f6f6f9;\n --color-theme-300: #ebebee;\n --color-theme-400: #d7d7da;\n --color-theme-500: #b9b9bd;\n --color-theme-600: #89898e;\n --color-theme-700: #6d6d73;\n --color-theme-800: #5b5b61;\n --color-theme-900: #303037;\n\n --color-primary-200: rgba(93, 43, 255, 0.05);\n --color-primary-300: rgba(93, 43, 255, 0.1);\n --color-primary-400: rgba(93, 43, 255, 0.25);\n --color-primary-500: rgba(93, 43, 255, 0.5);\n --color-primary-600: rgba(93, 43, 255, 0.75);\n --color-primary-700: #5d2bff;\n --color-primary-800: #4a21cd;\n --color-primary-900: #32178b;\n\n --color-secondary-200: rgba(93, 43, 255, 0.05);\n --color-secondary-300: rgba(93, 43, 255, 0.1);\n --color-secondary-400: rgba(93, 43, 255, 0.25);\n --color-secondary-500: rgba(93, 43, 255, 0.5);\n --color-secondary-600: rgba(93, 43, 255, 0.75);\n --color-secondary-700: #5d2bff;\n --color-secondary-800: #4a21cd;\n --color-secondary-900: #32178b;\n\n --color-theme-transparent-200: rgba(36,36,76,0.04);\n --color-theme-transparent-300: rgba(48,48,55,0.1);\n --color-theme-transparent-400: rgba(48,48,55,0.2);\n --color-theme-transparent-500: rgba(48,48,55,0.34);\n --color-theme-transparent-600: rgba(48,48,55,0.57);\n --color-theme-transparent-700: rgba(48,48,55,0.7);\n --color-theme-transparent-800: rgba(48,48,55,0.8);\n\n --color-primary-opaque-300: #efeaff;\n --color-primary-opaque-400: #d6caff;\n\n --color-secondary-opaque-300: #efeaff;\n --color-secondary-opaque-400: #d6caff;\n\n --color-sucess-green: #64cd93;\n --color-pale-green: #c3e799;\n\n --color-yellow: #FDF196;\n --color-yellow-darker: #948D5D;\n --color-yellow-lighter: #EBD429;\n --color-orange: #FBBB75;\n --color-orange-darker: #916C43;\n --color-orange-lighter: #E99841;\n --color-beige: #EAC2AD;\n --color-beige-darker: #877064;\n --color-beige-lighter: #B98A72;\n --color-pink: #FBD6E7;\n --color-pink-darker: #917C86;\n --color-pink-lighter: #E4A1C0;\n --color-coral: #FF9C9C;\n --color-coral-darker: #945A5A;\n --color-coral-lighter: #DB4545;\n --color-purple-dirty: #C49CB6;\n --color-purple-dirty-darker: #715A69;\n --color-purple-dirty-lighter: #B16E9A;\n --color-purple: #BEACF9;\n --color-purple-darker: #6E6390;\n --color-purple-lighter: #9B86DF;\n --color-blue-aqua: #BDF7FD;\n --color-blue-aqua-darker: #6D8F92;\n --color-blue-aqua-lighter: #7BDDE7;\n --color-blue-pale: #BEEAFF;\n --color-blue-pale-darker: #6E8794;\n --color-blue-pale-lighter: #92BFD4;\n --color-blue-sky: #A0CBFD;\n --color-blue-sky-darker: #5C7592;\n --color-blue-sky-lighter: #568CCB;\n --color-turquoise: #B9E4E0;\n --color-turquoise-darker: #6B8482;\n --color-turquoise-lighter: #70BFB8;\n --color-green-pale: #C3E799;\n --color-green-pale-darker: #718658;\n --color-green-pale-lighter: #80C333;\n --color-green-olive-drab: #98B57C;\n --color-green-olive-drab-darker: #647157;\n --color-green-olive-drab-lighter: #819F65;\n --color-gray-silver: #DDDDDD;\n --color-gray-silver-darker: #808080;\n --color-gray-silver-lighter: #ACACAC;\n --color-gray: #CACACA;\n --color-gray-darker: #757575;\n --color-gray-lighter: #7D7D7D;\n\n --body-bg-main: rgb(244, 245, 247);\n --body-bg-main-transparent: rgba(244, 245, 247, 0);\n --page-paper-main: #ffffff;\n --border-primary: #d7d7da;\n\n --note-bg: #fff9f1;\n\n --shadow-primary-hover: 0 64px 64px 0 rgba(0, 0, 0, 0.1),\n 0 32px 32px 0 rgba(0, 0, 0, 0.06), 0 16px 16px 0 rgba(0, 0, 0, 0.04),\n 0 4px 4px 0 rgba(0, 0, 0, 0.04), 0 2px 2px 0 rgba(0, 0, 0, 0.04);\n --shadow-primary: 0 64px 64px 0 rgba(0, 0, 0, 0.06),\n 0 32px 32px 0 rgba(0, 0, 0, 0.03), 0 16px 16px 0 rgba(0, 0, 0, 0.02),\n 0 4px 4px 0 rgba(0, 0, 0, 0.02), 0 2px 2px 0 rgba(0, 0, 0, 0.02);\n\n --shadow-secondary: 0 4px 14px 0 rgba(0, 0, 0, 0.17);\n\n --shadow-tertiary: 0 4px 6px -2px rgba(0, 0, 0, 0.05),\n 0 10px 15px -3px rgba(0, 0, 0, 0.1);\n --shadow-tertiary-hover: 0 4px 10px -2px rgba(0, 0, 0, 0.1),\n 0 12px 20px -3px rgba(0, 0, 0, 0.2);\n\n --page-paper-main-shadow: rgba(\n 255,\n 255,\n 255,\n 0\n ); /* Shadow list shadow for page paper main */\n\n --modal-background: rgba(244, 245, 247, 0.6);\n\n --highlight-dark: rgba(0, 0, 0, 0.03);\n\n --input-background-color: #ffffff;\n\n --ai-gradient: linear-gradient(135deg, #4da2ed, #9f69e5, #ec43d8, #f72222);\n \n --ai-gradient-lighter: linear-gradient(\n 135deg,\n rgba(77, 162, 237, 0.1),\n rgba(159, 105, 229, 0.1),\n rgba(236, 67, 216, 0.1),\n rgba(230, 10, 10, 0.1)\n );\n\n --red-alert: rgb(237, 97, 97);\n\n --warning: #ffcc6b;\n\n --only-white: #ffffff;\n\n --only-black: #000000;\n\n --ac-br-4: 4px;\n\n --ac-br-6: 6px;\n\n --ac-br-8: 8px;\n\n --ac-br-rounded: 999px;\n }\n\n .cupcake {\n --color-primary: #29bcdd;\n --color-secondary: #fe6fa7;\n\n --color-primary-200: rgba(41, 188, 221, 0.07);\n --color-primary-300: rgba(41, 188, 221, 0.12);\n --color-primary-400: rgba(41, 188, 221, 0.26);\n --color-primary-500: rgba(41, 188, 221, 0.52);\n --color-primary-600: rgba(41, 188, 221, 0.75);\n --color-primary-700: #29bcdd;\n --color-primary-800: #219fbb;\n --color-primary-900: #1a768b;\n\n --color-secondary-200: rgba(254, 111, 167, 0.07);\n --color-secondary-300: rgba(254, 111, 167, 0.13);\n --color-secondary-400: rgba(254, 111, 167, 0.27);\n --color-secondary-500: rgba(254, 111, 167, 0.52);\n --color-secondary-600: rgba(254, 111, 167, 0.75);\n --color-secondary-700: #fe6fa7;\n --color-secondary-800: #dd6091;\n --color-secondary-900: #ab496f;\n\n --color-primary-opaque-300: #e5f7fb;\n --color-primary-opaque-400: #c8eef6;\n\n --color-secondary-opaque-300: #ffecf4;\n --color-secondary-opaque-400: #ffd8e7;\n }\n\n .classic {\n --color-primary: #4182f2;\n --color-secondary: #4182f2;\n\n --color-primary-200: rgba(65, 130, 242, 0.07);\n --color-primary-300: rgba(65, 130, 242, 0.13);\n --color-primary-400: rgba(65, 130, 242, 0.26);\n --color-primary-500: rgba(65, 130, 242, 0.52);\n --color-primary-600: rgba(65, 130, 242, 0.75);\n --color-primary-700: #4182f2;\n --color-primary-800: #356bc8;\n --color-primary-900: #244a8a;\n\n --color-secondary-200: rgba(65, 130, 242, 0.07);\n --color-secondary-300: rgba(65, 130, 242, 0.13);\n --color-secondary-400: rgba(65, 130, 242, 0.26);\n --color-secondary-500: rgba(65, 130, 242, 0.52);\n --color-secondary-600: rgba(65, 130, 242, 0.75);\n --color-secondary-700: #4182f2;\n --color-secondary-800: #356bc8;\n --color-secondary-900: #244a8a;\n\n --color-primary-opaque-300: #e6effd;\n --color-primary-opaque-400: #cedffc;\n\n --color-secondary-opaque-300: #e6effd;\n --color-secondary-opaque-400: #cedffc;\n }\n\n .neon {\n --color-primary: #67ffc8;\n --color-secondary: #67ffc8;\n\n --color-theme-100: #000000;\n --color-theme-200: #31333e;\n --color-theme-300: #2b2d37;\n --color-theme-400: #1f2024;\n --color-theme-500: #6D6D73;\n --color-theme-600: #89898e;\n --color-theme-700: #b0b0b5;\n --color-theme-800: #dfdfe5;\n --color-theme-900: #ffffff;\n\n --color-primary-200: rgba(103, 255, 200, 0.05);\n --color-primary-300: rgba(103, 255, 200, 0.1);\n --color-primary-400: rgba(103, 255, 200, 0.25);\n --color-primary-500: rgba(103, 255, 200, 0.5);\n --color-primary-600: rgba(103, 255, 200, 0.75);\n --color-primary-700: #67ffc8;\n --color-primary-800: #a5ffdf;\n --color-primary-900: #d0fdec;\n\n --color-secondary-200: rgba(103, 255, 200, 0.05);\n --color-secondary-300: rgba(103, 255, 200, 0.1);\n --color-secondary-400: rgba(103, 255, 200, 0.25);\n --color-secondary-500: rgba(103, 255, 200, 0.5);\n --color-secondary-600: rgba(103, 255, 200, 0.75);\n --color-secondary-700: #67ffc8;\n --color-secondary-800: #a5ffdf;\n --color-secondary-900: #d0fdec;\n\n --color-theme-transparent-200: rgba(6,7,8,0.12);\n --color-theme-transparent-300: rgba(6,7,8,0.22);\n --color-theme-transparent-400: rgba(6,7,8,0.5);\n --color-theme-transparent-500: rgba(255,255,255,0.27);\n --color-theme-transparent-600: rgba(255,255,255,0.4);\n --color-theme-transparent-700: rgba(255,255,255,0.6);\n --color-theme-transparent-800: rgba(255,255,255,0.85);\n\n --color-primary-opaque-300: #3b4e51;\n --color-primary-opaque-400: #436b64;\n\n --color-secondary-opaque-300: #3b4e51;\n --color-secondary-opaque-400: #436b64;\n\n --body-bg-main: rgb(44, 46, 56);\n --body-bg-main-transparent: rgba(44, 46, 56, 0);\n --page-paper-main: #373a44;\n --border-primary: #1f2024;\n\n --note-bg: #464545;\n\n --shadow-primary-hover: 0 64px 64px 0 rgba(0, 0, 0, 0.2),\n 0 32px 32px 0 rgba(0, 0, 0, 0.2), 0 16px 16px 0 rgba(0, 0, 0, 0.2),\n 0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.2);\n --shadow-primary: 0 64px 64px 0 rgba(0, 0, 0, 0.1),\n 0 32px 32px 0 rgba(0, 0, 0, 0.1), 0 16px 16px 0 rgba(0, 0, 0, 0.1),\n 0 4px 4px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.1);\n\n --shadow-secondary: 0 4px 14px 0 rgba(0, 0, 0, 0.3);\n\n --shadow-tertiary: 0 4px 6px -2px rgba(0, 0, 0, 0.1),\n 0 10px 15px -3px rgba(0, 0, 0, 0.15);\n --shadow-tertiary-hover: 0 4px 12px -2px rgba(0, 0, 0, 0.4),\n 0 10px 30px -3px rgba(0, 0, 0, 0.5);\n\n --page-paper-main-shadow: rgba(\n 55,\n 58,\n 68,\n 0\n ); /* Shadow list shadow for page paper main */\n\n --modal-background: rgba(44, 46, 56, 0.7);\n\n --highlight-dark: rgba(0, 0, 0, 0.06);\n\n --input-background-color: #2c2e38;\n\n --only-white: #ffffff;\n\n --only-black: #000000;\n }\n\n html {\n color-scheme: light;\n }\n\n html {\n &.neon {\n color-scheme: dark;\n }\n }\n\n .ac-shadow,\n .ac-shadow--raised {\n &--lg {\n box-shadow: var(--shadow-primary);\n }\n &--sm {\n box-shadow: var(--shadow-tertiary);\n }\n }\n\n .ac-shadow--raised {\n &--lg {\n transition: box-shadow 0.3s;\n &:hover {\n box-shadow: var(--shadow-primary-hover);\n }\n }\n &--sm {\n transition: box-shadow 0.3s;\n &:hover {\n box-shadow: var(--shadow-tertiary-hover);\n }\n }\n }\n\n .ac-shadow-optimized--sm {\n position: relative;\n box-shadow: var(--shadow-tertiary);\n\n &::before {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n content: \"\";\n box-shadow: var(--shadow-tertiary);\n opacity: 0;\n border-radius: var(--ac-br-6);\n transition: opacity 0.3s ease;\n z-index: -1;\n }\n\n @media (hover: hover) {\n &:hover::before {\n opacity: 1;\n }\n }\n }\n\n .ac-shadow-optimized--lg {\n position: relative;\n box-shadow: var(--shadow-primary);\n\n &::before {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n content: \"\";\n box-shadow: var(--shadow-primary);\n opacity: 0;\n border-radius: var(--ac-br-8);\n transition: opacity 0.3s ease;\n z-index: -1;\n }\n\n @media (hover: hover) {\n &:hover::before {\n opacity: 1;\n }\n }\n }\n\n .ac-border-radius {\n &-4 {\n border-radius: var(--ac-br-4);\n }\n\n &-6 {\n border-radius: var(--ac-br-6);\n }\n\n &-8 {\n border-radius: var(--ac-br-8);\n }\n\n &-rounded {\n border-radius: var(--ac-br-rounded);\n }\n }\n\n\n // CSS Tooltip ::after content: data-tooltip\n\n .c-cooltip {\n position: relative;\n\n /*\n * Prefer scoped variables in this case.\n * This lines of CSS should be scoped too.\n */\n\n --cooltip-spacing: 0.5rem;\n --cooltip-padding: 0.25rem 0.625rem;\n --cooltip-max-width: 12.5rem;\n\n --cooltip-transition-duration: 0.15s, 0.1s, 0.15s;\n --cooltip-transition-delay: 0.6s;\n --cooltip-timing: ease, ease, cubic-bezier(0.39, 0.575, 0.565, 1);\n }\n\n .c-cooltip::after {\n /*\n * will-change is intended to be used as a last resort,\n * in order to try to deal with existing performance problems.\n * It should not be used to anticipate performance problems.\n * https://developer.mozilla.org/en-US/docs/Web/CSS/will-change\n *\n * will-change: transform, opacity\n */\n pointer-events: none;\n content: attr(data-tooltip);\n position: absolute;\n color: #fff;\n opacity: 0;\n background-color: rgba(0, 0, 0, 0.9);\n border-radius: 0.5rem;\n font-size: 0.75rem;\n font-weight: 500;\n line-height: 1.3;\n max-width: var(--cooltip-max-width);\n padding: var(--cooltip-padding);\n text-align: center;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n }\n\n .c-cooltip--top::after {\n bottom: calc(100% + var(--cooltip-spacing));\n left: 50%;\n transform: scale(0.85) translateX(-50%);\n transform-origin: 0;\n }\n\n .c-cooltip--right::after {\n left: calc(100% + var(--cooltip-spacing));\n transform: scale(0.85);\n }\n\n .c-cooltip--bottom::after {\n top: calc(100% + var(--cooltip-spacing));\n left: 50%;\n transform: scale(0.85) translateX(-50%);\n transform-origin: 0;\n }\n\n .c-cooltip--left::after {\n right: calc(100% + var(--cooltip-spacing));\n transform: scale(0.85);\n }\n\n /*\n * Make sure that disabled and aria pressed\n * items do not have tooltips available.\n */\n .c-cooltip:disabled::after,\n [aria-pressed=\"true\"]::after {\n display: none;\n }\n\n /*\n *\n * Only use hover when is available .\n * https://developer.mozilla.org/en-US/docs/Web/CSS/@media/hover\n */\n @media (hover: hover) {\n /*\n * Here we maybe have a complex selector but actually it's not.\n * We simply asks here to show tooltip only on hover.\n * Focused elements (in this case, clicked elements) should hide the tooltip.\n */\n .c-cooltip--top:not(:focus):hover::after,\n .c-cooltip--bottom:not(:focus):hover::after {\n transition-property: opacity, transform;\n transition-duration: var(--cooltip-transition-duration);\n transition-delay: var(--cooltip-transition-delay);\n transition-timing-function: var(--cooltip-timing);\n transform: scale(1) translateX(-50%);\n opacity: 1;\n }\n\n /*\n *\n * This is not code duplication!\n * Transform properties are tricky to animate and values\n * are not the same depending on the tooltip position.\n *\n * Animating only one transform, eg. scale(1) will\n * override all previously set transforms, eg. translateY.\n * So we need to always chain them.\n * eg. transform: scale(1) translateY(-50%) etc...\n */\n\n .c-cooltip--right:not(:focus):hover::after,\n .c-cooltip--left:not(:focus):hover::after {\n transition-property: opacity, transform;\n transition-duration: var(--cooltip-transition-duration);\n transition-delay: var(--cooltip-transition-delay);\n transition-timing-function: var(--cooltip-timing);\n transform: scale(1);\n opacity: 1;\n }\n }\n\n .c-date-picker--calendar {\n width: 260px;\n padding: 16px 0px 8px 0px;\n margin: auto;\n background-color: var(--page-paper-main);\n }\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAEO,IAAMC,WAAW,GAAAC,OAAA,CAAAD,WAAA,OAAGE,mCAAiB,ssVAqhB3C"}
|
|
@@ -31,7 +31,7 @@ var InfoBox = exports.InfoBox = function InfoBox(_ref) {
|
|
|
31
31
|
note: _utils.colors.yellowWarning.color,
|
|
32
32
|
default: _utils.colors.blueSky.color,
|
|
33
33
|
neutral: _utils.colors.gray.color,
|
|
34
|
-
ai: _utils.colors.
|
|
34
|
+
ai: _utils.colors.aiGradient.color
|
|
35
35
|
};
|
|
36
36
|
|
|
37
37
|
// https://davidwalsh.name/hex-opacity
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InfoBox.js","names":["_react","_interopRequireDefault","require","_Styles","_utils","_Icons","_Typography","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","InfoBox","exports","_ref","_ref$type","type","children","showIcon","icon","_ref$title","title","_ref$action","action","rest","statusColors","success","colors","greenSuccess","color","warning","redAlert","note","yellowWarning","blueSky","neutral","gray","ai","opacity","createElement","StyledInfoBoxWrapper","$color","concat","$opacity","$type","StyledInfoBoxContainer","React","isValidElement","cloneElement","fill","width","CheckboxBlankTogglerIcon","CloseCircleIcon","InfoIcon","StyledInfoBoxHeader","$hasTitle","SyledInfoBoxInnerHeader","Body2","weight","lineHeight"],"sources":["../../../../src/components/InfoBox/InfoBox.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\";\n\nimport {\n StyledInfoBoxContainer,\n StyledInfoBoxHeader,\n StyledInfoBoxWrapper,\n SyledInfoBoxInnerHeader,\n} from \"./Styles\";\nimport { colors } from \"../../utils\";\nimport { CheckboxBlankTogglerIcon, CloseCircleIcon, InfoIcon } from \"../Icons\";\nimport { ElementWithRef } from \"../Select\";\nimport { Body2 } from \"../Typography\";\n\nexport type InfoBoxType =\n | \"success\"\n | \"warning\"\n | \"note\"\n | \"default\"\n | \"neutral\"\n | \"ai\";\n\nexport interface InfoBoxProps {\n type: InfoBoxType;\n children?: ReactNode;\n showIcon?: boolean;\n title?: ReactNode | string;\n icon?: ElementWithRef<SVGSVGElement>;\n action?: ReactNode;\n}\n\nexport const InfoBox: React.FC<InfoBoxProps> = ({\n type = \"default\",\n children,\n showIcon,\n icon,\n title = null,\n action = null,\n ...rest\n}) => {\n const statusColors: Record<InfoBoxType, string> = {\n success: colors.greenSuccess.color,\n warning: colors.redAlert.color,\n note: colors.yellowWarning.color,\n default: colors.blueSky.color,\n neutral: colors.gray.color,\n ai: colors.
|
|
1
|
+
{"version":3,"file":"InfoBox.js","names":["_react","_interopRequireDefault","require","_Styles","_utils","_Icons","_Typography","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","InfoBox","exports","_ref","_ref$type","type","children","showIcon","icon","_ref$title","title","_ref$action","action","rest","statusColors","success","colors","greenSuccess","color","warning","redAlert","note","yellowWarning","blueSky","neutral","gray","ai","aiGradient","opacity","createElement","StyledInfoBoxWrapper","$color","concat","$opacity","$type","StyledInfoBoxContainer","React","isValidElement","cloneElement","fill","width","CheckboxBlankTogglerIcon","CloseCircleIcon","InfoIcon","StyledInfoBoxHeader","$hasTitle","SyledInfoBoxInnerHeader","Body2","weight","lineHeight"],"sources":["../../../../src/components/InfoBox/InfoBox.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\";\n\nimport {\n StyledInfoBoxContainer,\n StyledInfoBoxHeader,\n StyledInfoBoxWrapper,\n SyledInfoBoxInnerHeader,\n} from \"./Styles\";\nimport { colors } from \"../../utils\";\nimport { CheckboxBlankTogglerIcon, CloseCircleIcon, InfoIcon } from \"../Icons\";\nimport { ElementWithRef } from \"../Select\";\nimport { Body2 } from \"../Typography\";\n\nexport type InfoBoxType =\n | \"success\"\n | \"warning\"\n | \"note\"\n | \"default\"\n | \"neutral\"\n | \"ai\";\n\nexport interface InfoBoxProps {\n type: InfoBoxType;\n children?: ReactNode;\n showIcon?: boolean;\n title?: ReactNode | string;\n icon?: ElementWithRef<SVGSVGElement>;\n action?: ReactNode;\n}\n\nexport const InfoBox: React.FC<InfoBoxProps> = ({\n type = \"default\",\n children,\n showIcon,\n icon,\n title = null,\n action = null,\n ...rest\n}) => {\n const statusColors: Record<InfoBoxType, string> = {\n success: colors.greenSuccess.color,\n warning: colors.redAlert.color,\n note: colors.yellowWarning.color,\n default: colors.blueSky.color,\n neutral: colors.gray.color,\n ai: colors.aiGradient.color,\n };\n\n // https://davidwalsh.name/hex-opacity\n const opacity = \"1A\";\n\n return (\n <StyledInfoBoxWrapper\n $color={`${statusColors[type]}`}\n $opacity={opacity}\n $type={type}\n {...rest}\n >\n <StyledInfoBoxContainer>\n {showIcon && type !== \"ai\" && (\n <span>\n {icon && React.isValidElement(icon) ? (\n React.cloneElement(icon, {\n fill: statusColors[type],\n width: 18,\n })\n ) : type === \"success\" ? (\n <CheckboxBlankTogglerIcon fill={statusColors[type]} width={18} />\n ) : type === \"warning\" ? (\n <CloseCircleIcon fill={statusColors[type]} width={18} />\n ) : type === \"note\" || type === \"default\" ? (\n <InfoIcon fill={statusColors[type]} width={18} />\n ) : (\n <InfoIcon fill={statusColors[\"neutral\"]} width={18} />\n )}\n </span>\n )}\n <StyledInfoBoxHeader $hasTitle={title ? true : false}>\n <SyledInfoBoxInnerHeader>\n {typeof title === \"string\" && title ? (\n <Body2 weight=\"bold\" lineHeight=\"loose\">\n {title}\n </Body2>\n ) : (\n title\n )}\n {action}\n </SyledInfoBoxInnerHeader>\n {children}\n </StyledInfoBoxHeader>\n </StyledInfoBoxContainer>\n </StyledInfoBoxWrapper>\n );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAMA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAEA,IAAAI,WAAA,GAAAJ,OAAA;AAAsC,IAAAK,SAAA;AAAA,SAAAN,uBAAAO,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,yBAAAN,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,GAAAY,6BAAA,CAAAR,MAAA,EAAAO,QAAA,OAAAN,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAgB,qBAAA,QAAAC,gBAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAT,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAa,gBAAA,CAAAX,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAS,gBAAA,CAAAb,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAAU,oBAAA,CAAAR,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAY,8BAAAR,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,WAAAiB,UAAA,GAAApB,MAAA,CAAAqB,IAAA,CAAAd,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgB,UAAA,CAAAd,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAY,UAAA,CAAAhB,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AAmB/B,IAAMmB,OAA+B,GAAAC,OAAA,CAAAD,OAAA,GAAG,SAAlCA,OAA+BA,CAAAE,IAAA,EAQtC;EAAA,IAAAC,SAAA,GAAAD,IAAA,CAPJE,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,SAAS,GAAAA,SAAA;IAChBE,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IACRC,IAAI,GAAAL,IAAA,CAAJK,IAAI;IAAAC,UAAA,GAAAN,IAAA,CACJO,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,IAAI,GAAAA,UAAA;IAAAE,WAAA,GAAAR,IAAA,CACZS,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,IAAI,GAAAA,WAAA;IACVE,IAAI,GAAArB,wBAAA,CAAAW,IAAA,EAAA7B,SAAA;EAEP,IAAMwC,YAAyC,GAAG;IAChDC,OAAO,EAAEC,aAAM,CAACC,YAAY,CAACC,KAAK;IAClCC,OAAO,EAAEH,aAAM,CAACI,QAAQ,CAACF,KAAK;IAC9BG,IAAI,EAAEL,aAAM,CAACM,aAAa,CAACJ,KAAK;IAChCzC,OAAO,EAAEuC,aAAM,CAACO,OAAO,CAACL,KAAK;IAC7BM,OAAO,EAAER,aAAM,CAACS,IAAI,CAACP,KAAK;IAC1BQ,EAAE,EAAEV,aAAM,CAACW,UAAU,CAACT;EACxB,CAAC;;EAED;EACA,IAAMU,OAAO,GAAG,IAAI;EAEpB,oBACE7D,MAAA,CAAAU,OAAA,CAAAoD,aAAA,CAAC3D,OAAA,CAAA4D,oBAAoB,EAAApD,QAAA;IACnBqD,MAAM,KAAAC,MAAA,CAAKlB,YAAY,CAACT,IAAI,CAAC,CAAG;IAChC4B,QAAQ,EAAEL,OAAQ;IAClBM,KAAK,EAAE7B;EAAK,GACRQ,IAAI,gBAER9C,MAAA,CAAAU,OAAA,CAAAoD,aAAA,CAAC3D,OAAA,CAAAiE,sBAAsB,QACpB5B,QAAQ,IAAIF,IAAI,KAAK,IAAI,iBACxBtC,MAAA,CAAAU,OAAA,CAAAoD,aAAA,eACGrB,IAAI,iBAAI4B,cAAK,CAACC,cAAc,CAAC7B,IAAI,CAAC,kBACjC4B,cAAK,CAACE,YAAY,CAAC9B,IAAI,EAAE;IACvB+B,IAAI,EAAEzB,YAAY,CAACT,IAAI,CAAC;IACxBmC,KAAK,EAAE;EACT,CAAC,CAAC,IACAnC,IAAI,KAAK,SAAS,gBACpBtC,MAAA,CAAAU,OAAA,CAAAoD,aAAA,CAACzD,MAAA,CAAAqE,wBAAwB;IAACF,IAAI,EAAEzB,YAAY,CAACT,IAAI,CAAE;IAACmC,KAAK,EAAE;EAAG,CAAE,CAAC,GAC/DnC,IAAI,KAAK,SAAS,gBACpBtC,MAAA,CAAAU,OAAA,CAAAoD,aAAA,CAACzD,MAAA,CAAAsE,eAAe;IAACH,IAAI,EAAEzB,YAAY,CAACT,IAAI,CAAE;IAACmC,KAAK,EAAE;EAAG,CAAE,CAAC,GACtDnC,IAAI,KAAK,MAAM,IAAIA,IAAI,KAAK,SAAS,gBACvCtC,MAAA,CAAAU,OAAA,CAAAoD,aAAA,CAACzD,MAAA,CAAAuE,QAAQ;IAACJ,IAAI,EAAEzB,YAAY,CAACT,IAAI,CAAE;IAACmC,KAAK,EAAE;EAAG,CAAE,CAAC,gBAEjDzE,MAAA,CAAAU,OAAA,CAAAoD,aAAA,CAACzD,MAAA,CAAAuE,QAAQ;IAACJ,IAAI,EAAEzB,YAAY,CAAC,SAAS,CAAE;IAAC0B,KAAK,EAAE;EAAG,CAAE,CAEnD,CACP,eACDzE,MAAA,CAAAU,OAAA,CAAAoD,aAAA,CAAC3D,OAAA,CAAA0E,mBAAmB;IAACC,SAAS,EAAEnC,KAAK,GAAG,IAAI,GAAG;EAAM,gBACnD3C,MAAA,CAAAU,OAAA,CAAAoD,aAAA,CAAC3D,OAAA,CAAA4E,uBAAuB,QACrB,OAAOpC,KAAK,KAAK,QAAQ,IAAIA,KAAK,gBACjC3C,MAAA,CAAAU,OAAA,CAAAoD,aAAA,CAACxD,WAAA,CAAA0E,KAAK;IAACC,MAAM,EAAC,MAAM;IAACC,UAAU,EAAC;EAAO,GACpCvC,KACI,CAAC,GAERA,KACD,EACAE,MACsB,CAAC,EACzBN,QACkB,CACC,CACJ,CAAC;AAE3B,CAAC"}
|
package/dist/cjs/utils/colors.js
CHANGED
|
@@ -106,6 +106,11 @@ var colors = exports.colors = {
|
|
|
106
106
|
yellowWarning: {
|
|
107
107
|
name: "Yellow warning",
|
|
108
108
|
color: "#FFCC6B"
|
|
109
|
+
},
|
|
110
|
+
aiGradient: {
|
|
111
|
+
name: "AI Gradient",
|
|
112
|
+
color: "linear-gradient(135deg, #4da2ed, #9f69e5, #ec43d8, #f72222)",
|
|
113
|
+
lighter: "linear-gradient(135deg,rgba(77, 162, 237, 0.1),rgba(159, 105, 229, 0.1),rgba(236, 67, 216, 0.1),rgba(230, 10, 10, 0.1))"
|
|
109
114
|
}
|
|
110
115
|
};
|
|
111
116
|
//# sourceMappingURL=colors.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colors.js","names":["colors","exports","yellow","name","color","darker","lighter","orange","beige","pink","coral","purpleDirty","purple","blueAqua","bluePale","blueSky","turquoise","greenPale","greenOliveDrab","graySilver","gray","greenSuccess","redAlert","yellowWarning"],"sources":["../../../src/utils/colors.ts"],"sourcesContent":["export const colors = {\n yellow: {\n name: \"Yellow\",\n color: \"#FDF196\",\n darker: \"#948D5D\",\n lighter: \"#EBD429\",\n },\n orange: {\n name: \"Orange\",\n color: \"#FBBB75\",\n darker: \"#916C43\",\n lighter: \"#E99841\",\n },\n beige: {\n name: \"Beige\",\n color: \"#EAC2AD\",\n darker: \"#877064\",\n lighter: \"#B98A72\",\n },\n pink: {\n name: \"Pink\",\n color: \"#FBD6E7\",\n darker: \"#917C86\",\n lighter: \"#E4A1C0\",\n },\n coral: {\n name: \"Coral\",\n color: \"#FF9C9C\",\n darker: \"#945A5A\",\n lighter: \"#DB4545\",\n },\n purpleDirty: {\n name: \"Purple dirty\",\n color: \"#C49CB6\",\n darker: \"#715A69\",\n lighter: \"#B16E9A\",\n },\n purple: {\n name: \"Purple\",\n color: \"#BEACF9\",\n darker: \"#6E6390\",\n lighter: \"#9B86DF\",\n },\n blueAqua: {\n name: \"Blue aqua\",\n color: \"#BDF7FD\",\n darker: \"#6D8F92\",\n lighter: \"#7BDDE7\",\n },\n bluePale: {\n name: \"Blue pale\",\n color: \"#BEEAFF\",\n darker: \"#6E8794\",\n lighter: \"#92BFD4\",\n },\n blueSky: {\n name: \"Blue sky\",\n color: \"#A0CBFD\",\n darker: \"#5C7592\",\n lighter: \"#568CCB\",\n },\n turquoise: {\n name: \"Turquoise\",\n color: \"#B9E4E0\",\n darker: \"#6B8482\",\n lighter: \"#70BFB8\",\n },\n greenPale: {\n name: \"Green pale\",\n color: \"#C3E799\",\n darker: \"#718658\",\n lighter: \"#80C333\",\n },\n greenOliveDrab: {\n name: \"Green olive drab\",\n color: \"#98B57C\",\n darker: \"#647157\",\n lighter: \"#819F65\",\n },\n graySilver: {\n name: \"Gray silver\",\n color: \"#DDDDDD\",\n darker: \"#808080\",\n lighter: \"#ACACAC\",\n },\n gray: {\n name: \"Gray\",\n color: \"#CACACA\",\n darker: \"#757575\",\n lighter: \"#7D7D7D\",\n },\n greenSuccess: {\n name: \"Green success\",\n color: \"#64CD93\",\n },\n redAlert: {\n name: \"Red alert\",\n color: \"#ED6161\",\n },\n yellowWarning: {\n name: \"Yellow warning\",\n color: \"#FFCC6B\",\n },\n};\n"],"mappings":";;;;;;AAAO,IAAMA,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG;EACpBE,MAAM,EAAE;IACNC,IAAI,EAAE,QAAQ;IACdC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDC,MAAM,EAAE;IACNJ,IAAI,EAAE,QAAQ;IACdC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDE,KAAK,EAAE;IACLL,IAAI,EAAE,OAAO;IACbC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDG,IAAI,EAAE;IACJN,IAAI,EAAE,MAAM;IACZC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDI,KAAK,EAAE;IACLP,IAAI,EAAE,OAAO;IACbC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDK,WAAW,EAAE;IACXR,IAAI,EAAE,cAAc;IACpBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDM,MAAM,EAAE;IACNT,IAAI,EAAE,QAAQ;IACdC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDO,QAAQ,EAAE;IACRV,IAAI,EAAE,WAAW;IACjBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDQ,QAAQ,EAAE;IACRX,IAAI,EAAE,WAAW;IACjBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDS,OAAO,EAAE;IACPZ,IAAI,EAAE,UAAU;IAChBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDU,SAAS,EAAE;IACTb,IAAI,EAAE,WAAW;IACjBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDW,SAAS,EAAE;IACTd,IAAI,EAAE,YAAY;IAClBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDY,cAAc,EAAE;IACdf,IAAI,EAAE,kBAAkB;IACxBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDa,UAAU,EAAE;IACVhB,IAAI,EAAE,aAAa;IACnBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDc,IAAI,EAAE;IACJjB,IAAI,EAAE,MAAM;IACZC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDe,YAAY,EAAE;IACZlB,IAAI,EAAE,eAAe;IACrBC,KAAK,EAAE;EACT,CAAC;EACDkB,QAAQ,EAAE;IACRnB,IAAI,EAAE,WAAW;IACjBC,KAAK,EAAE;EACT,CAAC;EACDmB,aAAa,EAAE;IACbpB,IAAI,EAAE,gBAAgB;IACtBC,KAAK,EAAE;EACT;AACF,CAAC"}
|
|
1
|
+
{"version":3,"file":"colors.js","names":["colors","exports","yellow","name","color","darker","lighter","orange","beige","pink","coral","purpleDirty","purple","blueAqua","bluePale","blueSky","turquoise","greenPale","greenOliveDrab","graySilver","gray","greenSuccess","redAlert","yellowWarning","aiGradient"],"sources":["../../../src/utils/colors.ts"],"sourcesContent":["export const colors = {\n yellow: {\n name: \"Yellow\",\n color: \"#FDF196\",\n darker: \"#948D5D\",\n lighter: \"#EBD429\",\n },\n orange: {\n name: \"Orange\",\n color: \"#FBBB75\",\n darker: \"#916C43\",\n lighter: \"#E99841\",\n },\n beige: {\n name: \"Beige\",\n color: \"#EAC2AD\",\n darker: \"#877064\",\n lighter: \"#B98A72\",\n },\n pink: {\n name: \"Pink\",\n color: \"#FBD6E7\",\n darker: \"#917C86\",\n lighter: \"#E4A1C0\",\n },\n coral: {\n name: \"Coral\",\n color: \"#FF9C9C\",\n darker: \"#945A5A\",\n lighter: \"#DB4545\",\n },\n purpleDirty: {\n name: \"Purple dirty\",\n color: \"#C49CB6\",\n darker: \"#715A69\",\n lighter: \"#B16E9A\",\n },\n purple: {\n name: \"Purple\",\n color: \"#BEACF9\",\n darker: \"#6E6390\",\n lighter: \"#9B86DF\",\n },\n blueAqua: {\n name: \"Blue aqua\",\n color: \"#BDF7FD\",\n darker: \"#6D8F92\",\n lighter: \"#7BDDE7\",\n },\n bluePale: {\n name: \"Blue pale\",\n color: \"#BEEAFF\",\n darker: \"#6E8794\",\n lighter: \"#92BFD4\",\n },\n blueSky: {\n name: \"Blue sky\",\n color: \"#A0CBFD\",\n darker: \"#5C7592\",\n lighter: \"#568CCB\",\n },\n turquoise: {\n name: \"Turquoise\",\n color: \"#B9E4E0\",\n darker: \"#6B8482\",\n lighter: \"#70BFB8\",\n },\n greenPale: {\n name: \"Green pale\",\n color: \"#C3E799\",\n darker: \"#718658\",\n lighter: \"#80C333\",\n },\n greenOliveDrab: {\n name: \"Green olive drab\",\n color: \"#98B57C\",\n darker: \"#647157\",\n lighter: \"#819F65\",\n },\n graySilver: {\n name: \"Gray silver\",\n color: \"#DDDDDD\",\n darker: \"#808080\",\n lighter: \"#ACACAC\",\n },\n gray: {\n name: \"Gray\",\n color: \"#CACACA\",\n darker: \"#757575\",\n lighter: \"#7D7D7D\",\n },\n greenSuccess: {\n name: \"Green success\",\n color: \"#64CD93\",\n },\n redAlert: {\n name: \"Red alert\",\n color: \"#ED6161\",\n },\n yellowWarning: {\n name: \"Yellow warning\",\n color: \"#FFCC6B\",\n },\n aiGradient: {\n name: \"AI Gradient\",\n color: \"linear-gradient(135deg, #4da2ed, #9f69e5, #ec43d8, #f72222)\",\n lighter:\n \"linear-gradient(135deg,rgba(77, 162, 237, 0.1),rgba(159, 105, 229, 0.1),rgba(236, 67, 216, 0.1),rgba(230, 10, 10, 0.1))\",\n },\n};\n"],"mappings":";;;;;;AAAO,IAAMA,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG;EACpBE,MAAM,EAAE;IACNC,IAAI,EAAE,QAAQ;IACdC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDC,MAAM,EAAE;IACNJ,IAAI,EAAE,QAAQ;IACdC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDE,KAAK,EAAE;IACLL,IAAI,EAAE,OAAO;IACbC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDG,IAAI,EAAE;IACJN,IAAI,EAAE,MAAM;IACZC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDI,KAAK,EAAE;IACLP,IAAI,EAAE,OAAO;IACbC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDK,WAAW,EAAE;IACXR,IAAI,EAAE,cAAc;IACpBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDM,MAAM,EAAE;IACNT,IAAI,EAAE,QAAQ;IACdC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDO,QAAQ,EAAE;IACRV,IAAI,EAAE,WAAW;IACjBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDQ,QAAQ,EAAE;IACRX,IAAI,EAAE,WAAW;IACjBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDS,OAAO,EAAE;IACPZ,IAAI,EAAE,UAAU;IAChBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDU,SAAS,EAAE;IACTb,IAAI,EAAE,WAAW;IACjBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDW,SAAS,EAAE;IACTd,IAAI,EAAE,YAAY;IAClBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDY,cAAc,EAAE;IACdf,IAAI,EAAE,kBAAkB;IACxBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDa,UAAU,EAAE;IACVhB,IAAI,EAAE,aAAa;IACnBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDc,IAAI,EAAE;IACJjB,IAAI,EAAE,MAAM;IACZC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDe,YAAY,EAAE;IACZlB,IAAI,EAAE,eAAe;IACrBC,KAAK,EAAE;EACT,CAAC;EACDkB,QAAQ,EAAE;IACRnB,IAAI,EAAE,WAAW;IACjBC,KAAK,EAAE;EACT,CAAC;EACDmB,aAAa,EAAE;IACbpB,IAAI,EAAE,gBAAgB;IACtBC,KAAK,EAAE;EACT,CAAC;EACDoB,UAAU,EAAE;IACVrB,IAAI,EAAE,aAAa;IACnBC,KAAK,EAAE,6DAA6D;IACpEE,OAAO,EACL;EACJ;AACF,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GlobalStyle.d.ts","sourceRoot":"","sources":["../../../src/components/GlobalStyle.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"GlobalStyle.d.ts","sourceRoot":"","sources":["../../../src/components/GlobalStyle.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,gGAqhBvB,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { createGlobalStyle } from "styled-components";
|
|
2
|
-
export const GlobalStyle = createGlobalStyle([":root{--color-primary:#5d2bff;--color-secondary:#5d2bff;--color-theme-100:#ffffff;--color-theme-200:#f6f6f9;--color-theme-300:#ebebee;--color-theme-400:#d7d7da;--color-theme-500:#b9b9bd;--color-theme-600:#89898e;--color-theme-700:#6d6d73;--color-theme-800:#5b5b61;--color-theme-900:#303037;--color-primary-200:rgba(93,43,255,0.05);--color-primary-300:rgba(93,43,255,0.1);--color-primary-400:rgba(93,43,255,0.25);--color-primary-500:rgba(93,43,255,0.5);--color-primary-600:rgba(93,43,255,0.75);--color-primary-700:#5d2bff;--color-primary-800:#4a21cd;--color-primary-900:#32178b;--color-secondary-200:rgba(93,43,255,0.05);--color-secondary-300:rgba(93,43,255,0.1);--color-secondary-400:rgba(93,43,255,0.25);--color-secondary-500:rgba(93,43,255,0.5);--color-secondary-600:rgba(93,43,255,0.75);--color-secondary-700:#5d2bff;--color-secondary-800:#4a21cd;--color-secondary-900:#32178b;--color-theme-transparent-200:rgba(36,36,76,0.04);--color-theme-transparent-300:rgba(48,48,55,0.1);--color-theme-transparent-400:rgba(48,48,55,0.2);--color-theme-transparent-500:rgba(48,48,55,0.34);--color-theme-transparent-600:rgba(48,48,55,0.57);--color-theme-transparent-700:rgba(48,48,55,0.7);--color-theme-transparent-800:rgba(48,48,55,0.8);--color-primary-opaque-300:#efeaff;--color-primary-opaque-400:#d6caff;--color-secondary-opaque-300:#efeaff;--color-secondary-opaque-400:#d6caff;--color-sucess-green:#64cd93;--color-pale-green:#c3e799;--color-yellow:#FDF196;--color-yellow-darker:#948D5D;--color-yellow-lighter:#EBD429;--color-orange:#FBBB75;--color-orange-darker:#916C43;--color-orange-lighter:#E99841;--color-beige:#EAC2AD;--color-beige-darker:#877064;--color-beige-lighter:#B98A72;--color-pink:#FBD6E7;--color-pink-darker:#917C86;--color-pink-lighter:#E4A1C0;--color-coral:#FF9C9C;--color-coral-darker:#945A5A;--color-coral-lighter:#DB4545;--color-purple-dirty:#C49CB6;--color-purple-dirty-darker:#715A69;--color-purple-dirty-lighter:#B16E9A;--color-purple:#BEACF9;--color-purple-darker:#6E6390;--color-purple-lighter:#9B86DF;--color-blue-aqua:#BDF7FD;--color-blue-aqua-darker:#6D8F92;--color-blue-aqua-lighter:#7BDDE7;--color-blue-pale:#BEEAFF;--color-blue-pale-darker:#6E8794;--color-blue-pale-lighter:#92BFD4;--color-blue-sky:#A0CBFD;--color-blue-sky-darker:#5C7592;--color-blue-sky-lighter:#568CCB;--color-turquoise:#B9E4E0;--color-turquoise-darker:#6B8482;--color-turquoise-lighter:#70BFB8;--color-green-pale:#C3E799;--color-green-pale-darker:#718658;--color-green-pale-lighter:#80C333;--color-green-olive-drab:#98B57C;--color-green-olive-drab-darker:#647157;--color-green-olive-drab-lighter:#819F65;--color-gray-silver:#DDDDDD;--color-gray-silver-darker:#808080;--color-gray-silver-lighter:#ACACAC;--color-gray:#CACACA;--color-gray-darker:#757575;--color-gray-lighter:#7D7D7D;--body-bg-main:rgb(244,245,247);--body-bg-main-transparent:rgba(244,245,247,0);--page-paper-main:#ffffff;--border-primary:#d7d7da;--note-bg:#fff9f1;--shadow-primary-hover:0 64px 64px 0 rgba(0,0,0,0.1),0 32px 32px 0 rgba(0,0,0,0.06),0 16px 16px 0 rgba(0,0,0,0.04),0 4px 4px 0 rgba(0,0,0,0.04),0 2px 2px 0 rgba(0,0,0,0.04);--shadow-primary:0 64px 64px 0 rgba(0,0,0,0.06),0 32px 32px 0 rgba(0,0,0,0.03),0 16px 16px 0 rgba(0,0,0,0.02),0 4px 4px 0 rgba(0,0,0,0.02),0 2px 2px 0 rgba(0,0,0,0.02);--shadow-secondary:0 4px 14px 0 rgba(0,0,0,0.17);--shadow-tertiary:0 4px 6px -2px rgba(0,0,0,0.05),0 10px 15px -3px rgba(0,0,0,0.1);--shadow-tertiary-hover:0 4px 10px -2px rgba(0,0,0,0.1),0 12px 20px -3px rgba(0,0,0,0.2);--page-paper-main-shadow:rgba( 255,255,255,0 );--modal-background:rgba(244,245,247,0.6);--highlight-dark:rgba(0,0,0,0.03);--input-background-color:#ffffff;--red-alert:rgb(237,97,97);--warning:#ffcc6b;--only-white:#ffffff;--only-black:#000000;--ac-br-4:4px;--ac-br-6:6px;--ac-br-8:8px;--ac-br-rounded:999px;}.cupcake{--color-primary:#29bcdd;--color-secondary:#fe6fa7;--color-primary-200:rgba(41,188,221,0.07);--color-primary-300:rgba(41,188,221,0.12);--color-primary-400:rgba(41,188,221,0.26);--color-primary-500:rgba(41,188,221,0.52);--color-primary-600:rgba(41,188,221,0.75);--color-primary-700:#29bcdd;--color-primary-800:#219fbb;--color-primary-900:#1a768b;--color-secondary-200:rgba(254,111,167,0.07);--color-secondary-300:rgba(254,111,167,0.13);--color-secondary-400:rgba(254,111,167,0.27);--color-secondary-500:rgba(254,111,167,0.52);--color-secondary-600:rgba(254,111,167,0.75);--color-secondary-700:#fe6fa7;--color-secondary-800:#dd6091;--color-secondary-900:#ab496f;--color-primary-opaque-300:#e5f7fb;--color-primary-opaque-400:#c8eef6;--color-secondary-opaque-300:#ffecf4;--color-secondary-opaque-400:#ffd8e7;}.classic{--color-primary:#4182f2;--color-secondary:#4182f2;--color-primary-200:rgba(65,130,242,0.07);--color-primary-300:rgba(65,130,242,0.13);--color-primary-400:rgba(65,130,242,0.26);--color-primary-500:rgba(65,130,242,0.52);--color-primary-600:rgba(65,130,242,0.75);--color-primary-700:#4182f2;--color-primary-800:#356bc8;--color-primary-900:#244a8a;--color-secondary-200:rgba(65,130,242,0.07);--color-secondary-300:rgba(65,130,242,0.13);--color-secondary-400:rgba(65,130,242,0.26);--color-secondary-500:rgba(65,130,242,0.52);--color-secondary-600:rgba(65,130,242,0.75);--color-secondary-700:#4182f2;--color-secondary-800:#356bc8;--color-secondary-900:#244a8a;--color-primary-opaque-300:#e6effd;--color-primary-opaque-400:#cedffc;--color-secondary-opaque-300:#e6effd;--color-secondary-opaque-400:#cedffc;}.neon{--color-primary:#67ffc8;--color-secondary:#67ffc8;--color-theme-100:#000000;--color-theme-200:#31333e;--color-theme-300:#2b2d37;--color-theme-400:#1f2024;--color-theme-500:#6D6D73;--color-theme-600:#89898e;--color-theme-700:#b0b0b5;--color-theme-800:#dfdfe5;--color-theme-900:#ffffff;--color-primary-200:rgba(103,255,200,0.05);--color-primary-300:rgba(103,255,200,0.1);--color-primary-400:rgba(103,255,200,0.25);--color-primary-500:rgba(103,255,200,0.5);--color-primary-600:rgba(103,255,200,0.75);--color-primary-700:#67ffc8;--color-primary-800:#a5ffdf;--color-primary-900:#d0fdec;--color-secondary-200:rgba(103,255,200,0.05);--color-secondary-300:rgba(103,255,200,0.1);--color-secondary-400:rgba(103,255,200,0.25);--color-secondary-500:rgba(103,255,200,0.5);--color-secondary-600:rgba(103,255,200,0.75);--color-secondary-700:#67ffc8;--color-secondary-800:#a5ffdf;--color-secondary-900:#d0fdec;--color-theme-transparent-200:rgba(6,7,8,0.12);--color-theme-transparent-300:rgba(6,7,8,0.22);--color-theme-transparent-400:rgba(6,7,8,0.5);--color-theme-transparent-500:rgba(255,255,255,0.27);--color-theme-transparent-600:rgba(255,255,255,0.4);--color-theme-transparent-700:rgba(255,255,255,0.6);--color-theme-transparent-800:rgba(255,255,255,0.85);--color-primary-opaque-300:#3b4e51;--color-primary-opaque-400:#436b64;--color-secondary-opaque-300:#3b4e51;--color-secondary-opaque-400:#436b64;--body-bg-main:rgb(44,46,56);--body-bg-main-transparent:rgba(44,46,56,0);--page-paper-main:#373a44;--border-primary:#1f2024;--note-bg:#464545;--shadow-primary-hover:0 64px 64px 0 rgba(0,0,0,0.2),0 32px 32px 0 rgba(0,0,0,0.2),0 16px 16px 0 rgba(0,0,0,0.2),0 4px 4px 0 rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.2);--shadow-primary:0 64px 64px 0 rgba(0,0,0,0.1),0 32px 32px 0 rgba(0,0,0,0.1),0 16px 16px 0 rgba(0,0,0,0.1),0 4px 4px 0 rgba(0,0,0,0.1),0 2px 2px 0 rgba(0,0,0,0.1);--shadow-secondary:0 4px 14px 0 rgba(0,0,0,0.3);--shadow-tertiary:0 4px 6px -2px rgba(0,0,0,0.1),0 10px 15px -3px rgba(0,0,0,0.15);--shadow-tertiary-hover:0 4px 12px -2px rgba(0,0,0,0.4),0 10px 30px -3px rgba(0,0,0,0.5);--page-paper-main-shadow:rgba( 55,58,68,0 );--modal-background:rgba(44,46,56,0.7);--highlight-dark:rgba(0,0,0,0.06);--input-background-color:#2c2e38;--only-white:#ffffff;--only-black:#000000;}html{color-scheme:light;}html{&.neon{color-scheme:dark;}}.ac-shadow,.ac-shadow--raised{&--lg{box-shadow:var(--shadow-primary);}&--sm{box-shadow:var(--shadow-tertiary);}}.ac-shadow--raised{&--lg{transition:box-shadow 0.3s;&:hover{box-shadow:var(--shadow-primary-hover);}}&--sm{transition:box-shadow 0.3s;&:hover{box-shadow:var(--shadow-tertiary-hover);}}}.ac-shadow-optimized--sm{position:relative;box-shadow:var(--shadow-tertiary);&::before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";box-shadow:var(--shadow-tertiary);opacity:0;border-radius:var(--ac-br-6);transition:opacity 0.3s ease;z-index:-1;}@media (hover:hover){&:hover::before{opacity:1;}}}.ac-shadow-optimized--lg{position:relative;box-shadow:var(--shadow-primary);&::before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";box-shadow:var(--shadow-primary);opacity:0;border-radius:var(--ac-br-8);transition:opacity 0.3s ease;z-index:-1;}@media (hover:hover){&:hover::before{opacity:1;}}}.ac-border-radius{&-4{border-radius:var(--ac-br-4);}&-6{border-radius:var(--ac-br-6);}&-8{border-radius:var(--ac-br-8);}&-rounded{border-radius:var(--ac-br-rounded);}}.c-cooltip{position:relative;--cooltip-spacing:0.5rem;--cooltip-padding:0.25rem 0.625rem;--cooltip-max-width:12.5rem;--cooltip-transition-duration:0.15s,0.1s,0.15s;--cooltip-transition-delay:0.6s;--cooltip-timing:ease,ease,cubic-bezier(0.39,0.575,0.565,1);}.c-cooltip::after{pointer-events:none;content:attr(data-tooltip);position:absolute;color:#fff;opacity:0;background-color:rgba(0,0,0,0.9);border-radius:0.5rem;font-size:0.75rem;font-weight:500;line-height:1.3;max-width:var(--cooltip-max-width);padding:var(--cooltip-padding);text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}.c-cooltip--top::after{bottom:calc(100% + var(--cooltip-spacing));left:50%;transform:scale(0.85) translateX(-50%);transform-origin:0;}.c-cooltip--right::after{left:calc(100% + var(--cooltip-spacing));transform:scale(0.85);}.c-cooltip--bottom::after{top:calc(100% + var(--cooltip-spacing));left:50%;transform:scale(0.85) translateX(-50%);transform-origin:0;}.c-cooltip--left::after{right:calc(100% + var(--cooltip-spacing));transform:scale(0.85);}.c-cooltip:disabled::after,[aria-pressed=\"true\"]::after{display:none;}@media (hover:hover){.c-cooltip--top:not(:focus):hover::after,.c-cooltip--bottom:not(:focus):hover::after{transition-property:opacity,transform;transition-duration:var(--cooltip-transition-duration);transition-delay:var(--cooltip-transition-delay);transition-timing-function:var(--cooltip-timing);transform:scale(1) translateX(-50%);opacity:1;}.c-cooltip--right:not(:focus):hover::after,.c-cooltip--left:not(:focus):hover::after{transition-property:opacity,transform;transition-duration:var(--cooltip-transition-duration);transition-delay:var(--cooltip-transition-delay);transition-timing-function:var(--cooltip-timing);transform:scale(1);opacity:1;}}.c-date-picker--calendar{width:260px;padding:16px 0px 8px 0px;margin:auto;background-color:var(--page-paper-main);}"]);
|
|
2
|
+
export const GlobalStyle = createGlobalStyle([":root{--color-primary:#5d2bff;--color-secondary:#5d2bff;--color-theme-100:#ffffff;--color-theme-200:#f6f6f9;--color-theme-300:#ebebee;--color-theme-400:#d7d7da;--color-theme-500:#b9b9bd;--color-theme-600:#89898e;--color-theme-700:#6d6d73;--color-theme-800:#5b5b61;--color-theme-900:#303037;--color-primary-200:rgba(93,43,255,0.05);--color-primary-300:rgba(93,43,255,0.1);--color-primary-400:rgba(93,43,255,0.25);--color-primary-500:rgba(93,43,255,0.5);--color-primary-600:rgba(93,43,255,0.75);--color-primary-700:#5d2bff;--color-primary-800:#4a21cd;--color-primary-900:#32178b;--color-secondary-200:rgba(93,43,255,0.05);--color-secondary-300:rgba(93,43,255,0.1);--color-secondary-400:rgba(93,43,255,0.25);--color-secondary-500:rgba(93,43,255,0.5);--color-secondary-600:rgba(93,43,255,0.75);--color-secondary-700:#5d2bff;--color-secondary-800:#4a21cd;--color-secondary-900:#32178b;--color-theme-transparent-200:rgba(36,36,76,0.04);--color-theme-transparent-300:rgba(48,48,55,0.1);--color-theme-transparent-400:rgba(48,48,55,0.2);--color-theme-transparent-500:rgba(48,48,55,0.34);--color-theme-transparent-600:rgba(48,48,55,0.57);--color-theme-transparent-700:rgba(48,48,55,0.7);--color-theme-transparent-800:rgba(48,48,55,0.8);--color-primary-opaque-300:#efeaff;--color-primary-opaque-400:#d6caff;--color-secondary-opaque-300:#efeaff;--color-secondary-opaque-400:#d6caff;--color-sucess-green:#64cd93;--color-pale-green:#c3e799;--color-yellow:#FDF196;--color-yellow-darker:#948D5D;--color-yellow-lighter:#EBD429;--color-orange:#FBBB75;--color-orange-darker:#916C43;--color-orange-lighter:#E99841;--color-beige:#EAC2AD;--color-beige-darker:#877064;--color-beige-lighter:#B98A72;--color-pink:#FBD6E7;--color-pink-darker:#917C86;--color-pink-lighter:#E4A1C0;--color-coral:#FF9C9C;--color-coral-darker:#945A5A;--color-coral-lighter:#DB4545;--color-purple-dirty:#C49CB6;--color-purple-dirty-darker:#715A69;--color-purple-dirty-lighter:#B16E9A;--color-purple:#BEACF9;--color-purple-darker:#6E6390;--color-purple-lighter:#9B86DF;--color-blue-aqua:#BDF7FD;--color-blue-aqua-darker:#6D8F92;--color-blue-aqua-lighter:#7BDDE7;--color-blue-pale:#BEEAFF;--color-blue-pale-darker:#6E8794;--color-blue-pale-lighter:#92BFD4;--color-blue-sky:#A0CBFD;--color-blue-sky-darker:#5C7592;--color-blue-sky-lighter:#568CCB;--color-turquoise:#B9E4E0;--color-turquoise-darker:#6B8482;--color-turquoise-lighter:#70BFB8;--color-green-pale:#C3E799;--color-green-pale-darker:#718658;--color-green-pale-lighter:#80C333;--color-green-olive-drab:#98B57C;--color-green-olive-drab-darker:#647157;--color-green-olive-drab-lighter:#819F65;--color-gray-silver:#DDDDDD;--color-gray-silver-darker:#808080;--color-gray-silver-lighter:#ACACAC;--color-gray:#CACACA;--color-gray-darker:#757575;--color-gray-lighter:#7D7D7D;--body-bg-main:rgb(244,245,247);--body-bg-main-transparent:rgba(244,245,247,0);--page-paper-main:#ffffff;--border-primary:#d7d7da;--note-bg:#fff9f1;--shadow-primary-hover:0 64px 64px 0 rgba(0,0,0,0.1),0 32px 32px 0 rgba(0,0,0,0.06),0 16px 16px 0 rgba(0,0,0,0.04),0 4px 4px 0 rgba(0,0,0,0.04),0 2px 2px 0 rgba(0,0,0,0.04);--shadow-primary:0 64px 64px 0 rgba(0,0,0,0.06),0 32px 32px 0 rgba(0,0,0,0.03),0 16px 16px 0 rgba(0,0,0,0.02),0 4px 4px 0 rgba(0,0,0,0.02),0 2px 2px 0 rgba(0,0,0,0.02);--shadow-secondary:0 4px 14px 0 rgba(0,0,0,0.17);--shadow-tertiary:0 4px 6px -2px rgba(0,0,0,0.05),0 10px 15px -3px rgba(0,0,0,0.1);--shadow-tertiary-hover:0 4px 10px -2px rgba(0,0,0,0.1),0 12px 20px -3px rgba(0,0,0,0.2);--page-paper-main-shadow:rgba( 255,255,255,0 );--modal-background:rgba(244,245,247,0.6);--highlight-dark:rgba(0,0,0,0.03);--input-background-color:#ffffff;--ai-gradient:linear-gradient(135deg,#4da2ed,#9f69e5,#ec43d8,#f72222);--ai-gradient-lighter:linear-gradient( 135deg,rgba(77,162,237,0.1),rgba(159,105,229,0.1),rgba(236,67,216,0.1),rgba(230,10,10,0.1) );--red-alert:rgb(237,97,97);--warning:#ffcc6b;--only-white:#ffffff;--only-black:#000000;--ac-br-4:4px;--ac-br-6:6px;--ac-br-8:8px;--ac-br-rounded:999px;}.cupcake{--color-primary:#29bcdd;--color-secondary:#fe6fa7;--color-primary-200:rgba(41,188,221,0.07);--color-primary-300:rgba(41,188,221,0.12);--color-primary-400:rgba(41,188,221,0.26);--color-primary-500:rgba(41,188,221,0.52);--color-primary-600:rgba(41,188,221,0.75);--color-primary-700:#29bcdd;--color-primary-800:#219fbb;--color-primary-900:#1a768b;--color-secondary-200:rgba(254,111,167,0.07);--color-secondary-300:rgba(254,111,167,0.13);--color-secondary-400:rgba(254,111,167,0.27);--color-secondary-500:rgba(254,111,167,0.52);--color-secondary-600:rgba(254,111,167,0.75);--color-secondary-700:#fe6fa7;--color-secondary-800:#dd6091;--color-secondary-900:#ab496f;--color-primary-opaque-300:#e5f7fb;--color-primary-opaque-400:#c8eef6;--color-secondary-opaque-300:#ffecf4;--color-secondary-opaque-400:#ffd8e7;}.classic{--color-primary:#4182f2;--color-secondary:#4182f2;--color-primary-200:rgba(65,130,242,0.07);--color-primary-300:rgba(65,130,242,0.13);--color-primary-400:rgba(65,130,242,0.26);--color-primary-500:rgba(65,130,242,0.52);--color-primary-600:rgba(65,130,242,0.75);--color-primary-700:#4182f2;--color-primary-800:#356bc8;--color-primary-900:#244a8a;--color-secondary-200:rgba(65,130,242,0.07);--color-secondary-300:rgba(65,130,242,0.13);--color-secondary-400:rgba(65,130,242,0.26);--color-secondary-500:rgba(65,130,242,0.52);--color-secondary-600:rgba(65,130,242,0.75);--color-secondary-700:#4182f2;--color-secondary-800:#356bc8;--color-secondary-900:#244a8a;--color-primary-opaque-300:#e6effd;--color-primary-opaque-400:#cedffc;--color-secondary-opaque-300:#e6effd;--color-secondary-opaque-400:#cedffc;}.neon{--color-primary:#67ffc8;--color-secondary:#67ffc8;--color-theme-100:#000000;--color-theme-200:#31333e;--color-theme-300:#2b2d37;--color-theme-400:#1f2024;--color-theme-500:#6D6D73;--color-theme-600:#89898e;--color-theme-700:#b0b0b5;--color-theme-800:#dfdfe5;--color-theme-900:#ffffff;--color-primary-200:rgba(103,255,200,0.05);--color-primary-300:rgba(103,255,200,0.1);--color-primary-400:rgba(103,255,200,0.25);--color-primary-500:rgba(103,255,200,0.5);--color-primary-600:rgba(103,255,200,0.75);--color-primary-700:#67ffc8;--color-primary-800:#a5ffdf;--color-primary-900:#d0fdec;--color-secondary-200:rgba(103,255,200,0.05);--color-secondary-300:rgba(103,255,200,0.1);--color-secondary-400:rgba(103,255,200,0.25);--color-secondary-500:rgba(103,255,200,0.5);--color-secondary-600:rgba(103,255,200,0.75);--color-secondary-700:#67ffc8;--color-secondary-800:#a5ffdf;--color-secondary-900:#d0fdec;--color-theme-transparent-200:rgba(6,7,8,0.12);--color-theme-transparent-300:rgba(6,7,8,0.22);--color-theme-transparent-400:rgba(6,7,8,0.5);--color-theme-transparent-500:rgba(255,255,255,0.27);--color-theme-transparent-600:rgba(255,255,255,0.4);--color-theme-transparent-700:rgba(255,255,255,0.6);--color-theme-transparent-800:rgba(255,255,255,0.85);--color-primary-opaque-300:#3b4e51;--color-primary-opaque-400:#436b64;--color-secondary-opaque-300:#3b4e51;--color-secondary-opaque-400:#436b64;--body-bg-main:rgb(44,46,56);--body-bg-main-transparent:rgba(44,46,56,0);--page-paper-main:#373a44;--border-primary:#1f2024;--note-bg:#464545;--shadow-primary-hover:0 64px 64px 0 rgba(0,0,0,0.2),0 32px 32px 0 rgba(0,0,0,0.2),0 16px 16px 0 rgba(0,0,0,0.2),0 4px 4px 0 rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.2);--shadow-primary:0 64px 64px 0 rgba(0,0,0,0.1),0 32px 32px 0 rgba(0,0,0,0.1),0 16px 16px 0 rgba(0,0,0,0.1),0 4px 4px 0 rgba(0,0,0,0.1),0 2px 2px 0 rgba(0,0,0,0.1);--shadow-secondary:0 4px 14px 0 rgba(0,0,0,0.3);--shadow-tertiary:0 4px 6px -2px rgba(0,0,0,0.1),0 10px 15px -3px rgba(0,0,0,0.15);--shadow-tertiary-hover:0 4px 12px -2px rgba(0,0,0,0.4),0 10px 30px -3px rgba(0,0,0,0.5);--page-paper-main-shadow:rgba( 55,58,68,0 );--modal-background:rgba(44,46,56,0.7);--highlight-dark:rgba(0,0,0,0.06);--input-background-color:#2c2e38;--only-white:#ffffff;--only-black:#000000;}html{color-scheme:light;}html{&.neon{color-scheme:dark;}}.ac-shadow,.ac-shadow--raised{&--lg{box-shadow:var(--shadow-primary);}&--sm{box-shadow:var(--shadow-tertiary);}}.ac-shadow--raised{&--lg{transition:box-shadow 0.3s;&:hover{box-shadow:var(--shadow-primary-hover);}}&--sm{transition:box-shadow 0.3s;&:hover{box-shadow:var(--shadow-tertiary-hover);}}}.ac-shadow-optimized--sm{position:relative;box-shadow:var(--shadow-tertiary);&::before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";box-shadow:var(--shadow-tertiary);opacity:0;border-radius:var(--ac-br-6);transition:opacity 0.3s ease;z-index:-1;}@media (hover:hover){&:hover::before{opacity:1;}}}.ac-shadow-optimized--lg{position:relative;box-shadow:var(--shadow-primary);&::before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";box-shadow:var(--shadow-primary);opacity:0;border-radius:var(--ac-br-8);transition:opacity 0.3s ease;z-index:-1;}@media (hover:hover){&:hover::before{opacity:1;}}}.ac-border-radius{&-4{border-radius:var(--ac-br-4);}&-6{border-radius:var(--ac-br-6);}&-8{border-radius:var(--ac-br-8);}&-rounded{border-radius:var(--ac-br-rounded);}}.c-cooltip{position:relative;--cooltip-spacing:0.5rem;--cooltip-padding:0.25rem 0.625rem;--cooltip-max-width:12.5rem;--cooltip-transition-duration:0.15s,0.1s,0.15s;--cooltip-transition-delay:0.6s;--cooltip-timing:ease,ease,cubic-bezier(0.39,0.575,0.565,1);}.c-cooltip::after{pointer-events:none;content:attr(data-tooltip);position:absolute;color:#fff;opacity:0;background-color:rgba(0,0,0,0.9);border-radius:0.5rem;font-size:0.75rem;font-weight:500;line-height:1.3;max-width:var(--cooltip-max-width);padding:var(--cooltip-padding);text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}.c-cooltip--top::after{bottom:calc(100% + var(--cooltip-spacing));left:50%;transform:scale(0.85) translateX(-50%);transform-origin:0;}.c-cooltip--right::after{left:calc(100% + var(--cooltip-spacing));transform:scale(0.85);}.c-cooltip--bottom::after{top:calc(100% + var(--cooltip-spacing));left:50%;transform:scale(0.85) translateX(-50%);transform-origin:0;}.c-cooltip--left::after{right:calc(100% + var(--cooltip-spacing));transform:scale(0.85);}.c-cooltip:disabled::after,[aria-pressed=\"true\"]::after{display:none;}@media (hover:hover){.c-cooltip--top:not(:focus):hover::after,.c-cooltip--bottom:not(:focus):hover::after{transition-property:opacity,transform;transition-duration:var(--cooltip-transition-duration);transition-delay:var(--cooltip-transition-delay);transition-timing-function:var(--cooltip-timing);transform:scale(1) translateX(-50%);opacity:1;}.c-cooltip--right:not(:focus):hover::after,.c-cooltip--left:not(:focus):hover::after{transition-property:opacity,transform;transition-duration:var(--cooltip-transition-duration);transition-delay:var(--cooltip-transition-delay);transition-timing-function:var(--cooltip-timing);transform:scale(1);opacity:1;}}.c-date-picker--calendar{width:260px;padding:16px 0px 8px 0px;margin:auto;background-color:var(--page-paper-main);}"]);
|
|
3
3
|
//# sourceMappingURL=GlobalStyle.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GlobalStyle.js","names":["createGlobalStyle","GlobalStyle"],"sources":["../../../src/components/GlobalStyle.ts"],"sourcesContent":["import { createGlobalStyle } from \"styled-components\";\n\nexport const GlobalStyle = createGlobalStyle`\n :root {\n --color-primary: #5d2bff;\n --color-secondary: #5d2bff;\n\n --color-theme-100: #ffffff;\n --color-theme-200: #f6f6f9;\n --color-theme-300: #ebebee;\n --color-theme-400: #d7d7da;\n --color-theme-500: #b9b9bd;\n --color-theme-600: #89898e;\n --color-theme-700: #6d6d73;\n --color-theme-800: #5b5b61;\n --color-theme-900: #303037;\n\n --color-primary-200: rgba(93, 43, 255, 0.05);\n --color-primary-300: rgba(93, 43, 255, 0.1);\n --color-primary-400: rgba(93, 43, 255, 0.25);\n --color-primary-500: rgba(93, 43, 255, 0.5);\n --color-primary-600: rgba(93, 43, 255, 0.75);\n --color-primary-700: #5d2bff;\n --color-primary-800: #4a21cd;\n --color-primary-900: #32178b;\n\n --color-secondary-200: rgba(93, 43, 255, 0.05);\n --color-secondary-300: rgba(93, 43, 255, 0.1);\n --color-secondary-400: rgba(93, 43, 255, 0.25);\n --color-secondary-500: rgba(93, 43, 255, 0.5);\n --color-secondary-600: rgba(93, 43, 255, 0.75);\n --color-secondary-700: #5d2bff;\n --color-secondary-800: #4a21cd;\n --color-secondary-900: #32178b;\n\n --color-theme-transparent-200: rgba(36,36,76,0.04);\n --color-theme-transparent-300: rgba(48,48,55,0.1);\n --color-theme-transparent-400: rgba(48,48,55,0.2);\n --color-theme-transparent-500: rgba(48,48,55,0.34);\n --color-theme-transparent-600: rgba(48,48,55,0.57);\n --color-theme-transparent-700: rgba(48,48,55,0.7);\n --color-theme-transparent-800: rgba(48,48,55,0.8);\n\n --color-primary-opaque-300: #efeaff;\n --color-primary-opaque-400: #d6caff;\n\n --color-secondary-opaque-300: #efeaff;\n --color-secondary-opaque-400: #d6caff;\n\n --color-sucess-green: #64cd93;\n --color-pale-green: #c3e799;\n\n --color-yellow: #FDF196;\n --color-yellow-darker: #948D5D;\n --color-yellow-lighter: #EBD429;\n --color-orange: #FBBB75;\n --color-orange-darker: #916C43;\n --color-orange-lighter: #E99841;\n --color-beige: #EAC2AD;\n --color-beige-darker: #877064;\n --color-beige-lighter: #B98A72;\n --color-pink: #FBD6E7;\n --color-pink-darker: #917C86;\n --color-pink-lighter: #E4A1C0;\n --color-coral: #FF9C9C;\n --color-coral-darker: #945A5A;\n --color-coral-lighter: #DB4545;\n --color-purple-dirty: #C49CB6;\n --color-purple-dirty-darker: #715A69;\n --color-purple-dirty-lighter: #B16E9A;\n --color-purple: #BEACF9;\n --color-purple-darker: #6E6390;\n --color-purple-lighter: #9B86DF;\n --color-blue-aqua: #BDF7FD;\n --color-blue-aqua-darker: #6D8F92;\n --color-blue-aqua-lighter: #7BDDE7;\n --color-blue-pale: #BEEAFF;\n --color-blue-pale-darker: #6E8794;\n --color-blue-pale-lighter: #92BFD4;\n --color-blue-sky: #A0CBFD;\n --color-blue-sky-darker: #5C7592;\n --color-blue-sky-lighter: #568CCB;\n --color-turquoise: #B9E4E0;\n --color-turquoise-darker: #6B8482;\n --color-turquoise-lighter: #70BFB8;\n --color-green-pale: #C3E799;\n --color-green-pale-darker: #718658;\n --color-green-pale-lighter: #80C333;\n --color-green-olive-drab: #98B57C;\n --color-green-olive-drab-darker: #647157;\n --color-green-olive-drab-lighter: #819F65;\n --color-gray-silver: #DDDDDD;\n --color-gray-silver-darker: #808080;\n --color-gray-silver-lighter: #ACACAC;\n --color-gray: #CACACA;\n --color-gray-darker: #757575;\n --color-gray-lighter: #7D7D7D;\n\n --body-bg-main: rgb(244, 245, 247);\n --body-bg-main-transparent: rgba(244, 245, 247, 0);\n --page-paper-main: #ffffff;\n --border-primary: #d7d7da;\n\n --note-bg: #fff9f1;\n\n --shadow-primary-hover: 0 64px 64px 0 rgba(0, 0, 0, 0.1),\n 0 32px 32px 0 rgba(0, 0, 0, 0.06), 0 16px 16px 0 rgba(0, 0, 0, 0.04),\n 0 4px 4px 0 rgba(0, 0, 0, 0.04), 0 2px 2px 0 rgba(0, 0, 0, 0.04);\n --shadow-primary: 0 64px 64px 0 rgba(0, 0, 0, 0.06),\n 0 32px 32px 0 rgba(0, 0, 0, 0.03), 0 16px 16px 0 rgba(0, 0, 0, 0.02),\n 0 4px 4px 0 rgba(0, 0, 0, 0.02), 0 2px 2px 0 rgba(0, 0, 0, 0.02);\n\n --shadow-secondary: 0 4px 14px 0 rgba(0, 0, 0, 0.17);\n\n --shadow-tertiary: 0 4px 6px -2px rgba(0, 0, 0, 0.05),\n 0 10px 15px -3px rgba(0, 0, 0, 0.1);\n --shadow-tertiary-hover: 0 4px 10px -2px rgba(0, 0, 0, 0.1),\n 0 12px 20px -3px rgba(0, 0, 0, 0.2);\n\n --page-paper-main-shadow: rgba(\n 255,\n 255,\n 255,\n 0\n ); /* Shadow list shadow for page paper main */\n\n --modal-background: rgba(244, 245, 247, 0.6);\n\n --highlight-dark: rgba(0, 0, 0, 0.03);\n\n --input-background-color: #ffffff;\n\n --red-alert: rgb(237, 97, 97);\n\n --warning: #ffcc6b;\n\n --only-white: #ffffff;\n\n --only-black: #000000;\n\n --ac-br-4: 4px;\n\n --ac-br-6: 6px;\n\n --ac-br-8: 8px;\n\n --ac-br-rounded: 999px;\n }\n\n .cupcake {\n --color-primary: #29bcdd;\n --color-secondary: #fe6fa7;\n\n --color-primary-200: rgba(41, 188, 221, 0.07);\n --color-primary-300: rgba(41, 188, 221, 0.12);\n --color-primary-400: rgba(41, 188, 221, 0.26);\n --color-primary-500: rgba(41, 188, 221, 0.52);\n --color-primary-600: rgba(41, 188, 221, 0.75);\n --color-primary-700: #29bcdd;\n --color-primary-800: #219fbb;\n --color-primary-900: #1a768b;\n\n --color-secondary-200: rgba(254, 111, 167, 0.07);\n --color-secondary-300: rgba(254, 111, 167, 0.13);\n --color-secondary-400: rgba(254, 111, 167, 0.27);\n --color-secondary-500: rgba(254, 111, 167, 0.52);\n --color-secondary-600: rgba(254, 111, 167, 0.75);\n --color-secondary-700: #fe6fa7;\n --color-secondary-800: #dd6091;\n --color-secondary-900: #ab496f;\n\n --color-primary-opaque-300: #e5f7fb;\n --color-primary-opaque-400: #c8eef6;\n\n --color-secondary-opaque-300: #ffecf4;\n --color-secondary-opaque-400: #ffd8e7;\n }\n\n .classic {\n --color-primary: #4182f2;\n --color-secondary: #4182f2;\n\n --color-primary-200: rgba(65, 130, 242, 0.07);\n --color-primary-300: rgba(65, 130, 242, 0.13);\n --color-primary-400: rgba(65, 130, 242, 0.26);\n --color-primary-500: rgba(65, 130, 242, 0.52);\n --color-primary-600: rgba(65, 130, 242, 0.75);\n --color-primary-700: #4182f2;\n --color-primary-800: #356bc8;\n --color-primary-900: #244a8a;\n\n --color-secondary-200: rgba(65, 130, 242, 0.07);\n --color-secondary-300: rgba(65, 130, 242, 0.13);\n --color-secondary-400: rgba(65, 130, 242, 0.26);\n --color-secondary-500: rgba(65, 130, 242, 0.52);\n --color-secondary-600: rgba(65, 130, 242, 0.75);\n --color-secondary-700: #4182f2;\n --color-secondary-800: #356bc8;\n --color-secondary-900: #244a8a;\n\n --color-primary-opaque-300: #e6effd;\n --color-primary-opaque-400: #cedffc;\n\n --color-secondary-opaque-300: #e6effd;\n --color-secondary-opaque-400: #cedffc;\n }\n\n .neon {\n --color-primary: #67ffc8;\n --color-secondary: #67ffc8;\n\n --color-theme-100: #000000;\n --color-theme-200: #31333e;\n --color-theme-300: #2b2d37;\n --color-theme-400: #1f2024;\n --color-theme-500: #6D6D73;\n --color-theme-600: #89898e;\n --color-theme-700: #b0b0b5;\n --color-theme-800: #dfdfe5;\n --color-theme-900: #ffffff;\n\n --color-primary-200: rgba(103, 255, 200, 0.05);\n --color-primary-300: rgba(103, 255, 200, 0.1);\n --color-primary-400: rgba(103, 255, 200, 0.25);\n --color-primary-500: rgba(103, 255, 200, 0.5);\n --color-primary-600: rgba(103, 255, 200, 0.75);\n --color-primary-700: #67ffc8;\n --color-primary-800: #a5ffdf;\n --color-primary-900: #d0fdec;\n\n --color-secondary-200: rgba(103, 255, 200, 0.05);\n --color-secondary-300: rgba(103, 255, 200, 0.1);\n --color-secondary-400: rgba(103, 255, 200, 0.25);\n --color-secondary-500: rgba(103, 255, 200, 0.5);\n --color-secondary-600: rgba(103, 255, 200, 0.75);\n --color-secondary-700: #67ffc8;\n --color-secondary-800: #a5ffdf;\n --color-secondary-900: #d0fdec;\n\n --color-theme-transparent-200: rgba(6,7,8,0.12);\n --color-theme-transparent-300: rgba(6,7,8,0.22);\n --color-theme-transparent-400: rgba(6,7,8,0.5);\n --color-theme-transparent-500: rgba(255,255,255,0.27);\n --color-theme-transparent-600: rgba(255,255,255,0.4);\n --color-theme-transparent-700: rgba(255,255,255,0.6);\n --color-theme-transparent-800: rgba(255,255,255,0.85);\n\n --color-primary-opaque-300: #3b4e51;\n --color-primary-opaque-400: #436b64;\n\n --color-secondary-opaque-300: #3b4e51;\n --color-secondary-opaque-400: #436b64;\n\n --body-bg-main: rgb(44, 46, 56);\n --body-bg-main-transparent: rgba(44, 46, 56, 0);\n --page-paper-main: #373a44;\n --border-primary: #1f2024;\n\n --note-bg: #464545;\n\n --shadow-primary-hover: 0 64px 64px 0 rgba(0, 0, 0, 0.2),\n 0 32px 32px 0 rgba(0, 0, 0, 0.2), 0 16px 16px 0 rgba(0, 0, 0, 0.2),\n 0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.2);\n --shadow-primary: 0 64px 64px 0 rgba(0, 0, 0, 0.1),\n 0 32px 32px 0 rgba(0, 0, 0, 0.1), 0 16px 16px 0 rgba(0, 0, 0, 0.1),\n 0 4px 4px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.1);\n\n --shadow-secondary: 0 4px 14px 0 rgba(0, 0, 0, 0.3);\n\n --shadow-tertiary: 0 4px 6px -2px rgba(0, 0, 0, 0.1),\n 0 10px 15px -3px rgba(0, 0, 0, 0.15);\n --shadow-tertiary-hover: 0 4px 12px -2px rgba(0, 0, 0, 0.4),\n 0 10px 30px -3px rgba(0, 0, 0, 0.5);\n\n --page-paper-main-shadow: rgba(\n 55,\n 58,\n 68,\n 0\n ); /* Shadow list shadow for page paper main */\n\n --modal-background: rgba(44, 46, 56, 0.7);\n\n --highlight-dark: rgba(0, 0, 0, 0.06);\n\n --input-background-color: #2c2e38;\n\n --only-white: #ffffff;\n\n --only-black: #000000;\n }\n\n html {\n color-scheme: light;\n }\n\n html {\n &.neon {\n color-scheme: dark;\n }\n }\n\n .ac-shadow,\n .ac-shadow--raised {\n &--lg {\n box-shadow: var(--shadow-primary);\n }\n &--sm {\n box-shadow: var(--shadow-tertiary);\n }\n }\n\n .ac-shadow--raised {\n &--lg {\n transition: box-shadow 0.3s;\n &:hover {\n box-shadow: var(--shadow-primary-hover);\n }\n }\n &--sm {\n transition: box-shadow 0.3s;\n &:hover {\n box-shadow: var(--shadow-tertiary-hover);\n }\n }\n }\n\n .ac-shadow-optimized--sm {\n position: relative;\n box-shadow: var(--shadow-tertiary);\n\n &::before {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n content: \"\";\n box-shadow: var(--shadow-tertiary);\n opacity: 0;\n border-radius: var(--ac-br-6);\n transition: opacity 0.3s ease;\n z-index: -1;\n }\n\n @media (hover: hover) {\n &:hover::before {\n opacity: 1;\n }\n }\n }\n\n .ac-shadow-optimized--lg {\n position: relative;\n box-shadow: var(--shadow-primary);\n\n &::before {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n content: \"\";\n box-shadow: var(--shadow-primary);\n opacity: 0;\n border-radius: var(--ac-br-8);\n transition: opacity 0.3s ease;\n z-index: -1;\n }\n\n @media (hover: hover) {\n &:hover::before {\n opacity: 1;\n }\n }\n }\n\n .ac-border-radius {\n &-4 {\n border-radius: var(--ac-br-4);\n }\n\n &-6 {\n border-radius: var(--ac-br-6);\n }\n\n &-8 {\n border-radius: var(--ac-br-8);\n }\n\n &-rounded {\n border-radius: var(--ac-br-rounded);\n }\n }\n\n\n // CSS Tooltip ::after content: data-tooltip\n\n .c-cooltip {\n position: relative;\n\n /*\n * Prefer scoped variables in this case.\n * This lines of CSS should be scoped too.\n */\n\n --cooltip-spacing: 0.5rem;\n --cooltip-padding: 0.25rem 0.625rem;\n --cooltip-max-width: 12.5rem;\n\n --cooltip-transition-duration: 0.15s, 0.1s, 0.15s;\n --cooltip-transition-delay: 0.6s;\n --cooltip-timing: ease, ease, cubic-bezier(0.39, 0.575, 0.565, 1);\n }\n\n .c-cooltip::after {\n /*\n * will-change is intended to be used as a last resort,\n * in order to try to deal with existing performance problems.\n * It should not be used to anticipate performance problems.\n * https://developer.mozilla.org/en-US/docs/Web/CSS/will-change\n *\n * will-change: transform, opacity\n */\n pointer-events: none;\n content: attr(data-tooltip);\n position: absolute;\n color: #fff;\n opacity: 0;\n background-color: rgba(0, 0, 0, 0.9);\n border-radius: 0.5rem;\n font-size: 0.75rem;\n font-weight: 500;\n line-height: 1.3;\n max-width: var(--cooltip-max-width);\n padding: var(--cooltip-padding);\n text-align: center;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n }\n\n .c-cooltip--top::after {\n bottom: calc(100% + var(--cooltip-spacing));\n left: 50%;\n transform: scale(0.85) translateX(-50%);\n transform-origin: 0;\n }\n\n .c-cooltip--right::after {\n left: calc(100% + var(--cooltip-spacing));\n transform: scale(0.85);\n }\n\n .c-cooltip--bottom::after {\n top: calc(100% + var(--cooltip-spacing));\n left: 50%;\n transform: scale(0.85) translateX(-50%);\n transform-origin: 0;\n }\n\n .c-cooltip--left::after {\n right: calc(100% + var(--cooltip-spacing));\n transform: scale(0.85);\n }\n\n /*\n * Make sure that disabled and aria pressed\n * items do not have tooltips available.\n */\n .c-cooltip:disabled::after,\n [aria-pressed=\"true\"]::after {\n display: none;\n }\n\n /*\n *\n * Only use hover when is available .\n * https://developer.mozilla.org/en-US/docs/Web/CSS/@media/hover\n */\n @media (hover: hover) {\n /*\n * Here we maybe have a complex selector but actually it's not.\n * We simply asks here to show tooltip only on hover.\n * Focused elements (in this case, clicked elements) should hide the tooltip.\n */\n .c-cooltip--top:not(:focus):hover::after,\n .c-cooltip--bottom:not(:focus):hover::after {\n transition-property: opacity, transform;\n transition-duration: var(--cooltip-transition-duration);\n transition-delay: var(--cooltip-transition-delay);\n transition-timing-function: var(--cooltip-timing);\n transform: scale(1) translateX(-50%);\n opacity: 1;\n }\n\n /*\n *\n * This is not code duplication!\n * Transform properties are tricky to animate and values\n * are not the same depending on the tooltip position.\n *\n * Animating only one transform, eg. scale(1) will\n * override all previously set transforms, eg. translateY.\n * So we need to always chain them.\n * eg. transform: scale(1) translateY(-50%) etc...\n */\n\n .c-cooltip--right:not(:focus):hover::after,\n .c-cooltip--left:not(:focus):hover::after {\n transition-property: opacity, transform;\n transition-duration: var(--cooltip-transition-duration);\n transition-delay: var(--cooltip-transition-delay);\n transition-timing-function: var(--cooltip-timing);\n transform: scale(1);\n opacity: 1;\n }\n }\n\n .c-date-picker--calendar {\n width: 260px;\n padding: 16px 0px 8px 0px;\n margin: auto;\n background-color: var(--page-paper-main);\n }\n`;\n"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,mBAAmB;AAErD,OAAO,MAAMC,WAAW,GAAGD,iBAAiB,2/UA2gB3C"}
|
|
1
|
+
{"version":3,"file":"GlobalStyle.js","names":["createGlobalStyle","GlobalStyle"],"sources":["../../../src/components/GlobalStyle.ts"],"sourcesContent":["import { createGlobalStyle } from \"styled-components\";\n\nexport const GlobalStyle = createGlobalStyle`\n :root {\n --color-primary: #5d2bff;\n --color-secondary: #5d2bff;\n\n --color-theme-100: #ffffff;\n --color-theme-200: #f6f6f9;\n --color-theme-300: #ebebee;\n --color-theme-400: #d7d7da;\n --color-theme-500: #b9b9bd;\n --color-theme-600: #89898e;\n --color-theme-700: #6d6d73;\n --color-theme-800: #5b5b61;\n --color-theme-900: #303037;\n\n --color-primary-200: rgba(93, 43, 255, 0.05);\n --color-primary-300: rgba(93, 43, 255, 0.1);\n --color-primary-400: rgba(93, 43, 255, 0.25);\n --color-primary-500: rgba(93, 43, 255, 0.5);\n --color-primary-600: rgba(93, 43, 255, 0.75);\n --color-primary-700: #5d2bff;\n --color-primary-800: #4a21cd;\n --color-primary-900: #32178b;\n\n --color-secondary-200: rgba(93, 43, 255, 0.05);\n --color-secondary-300: rgba(93, 43, 255, 0.1);\n --color-secondary-400: rgba(93, 43, 255, 0.25);\n --color-secondary-500: rgba(93, 43, 255, 0.5);\n --color-secondary-600: rgba(93, 43, 255, 0.75);\n --color-secondary-700: #5d2bff;\n --color-secondary-800: #4a21cd;\n --color-secondary-900: #32178b;\n\n --color-theme-transparent-200: rgba(36,36,76,0.04);\n --color-theme-transparent-300: rgba(48,48,55,0.1);\n --color-theme-transparent-400: rgba(48,48,55,0.2);\n --color-theme-transparent-500: rgba(48,48,55,0.34);\n --color-theme-transparent-600: rgba(48,48,55,0.57);\n --color-theme-transparent-700: rgba(48,48,55,0.7);\n --color-theme-transparent-800: rgba(48,48,55,0.8);\n\n --color-primary-opaque-300: #efeaff;\n --color-primary-opaque-400: #d6caff;\n\n --color-secondary-opaque-300: #efeaff;\n --color-secondary-opaque-400: #d6caff;\n\n --color-sucess-green: #64cd93;\n --color-pale-green: #c3e799;\n\n --color-yellow: #FDF196;\n --color-yellow-darker: #948D5D;\n --color-yellow-lighter: #EBD429;\n --color-orange: #FBBB75;\n --color-orange-darker: #916C43;\n --color-orange-lighter: #E99841;\n --color-beige: #EAC2AD;\n --color-beige-darker: #877064;\n --color-beige-lighter: #B98A72;\n --color-pink: #FBD6E7;\n --color-pink-darker: #917C86;\n --color-pink-lighter: #E4A1C0;\n --color-coral: #FF9C9C;\n --color-coral-darker: #945A5A;\n --color-coral-lighter: #DB4545;\n --color-purple-dirty: #C49CB6;\n --color-purple-dirty-darker: #715A69;\n --color-purple-dirty-lighter: #B16E9A;\n --color-purple: #BEACF9;\n --color-purple-darker: #6E6390;\n --color-purple-lighter: #9B86DF;\n --color-blue-aqua: #BDF7FD;\n --color-blue-aqua-darker: #6D8F92;\n --color-blue-aqua-lighter: #7BDDE7;\n --color-blue-pale: #BEEAFF;\n --color-blue-pale-darker: #6E8794;\n --color-blue-pale-lighter: #92BFD4;\n --color-blue-sky: #A0CBFD;\n --color-blue-sky-darker: #5C7592;\n --color-blue-sky-lighter: #568CCB;\n --color-turquoise: #B9E4E0;\n --color-turquoise-darker: #6B8482;\n --color-turquoise-lighter: #70BFB8;\n --color-green-pale: #C3E799;\n --color-green-pale-darker: #718658;\n --color-green-pale-lighter: #80C333;\n --color-green-olive-drab: #98B57C;\n --color-green-olive-drab-darker: #647157;\n --color-green-olive-drab-lighter: #819F65;\n --color-gray-silver: #DDDDDD;\n --color-gray-silver-darker: #808080;\n --color-gray-silver-lighter: #ACACAC;\n --color-gray: #CACACA;\n --color-gray-darker: #757575;\n --color-gray-lighter: #7D7D7D;\n\n --body-bg-main: rgb(244, 245, 247);\n --body-bg-main-transparent: rgba(244, 245, 247, 0);\n --page-paper-main: #ffffff;\n --border-primary: #d7d7da;\n\n --note-bg: #fff9f1;\n\n --shadow-primary-hover: 0 64px 64px 0 rgba(0, 0, 0, 0.1),\n 0 32px 32px 0 rgba(0, 0, 0, 0.06), 0 16px 16px 0 rgba(0, 0, 0, 0.04),\n 0 4px 4px 0 rgba(0, 0, 0, 0.04), 0 2px 2px 0 rgba(0, 0, 0, 0.04);\n --shadow-primary: 0 64px 64px 0 rgba(0, 0, 0, 0.06),\n 0 32px 32px 0 rgba(0, 0, 0, 0.03), 0 16px 16px 0 rgba(0, 0, 0, 0.02),\n 0 4px 4px 0 rgba(0, 0, 0, 0.02), 0 2px 2px 0 rgba(0, 0, 0, 0.02);\n\n --shadow-secondary: 0 4px 14px 0 rgba(0, 0, 0, 0.17);\n\n --shadow-tertiary: 0 4px 6px -2px rgba(0, 0, 0, 0.05),\n 0 10px 15px -3px rgba(0, 0, 0, 0.1);\n --shadow-tertiary-hover: 0 4px 10px -2px rgba(0, 0, 0, 0.1),\n 0 12px 20px -3px rgba(0, 0, 0, 0.2);\n\n --page-paper-main-shadow: rgba(\n 255,\n 255,\n 255,\n 0\n ); /* Shadow list shadow for page paper main */\n\n --modal-background: rgba(244, 245, 247, 0.6);\n\n --highlight-dark: rgba(0, 0, 0, 0.03);\n\n --input-background-color: #ffffff;\n\n --ai-gradient: linear-gradient(135deg, #4da2ed, #9f69e5, #ec43d8, #f72222);\n \n --ai-gradient-lighter: linear-gradient(\n 135deg,\n rgba(77, 162, 237, 0.1),\n rgba(159, 105, 229, 0.1),\n rgba(236, 67, 216, 0.1),\n rgba(230, 10, 10, 0.1)\n );\n\n --red-alert: rgb(237, 97, 97);\n\n --warning: #ffcc6b;\n\n --only-white: #ffffff;\n\n --only-black: #000000;\n\n --ac-br-4: 4px;\n\n --ac-br-6: 6px;\n\n --ac-br-8: 8px;\n\n --ac-br-rounded: 999px;\n }\n\n .cupcake {\n --color-primary: #29bcdd;\n --color-secondary: #fe6fa7;\n\n --color-primary-200: rgba(41, 188, 221, 0.07);\n --color-primary-300: rgba(41, 188, 221, 0.12);\n --color-primary-400: rgba(41, 188, 221, 0.26);\n --color-primary-500: rgba(41, 188, 221, 0.52);\n --color-primary-600: rgba(41, 188, 221, 0.75);\n --color-primary-700: #29bcdd;\n --color-primary-800: #219fbb;\n --color-primary-900: #1a768b;\n\n --color-secondary-200: rgba(254, 111, 167, 0.07);\n --color-secondary-300: rgba(254, 111, 167, 0.13);\n --color-secondary-400: rgba(254, 111, 167, 0.27);\n --color-secondary-500: rgba(254, 111, 167, 0.52);\n --color-secondary-600: rgba(254, 111, 167, 0.75);\n --color-secondary-700: #fe6fa7;\n --color-secondary-800: #dd6091;\n --color-secondary-900: #ab496f;\n\n --color-primary-opaque-300: #e5f7fb;\n --color-primary-opaque-400: #c8eef6;\n\n --color-secondary-opaque-300: #ffecf4;\n --color-secondary-opaque-400: #ffd8e7;\n }\n\n .classic {\n --color-primary: #4182f2;\n --color-secondary: #4182f2;\n\n --color-primary-200: rgba(65, 130, 242, 0.07);\n --color-primary-300: rgba(65, 130, 242, 0.13);\n --color-primary-400: rgba(65, 130, 242, 0.26);\n --color-primary-500: rgba(65, 130, 242, 0.52);\n --color-primary-600: rgba(65, 130, 242, 0.75);\n --color-primary-700: #4182f2;\n --color-primary-800: #356bc8;\n --color-primary-900: #244a8a;\n\n --color-secondary-200: rgba(65, 130, 242, 0.07);\n --color-secondary-300: rgba(65, 130, 242, 0.13);\n --color-secondary-400: rgba(65, 130, 242, 0.26);\n --color-secondary-500: rgba(65, 130, 242, 0.52);\n --color-secondary-600: rgba(65, 130, 242, 0.75);\n --color-secondary-700: #4182f2;\n --color-secondary-800: #356bc8;\n --color-secondary-900: #244a8a;\n\n --color-primary-opaque-300: #e6effd;\n --color-primary-opaque-400: #cedffc;\n\n --color-secondary-opaque-300: #e6effd;\n --color-secondary-opaque-400: #cedffc;\n }\n\n .neon {\n --color-primary: #67ffc8;\n --color-secondary: #67ffc8;\n\n --color-theme-100: #000000;\n --color-theme-200: #31333e;\n --color-theme-300: #2b2d37;\n --color-theme-400: #1f2024;\n --color-theme-500: #6D6D73;\n --color-theme-600: #89898e;\n --color-theme-700: #b0b0b5;\n --color-theme-800: #dfdfe5;\n --color-theme-900: #ffffff;\n\n --color-primary-200: rgba(103, 255, 200, 0.05);\n --color-primary-300: rgba(103, 255, 200, 0.1);\n --color-primary-400: rgba(103, 255, 200, 0.25);\n --color-primary-500: rgba(103, 255, 200, 0.5);\n --color-primary-600: rgba(103, 255, 200, 0.75);\n --color-primary-700: #67ffc8;\n --color-primary-800: #a5ffdf;\n --color-primary-900: #d0fdec;\n\n --color-secondary-200: rgba(103, 255, 200, 0.05);\n --color-secondary-300: rgba(103, 255, 200, 0.1);\n --color-secondary-400: rgba(103, 255, 200, 0.25);\n --color-secondary-500: rgba(103, 255, 200, 0.5);\n --color-secondary-600: rgba(103, 255, 200, 0.75);\n --color-secondary-700: #67ffc8;\n --color-secondary-800: #a5ffdf;\n --color-secondary-900: #d0fdec;\n\n --color-theme-transparent-200: rgba(6,7,8,0.12);\n --color-theme-transparent-300: rgba(6,7,8,0.22);\n --color-theme-transparent-400: rgba(6,7,8,0.5);\n --color-theme-transparent-500: rgba(255,255,255,0.27);\n --color-theme-transparent-600: rgba(255,255,255,0.4);\n --color-theme-transparent-700: rgba(255,255,255,0.6);\n --color-theme-transparent-800: rgba(255,255,255,0.85);\n\n --color-primary-opaque-300: #3b4e51;\n --color-primary-opaque-400: #436b64;\n\n --color-secondary-opaque-300: #3b4e51;\n --color-secondary-opaque-400: #436b64;\n\n --body-bg-main: rgb(44, 46, 56);\n --body-bg-main-transparent: rgba(44, 46, 56, 0);\n --page-paper-main: #373a44;\n --border-primary: #1f2024;\n\n --note-bg: #464545;\n\n --shadow-primary-hover: 0 64px 64px 0 rgba(0, 0, 0, 0.2),\n 0 32px 32px 0 rgba(0, 0, 0, 0.2), 0 16px 16px 0 rgba(0, 0, 0, 0.2),\n 0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.2);\n --shadow-primary: 0 64px 64px 0 rgba(0, 0, 0, 0.1),\n 0 32px 32px 0 rgba(0, 0, 0, 0.1), 0 16px 16px 0 rgba(0, 0, 0, 0.1),\n 0 4px 4px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.1);\n\n --shadow-secondary: 0 4px 14px 0 rgba(0, 0, 0, 0.3);\n\n --shadow-tertiary: 0 4px 6px -2px rgba(0, 0, 0, 0.1),\n 0 10px 15px -3px rgba(0, 0, 0, 0.15);\n --shadow-tertiary-hover: 0 4px 12px -2px rgba(0, 0, 0, 0.4),\n 0 10px 30px -3px rgba(0, 0, 0, 0.5);\n\n --page-paper-main-shadow: rgba(\n 55,\n 58,\n 68,\n 0\n ); /* Shadow list shadow for page paper main */\n\n --modal-background: rgba(44, 46, 56, 0.7);\n\n --highlight-dark: rgba(0, 0, 0, 0.06);\n\n --input-background-color: #2c2e38;\n\n --only-white: #ffffff;\n\n --only-black: #000000;\n }\n\n html {\n color-scheme: light;\n }\n\n html {\n &.neon {\n color-scheme: dark;\n }\n }\n\n .ac-shadow,\n .ac-shadow--raised {\n &--lg {\n box-shadow: var(--shadow-primary);\n }\n &--sm {\n box-shadow: var(--shadow-tertiary);\n }\n }\n\n .ac-shadow--raised {\n &--lg {\n transition: box-shadow 0.3s;\n &:hover {\n box-shadow: var(--shadow-primary-hover);\n }\n }\n &--sm {\n transition: box-shadow 0.3s;\n &:hover {\n box-shadow: var(--shadow-tertiary-hover);\n }\n }\n }\n\n .ac-shadow-optimized--sm {\n position: relative;\n box-shadow: var(--shadow-tertiary);\n\n &::before {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n content: \"\";\n box-shadow: var(--shadow-tertiary);\n opacity: 0;\n border-radius: var(--ac-br-6);\n transition: opacity 0.3s ease;\n z-index: -1;\n }\n\n @media (hover: hover) {\n &:hover::before {\n opacity: 1;\n }\n }\n }\n\n .ac-shadow-optimized--lg {\n position: relative;\n box-shadow: var(--shadow-primary);\n\n &::before {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n content: \"\";\n box-shadow: var(--shadow-primary);\n opacity: 0;\n border-radius: var(--ac-br-8);\n transition: opacity 0.3s ease;\n z-index: -1;\n }\n\n @media (hover: hover) {\n &:hover::before {\n opacity: 1;\n }\n }\n }\n\n .ac-border-radius {\n &-4 {\n border-radius: var(--ac-br-4);\n }\n\n &-6 {\n border-radius: var(--ac-br-6);\n }\n\n &-8 {\n border-radius: var(--ac-br-8);\n }\n\n &-rounded {\n border-radius: var(--ac-br-rounded);\n }\n }\n\n\n // CSS Tooltip ::after content: data-tooltip\n\n .c-cooltip {\n position: relative;\n\n /*\n * Prefer scoped variables in this case.\n * This lines of CSS should be scoped too.\n */\n\n --cooltip-spacing: 0.5rem;\n --cooltip-padding: 0.25rem 0.625rem;\n --cooltip-max-width: 12.5rem;\n\n --cooltip-transition-duration: 0.15s, 0.1s, 0.15s;\n --cooltip-transition-delay: 0.6s;\n --cooltip-timing: ease, ease, cubic-bezier(0.39, 0.575, 0.565, 1);\n }\n\n .c-cooltip::after {\n /*\n * will-change is intended to be used as a last resort,\n * in order to try to deal with existing performance problems.\n * It should not be used to anticipate performance problems.\n * https://developer.mozilla.org/en-US/docs/Web/CSS/will-change\n *\n * will-change: transform, opacity\n */\n pointer-events: none;\n content: attr(data-tooltip);\n position: absolute;\n color: #fff;\n opacity: 0;\n background-color: rgba(0, 0, 0, 0.9);\n border-radius: 0.5rem;\n font-size: 0.75rem;\n font-weight: 500;\n line-height: 1.3;\n max-width: var(--cooltip-max-width);\n padding: var(--cooltip-padding);\n text-align: center;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n }\n\n .c-cooltip--top::after {\n bottom: calc(100% + var(--cooltip-spacing));\n left: 50%;\n transform: scale(0.85) translateX(-50%);\n transform-origin: 0;\n }\n\n .c-cooltip--right::after {\n left: calc(100% + var(--cooltip-spacing));\n transform: scale(0.85);\n }\n\n .c-cooltip--bottom::after {\n top: calc(100% + var(--cooltip-spacing));\n left: 50%;\n transform: scale(0.85) translateX(-50%);\n transform-origin: 0;\n }\n\n .c-cooltip--left::after {\n right: calc(100% + var(--cooltip-spacing));\n transform: scale(0.85);\n }\n\n /*\n * Make sure that disabled and aria pressed\n * items do not have tooltips available.\n */\n .c-cooltip:disabled::after,\n [aria-pressed=\"true\"]::after {\n display: none;\n }\n\n /*\n *\n * Only use hover when is available .\n * https://developer.mozilla.org/en-US/docs/Web/CSS/@media/hover\n */\n @media (hover: hover) {\n /*\n * Here we maybe have a complex selector but actually it's not.\n * We simply asks here to show tooltip only on hover.\n * Focused elements (in this case, clicked elements) should hide the tooltip.\n */\n .c-cooltip--top:not(:focus):hover::after,\n .c-cooltip--bottom:not(:focus):hover::after {\n transition-property: opacity, transform;\n transition-duration: var(--cooltip-transition-duration);\n transition-delay: var(--cooltip-transition-delay);\n transition-timing-function: var(--cooltip-timing);\n transform: scale(1) translateX(-50%);\n opacity: 1;\n }\n\n /*\n *\n * This is not code duplication!\n * Transform properties are tricky to animate and values\n * are not the same depending on the tooltip position.\n *\n * Animating only one transform, eg. scale(1) will\n * override all previously set transforms, eg. translateY.\n * So we need to always chain them.\n * eg. transform: scale(1) translateY(-50%) etc...\n */\n\n .c-cooltip--right:not(:focus):hover::after,\n .c-cooltip--left:not(:focus):hover::after {\n transition-property: opacity, transform;\n transition-duration: var(--cooltip-transition-duration);\n transition-delay: var(--cooltip-transition-delay);\n transition-timing-function: var(--cooltip-timing);\n transform: scale(1);\n opacity: 1;\n }\n }\n\n .c-date-picker--calendar {\n width: 260px;\n padding: 16px 0px 8px 0px;\n margin: auto;\n background-color: var(--page-paper-main);\n }\n`;\n"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,mBAAmB;AAErD,OAAO,MAAMC,WAAW,GAAGD,iBAAiB,qsVAqhB3C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InfoBox.js","names":["React","StyledInfoBoxContainer","StyledInfoBoxHeader","StyledInfoBoxWrapper","SyledInfoBoxInnerHeader","colors","CheckboxBlankTogglerIcon","CloseCircleIcon","InfoIcon","Body2","InfoBox","_ref","type","children","showIcon","icon","title","action","rest","statusColors","success","greenSuccess","color","warning","redAlert","note","yellowWarning","default","blueSky","neutral","gray","ai","opacity","createElement","_extends","$color","$opacity","$type","isValidElement","cloneElement","fill","width","$hasTitle","weight","lineHeight"],"sources":["../../../../src/components/InfoBox/InfoBox.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\";\n\nimport {\n StyledInfoBoxContainer,\n StyledInfoBoxHeader,\n StyledInfoBoxWrapper,\n SyledInfoBoxInnerHeader,\n} from \"./Styles\";\nimport { colors } from \"../../utils\";\nimport { CheckboxBlankTogglerIcon, CloseCircleIcon, InfoIcon } from \"../Icons\";\nimport { ElementWithRef } from \"../Select\";\nimport { Body2 } from \"../Typography\";\n\nexport type InfoBoxType =\n | \"success\"\n | \"warning\"\n | \"note\"\n | \"default\"\n | \"neutral\"\n | \"ai\";\n\nexport interface InfoBoxProps {\n type: InfoBoxType;\n children?: ReactNode;\n showIcon?: boolean;\n title?: ReactNode | string;\n icon?: ElementWithRef<SVGSVGElement>;\n action?: ReactNode;\n}\n\nexport const InfoBox: React.FC<InfoBoxProps> = ({\n type = \"default\",\n children,\n showIcon,\n icon,\n title = null,\n action = null,\n ...rest\n}) => {\n const statusColors: Record<InfoBoxType, string> = {\n success: colors.greenSuccess.color,\n warning: colors.redAlert.color,\n note: colors.yellowWarning.color,\n default: colors.blueSky.color,\n neutral: colors.gray.color,\n ai: colors.
|
|
1
|
+
{"version":3,"file":"InfoBox.js","names":["React","StyledInfoBoxContainer","StyledInfoBoxHeader","StyledInfoBoxWrapper","SyledInfoBoxInnerHeader","colors","CheckboxBlankTogglerIcon","CloseCircleIcon","InfoIcon","Body2","InfoBox","_ref","type","children","showIcon","icon","title","action","rest","statusColors","success","greenSuccess","color","warning","redAlert","note","yellowWarning","default","blueSky","neutral","gray","ai","aiGradient","opacity","createElement","_extends","$color","$opacity","$type","isValidElement","cloneElement","fill","width","$hasTitle","weight","lineHeight"],"sources":["../../../../src/components/InfoBox/InfoBox.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\";\n\nimport {\n StyledInfoBoxContainer,\n StyledInfoBoxHeader,\n StyledInfoBoxWrapper,\n SyledInfoBoxInnerHeader,\n} from \"./Styles\";\nimport { colors } from \"../../utils\";\nimport { CheckboxBlankTogglerIcon, CloseCircleIcon, InfoIcon } from \"../Icons\";\nimport { ElementWithRef } from \"../Select\";\nimport { Body2 } from \"../Typography\";\n\nexport type InfoBoxType =\n | \"success\"\n | \"warning\"\n | \"note\"\n | \"default\"\n | \"neutral\"\n | \"ai\";\n\nexport interface InfoBoxProps {\n type: InfoBoxType;\n children?: ReactNode;\n showIcon?: boolean;\n title?: ReactNode | string;\n icon?: ElementWithRef<SVGSVGElement>;\n action?: ReactNode;\n}\n\nexport const InfoBox: React.FC<InfoBoxProps> = ({\n type = \"default\",\n children,\n showIcon,\n icon,\n title = null,\n action = null,\n ...rest\n}) => {\n const statusColors: Record<InfoBoxType, string> = {\n success: colors.greenSuccess.color,\n warning: colors.redAlert.color,\n note: colors.yellowWarning.color,\n default: colors.blueSky.color,\n neutral: colors.gray.color,\n ai: colors.aiGradient.color,\n };\n\n // https://davidwalsh.name/hex-opacity\n const opacity = \"1A\";\n\n return (\n <StyledInfoBoxWrapper\n $color={`${statusColors[type]}`}\n $opacity={opacity}\n $type={type}\n {...rest}\n >\n <StyledInfoBoxContainer>\n {showIcon && type !== \"ai\" && (\n <span>\n {icon && React.isValidElement(icon) ? (\n React.cloneElement(icon, {\n fill: statusColors[type],\n width: 18,\n })\n ) : type === \"success\" ? (\n <CheckboxBlankTogglerIcon fill={statusColors[type]} width={18} />\n ) : type === \"warning\" ? (\n <CloseCircleIcon fill={statusColors[type]} width={18} />\n ) : type === \"note\" || type === \"default\" ? (\n <InfoIcon fill={statusColors[type]} width={18} />\n ) : (\n <InfoIcon fill={statusColors[\"neutral\"]} width={18} />\n )}\n </span>\n )}\n <StyledInfoBoxHeader $hasTitle={title ? true : false}>\n <SyledInfoBoxInnerHeader>\n {typeof title === \"string\" && title ? (\n <Body2 weight=\"bold\" lineHeight=\"loose\">\n {title}\n </Body2>\n ) : (\n title\n )}\n {action}\n </SyledInfoBoxInnerHeader>\n {children}\n </StyledInfoBoxHeader>\n </StyledInfoBoxContainer>\n </StyledInfoBoxWrapper>\n );\n};\n"],"mappings":";AAAA,OAAOA,KAAK,MAAqB,OAAO;AAExC,SACEC,sBAAsB,EACtBC,mBAAmB,EACnBC,oBAAoB,EACpBC,uBAAuB,QAClB,UAAU;AACjB,SAASC,MAAM,QAAQ,aAAa;AACpC,SAASC,wBAAwB,EAAEC,eAAe,EAAEC,QAAQ,QAAQ,UAAU;AAE9E,SAASC,KAAK,QAAQ,eAAe;AAmBrC,OAAO,MAAMC,OAA+B,GAAGC,IAAA,IAQzC;EAAA,IAR0C;IAC9CC,IAAI,GAAG,SAAS;IAChBC,QAAQ;IACRC,QAAQ;IACRC,IAAI;IACJC,KAAK,GAAG,IAAI;IACZC,MAAM,GAAG,IAAI;IACb,GAAGC;EACL,CAAC,GAAAP,IAAA;EACC,MAAMQ,YAAyC,GAAG;IAChDC,OAAO,EAAEf,MAAM,CAACgB,YAAY,CAACC,KAAK;IAClCC,OAAO,EAAElB,MAAM,CAACmB,QAAQ,CAACF,KAAK;IAC9BG,IAAI,EAAEpB,MAAM,CAACqB,aAAa,CAACJ,KAAK;IAChCK,OAAO,EAAEtB,MAAM,CAACuB,OAAO,CAACN,KAAK;IAC7BO,OAAO,EAAExB,MAAM,CAACyB,IAAI,CAACR,KAAK;IAC1BS,EAAE,EAAE1B,MAAM,CAAC2B,UAAU,CAACV;EACxB,CAAC;;EAED;EACA,MAAMW,OAAO,GAAG,IAAI;EAEpB,oBACEjC,KAAA,CAAAkC,aAAA,CAAC/B,oBAAoB,EAAAgC,QAAA;IACnBC,MAAM,OAAKjB,YAAY,CAACP,IAAI,CAAI;IAChCyB,QAAQ,EAAEJ,OAAQ;IAClBK,KAAK,EAAE1B;EAAK,GACRM,IAAI,gBAERlB,KAAA,CAAAkC,aAAA,CAACjC,sBAAsB,QACpBa,QAAQ,IAAIF,IAAI,KAAK,IAAI,iBACxBZ,KAAA,CAAAkC,aAAA,eACGnB,IAAI,iBAAIf,KAAK,CAACuC,cAAc,CAACxB,IAAI,CAAC,kBACjCf,KAAK,CAACwC,YAAY,CAACzB,IAAI,EAAE;IACvB0B,IAAI,EAAEtB,YAAY,CAACP,IAAI,CAAC;IACxB8B,KAAK,EAAE;EACT,CAAC,CAAC,IACA9B,IAAI,KAAK,SAAS,gBACpBZ,KAAA,CAAAkC,aAAA,CAAC5B,wBAAwB;IAACmC,IAAI,EAAEtB,YAAY,CAACP,IAAI,CAAE;IAAC8B,KAAK,EAAE;EAAG,CAAE,CAAC,GAC/D9B,IAAI,KAAK,SAAS,gBACpBZ,KAAA,CAAAkC,aAAA,CAAC3B,eAAe;IAACkC,IAAI,EAAEtB,YAAY,CAACP,IAAI,CAAE;IAAC8B,KAAK,EAAE;EAAG,CAAE,CAAC,GACtD9B,IAAI,KAAK,MAAM,IAAIA,IAAI,KAAK,SAAS,gBACvCZ,KAAA,CAAAkC,aAAA,CAAC1B,QAAQ;IAACiC,IAAI,EAAEtB,YAAY,CAACP,IAAI,CAAE;IAAC8B,KAAK,EAAE;EAAG,CAAE,CAAC,gBAEjD1C,KAAA,CAAAkC,aAAA,CAAC1B,QAAQ;IAACiC,IAAI,EAAEtB,YAAY,CAAC,SAAS,CAAE;IAACuB,KAAK,EAAE;EAAG,CAAE,CAEnD,CACP,eACD1C,KAAA,CAAAkC,aAAA,CAAChC,mBAAmB;IAACyC,SAAS,EAAE3B,KAAK,GAAG,IAAI,GAAG;EAAM,gBACnDhB,KAAA,CAAAkC,aAAA,CAAC9B,uBAAuB,QACrB,OAAOY,KAAK,KAAK,QAAQ,IAAIA,KAAK,gBACjChB,KAAA,CAAAkC,aAAA,CAACzB,KAAK;IAACmC,MAAM,EAAC,MAAM;IAACC,UAAU,EAAC;EAAO,GACpC7B,KACI,CAAC,GAERA,KACD,EACAC,MACsB,CAAC,EACzBJ,QACkB,CACC,CACJ,CAAC;AAE3B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../src/utils/colors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM
|
|
1
|
+
{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../src/utils/colors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6GlB,CAAC"}
|
package/dist/esm/utils/colors.js
CHANGED
|
@@ -100,6 +100,11 @@ export const colors = {
|
|
|
100
100
|
yellowWarning: {
|
|
101
101
|
name: "Yellow warning",
|
|
102
102
|
color: "#FFCC6B"
|
|
103
|
+
},
|
|
104
|
+
aiGradient: {
|
|
105
|
+
name: "AI Gradient",
|
|
106
|
+
color: "linear-gradient(135deg, #4da2ed, #9f69e5, #ec43d8, #f72222)",
|
|
107
|
+
lighter: "linear-gradient(135deg,rgba(77, 162, 237, 0.1),rgba(159, 105, 229, 0.1),rgba(236, 67, 216, 0.1),rgba(230, 10, 10, 0.1))"
|
|
103
108
|
}
|
|
104
109
|
};
|
|
105
110
|
//# sourceMappingURL=colors.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colors.js","names":["colors","yellow","name","color","darker","lighter","orange","beige","pink","coral","purpleDirty","purple","blueAqua","bluePale","blueSky","turquoise","greenPale","greenOliveDrab","graySilver","gray","greenSuccess","redAlert","yellowWarning"],"sources":["../../../src/utils/colors.ts"],"sourcesContent":["export const colors = {\n yellow: {\n name: \"Yellow\",\n color: \"#FDF196\",\n darker: \"#948D5D\",\n lighter: \"#EBD429\",\n },\n orange: {\n name: \"Orange\",\n color: \"#FBBB75\",\n darker: \"#916C43\",\n lighter: \"#E99841\",\n },\n beige: {\n name: \"Beige\",\n color: \"#EAC2AD\",\n darker: \"#877064\",\n lighter: \"#B98A72\",\n },\n pink: {\n name: \"Pink\",\n color: \"#FBD6E7\",\n darker: \"#917C86\",\n lighter: \"#E4A1C0\",\n },\n coral: {\n name: \"Coral\",\n color: \"#FF9C9C\",\n darker: \"#945A5A\",\n lighter: \"#DB4545\",\n },\n purpleDirty: {\n name: \"Purple dirty\",\n color: \"#C49CB6\",\n darker: \"#715A69\",\n lighter: \"#B16E9A\",\n },\n purple: {\n name: \"Purple\",\n color: \"#BEACF9\",\n darker: \"#6E6390\",\n lighter: \"#9B86DF\",\n },\n blueAqua: {\n name: \"Blue aqua\",\n color: \"#BDF7FD\",\n darker: \"#6D8F92\",\n lighter: \"#7BDDE7\",\n },\n bluePale: {\n name: \"Blue pale\",\n color: \"#BEEAFF\",\n darker: \"#6E8794\",\n lighter: \"#92BFD4\",\n },\n blueSky: {\n name: \"Blue sky\",\n color: \"#A0CBFD\",\n darker: \"#5C7592\",\n lighter: \"#568CCB\",\n },\n turquoise: {\n name: \"Turquoise\",\n color: \"#B9E4E0\",\n darker: \"#6B8482\",\n lighter: \"#70BFB8\",\n },\n greenPale: {\n name: \"Green pale\",\n color: \"#C3E799\",\n darker: \"#718658\",\n lighter: \"#80C333\",\n },\n greenOliveDrab: {\n name: \"Green olive drab\",\n color: \"#98B57C\",\n darker: \"#647157\",\n lighter: \"#819F65\",\n },\n graySilver: {\n name: \"Gray silver\",\n color: \"#DDDDDD\",\n darker: \"#808080\",\n lighter: \"#ACACAC\",\n },\n gray: {\n name: \"Gray\",\n color: \"#CACACA\",\n darker: \"#757575\",\n lighter: \"#7D7D7D\",\n },\n greenSuccess: {\n name: \"Green success\",\n color: \"#64CD93\",\n },\n redAlert: {\n name: \"Red alert\",\n color: \"#ED6161\",\n },\n yellowWarning: {\n name: \"Yellow warning\",\n color: \"#FFCC6B\",\n },\n};\n"],"mappings":"AAAA,OAAO,MAAMA,MAAM,GAAG;EACpBC,MAAM,EAAE;IACNC,IAAI,EAAE,QAAQ;IACdC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDC,MAAM,EAAE;IACNJ,IAAI,EAAE,QAAQ;IACdC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDE,KAAK,EAAE;IACLL,IAAI,EAAE,OAAO;IACbC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDG,IAAI,EAAE;IACJN,IAAI,EAAE,MAAM;IACZC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDI,KAAK,EAAE;IACLP,IAAI,EAAE,OAAO;IACbC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDK,WAAW,EAAE;IACXR,IAAI,EAAE,cAAc;IACpBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDM,MAAM,EAAE;IACNT,IAAI,EAAE,QAAQ;IACdC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDO,QAAQ,EAAE;IACRV,IAAI,EAAE,WAAW;IACjBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDQ,QAAQ,EAAE;IACRX,IAAI,EAAE,WAAW;IACjBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDS,OAAO,EAAE;IACPZ,IAAI,EAAE,UAAU;IAChBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDU,SAAS,EAAE;IACTb,IAAI,EAAE,WAAW;IACjBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDW,SAAS,EAAE;IACTd,IAAI,EAAE,YAAY;IAClBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDY,cAAc,EAAE;IACdf,IAAI,EAAE,kBAAkB;IACxBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDa,UAAU,EAAE;IACVhB,IAAI,EAAE,aAAa;IACnBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDc,IAAI,EAAE;IACJjB,IAAI,EAAE,MAAM;IACZC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDe,YAAY,EAAE;IACZlB,IAAI,EAAE,eAAe;IACrBC,KAAK,EAAE;EACT,CAAC;EACDkB,QAAQ,EAAE;IACRnB,IAAI,EAAE,WAAW;IACjBC,KAAK,EAAE;EACT,CAAC;EACDmB,aAAa,EAAE;IACbpB,IAAI,EAAE,gBAAgB;IACtBC,KAAK,EAAE;EACT;AACF,CAAC"}
|
|
1
|
+
{"version":3,"file":"colors.js","names":["colors","yellow","name","color","darker","lighter","orange","beige","pink","coral","purpleDirty","purple","blueAqua","bluePale","blueSky","turquoise","greenPale","greenOliveDrab","graySilver","gray","greenSuccess","redAlert","yellowWarning","aiGradient"],"sources":["../../../src/utils/colors.ts"],"sourcesContent":["export const colors = {\n yellow: {\n name: \"Yellow\",\n color: \"#FDF196\",\n darker: \"#948D5D\",\n lighter: \"#EBD429\",\n },\n orange: {\n name: \"Orange\",\n color: \"#FBBB75\",\n darker: \"#916C43\",\n lighter: \"#E99841\",\n },\n beige: {\n name: \"Beige\",\n color: \"#EAC2AD\",\n darker: \"#877064\",\n lighter: \"#B98A72\",\n },\n pink: {\n name: \"Pink\",\n color: \"#FBD6E7\",\n darker: \"#917C86\",\n lighter: \"#E4A1C0\",\n },\n coral: {\n name: \"Coral\",\n color: \"#FF9C9C\",\n darker: \"#945A5A\",\n lighter: \"#DB4545\",\n },\n purpleDirty: {\n name: \"Purple dirty\",\n color: \"#C49CB6\",\n darker: \"#715A69\",\n lighter: \"#B16E9A\",\n },\n purple: {\n name: \"Purple\",\n color: \"#BEACF9\",\n darker: \"#6E6390\",\n lighter: \"#9B86DF\",\n },\n blueAqua: {\n name: \"Blue aqua\",\n color: \"#BDF7FD\",\n darker: \"#6D8F92\",\n lighter: \"#7BDDE7\",\n },\n bluePale: {\n name: \"Blue pale\",\n color: \"#BEEAFF\",\n darker: \"#6E8794\",\n lighter: \"#92BFD4\",\n },\n blueSky: {\n name: \"Blue sky\",\n color: \"#A0CBFD\",\n darker: \"#5C7592\",\n lighter: \"#568CCB\",\n },\n turquoise: {\n name: \"Turquoise\",\n color: \"#B9E4E0\",\n darker: \"#6B8482\",\n lighter: \"#70BFB8\",\n },\n greenPale: {\n name: \"Green pale\",\n color: \"#C3E799\",\n darker: \"#718658\",\n lighter: \"#80C333\",\n },\n greenOliveDrab: {\n name: \"Green olive drab\",\n color: \"#98B57C\",\n darker: \"#647157\",\n lighter: \"#819F65\",\n },\n graySilver: {\n name: \"Gray silver\",\n color: \"#DDDDDD\",\n darker: \"#808080\",\n lighter: \"#ACACAC\",\n },\n gray: {\n name: \"Gray\",\n color: \"#CACACA\",\n darker: \"#757575\",\n lighter: \"#7D7D7D\",\n },\n greenSuccess: {\n name: \"Green success\",\n color: \"#64CD93\",\n },\n redAlert: {\n name: \"Red alert\",\n color: \"#ED6161\",\n },\n yellowWarning: {\n name: \"Yellow warning\",\n color: \"#FFCC6B\",\n },\n aiGradient: {\n name: \"AI Gradient\",\n color: \"linear-gradient(135deg, #4da2ed, #9f69e5, #ec43d8, #f72222)\",\n lighter:\n \"linear-gradient(135deg,rgba(77, 162, 237, 0.1),rgba(159, 105, 229, 0.1),rgba(236, 67, 216, 0.1),rgba(230, 10, 10, 0.1))\",\n },\n};\n"],"mappings":"AAAA,OAAO,MAAMA,MAAM,GAAG;EACpBC,MAAM,EAAE;IACNC,IAAI,EAAE,QAAQ;IACdC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDC,MAAM,EAAE;IACNJ,IAAI,EAAE,QAAQ;IACdC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDE,KAAK,EAAE;IACLL,IAAI,EAAE,OAAO;IACbC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDG,IAAI,EAAE;IACJN,IAAI,EAAE,MAAM;IACZC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDI,KAAK,EAAE;IACLP,IAAI,EAAE,OAAO;IACbC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDK,WAAW,EAAE;IACXR,IAAI,EAAE,cAAc;IACpBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDM,MAAM,EAAE;IACNT,IAAI,EAAE,QAAQ;IACdC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDO,QAAQ,EAAE;IACRV,IAAI,EAAE,WAAW;IACjBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDQ,QAAQ,EAAE;IACRX,IAAI,EAAE,WAAW;IACjBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDS,OAAO,EAAE;IACPZ,IAAI,EAAE,UAAU;IAChBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDU,SAAS,EAAE;IACTb,IAAI,EAAE,WAAW;IACjBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDW,SAAS,EAAE;IACTd,IAAI,EAAE,YAAY;IAClBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDY,cAAc,EAAE;IACdf,IAAI,EAAE,kBAAkB;IACxBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDa,UAAU,EAAE;IACVhB,IAAI,EAAE,aAAa;IACnBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDc,IAAI,EAAE;IACJjB,IAAI,EAAE,MAAM;IACZC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;EACX,CAAC;EACDe,YAAY,EAAE;IACZlB,IAAI,EAAE,eAAe;IACrBC,KAAK,EAAE;EACT,CAAC;EACDkB,QAAQ,EAAE;IACRnB,IAAI,EAAE,WAAW;IACjBC,KAAK,EAAE;EACT,CAAC;EACDmB,aAAa,EAAE;IACbpB,IAAI,EAAE,gBAAgB;IACtBC,KAAK,EAAE;EACT,CAAC;EACDoB,UAAU,EAAE;IACVrB,IAAI,EAAE,aAAa;IACnBC,KAAK,EAAE,6DAA6D;IACpEE,OAAO,EACL;EACJ;AACF,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -580,6 +580,11 @@
|
|
|
580
580
|
yellowWarning: {
|
|
581
581
|
name: "Yellow warning",
|
|
582
582
|
color: "#FFCC6B"
|
|
583
|
+
},
|
|
584
|
+
aiGradient: {
|
|
585
|
+
name: "AI Gradient",
|
|
586
|
+
color: "linear-gradient(135deg, #4da2ed, #9f69e5, #ec43d8, #f72222)",
|
|
587
|
+
lighter: "linear-gradient(135deg,rgba(77, 162, 237, 0.1),rgba(159, 105, 229, 0.1),rgba(236, 67, 216, 0.1),rgba(230, 10, 10, 0.1))"
|
|
583
588
|
}
|
|
584
589
|
};
|
|
585
590
|
|
|
@@ -19253,7 +19258,7 @@
|
|
|
19253
19258
|
});
|
|
19254
19259
|
Label.displayName = "Label";
|
|
19255
19260
|
|
|
19256
|
-
var GlobalStyle = styled.createGlobalStyle([":root{--color-primary:#5d2bff;--color-secondary:#5d2bff;--color-theme-100:#ffffff;--color-theme-200:#f6f6f9;--color-theme-300:#ebebee;--color-theme-400:#d7d7da;--color-theme-500:#b9b9bd;--color-theme-600:#89898e;--color-theme-700:#6d6d73;--color-theme-800:#5b5b61;--color-theme-900:#303037;--color-primary-200:rgba(93,43,255,0.05);--color-primary-300:rgba(93,43,255,0.1);--color-primary-400:rgba(93,43,255,0.25);--color-primary-500:rgba(93,43,255,0.5);--color-primary-600:rgba(93,43,255,0.75);--color-primary-700:#5d2bff;--color-primary-800:#4a21cd;--color-primary-900:#32178b;--color-secondary-200:rgba(93,43,255,0.05);--color-secondary-300:rgba(93,43,255,0.1);--color-secondary-400:rgba(93,43,255,0.25);--color-secondary-500:rgba(93,43,255,0.5);--color-secondary-600:rgba(93,43,255,0.75);--color-secondary-700:#5d2bff;--color-secondary-800:#4a21cd;--color-secondary-900:#32178b;--color-theme-transparent-200:rgba(36,36,76,0.04);--color-theme-transparent-300:rgba(48,48,55,0.1);--color-theme-transparent-400:rgba(48,48,55,0.2);--color-theme-transparent-500:rgba(48,48,55,0.34);--color-theme-transparent-600:rgba(48,48,55,0.57);--color-theme-transparent-700:rgba(48,48,55,0.7);--color-theme-transparent-800:rgba(48,48,55,0.8);--color-primary-opaque-300:#efeaff;--color-primary-opaque-400:#d6caff;--color-secondary-opaque-300:#efeaff;--color-secondary-opaque-400:#d6caff;--color-sucess-green:#64cd93;--color-pale-green:#c3e799;--color-yellow:#FDF196;--color-yellow-darker:#948D5D;--color-yellow-lighter:#EBD429;--color-orange:#FBBB75;--color-orange-darker:#916C43;--color-orange-lighter:#E99841;--color-beige:#EAC2AD;--color-beige-darker:#877064;--color-beige-lighter:#B98A72;--color-pink:#FBD6E7;--color-pink-darker:#917C86;--color-pink-lighter:#E4A1C0;--color-coral:#FF9C9C;--color-coral-darker:#945A5A;--color-coral-lighter:#DB4545;--color-purple-dirty:#C49CB6;--color-purple-dirty-darker:#715A69;--color-purple-dirty-lighter:#B16E9A;--color-purple:#BEACF9;--color-purple-darker:#6E6390;--color-purple-lighter:#9B86DF;--color-blue-aqua:#BDF7FD;--color-blue-aqua-darker:#6D8F92;--color-blue-aqua-lighter:#7BDDE7;--color-blue-pale:#BEEAFF;--color-blue-pale-darker:#6E8794;--color-blue-pale-lighter:#92BFD4;--color-blue-sky:#A0CBFD;--color-blue-sky-darker:#5C7592;--color-blue-sky-lighter:#568CCB;--color-turquoise:#B9E4E0;--color-turquoise-darker:#6B8482;--color-turquoise-lighter:#70BFB8;--color-green-pale:#C3E799;--color-green-pale-darker:#718658;--color-green-pale-lighter:#80C333;--color-green-olive-drab:#98B57C;--color-green-olive-drab-darker:#647157;--color-green-olive-drab-lighter:#819F65;--color-gray-silver:#DDDDDD;--color-gray-silver-darker:#808080;--color-gray-silver-lighter:#ACACAC;--color-gray:#CACACA;--color-gray-darker:#757575;--color-gray-lighter:#7D7D7D;--body-bg-main:rgb(244,245,247);--body-bg-main-transparent:rgba(244,245,247,0);--page-paper-main:#ffffff;--border-primary:#d7d7da;--note-bg:#fff9f1;--shadow-primary-hover:0 64px 64px 0 rgba(0,0,0,0.1),0 32px 32px 0 rgba(0,0,0,0.06),0 16px 16px 0 rgba(0,0,0,0.04),0 4px 4px 0 rgba(0,0,0,0.04),0 2px 2px 0 rgba(0,0,0,0.04);--shadow-primary:0 64px 64px 0 rgba(0,0,0,0.06),0 32px 32px 0 rgba(0,0,0,0.03),0 16px 16px 0 rgba(0,0,0,0.02),0 4px 4px 0 rgba(0,0,0,0.02),0 2px 2px 0 rgba(0,0,0,0.02);--shadow-secondary:0 4px 14px 0 rgba(0,0,0,0.17);--shadow-tertiary:0 4px 6px -2px rgba(0,0,0,0.05),0 10px 15px -3px rgba(0,0,0,0.1);--shadow-tertiary-hover:0 4px 10px -2px rgba(0,0,0,0.1),0 12px 20px -3px rgba(0,0,0,0.2);--page-paper-main-shadow:rgba( 255,255,255,0 );--modal-background:rgba(244,245,247,0.6);--highlight-dark:rgba(0,0,0,0.03);--input-background-color:#ffffff;--red-alert:rgb(237,97,97);--warning:#ffcc6b;--only-white:#ffffff;--only-black:#000000;--ac-br-4:4px;--ac-br-6:6px;--ac-br-8:8px;--ac-br-rounded:999px;}.cupcake{--color-primary:#29bcdd;--color-secondary:#fe6fa7;--color-primary-200:rgba(41,188,221,0.07);--color-primary-300:rgba(41,188,221,0.12);--color-primary-400:rgba(41,188,221,0.26);--color-primary-500:rgba(41,188,221,0.52);--color-primary-600:rgba(41,188,221,0.75);--color-primary-700:#29bcdd;--color-primary-800:#219fbb;--color-primary-900:#1a768b;--color-secondary-200:rgba(254,111,167,0.07);--color-secondary-300:rgba(254,111,167,0.13);--color-secondary-400:rgba(254,111,167,0.27);--color-secondary-500:rgba(254,111,167,0.52);--color-secondary-600:rgba(254,111,167,0.75);--color-secondary-700:#fe6fa7;--color-secondary-800:#dd6091;--color-secondary-900:#ab496f;--color-primary-opaque-300:#e5f7fb;--color-primary-opaque-400:#c8eef6;--color-secondary-opaque-300:#ffecf4;--color-secondary-opaque-400:#ffd8e7;}.classic{--color-primary:#4182f2;--color-secondary:#4182f2;--color-primary-200:rgba(65,130,242,0.07);--color-primary-300:rgba(65,130,242,0.13);--color-primary-400:rgba(65,130,242,0.26);--color-primary-500:rgba(65,130,242,0.52);--color-primary-600:rgba(65,130,242,0.75);--color-primary-700:#4182f2;--color-primary-800:#356bc8;--color-primary-900:#244a8a;--color-secondary-200:rgba(65,130,242,0.07);--color-secondary-300:rgba(65,130,242,0.13);--color-secondary-400:rgba(65,130,242,0.26);--color-secondary-500:rgba(65,130,242,0.52);--color-secondary-600:rgba(65,130,242,0.75);--color-secondary-700:#4182f2;--color-secondary-800:#356bc8;--color-secondary-900:#244a8a;--color-primary-opaque-300:#e6effd;--color-primary-opaque-400:#cedffc;--color-secondary-opaque-300:#e6effd;--color-secondary-opaque-400:#cedffc;}.neon{--color-primary:#67ffc8;--color-secondary:#67ffc8;--color-theme-100:#000000;--color-theme-200:#31333e;--color-theme-300:#2b2d37;--color-theme-400:#1f2024;--color-theme-500:#6D6D73;--color-theme-600:#89898e;--color-theme-700:#b0b0b5;--color-theme-800:#dfdfe5;--color-theme-900:#ffffff;--color-primary-200:rgba(103,255,200,0.05);--color-primary-300:rgba(103,255,200,0.1);--color-primary-400:rgba(103,255,200,0.25);--color-primary-500:rgba(103,255,200,0.5);--color-primary-600:rgba(103,255,200,0.75);--color-primary-700:#67ffc8;--color-primary-800:#a5ffdf;--color-primary-900:#d0fdec;--color-secondary-200:rgba(103,255,200,0.05);--color-secondary-300:rgba(103,255,200,0.1);--color-secondary-400:rgba(103,255,200,0.25);--color-secondary-500:rgba(103,255,200,0.5);--color-secondary-600:rgba(103,255,200,0.75);--color-secondary-700:#67ffc8;--color-secondary-800:#a5ffdf;--color-secondary-900:#d0fdec;--color-theme-transparent-200:rgba(6,7,8,0.12);--color-theme-transparent-300:rgba(6,7,8,0.22);--color-theme-transparent-400:rgba(6,7,8,0.5);--color-theme-transparent-500:rgba(255,255,255,0.27);--color-theme-transparent-600:rgba(255,255,255,0.4);--color-theme-transparent-700:rgba(255,255,255,0.6);--color-theme-transparent-800:rgba(255,255,255,0.85);--color-primary-opaque-300:#3b4e51;--color-primary-opaque-400:#436b64;--color-secondary-opaque-300:#3b4e51;--color-secondary-opaque-400:#436b64;--body-bg-main:rgb(44,46,56);--body-bg-main-transparent:rgba(44,46,56,0);--page-paper-main:#373a44;--border-primary:#1f2024;--note-bg:#464545;--shadow-primary-hover:0 64px 64px 0 rgba(0,0,0,0.2),0 32px 32px 0 rgba(0,0,0,0.2),0 16px 16px 0 rgba(0,0,0,0.2),0 4px 4px 0 rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.2);--shadow-primary:0 64px 64px 0 rgba(0,0,0,0.1),0 32px 32px 0 rgba(0,0,0,0.1),0 16px 16px 0 rgba(0,0,0,0.1),0 4px 4px 0 rgba(0,0,0,0.1),0 2px 2px 0 rgba(0,0,0,0.1);--shadow-secondary:0 4px 14px 0 rgba(0,0,0,0.3);--shadow-tertiary:0 4px 6px -2px rgba(0,0,0,0.1),0 10px 15px -3px rgba(0,0,0,0.15);--shadow-tertiary-hover:0 4px 12px -2px rgba(0,0,0,0.4),0 10px 30px -3px rgba(0,0,0,0.5);--page-paper-main-shadow:rgba( 55,58,68,0 );--modal-background:rgba(44,46,56,0.7);--highlight-dark:rgba(0,0,0,0.06);--input-background-color:#2c2e38;--only-white:#ffffff;--only-black:#000000;}html{color-scheme:light;}html{&.neon{color-scheme:dark;}}.ac-shadow,.ac-shadow--raised{&--lg{box-shadow:var(--shadow-primary);}&--sm{box-shadow:var(--shadow-tertiary);}}.ac-shadow--raised{&--lg{transition:box-shadow 0.3s;&:hover{box-shadow:var(--shadow-primary-hover);}}&--sm{transition:box-shadow 0.3s;&:hover{box-shadow:var(--shadow-tertiary-hover);}}}.ac-shadow-optimized--sm{position:relative;box-shadow:var(--shadow-tertiary);&::before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";box-shadow:var(--shadow-tertiary);opacity:0;border-radius:var(--ac-br-6);transition:opacity 0.3s ease;z-index:-1;}@media (hover:hover){&:hover::before{opacity:1;}}}.ac-shadow-optimized--lg{position:relative;box-shadow:var(--shadow-primary);&::before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";box-shadow:var(--shadow-primary);opacity:0;border-radius:var(--ac-br-8);transition:opacity 0.3s ease;z-index:-1;}@media (hover:hover){&:hover::before{opacity:1;}}}.ac-border-radius{&-4{border-radius:var(--ac-br-4);}&-6{border-radius:var(--ac-br-6);}&-8{border-radius:var(--ac-br-8);}&-rounded{border-radius:var(--ac-br-rounded);}}.c-cooltip{position:relative;--cooltip-spacing:0.5rem;--cooltip-padding:0.25rem 0.625rem;--cooltip-max-width:12.5rem;--cooltip-transition-duration:0.15s,0.1s,0.15s;--cooltip-transition-delay:0.6s;--cooltip-timing:ease,ease,cubic-bezier(0.39,0.575,0.565,1);}.c-cooltip::after{pointer-events:none;content:attr(data-tooltip);position:absolute;color:#fff;opacity:0;background-color:rgba(0,0,0,0.9);border-radius:0.5rem;font-size:0.75rem;font-weight:500;line-height:1.3;max-width:var(--cooltip-max-width);padding:var(--cooltip-padding);text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}.c-cooltip--top::after{bottom:calc(100% + var(--cooltip-spacing));left:50%;transform:scale(0.85) translateX(-50%);transform-origin:0;}.c-cooltip--right::after{left:calc(100% + var(--cooltip-spacing));transform:scale(0.85);}.c-cooltip--bottom::after{top:calc(100% + var(--cooltip-spacing));left:50%;transform:scale(0.85) translateX(-50%);transform-origin:0;}.c-cooltip--left::after{right:calc(100% + var(--cooltip-spacing));transform:scale(0.85);}.c-cooltip:disabled::after,[aria-pressed=\"true\"]::after{display:none;}@media (hover:hover){.c-cooltip--top:not(:focus):hover::after,.c-cooltip--bottom:not(:focus):hover::after{transition-property:opacity,transform;transition-duration:var(--cooltip-transition-duration);transition-delay:var(--cooltip-transition-delay);transition-timing-function:var(--cooltip-timing);transform:scale(1) translateX(-50%);opacity:1;}.c-cooltip--right:not(:focus):hover::after,.c-cooltip--left:not(:focus):hover::after{transition-property:opacity,transform;transition-duration:var(--cooltip-transition-duration);transition-delay:var(--cooltip-transition-delay);transition-timing-function:var(--cooltip-timing);transform:scale(1);opacity:1;}}.c-date-picker--calendar{width:260px;padding:16px 0px 8px 0px;margin:auto;background-color:var(--page-paper-main);}"]);
|
|
19261
|
+
var GlobalStyle = styled.createGlobalStyle([":root{--color-primary:#5d2bff;--color-secondary:#5d2bff;--color-theme-100:#ffffff;--color-theme-200:#f6f6f9;--color-theme-300:#ebebee;--color-theme-400:#d7d7da;--color-theme-500:#b9b9bd;--color-theme-600:#89898e;--color-theme-700:#6d6d73;--color-theme-800:#5b5b61;--color-theme-900:#303037;--color-primary-200:rgba(93,43,255,0.05);--color-primary-300:rgba(93,43,255,0.1);--color-primary-400:rgba(93,43,255,0.25);--color-primary-500:rgba(93,43,255,0.5);--color-primary-600:rgba(93,43,255,0.75);--color-primary-700:#5d2bff;--color-primary-800:#4a21cd;--color-primary-900:#32178b;--color-secondary-200:rgba(93,43,255,0.05);--color-secondary-300:rgba(93,43,255,0.1);--color-secondary-400:rgba(93,43,255,0.25);--color-secondary-500:rgba(93,43,255,0.5);--color-secondary-600:rgba(93,43,255,0.75);--color-secondary-700:#5d2bff;--color-secondary-800:#4a21cd;--color-secondary-900:#32178b;--color-theme-transparent-200:rgba(36,36,76,0.04);--color-theme-transparent-300:rgba(48,48,55,0.1);--color-theme-transparent-400:rgba(48,48,55,0.2);--color-theme-transparent-500:rgba(48,48,55,0.34);--color-theme-transparent-600:rgba(48,48,55,0.57);--color-theme-transparent-700:rgba(48,48,55,0.7);--color-theme-transparent-800:rgba(48,48,55,0.8);--color-primary-opaque-300:#efeaff;--color-primary-opaque-400:#d6caff;--color-secondary-opaque-300:#efeaff;--color-secondary-opaque-400:#d6caff;--color-sucess-green:#64cd93;--color-pale-green:#c3e799;--color-yellow:#FDF196;--color-yellow-darker:#948D5D;--color-yellow-lighter:#EBD429;--color-orange:#FBBB75;--color-orange-darker:#916C43;--color-orange-lighter:#E99841;--color-beige:#EAC2AD;--color-beige-darker:#877064;--color-beige-lighter:#B98A72;--color-pink:#FBD6E7;--color-pink-darker:#917C86;--color-pink-lighter:#E4A1C0;--color-coral:#FF9C9C;--color-coral-darker:#945A5A;--color-coral-lighter:#DB4545;--color-purple-dirty:#C49CB6;--color-purple-dirty-darker:#715A69;--color-purple-dirty-lighter:#B16E9A;--color-purple:#BEACF9;--color-purple-darker:#6E6390;--color-purple-lighter:#9B86DF;--color-blue-aqua:#BDF7FD;--color-blue-aqua-darker:#6D8F92;--color-blue-aqua-lighter:#7BDDE7;--color-blue-pale:#BEEAFF;--color-blue-pale-darker:#6E8794;--color-blue-pale-lighter:#92BFD4;--color-blue-sky:#A0CBFD;--color-blue-sky-darker:#5C7592;--color-blue-sky-lighter:#568CCB;--color-turquoise:#B9E4E0;--color-turquoise-darker:#6B8482;--color-turquoise-lighter:#70BFB8;--color-green-pale:#C3E799;--color-green-pale-darker:#718658;--color-green-pale-lighter:#80C333;--color-green-olive-drab:#98B57C;--color-green-olive-drab-darker:#647157;--color-green-olive-drab-lighter:#819F65;--color-gray-silver:#DDDDDD;--color-gray-silver-darker:#808080;--color-gray-silver-lighter:#ACACAC;--color-gray:#CACACA;--color-gray-darker:#757575;--color-gray-lighter:#7D7D7D;--body-bg-main:rgb(244,245,247);--body-bg-main-transparent:rgba(244,245,247,0);--page-paper-main:#ffffff;--border-primary:#d7d7da;--note-bg:#fff9f1;--shadow-primary-hover:0 64px 64px 0 rgba(0,0,0,0.1),0 32px 32px 0 rgba(0,0,0,0.06),0 16px 16px 0 rgba(0,0,0,0.04),0 4px 4px 0 rgba(0,0,0,0.04),0 2px 2px 0 rgba(0,0,0,0.04);--shadow-primary:0 64px 64px 0 rgba(0,0,0,0.06),0 32px 32px 0 rgba(0,0,0,0.03),0 16px 16px 0 rgba(0,0,0,0.02),0 4px 4px 0 rgba(0,0,0,0.02),0 2px 2px 0 rgba(0,0,0,0.02);--shadow-secondary:0 4px 14px 0 rgba(0,0,0,0.17);--shadow-tertiary:0 4px 6px -2px rgba(0,0,0,0.05),0 10px 15px -3px rgba(0,0,0,0.1);--shadow-tertiary-hover:0 4px 10px -2px rgba(0,0,0,0.1),0 12px 20px -3px rgba(0,0,0,0.2);--page-paper-main-shadow:rgba( 255,255,255,0 );--modal-background:rgba(244,245,247,0.6);--highlight-dark:rgba(0,0,0,0.03);--input-background-color:#ffffff;--ai-gradient:linear-gradient(135deg,#4da2ed,#9f69e5,#ec43d8,#f72222);--ai-gradient-lighter:linear-gradient( 135deg,rgba(77,162,237,0.1),rgba(159,105,229,0.1),rgba(236,67,216,0.1),rgba(230,10,10,0.1) );--red-alert:rgb(237,97,97);--warning:#ffcc6b;--only-white:#ffffff;--only-black:#000000;--ac-br-4:4px;--ac-br-6:6px;--ac-br-8:8px;--ac-br-rounded:999px;}.cupcake{--color-primary:#29bcdd;--color-secondary:#fe6fa7;--color-primary-200:rgba(41,188,221,0.07);--color-primary-300:rgba(41,188,221,0.12);--color-primary-400:rgba(41,188,221,0.26);--color-primary-500:rgba(41,188,221,0.52);--color-primary-600:rgba(41,188,221,0.75);--color-primary-700:#29bcdd;--color-primary-800:#219fbb;--color-primary-900:#1a768b;--color-secondary-200:rgba(254,111,167,0.07);--color-secondary-300:rgba(254,111,167,0.13);--color-secondary-400:rgba(254,111,167,0.27);--color-secondary-500:rgba(254,111,167,0.52);--color-secondary-600:rgba(254,111,167,0.75);--color-secondary-700:#fe6fa7;--color-secondary-800:#dd6091;--color-secondary-900:#ab496f;--color-primary-opaque-300:#e5f7fb;--color-primary-opaque-400:#c8eef6;--color-secondary-opaque-300:#ffecf4;--color-secondary-opaque-400:#ffd8e7;}.classic{--color-primary:#4182f2;--color-secondary:#4182f2;--color-primary-200:rgba(65,130,242,0.07);--color-primary-300:rgba(65,130,242,0.13);--color-primary-400:rgba(65,130,242,0.26);--color-primary-500:rgba(65,130,242,0.52);--color-primary-600:rgba(65,130,242,0.75);--color-primary-700:#4182f2;--color-primary-800:#356bc8;--color-primary-900:#244a8a;--color-secondary-200:rgba(65,130,242,0.07);--color-secondary-300:rgba(65,130,242,0.13);--color-secondary-400:rgba(65,130,242,0.26);--color-secondary-500:rgba(65,130,242,0.52);--color-secondary-600:rgba(65,130,242,0.75);--color-secondary-700:#4182f2;--color-secondary-800:#356bc8;--color-secondary-900:#244a8a;--color-primary-opaque-300:#e6effd;--color-primary-opaque-400:#cedffc;--color-secondary-opaque-300:#e6effd;--color-secondary-opaque-400:#cedffc;}.neon{--color-primary:#67ffc8;--color-secondary:#67ffc8;--color-theme-100:#000000;--color-theme-200:#31333e;--color-theme-300:#2b2d37;--color-theme-400:#1f2024;--color-theme-500:#6D6D73;--color-theme-600:#89898e;--color-theme-700:#b0b0b5;--color-theme-800:#dfdfe5;--color-theme-900:#ffffff;--color-primary-200:rgba(103,255,200,0.05);--color-primary-300:rgba(103,255,200,0.1);--color-primary-400:rgba(103,255,200,0.25);--color-primary-500:rgba(103,255,200,0.5);--color-primary-600:rgba(103,255,200,0.75);--color-primary-700:#67ffc8;--color-primary-800:#a5ffdf;--color-primary-900:#d0fdec;--color-secondary-200:rgba(103,255,200,0.05);--color-secondary-300:rgba(103,255,200,0.1);--color-secondary-400:rgba(103,255,200,0.25);--color-secondary-500:rgba(103,255,200,0.5);--color-secondary-600:rgba(103,255,200,0.75);--color-secondary-700:#67ffc8;--color-secondary-800:#a5ffdf;--color-secondary-900:#d0fdec;--color-theme-transparent-200:rgba(6,7,8,0.12);--color-theme-transparent-300:rgba(6,7,8,0.22);--color-theme-transparent-400:rgba(6,7,8,0.5);--color-theme-transparent-500:rgba(255,255,255,0.27);--color-theme-transparent-600:rgba(255,255,255,0.4);--color-theme-transparent-700:rgba(255,255,255,0.6);--color-theme-transparent-800:rgba(255,255,255,0.85);--color-primary-opaque-300:#3b4e51;--color-primary-opaque-400:#436b64;--color-secondary-opaque-300:#3b4e51;--color-secondary-opaque-400:#436b64;--body-bg-main:rgb(44,46,56);--body-bg-main-transparent:rgba(44,46,56,0);--page-paper-main:#373a44;--border-primary:#1f2024;--note-bg:#464545;--shadow-primary-hover:0 64px 64px 0 rgba(0,0,0,0.2),0 32px 32px 0 rgba(0,0,0,0.2),0 16px 16px 0 rgba(0,0,0,0.2),0 4px 4px 0 rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.2);--shadow-primary:0 64px 64px 0 rgba(0,0,0,0.1),0 32px 32px 0 rgba(0,0,0,0.1),0 16px 16px 0 rgba(0,0,0,0.1),0 4px 4px 0 rgba(0,0,0,0.1),0 2px 2px 0 rgba(0,0,0,0.1);--shadow-secondary:0 4px 14px 0 rgba(0,0,0,0.3);--shadow-tertiary:0 4px 6px -2px rgba(0,0,0,0.1),0 10px 15px -3px rgba(0,0,0,0.15);--shadow-tertiary-hover:0 4px 12px -2px rgba(0,0,0,0.4),0 10px 30px -3px rgba(0,0,0,0.5);--page-paper-main-shadow:rgba( 55,58,68,0 );--modal-background:rgba(44,46,56,0.7);--highlight-dark:rgba(0,0,0,0.06);--input-background-color:#2c2e38;--only-white:#ffffff;--only-black:#000000;}html{color-scheme:light;}html{&.neon{color-scheme:dark;}}.ac-shadow,.ac-shadow--raised{&--lg{box-shadow:var(--shadow-primary);}&--sm{box-shadow:var(--shadow-tertiary);}}.ac-shadow--raised{&--lg{transition:box-shadow 0.3s;&:hover{box-shadow:var(--shadow-primary-hover);}}&--sm{transition:box-shadow 0.3s;&:hover{box-shadow:var(--shadow-tertiary-hover);}}}.ac-shadow-optimized--sm{position:relative;box-shadow:var(--shadow-tertiary);&::before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";box-shadow:var(--shadow-tertiary);opacity:0;border-radius:var(--ac-br-6);transition:opacity 0.3s ease;z-index:-1;}@media (hover:hover){&:hover::before{opacity:1;}}}.ac-shadow-optimized--lg{position:relative;box-shadow:var(--shadow-primary);&::before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";box-shadow:var(--shadow-primary);opacity:0;border-radius:var(--ac-br-8);transition:opacity 0.3s ease;z-index:-1;}@media (hover:hover){&:hover::before{opacity:1;}}}.ac-border-radius{&-4{border-radius:var(--ac-br-4);}&-6{border-radius:var(--ac-br-6);}&-8{border-radius:var(--ac-br-8);}&-rounded{border-radius:var(--ac-br-rounded);}}.c-cooltip{position:relative;--cooltip-spacing:0.5rem;--cooltip-padding:0.25rem 0.625rem;--cooltip-max-width:12.5rem;--cooltip-transition-duration:0.15s,0.1s,0.15s;--cooltip-transition-delay:0.6s;--cooltip-timing:ease,ease,cubic-bezier(0.39,0.575,0.565,1);}.c-cooltip::after{pointer-events:none;content:attr(data-tooltip);position:absolute;color:#fff;opacity:0;background-color:rgba(0,0,0,0.9);border-radius:0.5rem;font-size:0.75rem;font-weight:500;line-height:1.3;max-width:var(--cooltip-max-width);padding:var(--cooltip-padding);text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}.c-cooltip--top::after{bottom:calc(100% + var(--cooltip-spacing));left:50%;transform:scale(0.85) translateX(-50%);transform-origin:0;}.c-cooltip--right::after{left:calc(100% + var(--cooltip-spacing));transform:scale(0.85);}.c-cooltip--bottom::after{top:calc(100% + var(--cooltip-spacing));left:50%;transform:scale(0.85) translateX(-50%);transform-origin:0;}.c-cooltip--left::after{right:calc(100% + var(--cooltip-spacing));transform:scale(0.85);}.c-cooltip:disabled::after,[aria-pressed=\"true\"]::after{display:none;}@media (hover:hover){.c-cooltip--top:not(:focus):hover::after,.c-cooltip--bottom:not(:focus):hover::after{transition-property:opacity,transform;transition-duration:var(--cooltip-transition-duration);transition-delay:var(--cooltip-transition-delay);transition-timing-function:var(--cooltip-timing);transform:scale(1) translateX(-50%);opacity:1;}.c-cooltip--right:not(:focus):hover::after,.c-cooltip--left:not(:focus):hover::after{transition-property:opacity,transform;transition-duration:var(--cooltip-transition-duration);transition-delay:var(--cooltip-transition-delay);transition-timing-function:var(--cooltip-timing);transform:scale(1);opacity:1;}}.c-date-picker--calendar{width:260px;padding:16px 0px 8px 0px;margin:auto;background-color:var(--page-paper-main);}"]);
|
|
19257
19262
|
|
|
19258
19263
|
var StyledDiv = styled__default["default"].div.withConfig({
|
|
19259
19264
|
displayName: "Styles__StyledDiv",
|
|
@@ -21082,7 +21087,7 @@
|
|
|
21082
21087
|
note: colors$1.yellowWarning.color,
|
|
21083
21088
|
default: colors$1.blueSky.color,
|
|
21084
21089
|
neutral: colors$1.gray.color,
|
|
21085
|
-
ai: colors$1.
|
|
21090
|
+
ai: colors$1.aiGradient.color
|
|
21086
21091
|
};
|
|
21087
21092
|
|
|
21088
21093
|
// https://davidwalsh.name/hex-opacity
|