@vincisys/eyeson 0.1.1 → 0.1.2
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/Button.js
CHANGED
|
@@ -3,39 +3,39 @@ import t from "clsx";
|
|
|
3
3
|
import { Loader2 as n } from "lucide-react";
|
|
4
4
|
import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
|
|
5
5
|
var o = {
|
|
6
|
-
Button: "
|
|
7
|
-
"color-blue-background": "_color-blue-
|
|
8
|
-
"color-blue-dark": "_color-blue-
|
|
9
|
-
"color-blue-main": "_color-blue-
|
|
10
|
-
"color-blue-middle": "_color-blue-
|
|
11
|
-
"color-green-background": "_color-green-
|
|
12
|
-
"color-green-dark": "_color-green-
|
|
13
|
-
"color-green-main": "_color-green-
|
|
14
|
-
"color-green-middle": "_color-green-
|
|
15
|
-
"color-neutral-background": "_color-neutral-
|
|
16
|
-
"color-neutral-disabled": "_color-neutral-
|
|
17
|
-
"color-neutral-elements": "_color-neutral-
|
|
18
|
-
"color-neutral-main": "_color-neutral-
|
|
19
|
-
"color-orange-background": "_color-orange-
|
|
20
|
-
"color-orange-dark": "_color-orange-
|
|
21
|
-
"color-orange-main": "_color-orange-
|
|
22
|
-
"color-orange-middle": "_color-orange-
|
|
23
|
-
"color-red-background": "_color-red-
|
|
24
|
-
"color-red-dark": "_color-red-
|
|
25
|
-
"color-red-main": "_color-red-
|
|
26
|
-
"color-red-middle": "_color-red-
|
|
27
|
-
sizeSm: "
|
|
28
|
-
IconWrap: "
|
|
29
|
-
sizeMd: "
|
|
30
|
-
sizeLg: "
|
|
31
|
-
block: "
|
|
32
|
-
variantSolid: "
|
|
33
|
-
variantOutline: "
|
|
34
|
-
variantGhost: "
|
|
35
|
-
variantLink: "
|
|
36
|
-
Icon: "
|
|
37
|
-
Spinner: "
|
|
38
|
-
"button-spin": "_button-
|
|
6
|
+
Button: "_Button_nx0ay_1",
|
|
7
|
+
"color-blue-background": "_color-blue-background_nx0ay_20",
|
|
8
|
+
"color-blue-dark": "_color-blue-dark_nx0ay_25",
|
|
9
|
+
"color-blue-main": "_color-blue-main_nx0ay_29",
|
|
10
|
+
"color-blue-middle": "_color-blue-middle_nx0ay_33",
|
|
11
|
+
"color-green-background": "_color-green-background_nx0ay_37",
|
|
12
|
+
"color-green-dark": "_color-green-dark_nx0ay_42",
|
|
13
|
+
"color-green-main": "_color-green-main_nx0ay_46",
|
|
14
|
+
"color-green-middle": "_color-green-middle_nx0ay_51",
|
|
15
|
+
"color-neutral-background": "_color-neutral-background_nx0ay_56",
|
|
16
|
+
"color-neutral-disabled": "_color-neutral-disabled_nx0ay_61",
|
|
17
|
+
"color-neutral-elements": "_color-neutral-elements_nx0ay_66",
|
|
18
|
+
"color-neutral-main": "_color-neutral-main_nx0ay_70",
|
|
19
|
+
"color-orange-background": "_color-orange-background_nx0ay_74",
|
|
20
|
+
"color-orange-dark": "_color-orange-dark_nx0ay_79",
|
|
21
|
+
"color-orange-main": "_color-orange-main_nx0ay_83",
|
|
22
|
+
"color-orange-middle": "_color-orange-middle_nx0ay_87",
|
|
23
|
+
"color-red-background": "_color-red-background_nx0ay_92",
|
|
24
|
+
"color-red-dark": "_color-red-dark_nx0ay_97",
|
|
25
|
+
"color-red-main": "_color-red-main_nx0ay_102",
|
|
26
|
+
"color-red-middle": "_color-red-middle_nx0ay_106",
|
|
27
|
+
sizeSm: "_sizeSm_nx0ay_111",
|
|
28
|
+
IconWrap: "_IconWrap_nx0ay_120",
|
|
29
|
+
sizeMd: "_sizeMd_nx0ay_125",
|
|
30
|
+
sizeLg: "_sizeLg_nx0ay_139",
|
|
31
|
+
block: "_block_nx0ay_153",
|
|
32
|
+
variantSolid: "_variantSolid_nx0ay_157",
|
|
33
|
+
variantOutline: "_variantOutline_nx0ay_190",
|
|
34
|
+
variantGhost: "_variantGhost_nx0ay_248",
|
|
35
|
+
variantLink: "_variantLink_nx0ay_279",
|
|
36
|
+
Icon: "_Icon_nx0ay_120",
|
|
37
|
+
Spinner: "_Spinner_nx0ay_348",
|
|
38
|
+
"button-spin": "_button-spin_nx0ay_1"
|
|
39
39
|
}, s = {
|
|
40
40
|
solid: o.variantSolid,
|
|
41
41
|
outline: o.variantOutline,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Button as BaseUiButton } from '@base-ui/react/button';
|
|
2
2
|
import { type LucideIcon } from 'lucide-react';
|
|
3
3
|
import type { ComponentProps } from 'react';
|
|
4
|
-
import type { EdsSemanticColor } from '
|
|
4
|
+
import type { EdsSemanticColor } from '../../constants/colors';
|
|
5
5
|
export type ButtonVariant = 'solid' | 'outline' | 'ghost' | 'link';
|
|
6
6
|
export type ButtonSize = 'sm' | 'md' | 'lg';
|
|
7
7
|
export type ButtonIconPosition = 'start' | 'end';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE/D,OAAO,EAAW,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE/D,OAAO,EAAW,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAG/D,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAEnE,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,KAAK,CAAC;AAEjD,MAAM,MAAM,WAAW,GAAG,gBAAgB,CAAC;AA4C3C,MAAM,MAAM,WAAW,GAAG,IAAI,CAC7B,cAAc,CAAC,OAAO,YAAY,CAAC,EACnC,WAAW,GAAG,UAAU,CACxB,GAAG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC9B,IAAe,EACf,SAAS,EACT,IAAI,EAAE,aAAa,EACnB,YAAsB,EACtB,OAAiB,EACjB,KAAmB,EACnB,IAAW,EACX,KAAa,EACb,SAAiB,EACjB,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,WAAW,2CAgDb"}
|
package/dist/styles.css
CHANGED
|
@@ -86,5 +86,5 @@ html {
|
|
|
86
86
|
--eds-color-outline-focus-ring: hsl(240 5% 64.9% / 0.45);
|
|
87
87
|
}
|
|
88
88
|
|
|
89
|
-
._Button_s1y2z_1{--eds-btn-accent:var(--eds-color-blue-main);box-sizing:border-box;color:inherit;-webkit-user-select:none;user-select:none;cursor:pointer;background-color:#0000;border:0 solid #0000;justify-content:center;align-items:center;margin:0;font-family:inherit;font-weight:700;display:inline-flex}._color-blue-background_s1y2z_20{--eds-btn-accent:var(--eds-color-blue-background);--eds-btn-solid-fg:#181818}._color-blue-dark_s1y2z_25{--eds-btn-accent:var(--eds-color-blue-dark)}._color-blue-main_s1y2z_29{--eds-btn-accent:var(--eds-color-blue-main)}._color-blue-middle_s1y2z_33{--eds-btn-accent:var(--eds-color-blue-middle)}._color-green-background_s1y2z_37{--eds-btn-accent:var(--eds-color-green-background);--eds-btn-solid-fg:#181818}._color-green-dark_s1y2z_42{--eds-btn-accent:var(--eds-color-green-dark)}._color-green-main_s1y2z_46{--eds-btn-accent:var(--eds-color-green-main);--eds-btn-solid-fg:#181818}._color-green-middle_s1y2z_51{--eds-btn-accent:var(--eds-color-green-middle);--eds-btn-solid-fg:#181818}._color-neutral-background_s1y2z_56{--eds-btn-accent:var(--eds-color-neutral-background);--eds-btn-solid-fg:#181818}._color-neutral-disabled_s1y2z_61{--eds-btn-accent:var(--eds-color-neutral-disabled);--eds-btn-solid-fg:#181818}._color-neutral-elements_s1y2z_66{--eds-btn-accent:var(--eds-color-neutral-elements)}._color-neutral-main_s1y2z_70{--eds-btn-accent:var(--eds-color-neutral-main)}._color-orange-background_s1y2z_74{--eds-btn-accent:var(--eds-color-orange-background);--eds-btn-solid-fg:#181818}._color-orange-dark_s1y2z_79{--eds-btn-accent:var(--eds-color-orange-dark)}._color-orange-main_s1y2z_83{--eds-btn-accent:var(--eds-color-orange-main)}._color-orange-middle_s1y2z_87{--eds-btn-accent:var(--eds-color-orange-middle);--eds-btn-solid-fg:#181818}._color-red-background_s1y2z_92{--eds-btn-accent:var(--eds-color-red-background);--eds-btn-solid-fg:#181818}._color-red-dark_s1y2z_97{--eds-btn-accent:var(--eds-color-red-dark);--eds-btn-solid-fg:#181818}._color-red-main_s1y2z_102{--eds-btn-accent:var(--eds-color-red-main)}._color-red-middle_s1y2z_106{--eds-btn-accent:var(--eds-color-red-middle);--eds-btn-solid-fg:#181818}._sizeSm_s1y2z_111{border-radius:var(--eds-border-radius-lil,6px);gap:.375rem;min-height:32px;padding:0 1rem;font-size:.875rem;line-height:1.25rem}._sizeSm_s1y2z_111 ._IconWrap_s1y2z_120{width:1.125rem;height:1.125rem}._sizeMd_s1y2z_125{border-radius:var(--eds-border-radius-extra-small,8px);gap:.5rem;min-height:40px;padding:0 1.5rem;font-size:1rem;line-height:1.5rem}._sizeMd_s1y2z_125 ._IconWrap_s1y2z_120{width:1.375rem;height:1.375rem}._sizeLg_s1y2z_139{border-radius:var(--eds-border-radius-extra-small,8px);gap:.875rem;min-height:48px;padding:0 2rem;font-size:1.25rem;line-height:1.75rem}._sizeLg_s1y2z_139 ._IconWrap_s1y2z_120{width:1.75rem;height:1.75rem}._block_s1y2z_153{width:100%}._variantSolid_s1y2z_157{background-color:var(--eds-btn-accent);color:var(--eds-btn-solid-fg,#fff)}@media (hover:hover){._variantSolid_s1y2z_157:hover:not([data-disabled]){background-color:color-mix(in srgb, var(--eds-btn-accent) 78%, black)}}._variantSolid_s1y2z_157:active:not([data-disabled]){filter:brightness(.92)}._variantSolid_s1y2z_157:focus-visible{outline:2px solid var(--eds-btn-accent);outline-offset:2px}._variantSolid_s1y2z_157[data-disabled]:not([data-loading]){background-color:var(--eds-color-neutral-disabled);color:#181818;cursor:not-allowed}._variantSolid_s1y2z_157[data-loading][data-disabled]{background-color:var(--eds-btn-accent);color:var(--eds-btn-solid-fg,#fff);cursor:wait;filter:none}._variantOutline_s1y2z_190{border-width:1px;border-color:color-mix(in srgb, var(--eds-btn-accent) 42%, var(--eds-color-outline-border));color:var(--eds-btn-accent);background-color:#0000}@media (hover:hover){._variantOutline_s1y2z_190:hover:not([data-disabled]){border-color:color-mix(in srgb, var(--eds-btn-accent) 58%, var(--eds-color-outline-border));background-color:color-mix(in srgb, var(--eds-btn-accent) 10%, transparent);color:color-mix(in srgb, var(--eds-btn-accent) 88%, black)}}._variantOutline_s1y2z_190:active:not([data-disabled]){filter:brightness(.98)}._variantOutline_s1y2z_190:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--eds-btn-accent) 38%, transparent);outline:none}._variantOutline_s1y2z_190[data-disabled]:not([data-loading]){border-color:var(--eds-color-outline-border);color:var(--eds-color-grey-disabled);cursor:not-allowed;opacity:.5;background-color:#0000}._variantOutline_s1y2z_190[data-loading][data-disabled]{border-color:color-mix(in srgb, var(--eds-btn-accent) 42%, var(--eds-color-outline-border));color:var(--eds-btn-accent);cursor:wait;filter:none;opacity:1;background-color:#0000}._variantGhost_s1y2z_248{color:var(--eds-btn-accent);background-color:#0000}@media (hover:hover){._variantGhost_s1y2z_248:hover:not([data-disabled]){color:color-mix(in srgb, var(--eds-btn-accent) 78%, black)}}._variantGhost_s1y2z_248:active:not([data-disabled]){filter:brightness(.95)}._variantGhost_s1y2z_248:focus-visible{outline:2px solid var(--eds-btn-accent);outline-offset:2px}._variantGhost_s1y2z_248[data-disabled]:not([data-loading]){color:var(--eds-color-grey-disabled);cursor:not-allowed}._variantGhost_s1y2z_248[data-loading][data-disabled]{color:var(--eds-btn-accent);cursor:wait;filter:none}._variantLink_s1y2z_279{min-height:unset;color:var(--eds-btn-accent);text-decoration:underline;-webkit-text-decoration-color:var(--eds-btn-accent);text-decoration-color:var(--eds-btn-accent);text-underline-offset:.15em;background:0 0;padding:.125rem 0}._sizeSm_s1y2z_111._variantLink_s1y2z_279{gap:.375rem;font-size:.875rem;line-height:1.25rem}._sizeMd_s1y2z_125._variantLink_s1y2z_279{gap:.5rem;font-size:1rem;line-height:1.5rem}._sizeLg_s1y2z_139._variantLink_s1y2z_279{gap:.5rem;font-size:1.25rem;line-height:1.75rem}@media (hover:hover){._variantLink_s1y2z_279:hover:not([data-disabled]){color:color-mix(in srgb, var(--eds-btn-accent) 78%, black);-webkit-text-decoration-color:color-mix(in srgb, var(--eds-btn-accent) 78%, black);text-decoration-color:color-mix(in srgb, var(--eds-btn-accent) 78%, black)}}._variantLink_s1y2z_279:focus-visible{outline:2px solid var(--eds-btn-accent);outline-offset:2px}._variantLink_s1y2z_279[data-disabled]:not([data-loading]){color:var(--eds-color-grey-disabled);-webkit-text-decoration-color:var(--eds-color-grey-disabled);text-decoration-color:var(--eds-color-grey-disabled);cursor:not-allowed}._variantLink_s1y2z_279[data-loading][data-disabled]{color:var(--eds-btn-accent);-webkit-text-decoration-color:var(--eds-btn-accent);text-decoration-color:var(--eds-btn-accent);cursor:wait}._IconWrap_s1y2z_120{flex-shrink:0;justify-content:center;align-items:center;display:flex}._Icon_s1y2z_120{width:100%;height:100%;display:block}._Spinner_s1y2z_348{animation:.7s linear infinite _button-spin_s1y2z_1}@keyframes _button-spin_s1y2z_1{to{transform:rotate(360deg)}}._Root_mce06_1{box-sizing:border-box;flex-direction:column;gap:.375rem;width:214px;display:inline-flex}._Root_mce06_1[data-fluid]{width:100%}._LabelRow_mce06_13{justify-content:space-between;align-items:center;gap:.75rem;display:flex}._LabelText_mce06_20{color:var(--eds-color-neutral-main);align-items:baseline;gap:.25rem;font-size:.875rem;line-height:1.25rem;display:inline-flex}._Required_mce06_29{color:var(--eds-color-red-main)}._InputGroup_mce06_33{border:1px solid var(--eds-color-outline-border);border-radius:var(--eds-border-radius-extra-small,8px);background-color:#fff;align-items:center;gap:.25rem;width:100%;height:36px;padding:0 .5rem 0 .75rem;display:inline-flex;position:relative}._InputGroup_mce06_33[data-state=invalid]{border-color:color-mix(in srgb, var(--eds-color-red-main) 55%, var(--eds-color-outline-border))}._InputGroup_mce06_33[data-state=valid]{border-color:color-mix(in srgb, var(--eds-color-green-main) 55%, var(--eds-color-outline-border))}._InputGroup_mce06_33:focus-within{border-color:color-mix(in srgb, var(--eds-color-neutral-elements) 35%, var(--eds-color-outline-border));box-shadow:0 0 0 3px var(--eds-color-outline-focus-ring)}._InputGroup_mce06_33[data-disabled]{background-color:var(--eds-color-neutral-background);border-color:var(--eds-color-outline-border);opacity:.7;cursor:not-allowed}._Input_mce06_33{box-sizing:border-box;min-width:0;font:inherit;color:var(--eds-color-neutral-main);background:0 0;border:0;outline:0;flex:1;margin:0;padding:0;font-size:1rem;line-height:1.5rem}._Input_mce06_33::placeholder{color:var(--eds-color-neutral-elements);opacity:1}._Input_mce06_33:disabled{cursor:not-allowed}._Input_mce06_33[readonly]:not(:disabled){cursor:pointer}._Actions_mce06_106{flex-shrink:0;align-items:center;gap:.125rem;display:inline-flex}._IconButton_mce06_113{all:unset;box-sizing:border-box;width:28px;height:28px;color:var(--eds-color-neutral-elements);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}._IconButton_mce06_113:hover:not([data-disabled]){color:var(--eds-color-neutral-main);background:color-mix(in srgb, var(--eds-color-neutral-elements) 8%, transparent)}._IconButton_mce06_113:focus-visible{outline:2px solid var(--eds-color-blue-main);outline-offset:2px}._IconButton_mce06_113[data-disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}._Icon_mce06_113{flex-shrink:0;width:16px;height:16px}._Positioner_mce06_152{z-index:50;outline:0}._Popup_mce06_157{box-sizing:border-box;min-width:var(--anchor-width);border:1px solid var(--eds-color-outline-border);border-radius:var(--eds-border-radius-extra-small,8px);background-color:#fff;max-height:280px;padding:.25rem 0;overflow:visible;box-shadow:0 4px 6px -1px #00000012,0 2px 4px -2px #0000000f}._Empty_mce06_170{color:var(--eds-color-neutral-elements);padding:.625rem .75rem;font-size:.875rem;line-height:1.25rem}._List_mce06_177{box-sizing:border-box;overscroll-behavior:contain;outline:0;max-height:240px;padding:.125rem;overflow-y:auto}._Item_mce06_186{box-sizing:border-box;width:100%;font:inherit;color:var(--eds-color-neutral-main);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem .625rem;font-size:.875rem;line-height:1.25rem;display:flex}._Item_mce06_186[data-highlighted]{background:color-mix(in srgb, var(--eds-color-neutral-elements) 10%, transparent)}._Item_mce06_186[data-disabled]{opacity:.5;cursor:not-allowed}._ItemIndicator_mce06_217{width:1rem;height:1rem;color:var(--eds-color-blue-main);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}._ItemText_mce06_227{flex:1;min-width:0;display:block}._SupportingText_mce06_233{color:var(--eds-color-neutral-elements);font-size:.75rem;line-height:1rem}._SupportingText_mce06_233[data-state=invalid]{color:var(--eds-color-red-main)}._Root_1ixm6_1{box-sizing:border-box;flex-direction:column;gap:.375rem;width:214px;display:inline-flex}._Root_1ixm6_1[data-fluid]{width:100%}._LabelRow_1ixm6_13{justify-content:space-between;align-items:center;gap:.75rem;display:flex}._LabelLeft_1ixm6_20{align-items:center;gap:.5rem;min-width:0;display:inline-flex}._LabelText_1ixm6_27{color:var(--eds-color-neutral-main);align-items:baseline;gap:.25rem;font-size:.875rem;line-height:1.25rem;display:inline-flex}._VisuallyHidden_1ixm6_36{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}._Required_1ixm6_48{color:var(--eds-color-red-main)}._SupportLink_1ixm6_52{color:var(--eds-color-blue-main);text-underline-offset:.15em;white-space:nowrap;font-size:.875rem;line-height:1.25rem;text-decoration:underline}._SupportLink_1ixm6_52[aria-disabled=true]{opacity:.6;pointer-events:none}._TooltipButton_1ixm6_66{all:unset;width:28px;height:28px;color:var(--eds-color-neutral-elements);cursor:help;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}._TooltipButton_1ixm6_66:focus-visible{outline:2px solid var(--eds-color-blue-main);outline-offset:2px}._Control_1ixm6_83{border:1px solid var(--eds-color-outline-border);border-radius:var(--eds-border-radius-extra-small,8px);background-color:#fff;align-items:center;width:100%;height:36px;padding:0 .75rem;display:inline-flex;position:relative}._Adornment_1ixm6_95{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}._SpinnerWrap_1ixm6_102{color:var(--eds-color-blue-main)}._Spinner_1ixm6_102{animation:.7s linear infinite _input-spin_1ixm6_1}@keyframes _input-spin_1ixm6_1{to{transform:rotate(360deg)}}._Control_1ixm6_83[data-state=invalid]{border-color:color-mix(in srgb, var(--eds-color-red-main) 55%, var(--eds-color-outline-border))}._Control_1ixm6_83[data-state=valid]{border-color:color-mix(in srgb, var(--eds-color-green-main) 55%, var(--eds-color-outline-border))}._Control_1ixm6_83[data-state=loading]{border-color:color-mix(in srgb, var(--eds-color-blue-main) 45%, var(--eds-color-outline-border))}._Control_1ixm6_83:focus-within{border-color:color-mix(in srgb, var(--eds-color-neutral-elements) 35%, var(--eds-color-outline-border));box-shadow:0 0 0 3px var(--eds-color-outline-focus-ring)}._Control_1ixm6_83[data-disabled]{background-color:var(--eds-color-neutral-background);border-color:var(--eds-color-outline-border);opacity:.7;cursor:not-allowed}._Input_1ixm6_156{box-sizing:border-box;min-width:0;font:inherit;color:var(--eds-color-neutral-main);background:0 0;border:0;outline:0;flex:1;margin:0;padding:0;font-size:1rem;line-height:1.5rem}._Input_1ixm6_156::placeholder{color:var(--eds-color-neutral-elements);opacity:1}._FloatingLabel_1ixm6_176{color:var(--eds-color-neutral-elements);pointer-events:none;background:#fff;padding:0 .25rem;font-size:.875rem;line-height:1.25rem;position:absolute;top:0;left:.5rem;transform:translateY(-50%)}._Control_1ixm6_83[data-floating=true] ._Input_1ixm6_156::placeholder{opacity:1}._Control_1ixm6_83[data-floating=true][data-has-value] ._FloatingLabel_1ixm6_176,._Control_1ixm6_83[data-floating=true]:focus-within ._FloatingLabel_1ixm6_176{top:0;transform:translateY(-50%)}._SupportingText_1ixm6_203{color:var(--eds-color-neutral-elements);font-size:.75rem;line-height:1rem}._SupportingText_1ixm6_203[data-state=invalid]{color:var(--eds-color-red-main)}
|
|
89
|
+
._Button_nx0ay_1{--eds-btn-accent:var(--eds-color-blue-main);box-sizing:border-box;color:inherit;-webkit-user-select:none;user-select:none;cursor:pointer;background-color:#0000;border:0 solid #0000;justify-content:center;align-items:center;margin:0;font-family:inherit;font-weight:700;display:inline-flex}._color-blue-background_nx0ay_20{--eds-btn-accent:var(--eds-color-blue-background);--eds-btn-solid-fg:#fff}._color-blue-dark_nx0ay_25{--eds-btn-accent:var(--eds-color-blue-dark)}._color-blue-main_nx0ay_29{--eds-btn-accent:var(--eds-color-blue-main)}._color-blue-middle_nx0ay_33{--eds-btn-accent:var(--eds-color-blue-middle)}._color-green-background_nx0ay_37{--eds-btn-accent:var(--eds-color-green-background);--eds-btn-solid-fg:#fff}._color-green-dark_nx0ay_42{--eds-btn-accent:var(--eds-color-green-dark)}._color-green-main_nx0ay_46{--eds-btn-accent:var(--eds-color-green-main);--eds-btn-solid-fg:#fff}._color-green-middle_nx0ay_51{--eds-btn-accent:var(--eds-color-green-middle);--eds-btn-solid-fg:#fff}._color-neutral-background_nx0ay_56{--eds-btn-accent:var(--eds-color-neutral-background);--eds-btn-solid-fg:#fff}._color-neutral-disabled_nx0ay_61{--eds-btn-accent:var(--eds-color-neutral-disabled);--eds-btn-solid-fg:#fff}._color-neutral-elements_nx0ay_66{--eds-btn-accent:var(--eds-color-neutral-elements)}._color-neutral-main_nx0ay_70{--eds-btn-accent:var(--eds-color-neutral-main)}._color-orange-background_nx0ay_74{--eds-btn-accent:var(--eds-color-orange-background);--eds-btn-solid-fg:#fff}._color-orange-dark_nx0ay_79{--eds-btn-accent:var(--eds-color-orange-dark)}._color-orange-main_nx0ay_83{--eds-btn-accent:var(--eds-color-orange-main)}._color-orange-middle_nx0ay_87{--eds-btn-accent:var(--eds-color-orange-middle);--eds-btn-solid-fg:#fff}._color-red-background_nx0ay_92{--eds-btn-accent:var(--eds-color-red-background);--eds-btn-solid-fg:#fff}._color-red-dark_nx0ay_97{--eds-btn-accent:var(--eds-color-red-dark);--eds-btn-solid-fg:#fff}._color-red-main_nx0ay_102{--eds-btn-accent:var(--eds-color-red-main)}._color-red-middle_nx0ay_106{--eds-btn-accent:var(--eds-color-red-middle);--eds-btn-solid-fg:#fff}._sizeSm_nx0ay_111{border-radius:var(--eds-border-radius-lil,6px);gap:.375rem;min-height:32px;padding:0 1rem;font-size:.875rem;line-height:1.25rem}._sizeSm_nx0ay_111 ._IconWrap_nx0ay_120{width:1.125rem;height:1.125rem}._sizeMd_nx0ay_125{border-radius:var(--eds-border-radius-extra-small,8px);gap:.5rem;min-height:40px;padding:0 1.5rem;font-size:1rem;line-height:1.5rem}._sizeMd_nx0ay_125 ._IconWrap_nx0ay_120{width:1.375rem;height:1.375rem}._sizeLg_nx0ay_139{border-radius:var(--eds-border-radius-extra-small,8px);gap:.875rem;min-height:48px;padding:0 2rem;font-size:1.25rem;line-height:1.75rem}._sizeLg_nx0ay_139 ._IconWrap_nx0ay_120{width:1.75rem;height:1.75rem}._block_nx0ay_153{width:100%}._variantSolid_nx0ay_157{background-color:var(--eds-btn-accent);color:var(--eds-btn-solid-fg,#fff)}@media (hover:hover){._variantSolid_nx0ay_157:hover:not([data-disabled]){background-color:color-mix(in srgb, var(--eds-btn-accent) 78%, black)}}._variantSolid_nx0ay_157:active:not([data-disabled]){filter:brightness(.92)}._variantSolid_nx0ay_157:focus-visible{outline:2px solid var(--eds-btn-accent);outline-offset:2px}._variantSolid_nx0ay_157[data-disabled]:not([data-loading]){background-color:var(--eds-color-neutral-disabled);color:#fff;cursor:not-allowed}._variantSolid_nx0ay_157[data-loading][data-disabled]{background-color:var(--eds-btn-accent);color:var(--eds-btn-solid-fg,#fff);cursor:wait;filter:none}._variantOutline_nx0ay_190{border-width:1px;border-color:color-mix(in srgb, var(--eds-btn-accent) 42%, var(--eds-color-outline-border));color:var(--eds-btn-accent);background-color:#0000}@media (hover:hover){._variantOutline_nx0ay_190:hover:not([data-disabled]){border-color:color-mix(in srgb, var(--eds-btn-accent) 58%, var(--eds-color-outline-border));background-color:color-mix(in srgb, var(--eds-btn-accent) 10%, transparent);color:color-mix(in srgb, var(--eds-btn-accent) 88%, black)}}._variantOutline_nx0ay_190:active:not([data-disabled]){filter:brightness(.98)}._variantOutline_nx0ay_190:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--eds-btn-accent) 38%, transparent);outline:none}._variantOutline_nx0ay_190[data-disabled]:not([data-loading]){border-color:var(--eds-color-outline-border);color:var(--eds-color-grey-disabled);cursor:not-allowed;opacity:.5;background-color:#0000}._variantOutline_nx0ay_190[data-loading][data-disabled]{border-color:color-mix(in srgb, var(--eds-btn-accent) 42%, var(--eds-color-outline-border));color:var(--eds-btn-accent);cursor:wait;filter:none;opacity:1;background-color:#0000}._variantGhost_nx0ay_248{color:var(--eds-btn-accent);background-color:#0000}@media (hover:hover){._variantGhost_nx0ay_248:hover:not([data-disabled]){color:color-mix(in srgb, var(--eds-btn-accent) 78%, black)}}._variantGhost_nx0ay_248:active:not([data-disabled]){filter:brightness(.95)}._variantGhost_nx0ay_248:focus-visible{outline:2px solid var(--eds-btn-accent);outline-offset:2px}._variantGhost_nx0ay_248[data-disabled]:not([data-loading]){color:var(--eds-color-grey-disabled);cursor:not-allowed}._variantGhost_nx0ay_248[data-loading][data-disabled]{color:var(--eds-btn-accent);cursor:wait;filter:none}._variantLink_nx0ay_279{min-height:unset;color:var(--eds-btn-accent);text-decoration:underline;-webkit-text-decoration-color:var(--eds-btn-accent);text-decoration-color:var(--eds-btn-accent);text-underline-offset:.15em;background:0 0;padding:.125rem 0}._sizeSm_nx0ay_111._variantLink_nx0ay_279{gap:.375rem;font-size:.875rem;line-height:1.25rem}._sizeMd_nx0ay_125._variantLink_nx0ay_279{gap:.5rem;font-size:1rem;line-height:1.5rem}._sizeLg_nx0ay_139._variantLink_nx0ay_279{gap:.5rem;font-size:1.25rem;line-height:1.75rem}@media (hover:hover){._variantLink_nx0ay_279:hover:not([data-disabled]){color:color-mix(in srgb, var(--eds-btn-accent) 78%, black);-webkit-text-decoration-color:color-mix(in srgb, var(--eds-btn-accent) 78%, black);text-decoration-color:color-mix(in srgb, var(--eds-btn-accent) 78%, black)}}._variantLink_nx0ay_279:focus-visible{outline:2px solid var(--eds-btn-accent);outline-offset:2px}._variantLink_nx0ay_279[data-disabled]:not([data-loading]){color:var(--eds-color-grey-disabled);-webkit-text-decoration-color:var(--eds-color-grey-disabled);text-decoration-color:var(--eds-color-grey-disabled);cursor:not-allowed}._variantLink_nx0ay_279[data-loading][data-disabled]{color:var(--eds-btn-accent);-webkit-text-decoration-color:var(--eds-btn-accent);text-decoration-color:var(--eds-btn-accent);cursor:wait}._IconWrap_nx0ay_120{flex-shrink:0;justify-content:center;align-items:center;display:flex}._Icon_nx0ay_120{width:100%;height:100%;display:block}._Spinner_nx0ay_348{animation:.7s linear infinite _button-spin_nx0ay_1}@keyframes _button-spin_nx0ay_1{to{transform:rotate(360deg)}}._Root_mce06_1{box-sizing:border-box;flex-direction:column;gap:.375rem;width:214px;display:inline-flex}._Root_mce06_1[data-fluid]{width:100%}._LabelRow_mce06_13{justify-content:space-between;align-items:center;gap:.75rem;display:flex}._LabelText_mce06_20{color:var(--eds-color-neutral-main);align-items:baseline;gap:.25rem;font-size:.875rem;line-height:1.25rem;display:inline-flex}._Required_mce06_29{color:var(--eds-color-red-main)}._InputGroup_mce06_33{border:1px solid var(--eds-color-outline-border);border-radius:var(--eds-border-radius-extra-small,8px);background-color:#fff;align-items:center;gap:.25rem;width:100%;height:36px;padding:0 .5rem 0 .75rem;display:inline-flex;position:relative}._InputGroup_mce06_33[data-state=invalid]{border-color:color-mix(in srgb, var(--eds-color-red-main) 55%, var(--eds-color-outline-border))}._InputGroup_mce06_33[data-state=valid]{border-color:color-mix(in srgb, var(--eds-color-green-main) 55%, var(--eds-color-outline-border))}._InputGroup_mce06_33:focus-within{border-color:color-mix(in srgb, var(--eds-color-neutral-elements) 35%, var(--eds-color-outline-border));box-shadow:0 0 0 3px var(--eds-color-outline-focus-ring)}._InputGroup_mce06_33[data-disabled]{background-color:var(--eds-color-neutral-background);border-color:var(--eds-color-outline-border);opacity:.7;cursor:not-allowed}._Input_mce06_33{box-sizing:border-box;min-width:0;font:inherit;color:var(--eds-color-neutral-main);background:0 0;border:0;outline:0;flex:1;margin:0;padding:0;font-size:1rem;line-height:1.5rem}._Input_mce06_33::placeholder{color:var(--eds-color-neutral-elements);opacity:1}._Input_mce06_33:disabled{cursor:not-allowed}._Input_mce06_33[readonly]:not(:disabled){cursor:pointer}._Actions_mce06_106{flex-shrink:0;align-items:center;gap:.125rem;display:inline-flex}._IconButton_mce06_113{all:unset;box-sizing:border-box;width:28px;height:28px;color:var(--eds-color-neutral-elements);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}._IconButton_mce06_113:hover:not([data-disabled]){color:var(--eds-color-neutral-main);background:color-mix(in srgb, var(--eds-color-neutral-elements) 8%, transparent)}._IconButton_mce06_113:focus-visible{outline:2px solid var(--eds-color-blue-main);outline-offset:2px}._IconButton_mce06_113[data-disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}._Icon_mce06_113{flex-shrink:0;width:16px;height:16px}._Positioner_mce06_152{z-index:50;outline:0}._Popup_mce06_157{box-sizing:border-box;min-width:var(--anchor-width);border:1px solid var(--eds-color-outline-border);border-radius:var(--eds-border-radius-extra-small,8px);background-color:#fff;max-height:280px;padding:.25rem 0;overflow:visible;box-shadow:0 4px 6px -1px #00000012,0 2px 4px -2px #0000000f}._Empty_mce06_170{color:var(--eds-color-neutral-elements);padding:.625rem .75rem;font-size:.875rem;line-height:1.25rem}._List_mce06_177{box-sizing:border-box;overscroll-behavior:contain;outline:0;max-height:240px;padding:.125rem;overflow-y:auto}._Item_mce06_186{box-sizing:border-box;width:100%;font:inherit;color:var(--eds-color-neutral-main);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem .625rem;font-size:.875rem;line-height:1.25rem;display:flex}._Item_mce06_186[data-highlighted]{background:color-mix(in srgb, var(--eds-color-neutral-elements) 10%, transparent)}._Item_mce06_186[data-disabled]{opacity:.5;cursor:not-allowed}._ItemIndicator_mce06_217{width:1rem;height:1rem;color:var(--eds-color-blue-main);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}._ItemText_mce06_227{flex:1;min-width:0;display:block}._SupportingText_mce06_233{color:var(--eds-color-neutral-elements);font-size:.75rem;line-height:1rem}._SupportingText_mce06_233[data-state=invalid]{color:var(--eds-color-red-main)}._Root_1ixm6_1{box-sizing:border-box;flex-direction:column;gap:.375rem;width:214px;display:inline-flex}._Root_1ixm6_1[data-fluid]{width:100%}._LabelRow_1ixm6_13{justify-content:space-between;align-items:center;gap:.75rem;display:flex}._LabelLeft_1ixm6_20{align-items:center;gap:.5rem;min-width:0;display:inline-flex}._LabelText_1ixm6_27{color:var(--eds-color-neutral-main);align-items:baseline;gap:.25rem;font-size:.875rem;line-height:1.25rem;display:inline-flex}._VisuallyHidden_1ixm6_36{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}._Required_1ixm6_48{color:var(--eds-color-red-main)}._SupportLink_1ixm6_52{color:var(--eds-color-blue-main);text-underline-offset:.15em;white-space:nowrap;font-size:.875rem;line-height:1.25rem;text-decoration:underline}._SupportLink_1ixm6_52[aria-disabled=true]{opacity:.6;pointer-events:none}._TooltipButton_1ixm6_66{all:unset;width:28px;height:28px;color:var(--eds-color-neutral-elements);cursor:help;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}._TooltipButton_1ixm6_66:focus-visible{outline:2px solid var(--eds-color-blue-main);outline-offset:2px}._Control_1ixm6_83{border:1px solid var(--eds-color-outline-border);border-radius:var(--eds-border-radius-extra-small,8px);background-color:#fff;align-items:center;width:100%;height:36px;padding:0 .75rem;display:inline-flex;position:relative}._Adornment_1ixm6_95{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}._SpinnerWrap_1ixm6_102{color:var(--eds-color-blue-main)}._Spinner_1ixm6_102{animation:.7s linear infinite _input-spin_1ixm6_1}@keyframes _input-spin_1ixm6_1{to{transform:rotate(360deg)}}._Control_1ixm6_83[data-state=invalid]{border-color:color-mix(in srgb, var(--eds-color-red-main) 55%, var(--eds-color-outline-border))}._Control_1ixm6_83[data-state=valid]{border-color:color-mix(in srgb, var(--eds-color-green-main) 55%, var(--eds-color-outline-border))}._Control_1ixm6_83[data-state=loading]{border-color:color-mix(in srgb, var(--eds-color-blue-main) 45%, var(--eds-color-outline-border))}._Control_1ixm6_83:focus-within{border-color:color-mix(in srgb, var(--eds-color-neutral-elements) 35%, var(--eds-color-outline-border));box-shadow:0 0 0 3px var(--eds-color-outline-focus-ring)}._Control_1ixm6_83[data-disabled]{background-color:var(--eds-color-neutral-background);border-color:var(--eds-color-outline-border);opacity:.7;cursor:not-allowed}._Input_1ixm6_156{box-sizing:border-box;min-width:0;font:inherit;color:var(--eds-color-neutral-main);background:0 0;border:0;outline:0;flex:1;margin:0;padding:0;font-size:1rem;line-height:1.5rem}._Input_1ixm6_156::placeholder{color:var(--eds-color-neutral-elements);opacity:1}._FloatingLabel_1ixm6_176{color:var(--eds-color-neutral-elements);pointer-events:none;background:#fff;padding:0 .25rem;font-size:.875rem;line-height:1.25rem;position:absolute;top:0;left:.5rem;transform:translateY(-50%)}._Control_1ixm6_83[data-floating=true] ._Input_1ixm6_156::placeholder{opacity:1}._Control_1ixm6_83[data-floating=true][data-has-value] ._FloatingLabel_1ixm6_176,._Control_1ixm6_83[data-floating=true]:focus-within ._FloatingLabel_1ixm6_176{top:0;transform:translateY(-50%)}._SupportingText_1ixm6_203{color:var(--eds-color-neutral-elements);font-size:.75rem;line-height:1rem}._SupportingText_1ixm6_203[data-state=invalid]{color:var(--eds-color-red-main)}
|
|
90
90
|
/*$vite$:1*/
|