@telia/teddy 0.0.10 → 0.0.11
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/assets/badge.css +1 -1
- package/dist/assets/main.css +1 -1
- package/dist/assets/radio-group.css +1 -1
- package/dist/badge-DscsRVHR.js +1825 -0
- package/dist/components/accordion/accordion.js +3 -3
- package/dist/components/accordion/index.js +1 -1
- package/dist/components/badge/badge.js +3 -3
- package/dist/components/badge/index.js +1 -1
- package/dist/components/box/box.js +8 -8
- package/dist/components/button/button.d.ts +2 -1
- package/dist/components/button/button.js +59 -60
- package/dist/components/card/card.js +3 -3
- package/dist/components/card/index.js +1 -1
- package/dist/components/flex/flex.js +1 -1
- package/dist/components/grid/grid.js +6 -6
- package/dist/components/heading/heading.d.ts +3 -2
- package/dist/components/heading/heading.js +20 -21
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.js +26 -25
- package/dist/components/modal/index.d.ts +2 -0
- package/dist/components/modal/index.js +4 -0
- package/dist/components/modal/modal.d.ts +76 -0
- package/dist/components/modal/modal.js +28 -0
- package/dist/components/navigation-menu/index.js +1 -1
- package/dist/components/navigation-menu/navigation-menu.d.ts +2 -0
- package/dist/components/navigation-menu/navigation-menu.js +8 -1032
- package/dist/components/notification/index.js +1 -1
- package/dist/components/notification/notification.d.ts +3 -3
- package/dist/components/notification/notification.js +4 -4
- package/dist/components/radio-group/index.js +1 -1
- package/dist/components/radio-group/radio-group.js +1 -1
- package/dist/components/text-field/text-field.js +15 -15
- package/dist/components/toggle/index.js +1 -1
- package/dist/components/toggle/toggle.d.ts +2 -2
- package/dist/components/toggle/toggle.js +3 -3
- package/dist/{index-DPFZO9xk.js → index-FPIZOCcD.js} +27 -28
- package/dist/main.js +41 -40
- package/dist/navigation-menu-DKuyW8zE.js +1036 -0
- package/dist/{radio-group-DN1IYZdr.js → radio-group-B--zT3OL.js} +8 -8
- package/dist/tokens/breakpoint/variables.json.d.ts +11 -0
- package/dist/utils/component-props-as.d.ts +5 -0
- package/dist/utils/component-props-as.js +1 -0
- package/dist/utils/layout/align.d.ts +46 -0
- package/dist/utils/layout/align.js +31 -0
- package/dist/utils/layout/flex.d.ts +281 -10
- package/dist/utils/layout/flex.js +44 -8
- package/dist/utils/layout/gap.d.ts +340 -0
- package/dist/utils/layout/gap.js +21 -0
- package/dist/utils/layout/grid.d.ts +313 -0
- package/dist/utils/layout/grid.js +116 -0
- package/dist/utils/layout/height.d.ts +118 -0
- package/dist/utils/layout/height.js +50 -0
- package/dist/utils/layout/index.d.ts +63 -111
- package/dist/utils/layout/index.js +62 -147
- package/dist/utils/layout/justify.d.ts +39 -0
- package/dist/utils/layout/justify.js +16 -0
- package/dist/utils/layout/margin.d.ts +443 -11
- package/dist/utils/layout/margin.js +1 -1
- package/dist/utils/layout/padding.d.ts +478 -0
- package/dist/utils/layout/padding.js +32 -0
- package/dist/utils/layout/util.d.ts +78 -4
- package/dist/utils/layout/util.js +30 -31
- package/dist/utils/layout/width.d.ts +43 -7
- package/dist/utils/layout/width.js +6 -2
- package/package.json +2 -1
- package/dist/badge-cOFoFJw0.js +0 -798
- package/dist/tokens/spacing/variables.json.d.ts +0 -34
|
@@ -30,7 +30,7 @@ type TextProps = React.ComponentPropsWithoutRef<typeof TextPrimitives>;
|
|
|
30
30
|
type DismissProps = Omit<React.ComponentPropsWithoutRef<typeof ButtonPrimitives>, 'variant'>;
|
|
31
31
|
declare const Notification: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
32
32
|
asChild?: boolean | undefined;
|
|
33
|
-
variant?: "
|
|
33
|
+
variant?: "error" | "warning" | "success" | "information" | undefined;
|
|
34
34
|
open?: boolean | undefined;
|
|
35
35
|
defaultOpen?: boolean | undefined;
|
|
36
36
|
onOpenChange?: ((open: boolean) => void) | undefined;
|
|
@@ -39,11 +39,11 @@ declare const Notification: React.ForwardRefExoticComponent<Omit<React.DetailedH
|
|
|
39
39
|
Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLSpanElement>>;
|
|
40
40
|
Heading: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
|
|
41
41
|
Icon: React.ForwardRefExoticComponent<Partial<Omit<React.SVGProps<SVGSVGElement> & {
|
|
42
|
-
name: "link" | "map" | "menu" | "search" | "summary" | "time" | "video" | "filter" | "image" | "stop" | "key" | "
|
|
42
|
+
name: "link" | "map" | "menu" | "search" | "summary" | "time" | "video" | "filter" | "image" | "stop" | "key" | "x" | "download" | "split" | "alert" | "radio" | "email" | "copy" | "sync" | "alarm-off" | "alarm-on" | "attachment" | "bookmark-filled" | "bookmark" | "copy-filled" | "dislike" | "edit" | "heart-filled" | "heart" | "invisible" | "like" | "lock-open" | "lock" | "login" | "logout" | "maximize" | "minimize" | "mute" | "password-invisible" | "password-visible" | "play-filled" | "play" | "remove-filled" | "remove" | "save" | "send" | "settings" | "share" | "shuffle" | "skip-back-10sec" | "skip-back-30sec" | "skip-forward-10sec" | "skip-forward-30sec" | "star-filled" | "star" | "switch-arrows" | "tv-next" | "tv-pause" | "tv-previous" | "tv-stop" | "upload" | "visible" | "volume" | "zoom-out" | "zoom" | "connected-building" | "home" | "hospital" | "industry" | "premises-datacenter" | "premises-large" | "premises-medium" | "premises-small" | "premises" | "store" | "address-book" | "b2b-customer" | "care" | "chat-robot" | "chat" | "child-1" | "child-2" | "conversation" | "customer-dialogue" | "dsl-hub" | "end-user" | "handshake" | "headphones" | "letter" | "mms" | "new-contact" | "new-group" | "news" | "parental-guide" | "people-hub" | "people" | "portal" | "signature" | "smiley-happy" | "smiley-sad" | "sms" | "support" | "user-admin" | "vcard" | "voicemail" | "battery" | "bluetooth" | "broadband" | "broken-phone" | "cast" | "cloud-connect" | "connected" | "core-router" | "daas-device" | "data-transfer" | "desktop" | "devices" | "esim-simcard" | "esim" | "face-id" | "fiber" | "fingerprint" | "fiveg" | "fourg" | "home-installation" | "industrial-iot" | "internet" | "it-service" | "laptop" | "mobile-broadband" | "network" | "phone-recycling" | "phone-ringing" | "phone" | "rack" | "refill-card" | "remote-control" | "repair" | "roaming" | "router" | "secure-device" | "sense-car" | "server" | "service-device" | "service-supervision" | "slow-wifi" | "smart-wifi" | "smartphone" | "smartwatch" | "tablet" | "trade-phone" | "tv" | "usb" | "voice-switch" | "wallplug" | "wireless-off" | "wireless-weak" | "wireless" | "world-alert" | "world-off" | "world-question" | "bar-chart" | "doc" | "document-doc" | "document-edit" | "document-pdf" | "document-ppt" | "excel" | "folder-copy" | "folder-new" | "folder" | "gif" | "graph" | "media-content" | "org-chart" | "pie-chart" | "print" | "register" | "report" | "simcard" | "spell-check" | "credit-card" | "euro" | "invoice" | "kontantkort" | "kr" | "late-payment" | "money-back-euro" | "money-back-kr" | "money-euro" | "money-kr" | "pay-monthly-euro" | "pay-monthly-kr" | "pay-once-euro" | "pay-once-kr" | "payment-success" | "savings" | "wallet" | "airplay" | "camera" | "entertainment" | "external" | "film" | "games" | "megaphone" | "microphone" | "music" | "player-settings" | "record" | "stream" | "trailer" | "video-conference" | "activity-level" | "add" | "ai-robot" | "bag" | "basketball" | "blood-pressure" | "bulb" | "business-continuity" | "business-intelligence" | "calendar" | "cart" | "close-circle" | "cloud" | "coffee" | "compass" | "construction" | "cookie" | "delivery" | "drone" | "education" | "efficiency" | "environment" | "facemask" | "flag" | "focus" | "food" | "fraud" | "getting-started" | "home-care" | "infinite" | "job-search" | "layers" | "measuring-health" | "moisture" | "offering" | "offshore" | "optimization" | "pebble" | "pet-dog" | "pin" | "plane" | "plus-minus" | "police" | "power-grid" | "present" | "press-button" | "price" | "pulse" | "recycle" | "reservation" | "reverse" | "route" | "ruler" | "satellite" | "secured-1" | "secured-2" | "security-camera" | "shopping" | "snowflake" | "speedometer" | "spyware" | "suitcase" | "sustainability" | "tag" | "temperature" | "thinking" | "train" | "transfer" | "undo" | "wavelength" | "weather" | "world" | "android" | "apple" | "bankid" | "facebook" | "instagram" | "linkedin" | "snapchat" | "whatsapp" | "windows" | "youtube" | "alert-filled" | "check-circle-filled" | "check-circle" | "error-filled" | "error" | "help" | "info-filled" | "info" | "question-filled" | "question" | "warning" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-subdirectory" | "arrow-up" | "card-view" | "checkmark-bold" | "checkmark" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "close" | "grid-view" | "list-view" | "minus-bold" | "minus" | "more-horizontal" | "more-vertical" | "plus" | "services" | "sorter" | "table-view";
|
|
43
43
|
/** -------------------------------------------------------------------------------------------------
|
|
44
44
|
* Root
|
|
45
45
|
* -----------------------------------------------------------------------------------------------*/
|
|
46
|
-
size?: ("sm" | "md" | "lg" | "
|
|
46
|
+
size?: ("sm" | "md" | "lg" | "xl" | "font" | "xxs" | "xs") | undefined;
|
|
47
47
|
children?: React.ReactNode;
|
|
48
48
|
}, "ref">> & React.RefAttributes<SVGSVGElement>>;
|
|
49
49
|
Dismiss: React.ForwardRefExoticComponent<DismissProps & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
3
|
import "../../clsx-DB4S2d7J.js";
|
|
4
|
-
import { N as y } from "../../badge-
|
|
5
|
-
import "../../index-
|
|
6
|
-
import "../../radio-group-
|
|
4
|
+
import { N as y } from "../../badge-DscsRVHR.js";
|
|
5
|
+
import "../../index-FPIZOCcD.js";
|
|
6
|
+
import "../../radio-group-B--zT3OL.js";
|
|
7
7
|
import "../box/box.js";
|
|
8
8
|
import "../flex/flex.js";
|
|
9
9
|
import "../grid/grid.js";
|
|
10
|
-
import "
|
|
10
|
+
import "../../navigation-menu-DKuyW8zE.js";
|
|
11
11
|
import "../link/link.js";
|
|
12
12
|
import "../button/button.js";
|
|
13
13
|
import "../field-error-text/field-error-text.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
3
|
import "../../clsx-DB4S2d7J.js";
|
|
4
|
-
import { R as d } from "../../radio-group-
|
|
4
|
+
import { R as d } from "../../radio-group-B--zT3OL.js";
|
|
5
5
|
import "../label/label.js";
|
|
6
6
|
import "../../utils/composeRefs.js";
|
|
7
7
|
import "../../index-DpfSJps6.js";
|
|
@@ -12,14 +12,14 @@ const q = "_fadeInAnimation_1i091_1", G = "_scaleInAnimation_1i091_1", p = {
|
|
|
12
12
|
fadeInAnimation: q,
|
|
13
13
|
scaleInAnimation: G
|
|
14
14
|
}, m = "teddy-text-field", f = i.createContext(void 0), _ = i.forwardRef(
|
|
15
|
-
({ className: t, children: d, readOnly: e, disabled: r, errors: a, isValid: s, isLoading: l, isRequired: n, ...c },
|
|
16
|
-
const
|
|
17
|
-
return /* @__PURE__ */ o("div", { ...c, ref:
|
|
15
|
+
({ className: t, children: d, readOnly: e, disabled: r, errors: a, isValid: s, isLoading: l, isRequired: n, ...c }, R) => {
|
|
16
|
+
const h = i.useId(), L = c.id || h, C = u([p[m]], t), [E, g] = i.useState(void 0), [w, A] = i.useState(void 0);
|
|
17
|
+
return /* @__PURE__ */ o("div", { ...c, ref: R, className: C, children: /* @__PURE__ */ o(
|
|
18
18
|
f.Provider,
|
|
19
19
|
{
|
|
20
20
|
value: {
|
|
21
21
|
errors: a,
|
|
22
|
-
id:
|
|
22
|
+
id: L,
|
|
23
23
|
errorId: w,
|
|
24
24
|
setErrorId: A,
|
|
25
25
|
helperTextId: E,
|
|
@@ -36,7 +36,7 @@ const q = "_fadeInAnimation_1i091_1", G = "_scaleInAnimation_1i091_1", p = {
|
|
|
36
36
|
}
|
|
37
37
|
);
|
|
38
38
|
_.displayName = "TextField";
|
|
39
|
-
const
|
|
39
|
+
const F = i.forwardRef((t, d) => {
|
|
40
40
|
var a;
|
|
41
41
|
const e = i.useContext(f), r = e == null ? void 0 : e.id;
|
|
42
42
|
return /* @__PURE__ */ o(
|
|
@@ -54,9 +54,9 @@ const y = i.forwardRef((t, d) => {
|
|
|
54
54
|
}
|
|
55
55
|
);
|
|
56
56
|
});
|
|
57
|
-
|
|
58
|
-
const
|
|
59
|
-
|
|
57
|
+
F.displayName = "TextField.Input";
|
|
58
|
+
const y = i.forwardRef((t, d) => /* @__PURE__ */ o(I, { ...t, ref: d }));
|
|
59
|
+
y.displayName = "TextField.InputGroup";
|
|
60
60
|
const b = i.forwardRef(
|
|
61
61
|
(t, d) => {
|
|
62
62
|
const e = i.useContext(f);
|
|
@@ -84,16 +84,16 @@ v.displayName = "TextField.Label";
|
|
|
84
84
|
const x = i.forwardRef(
|
|
85
85
|
({ className: t, ...d }, e) => {
|
|
86
86
|
const r = i.useContext(f), a = u([p[`${m}__help-text`]], t);
|
|
87
|
-
return i.
|
|
87
|
+
return i.useEffect(() => {
|
|
88
88
|
r == null || r.setHelperTextId(`${r.id}-helper-text`);
|
|
89
89
|
}, [r]), /* @__PURE__ */ o($, { id: r == null ? void 0 : r.helperTextId, ...d, ref: e, className: a });
|
|
90
90
|
}
|
|
91
91
|
);
|
|
92
92
|
x.displayName = "TextField.HelperText";
|
|
93
|
-
const
|
|
93
|
+
const N = i.forwardRef(
|
|
94
94
|
({ className: t, children: d, ...e }, r) => {
|
|
95
95
|
const a = u([p[`${m}__error-list`]], t), s = i.useContext(f), l = s == null ? void 0 : s.errors;
|
|
96
|
-
return i.
|
|
96
|
+
return i.useEffect(() => {
|
|
97
97
|
if (!s)
|
|
98
98
|
return;
|
|
99
99
|
const n = l != null && l.length ? `${s.id}-error` : void 0;
|
|
@@ -104,13 +104,13 @@ const L = i.forwardRef(
|
|
|
104
104
|
] }) }, n))) });
|
|
105
105
|
}
|
|
106
106
|
);
|
|
107
|
-
|
|
107
|
+
N.displayName = "TextField.ErrorList";
|
|
108
108
|
const D = Object.assign(_, {
|
|
109
|
-
Input:
|
|
109
|
+
Input: F,
|
|
110
110
|
Label: v,
|
|
111
|
-
InputGroup:
|
|
111
|
+
InputGroup: y,
|
|
112
112
|
HelperText: x,
|
|
113
|
-
ErrorList:
|
|
113
|
+
ErrorList: N,
|
|
114
114
|
Indicator: b
|
|
115
115
|
});
|
|
116
116
|
export {
|
|
@@ -29,8 +29,8 @@ declare const Toggle: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHT
|
|
|
29
29
|
Input: React.ForwardRefExoticComponent<ToggleInputProps & React.RefAttributes<HTMLButtonElement>>;
|
|
30
30
|
Thumb: React.ForwardRefExoticComponent<Omit<SwitchPrimitive.SwitchThumbProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
31
31
|
Indicator: React.ForwardRefExoticComponent<Partial<Omit<React.SVGProps<SVGSVGElement> & {
|
|
32
|
-
name: "link" | "map" | "menu" | "search" | "summary" | "time" | "video" | "filter" | "image" | "stop" | "key" | "
|
|
33
|
-
size?: ("sm" | "md" | "lg" | "
|
|
32
|
+
name: "link" | "map" | "menu" | "search" | "summary" | "time" | "video" | "filter" | "image" | "stop" | "key" | "x" | "download" | "split" | "alert" | "radio" | "email" | "copy" | "sync" | "alarm-off" | "alarm-on" | "attachment" | "bookmark-filled" | "bookmark" | "copy-filled" | "dislike" | "edit" | "heart-filled" | "heart" | "invisible" | "like" | "lock-open" | "lock" | "login" | "logout" | "maximize" | "minimize" | "mute" | "password-invisible" | "password-visible" | "play-filled" | "play" | "remove-filled" | "remove" | "save" | "send" | "settings" | "share" | "shuffle" | "skip-back-10sec" | "skip-back-30sec" | "skip-forward-10sec" | "skip-forward-30sec" | "star-filled" | "star" | "switch-arrows" | "tv-next" | "tv-pause" | "tv-previous" | "tv-stop" | "upload" | "visible" | "volume" | "zoom-out" | "zoom" | "connected-building" | "home" | "hospital" | "industry" | "premises-datacenter" | "premises-large" | "premises-medium" | "premises-small" | "premises" | "store" | "address-book" | "b2b-customer" | "care" | "chat-robot" | "chat" | "child-1" | "child-2" | "conversation" | "customer-dialogue" | "dsl-hub" | "end-user" | "handshake" | "headphones" | "letter" | "mms" | "new-contact" | "new-group" | "news" | "parental-guide" | "people-hub" | "people" | "portal" | "signature" | "smiley-happy" | "smiley-sad" | "sms" | "support" | "user-admin" | "vcard" | "voicemail" | "battery" | "bluetooth" | "broadband" | "broken-phone" | "cast" | "cloud-connect" | "connected" | "core-router" | "daas-device" | "data-transfer" | "desktop" | "devices" | "esim-simcard" | "esim" | "face-id" | "fiber" | "fingerprint" | "fiveg" | "fourg" | "home-installation" | "industrial-iot" | "internet" | "it-service" | "laptop" | "mobile-broadband" | "network" | "phone-recycling" | "phone-ringing" | "phone" | "rack" | "refill-card" | "remote-control" | "repair" | "roaming" | "router" | "secure-device" | "sense-car" | "server" | "service-device" | "service-supervision" | "slow-wifi" | "smart-wifi" | "smartphone" | "smartwatch" | "tablet" | "trade-phone" | "tv" | "usb" | "voice-switch" | "wallplug" | "wireless-off" | "wireless-weak" | "wireless" | "world-alert" | "world-off" | "world-question" | "bar-chart" | "doc" | "document-doc" | "document-edit" | "document-pdf" | "document-ppt" | "excel" | "folder-copy" | "folder-new" | "folder" | "gif" | "graph" | "media-content" | "org-chart" | "pie-chart" | "print" | "register" | "report" | "simcard" | "spell-check" | "credit-card" | "euro" | "invoice" | "kontantkort" | "kr" | "late-payment" | "money-back-euro" | "money-back-kr" | "money-euro" | "money-kr" | "pay-monthly-euro" | "pay-monthly-kr" | "pay-once-euro" | "pay-once-kr" | "payment-success" | "savings" | "wallet" | "airplay" | "camera" | "entertainment" | "external" | "film" | "games" | "megaphone" | "microphone" | "music" | "player-settings" | "record" | "stream" | "trailer" | "video-conference" | "activity-level" | "add" | "ai-robot" | "bag" | "basketball" | "blood-pressure" | "bulb" | "business-continuity" | "business-intelligence" | "calendar" | "cart" | "close-circle" | "cloud" | "coffee" | "compass" | "construction" | "cookie" | "delivery" | "drone" | "education" | "efficiency" | "environment" | "facemask" | "flag" | "focus" | "food" | "fraud" | "getting-started" | "home-care" | "infinite" | "job-search" | "layers" | "measuring-health" | "moisture" | "offering" | "offshore" | "optimization" | "pebble" | "pet-dog" | "pin" | "plane" | "plus-minus" | "police" | "power-grid" | "present" | "press-button" | "price" | "pulse" | "recycle" | "reservation" | "reverse" | "route" | "ruler" | "satellite" | "secured-1" | "secured-2" | "security-camera" | "shopping" | "snowflake" | "speedometer" | "spyware" | "suitcase" | "sustainability" | "tag" | "temperature" | "thinking" | "train" | "transfer" | "undo" | "wavelength" | "weather" | "world" | "android" | "apple" | "bankid" | "facebook" | "instagram" | "linkedin" | "snapchat" | "whatsapp" | "windows" | "youtube" | "alert-filled" | "check-circle-filled" | "check-circle" | "error-filled" | "error" | "help" | "info-filled" | "info" | "question-filled" | "question" | "warning" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-subdirectory" | "arrow-up" | "card-view" | "checkmark-bold" | "checkmark" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "close" | "grid-view" | "list-view" | "minus-bold" | "minus" | "more-horizontal" | "more-vertical" | "plus" | "services" | "sorter" | "table-view";
|
|
33
|
+
size?: ("sm" | "md" | "lg" | "xl" | "font" | "xxs" | "xs") | undefined;
|
|
34
34
|
children?: React.ReactNode;
|
|
35
35
|
}, "ref">> & React.RefAttributes<SVGSVGElement>>;
|
|
36
36
|
};
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
3
|
import "../../clsx-DB4S2d7J.js";
|
|
4
|
-
import { T as w } from "../../badge-
|
|
4
|
+
import { T as w } from "../../badge-DscsRVHR.js";
|
|
5
5
|
import "../../assets/5161b177f001ea1a.svg";
|
|
6
6
|
import "../icon/icon.js";
|
|
7
|
-
import "../../radio-group-
|
|
7
|
+
import "../../radio-group-B--zT3OL.js";
|
|
8
8
|
import "../box/box.js";
|
|
9
9
|
import "../flex/flex.js";
|
|
10
10
|
import "../grid/grid.js";
|
|
11
|
-
import "
|
|
11
|
+
import "../../navigation-menu-DKuyW8zE.js";
|
|
12
12
|
import "../link/link.js";
|
|
13
13
|
import "../button/button.js";
|
|
14
14
|
import "../field-error-text/field-error-text.js";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as I from "react";
|
|
2
|
-
import v, { createContext as M, useMemo as x, createElement as D, useContext as O, useRef as h, useEffect as T, useCallback as _, useState as y,
|
|
2
|
+
import v, { createContext as M, useMemo as x, createElement as D, useContext as O, useLayoutEffect as w, useRef as h, useEffect as T, useCallback as _, useState as y, Children as k, cloneElement as B, useReducer as j } from "react";
|
|
3
3
|
import { flushSync as q } from "react-dom";
|
|
4
4
|
import { b as P, $ as g } from "./index-DpfSJps6.js";
|
|
5
5
|
function ee(e, n, { checkForDefaultPrevented: o = !0 } = {}) {
|
|
@@ -92,6 +92,20 @@ function z(...e) {
|
|
|
92
92
|
};
|
|
93
93
|
return o.scopeName = n.scopeName, o;
|
|
94
94
|
}
|
|
95
|
+
const R = globalThis != null && globalThis.document ? w : () => {
|
|
96
|
+
}, G = I.useId || (() => {
|
|
97
|
+
});
|
|
98
|
+
let J = 0;
|
|
99
|
+
function ne(e) {
|
|
100
|
+
const [n, o] = I.useState(G());
|
|
101
|
+
return R(() => {
|
|
102
|
+
e || o(
|
|
103
|
+
(t) => t ?? String(J++)
|
|
104
|
+
);
|
|
105
|
+
}, [
|
|
106
|
+
e
|
|
107
|
+
]), e || (n ? `radix-${n}` : "");
|
|
108
|
+
}
|
|
95
109
|
function U(e) {
|
|
96
110
|
const n = h(e);
|
|
97
111
|
return T(() => {
|
|
@@ -104,9 +118,9 @@ function U(e) {
|
|
|
104
118
|
[]
|
|
105
119
|
);
|
|
106
120
|
}
|
|
107
|
-
function
|
|
121
|
+
function te({ prop: e, defaultProp: n, onChange: o = () => {
|
|
108
122
|
} }) {
|
|
109
|
-
const [t, c] =
|
|
123
|
+
const [t, c] = K({
|
|
110
124
|
defaultProp: n,
|
|
111
125
|
onChange: o
|
|
112
126
|
}), s = e !== void 0, a = s ? e : t, u = U(o), i = _((r) => {
|
|
@@ -126,7 +140,7 @@ function ne({ prop: e, defaultProp: n, onChange: o = () => {
|
|
|
126
140
|
i
|
|
127
141
|
];
|
|
128
142
|
}
|
|
129
|
-
function
|
|
143
|
+
function K({ defaultProp: e, onChange: n }) {
|
|
130
144
|
const o = y(e), [t] = o, c = h(t), s = U(n);
|
|
131
145
|
return T(() => {
|
|
132
146
|
c.current !== t && (s(t), c.current = t);
|
|
@@ -136,25 +150,23 @@ function G({ defaultProp: e, onChange: n }) {
|
|
|
136
150
|
s
|
|
137
151
|
]), o;
|
|
138
152
|
}
|
|
139
|
-
|
|
140
|
-
};
|
|
141
|
-
function J(e, n) {
|
|
153
|
+
function Q(e, n) {
|
|
142
154
|
return j((o, t) => {
|
|
143
155
|
const c = n[o][t];
|
|
144
156
|
return c ?? o;
|
|
145
157
|
}, e);
|
|
146
158
|
}
|
|
147
|
-
const
|
|
148
|
-
const { present: n, children: o } = e, t =
|
|
159
|
+
const V = (e) => {
|
|
160
|
+
const { present: n, children: o } = e, t = W(n), c = typeof o == "function" ? o({
|
|
149
161
|
present: t.isPresent
|
|
150
162
|
}) : k.only(o), s = P(t.ref, c.ref);
|
|
151
163
|
return typeof o == "function" || t.isPresent ? /* @__PURE__ */ B(c, {
|
|
152
164
|
ref: s
|
|
153
165
|
}) : null;
|
|
154
166
|
};
|
|
155
|
-
|
|
156
|
-
function
|
|
157
|
-
const [n, o] = y(), t = h({}), c = h(e), s = h("none"), a = e ? "mounted" : "unmounted", [u, i] =
|
|
167
|
+
V.displayName = "Presence";
|
|
168
|
+
function W(e) {
|
|
169
|
+
const [n, o] = y(), t = h({}), c = h(e), s = h("none"), a = e ? "mounted" : "unmounted", [u, i] = Q(a, {
|
|
158
170
|
mounted: {
|
|
159
171
|
UNMOUNT: "unmounted",
|
|
160
172
|
ANIMATION_OUT: "unmountSuspended"
|
|
@@ -212,19 +224,6 @@ function Q(e) {
|
|
|
212
224
|
function A(e) {
|
|
213
225
|
return (e == null ? void 0 : e.animationName) || "none";
|
|
214
226
|
}
|
|
215
|
-
const V = I.useId || (() => {
|
|
216
|
-
});
|
|
217
|
-
let W = 0;
|
|
218
|
-
function te(e) {
|
|
219
|
-
const [n, o] = I.useState(V());
|
|
220
|
-
return R(() => {
|
|
221
|
-
e || o(
|
|
222
|
-
(t) => t ?? String(W++)
|
|
223
|
-
);
|
|
224
|
-
}, [
|
|
225
|
-
e
|
|
226
|
-
]), e || (n ? `radix-${n}` : "");
|
|
227
|
-
}
|
|
228
227
|
function oe(e) {
|
|
229
228
|
const n = e + "CollectionProvider", [o, t] = F(n), [c, s] = o(n, {
|
|
230
229
|
collectionRef: {
|
|
@@ -296,11 +295,11 @@ export {
|
|
|
296
295
|
oe as $,
|
|
297
296
|
F as a,
|
|
298
297
|
ce as b,
|
|
299
|
-
|
|
298
|
+
te as c,
|
|
300
299
|
U as d,
|
|
301
300
|
ee as e,
|
|
302
|
-
|
|
301
|
+
ne as f,
|
|
303
302
|
R as g,
|
|
304
|
-
|
|
303
|
+
V as h,
|
|
305
304
|
re as i
|
|
306
305
|
};
|
package/dist/main.js
CHANGED
|
@@ -1,62 +1,63 @@
|
|
|
1
1
|
import './assets/main.css';
|
|
2
|
-
import { A as e, B as t, C as p,
|
|
3
|
-
import { R as
|
|
2
|
+
import { A as e, B as t, C as p, M as x, N as a, T as f } from "./badge-DscsRVHR.js";
|
|
3
|
+
import { R as i } from "./radio-group-B--zT3OL.js";
|
|
4
4
|
import { Box as n } from "./components/box/box.js";
|
|
5
|
-
import { Flex as
|
|
6
|
-
import { Grid as
|
|
7
|
-
import {
|
|
8
|
-
import { Link as
|
|
9
|
-
import { Button as
|
|
5
|
+
import { Flex as l } from "./components/flex/flex.js";
|
|
6
|
+
import { Grid as g } from "./components/grid/grid.js";
|
|
7
|
+
import { N as v } from "./navigation-menu-DKuyW8zE.js";
|
|
8
|
+
import { Link as B } from "./components/link/link.js";
|
|
9
|
+
import { Button as N } from "./components/button/button.js";
|
|
10
10
|
import { FieldErrorText as y } from "./components/field-error-text/field-error-text.js";
|
|
11
11
|
import { HelperText as G } from "./components/helper-text/helper-text.js";
|
|
12
|
-
import { default as
|
|
12
|
+
import { default as M } from "./assets/5161b177f001ea1a.svg";
|
|
13
13
|
import { Icon as k } from "./components/icon/icon.js";
|
|
14
14
|
import { Input as C, InputGroup as L } from "./components/input/input.js";
|
|
15
15
|
import { Label as S } from "./components/label/label.js";
|
|
16
16
|
import { Spinner as E } from "./components/spinner/spinner.js";
|
|
17
|
-
import { Text as
|
|
18
|
-
import { TextField as
|
|
19
|
-
import { Heading as
|
|
20
|
-
import { VisuallyHidden as
|
|
21
|
-
import { TextSpacing as
|
|
22
|
-
import { v as
|
|
23
|
-
import { v as
|
|
24
|
-
import { v as
|
|
25
|
-
import { v as
|
|
26
|
-
import { v as
|
|
27
|
-
import { v as
|
|
28
|
-
import { v as
|
|
17
|
+
import { Text as j } from "./components/text/text.js";
|
|
18
|
+
import { TextField as z } from "./components/text-field/text-field.js";
|
|
19
|
+
import { Heading as J } from "./components/heading/heading.js";
|
|
20
|
+
import { VisuallyHidden as O } from "./components/visually-hidden/visually-hidden.js";
|
|
21
|
+
import { TextSpacing as Q } from "./components/text-spacing/text-spacing.js";
|
|
22
|
+
import { v as W } from "./variables-IczXZ5CN.js";
|
|
23
|
+
import { v as Y } from "./variables-BkY5b0io.js";
|
|
24
|
+
import { v as _ } from "./variables-BKiPmtHY.js";
|
|
25
|
+
import { v as oo } from "./variables-CMRTN8qo.js";
|
|
26
|
+
import { v as eo } from "./variables-Bq0YUbLS.js";
|
|
27
|
+
import { v as po } from "./variables-CDK515QX.js";
|
|
28
|
+
import { v as ao } from "./variables-Dmoh9YtD.js";
|
|
29
29
|
export {
|
|
30
30
|
e as Accordion,
|
|
31
31
|
t as Badge,
|
|
32
32
|
n as Box,
|
|
33
|
-
|
|
33
|
+
N as Button,
|
|
34
34
|
p as Card,
|
|
35
35
|
y as FieldErrorText,
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
36
|
+
l as Flex,
|
|
37
|
+
g as Grid,
|
|
38
|
+
J as Heading,
|
|
39
39
|
G as HelperText,
|
|
40
40
|
k as Icon,
|
|
41
41
|
C as Input,
|
|
42
42
|
L as InputGroup,
|
|
43
43
|
S as Label,
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
44
|
+
B as Link,
|
|
45
|
+
x as Modal,
|
|
46
|
+
v as NavigationMenu,
|
|
47
|
+
a as Notification,
|
|
48
|
+
i as RadioGroup,
|
|
48
49
|
E as Spinner,
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
50
|
+
j as Text,
|
|
51
|
+
z as TextField,
|
|
52
|
+
Q as TextSpacing,
|
|
52
53
|
f as Toggle,
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
54
|
+
O as VisuallyHidden,
|
|
55
|
+
W as border,
|
|
56
|
+
Y as breakpoint,
|
|
57
|
+
_ as color,
|
|
58
|
+
M as iconsHref,
|
|
59
|
+
oo as motion,
|
|
60
|
+
eo as shadow,
|
|
61
|
+
po as spacing,
|
|
62
|
+
ao as typography
|
|
62
63
|
};
|