@telia/teddy 0.0.9 → 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/heading.css +1 -1
- package/dist/assets/main.css +1 -1
- package/dist/assets/navigation-menu.css +1 -1
- package/dist/assets/radio-group.css +1 -1
- package/dist/badge-DscsRVHR.js +1825 -0
- package/dist/components/accordion/accordion.d.ts +1 -1
- 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 +9 -36
- package/dist/components/heading/heading.js +36 -37
- package/dist/components/index.d.ts +2 -0
- package/dist/components/index.js +35 -33
- 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.d.ts +2 -0
- package/dist/components/notification/index.js +4 -0
- package/dist/components/notification/notification.d.ts +59 -0
- package/dist/components/notification/notification.js +27 -0
- 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 +1 -1
- package/dist/components/toggle/toggle.js +3 -3
- package/dist/{index-0Eg2mucA.js → index-FPIZOCcD.js} +80 -80
- package/dist/main.js +51 -49
- package/dist/navigation-menu-DKuyW8zE.js +1036 -0
- package/dist/{radio-group-BR5SMJXJ.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 +294 -0
- package/dist/utils/layout/flex.js +60 -0
- 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 +70 -0
- package/dist/utils/layout/index.js +71 -0
- package/dist/utils/layout/justify.d.ts +39 -0
- package/dist/utils/layout/justify.js +16 -0
- package/dist/utils/layout/margin.d.ts +478 -0
- package/dist/utils/layout/margin.js +32 -0
- package/dist/utils/layout/padding.d.ts +478 -0
- package/dist/utils/layout/padding.js +32 -0
- package/dist/utils/layout/util.d.ts +82 -0
- package/dist/utils/layout/util.js +32 -0
- package/dist/utils/layout/width.d.ts +69 -0
- package/dist/utils/layout/width.js +25 -0
- package/package.json +5 -1
- package/dist/badge-9vHb0-Jo.js +0 -721
- package/dist/tokens/spacing/variables.json.d.ts +0 -34
- package/dist/utils/layout.d.ts +0 -150
- package/dist/utils/layout.js +0 -221
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import { Text as TextPrimitives, Heading as HeadingPrimitives, Icon as IconPrimitives, Button as ButtonPrimitives } from '..';
|
|
2
|
+
import { default as React } from 'react';
|
|
3
|
+
|
|
4
|
+
/** -------------------------------------------------------------------------------------------------
|
|
5
|
+
* Root
|
|
6
|
+
* -----------------------------------------------------------------------------------------------*/
|
|
7
|
+
type RootProps = React.ComponentPropsWithoutRef<'div'> & {
|
|
8
|
+
asChild?: boolean;
|
|
9
|
+
variant?: 'success' | 'error' | 'warning' | 'information';
|
|
10
|
+
open?: boolean;
|
|
11
|
+
defaultOpen?: boolean;
|
|
12
|
+
onOpenChange?: (open: boolean) => void;
|
|
13
|
+
role?: 'alert';
|
|
14
|
+
};
|
|
15
|
+
/** -------------------------------------------------------------------------------------------------
|
|
16
|
+
* Icon
|
|
17
|
+
* -----------------------------------------------------------------------------------------------*/
|
|
18
|
+
type IconProps = Partial<React.ComponentPropsWithoutRef<typeof IconPrimitives>>;
|
|
19
|
+
/** -------------------------------------------------------------------------------------------------
|
|
20
|
+
* Heading
|
|
21
|
+
* -----------------------------------------------------------------------------------------------*/
|
|
22
|
+
type HeadingProps = Omit<React.ComponentPropsWithoutRef<typeof HeadingPrimitives>, 'asChild' | 'variant'>;
|
|
23
|
+
/** -------------------------------------------------------------------------------------------------
|
|
24
|
+
* Text
|
|
25
|
+
* -----------------------------------------------------------------------------------------------*/
|
|
26
|
+
type TextProps = React.ComponentPropsWithoutRef<typeof TextPrimitives>;
|
|
27
|
+
/** -------------------------------------------------------------------------------------------------
|
|
28
|
+
* Dismiss
|
|
29
|
+
* -----------------------------------------------------------------------------------------------*/
|
|
30
|
+
type DismissProps = Omit<React.ComponentPropsWithoutRef<typeof ButtonPrimitives>, 'variant'>;
|
|
31
|
+
declare const Notification: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
32
|
+
asChild?: boolean | undefined;
|
|
33
|
+
variant?: "error" | "warning" | "success" | "information" | undefined;
|
|
34
|
+
open?: boolean | undefined;
|
|
35
|
+
defaultOpen?: boolean | undefined;
|
|
36
|
+
onOpenChange?: ((open: boolean) => void) | undefined;
|
|
37
|
+
role?: "alert" | undefined;
|
|
38
|
+
} & React.RefAttributes<HTMLDivElement>> & {
|
|
39
|
+
Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLSpanElement>>;
|
|
40
|
+
Heading: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
|
|
41
|
+
Icon: React.ForwardRefExoticComponent<Partial<Omit<React.SVGProps<SVGSVGElement> & {
|
|
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
|
+
/** -------------------------------------------------------------------------------------------------
|
|
44
|
+
* Root
|
|
45
|
+
* -----------------------------------------------------------------------------------------------*/
|
|
46
|
+
size?: ("sm" | "md" | "lg" | "xl" | "font" | "xxs" | "xs") | undefined;
|
|
47
|
+
children?: React.ReactNode;
|
|
48
|
+
}, "ref">> & React.RefAttributes<SVGSVGElement>>;
|
|
49
|
+
Dismiss: React.ForwardRefExoticComponent<DismissProps & React.RefAttributes<HTMLButtonElement>>;
|
|
50
|
+
};
|
|
51
|
+
type NotificationProps = {
|
|
52
|
+
Root: RootProps;
|
|
53
|
+
Text: TextProps;
|
|
54
|
+
Heading: HeadingProps;
|
|
55
|
+
Icon: IconProps;
|
|
56
|
+
Dismiss: DismissProps;
|
|
57
|
+
};
|
|
58
|
+
export { Notification };
|
|
59
|
+
export type { NotificationProps };
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import "react/jsx-runtime";
|
|
2
|
+
import "react";
|
|
3
|
+
import "../../clsx-DB4S2d7J.js";
|
|
4
|
+
import { N as y } from "../../badge-DscsRVHR.js";
|
|
5
|
+
import "../../index-FPIZOCcD.js";
|
|
6
|
+
import "../../radio-group-B--zT3OL.js";
|
|
7
|
+
import "../box/box.js";
|
|
8
|
+
import "../flex/flex.js";
|
|
9
|
+
import "../grid/grid.js";
|
|
10
|
+
import "../../navigation-menu-DKuyW8zE.js";
|
|
11
|
+
import "../link/link.js";
|
|
12
|
+
import "../button/button.js";
|
|
13
|
+
import "../field-error-text/field-error-text.js";
|
|
14
|
+
import "../helper-text/helper-text.js";
|
|
15
|
+
import "../../assets/5161b177f001ea1a.svg";
|
|
16
|
+
import "../icon/icon.js";
|
|
17
|
+
import "../input/input.js";
|
|
18
|
+
import "../label/label.js";
|
|
19
|
+
import "../spinner/spinner.js";
|
|
20
|
+
import "../text/text.js";
|
|
21
|
+
import "../text-field/text-field.js";
|
|
22
|
+
import "../heading/heading.js";
|
|
23
|
+
import "../visually-hidden/visually-hidden.js";
|
|
24
|
+
import "../text-spacing/text-spacing.js";
|
|
25
|
+
export {
|
|
26
|
+
y as Notification
|
|
27
|
+
};
|
|
@@ -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,7 +29,7 @@ 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" | "x" | "download" | "split" | "alert" | "radio" | "email" | "copy" | "
|
|
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
33
|
size?: ("sm" | "md" | "lg" | "xl" | "font" | "xxs" | "xs") | undefined;
|
|
34
34
|
children?: React.ReactNode;
|
|
35
35
|
}, "ref">> & React.RefAttributes<SVGSVGElement>>;
|
|
@@ -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,7 +1,7 @@
|
|
|
1
1
|
import * as I from "react";
|
|
2
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
|
-
import { b as P, $ as g } from "./index-DpfSJps6.js";
|
|
4
3
|
import { flushSync as q } from "react-dom";
|
|
4
|
+
import { b as P, $ as g } from "./index-DpfSJps6.js";
|
|
5
5
|
function ee(e, n, { checkForDefaultPrevented: o = !0 } = {}) {
|
|
6
6
|
return function(c) {
|
|
7
7
|
if (e == null || e(c), o === !1 || !c.defaultPrevented)
|
|
@@ -92,64 +92,11 @@ function z(...e) {
|
|
|
92
92
|
};
|
|
93
93
|
return o.scopeName = n.scopeName, o;
|
|
94
94
|
}
|
|
95
|
-
function ne(e) {
|
|
96
|
-
const n = e + "CollectionProvider", [o, t] = F(n), [c, s] = o(n, {
|
|
97
|
-
collectionRef: {
|
|
98
|
-
current: null
|
|
99
|
-
},
|
|
100
|
-
itemMap: /* @__PURE__ */ new Map()
|
|
101
|
-
}), a = (f) => {
|
|
102
|
-
const { scope: l, children: b } = f, p = v.useRef(null), N = v.useRef(/* @__PURE__ */ new Map()).current;
|
|
103
|
-
return /* @__PURE__ */ v.createElement(c, {
|
|
104
|
-
scope: l,
|
|
105
|
-
itemMap: N,
|
|
106
|
-
collectionRef: p
|
|
107
|
-
}, b);
|
|
108
|
-
}, u = e + "CollectionSlot", i = /* @__PURE__ */ v.forwardRef((f, l) => {
|
|
109
|
-
const { scope: b, children: p } = f, N = s(u, b), C = P(l, N.collectionRef);
|
|
110
|
-
return /* @__PURE__ */ v.createElement(g, {
|
|
111
|
-
ref: C
|
|
112
|
-
}, p);
|
|
113
|
-
}), r = e + "CollectionItemSlot", m = "data-radix-collection-item", d = /* @__PURE__ */ v.forwardRef((f, l) => {
|
|
114
|
-
const { scope: b, children: p, ...N } = f, C = v.useRef(null), E = P(l, C), S = s(r, b);
|
|
115
|
-
return v.useEffect(() => (S.itemMap.set(C, {
|
|
116
|
-
ref: C,
|
|
117
|
-
...N
|
|
118
|
-
}), () => void S.itemMap.delete(C))), /* @__PURE__ */ v.createElement(g, {
|
|
119
|
-
[m]: "",
|
|
120
|
-
ref: E
|
|
121
|
-
}, p);
|
|
122
|
-
});
|
|
123
|
-
function $(f) {
|
|
124
|
-
const l = s(e + "CollectionConsumer", f);
|
|
125
|
-
return v.useCallback(() => {
|
|
126
|
-
const p = l.collectionRef.current;
|
|
127
|
-
if (!p)
|
|
128
|
-
return [];
|
|
129
|
-
const N = Array.from(p.querySelectorAll(`[${m}]`));
|
|
130
|
-
return Array.from(l.itemMap.values()).sort(
|
|
131
|
-
(S, L) => N.indexOf(S.ref.current) - N.indexOf(L.ref.current)
|
|
132
|
-
);
|
|
133
|
-
}, [
|
|
134
|
-
l.collectionRef,
|
|
135
|
-
l.itemMap
|
|
136
|
-
]);
|
|
137
|
-
}
|
|
138
|
-
return [
|
|
139
|
-
{
|
|
140
|
-
Provider: a,
|
|
141
|
-
Slot: i,
|
|
142
|
-
ItemSlot: d
|
|
143
|
-
},
|
|
144
|
-
$,
|
|
145
|
-
t
|
|
146
|
-
];
|
|
147
|
-
}
|
|
148
95
|
const R = globalThis != null && globalThis.document ? w : () => {
|
|
149
96
|
}, G = I.useId || (() => {
|
|
150
97
|
});
|
|
151
98
|
let J = 0;
|
|
152
|
-
function
|
|
99
|
+
function ne(e) {
|
|
153
100
|
const [n, o] = I.useState(G());
|
|
154
101
|
return R(() => {
|
|
155
102
|
e || o(
|
|
@@ -171,7 +118,7 @@ function U(e) {
|
|
|
171
118
|
[]
|
|
172
119
|
);
|
|
173
120
|
}
|
|
174
|
-
function
|
|
121
|
+
function te({ prop: e, defaultProp: n, onChange: o = () => {
|
|
175
122
|
} }) {
|
|
176
123
|
const [t, c] = K({
|
|
177
124
|
defaultProp: n,
|
|
@@ -203,37 +150,23 @@ function K({ defaultProp: e, onChange: n }) {
|
|
|
203
150
|
s
|
|
204
151
|
]), o;
|
|
205
152
|
}
|
|
206
|
-
|
|
207
|
-
function ce(e) {
|
|
208
|
-
const n = O(Q);
|
|
209
|
-
return e || n || "ltr";
|
|
210
|
-
}
|
|
211
|
-
function re(e) {
|
|
212
|
-
const n = h({
|
|
213
|
-
value: e,
|
|
214
|
-
previous: e
|
|
215
|
-
});
|
|
216
|
-
return x(() => (n.current.value !== e && (n.current.previous = n.current.value, n.current.value = e), n.current.previous), [
|
|
217
|
-
e
|
|
218
|
-
]);
|
|
219
|
-
}
|
|
220
|
-
function V(e, n) {
|
|
153
|
+
function Q(e, n) {
|
|
221
154
|
return j((o, t) => {
|
|
222
155
|
const c = n[o][t];
|
|
223
156
|
return c ?? o;
|
|
224
157
|
}, e);
|
|
225
158
|
}
|
|
226
|
-
const
|
|
227
|
-
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({
|
|
228
161
|
present: t.isPresent
|
|
229
162
|
}) : k.only(o), s = P(t.ref, c.ref);
|
|
230
163
|
return typeof o == "function" || t.isPresent ? /* @__PURE__ */ B(c, {
|
|
231
164
|
ref: s
|
|
232
165
|
}) : null;
|
|
233
166
|
};
|
|
234
|
-
|
|
235
|
-
function
|
|
236
|
-
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, {
|
|
237
170
|
mounted: {
|
|
238
171
|
UNMOUNT: "unmounted",
|
|
239
172
|
ANIMATION_OUT: "unmountSuspended"
|
|
@@ -291,15 +224,82 @@ function X(e) {
|
|
|
291
224
|
function A(e) {
|
|
292
225
|
return (e == null ? void 0 : e.animationName) || "none";
|
|
293
226
|
}
|
|
227
|
+
function oe(e) {
|
|
228
|
+
const n = e + "CollectionProvider", [o, t] = F(n), [c, s] = o(n, {
|
|
229
|
+
collectionRef: {
|
|
230
|
+
current: null
|
|
231
|
+
},
|
|
232
|
+
itemMap: /* @__PURE__ */ new Map()
|
|
233
|
+
}), a = (f) => {
|
|
234
|
+
const { scope: l, children: b } = f, p = v.useRef(null), N = v.useRef(/* @__PURE__ */ new Map()).current;
|
|
235
|
+
return /* @__PURE__ */ v.createElement(c, {
|
|
236
|
+
scope: l,
|
|
237
|
+
itemMap: N,
|
|
238
|
+
collectionRef: p
|
|
239
|
+
}, b);
|
|
240
|
+
}, u = e + "CollectionSlot", i = /* @__PURE__ */ v.forwardRef((f, l) => {
|
|
241
|
+
const { scope: b, children: p } = f, N = s(u, b), C = P(l, N.collectionRef);
|
|
242
|
+
return /* @__PURE__ */ v.createElement(g, {
|
|
243
|
+
ref: C
|
|
244
|
+
}, p);
|
|
245
|
+
}), r = e + "CollectionItemSlot", m = "data-radix-collection-item", d = /* @__PURE__ */ v.forwardRef((f, l) => {
|
|
246
|
+
const { scope: b, children: p, ...N } = f, C = v.useRef(null), E = P(l, C), S = s(r, b);
|
|
247
|
+
return v.useEffect(() => (S.itemMap.set(C, {
|
|
248
|
+
ref: C,
|
|
249
|
+
...N
|
|
250
|
+
}), () => void S.itemMap.delete(C))), /* @__PURE__ */ v.createElement(g, {
|
|
251
|
+
[m]: "",
|
|
252
|
+
ref: E
|
|
253
|
+
}, p);
|
|
254
|
+
});
|
|
255
|
+
function $(f) {
|
|
256
|
+
const l = s(e + "CollectionConsumer", f);
|
|
257
|
+
return v.useCallback(() => {
|
|
258
|
+
const p = l.collectionRef.current;
|
|
259
|
+
if (!p)
|
|
260
|
+
return [];
|
|
261
|
+
const N = Array.from(p.querySelectorAll(`[${m}]`));
|
|
262
|
+
return Array.from(l.itemMap.values()).sort(
|
|
263
|
+
(S, L) => N.indexOf(S.ref.current) - N.indexOf(L.ref.current)
|
|
264
|
+
);
|
|
265
|
+
}, [
|
|
266
|
+
l.collectionRef,
|
|
267
|
+
l.itemMap
|
|
268
|
+
]);
|
|
269
|
+
}
|
|
270
|
+
return [
|
|
271
|
+
{
|
|
272
|
+
Provider: a,
|
|
273
|
+
Slot: i,
|
|
274
|
+
ItemSlot: d
|
|
275
|
+
},
|
|
276
|
+
$,
|
|
277
|
+
t
|
|
278
|
+
];
|
|
279
|
+
}
|
|
280
|
+
const X = /* @__PURE__ */ M(void 0);
|
|
281
|
+
function ce(e) {
|
|
282
|
+
const n = O(X);
|
|
283
|
+
return e || n || "ltr";
|
|
284
|
+
}
|
|
285
|
+
function re(e) {
|
|
286
|
+
const n = h({
|
|
287
|
+
value: e,
|
|
288
|
+
previous: e
|
|
289
|
+
});
|
|
290
|
+
return x(() => (n.current.value !== e && (n.current.previous = n.current.value, n.current.value = e), n.current.previous), [
|
|
291
|
+
e
|
|
292
|
+
]);
|
|
293
|
+
}
|
|
294
294
|
export {
|
|
295
|
-
|
|
295
|
+
oe as $,
|
|
296
296
|
F as a,
|
|
297
297
|
ce as b,
|
|
298
|
-
|
|
298
|
+
te as c,
|
|
299
299
|
U as d,
|
|
300
300
|
ee as e,
|
|
301
|
-
|
|
301
|
+
ne as f,
|
|
302
302
|
R as g,
|
|
303
|
-
|
|
303
|
+
V as h,
|
|
304
304
|
re as i
|
|
305
305
|
};
|
package/dist/main.js
CHANGED
|
@@ -1,61 +1,63 @@
|
|
|
1
1
|
import './assets/main.css';
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import { Grid as
|
|
7
|
-
import {
|
|
8
|
-
import { Link as
|
|
9
|
-
import { Button as
|
|
10
|
-
import { FieldErrorText as
|
|
11
|
-
import { HelperText as
|
|
12
|
-
import { default 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
|
+
import { Box as n } from "./components/box/box.js";
|
|
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
|
+
import { FieldErrorText as y } from "./components/field-error-text/field-error-text.js";
|
|
11
|
+
import { HelperText as G } from "./components/helper-text/helper-text.js";
|
|
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
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
30
|
+
e as Accordion,
|
|
31
|
+
t as Badge,
|
|
32
|
+
n as Box,
|
|
33
|
+
N as Button,
|
|
34
|
+
p as Card,
|
|
35
|
+
y as FieldErrorText,
|
|
36
|
+
l as Flex,
|
|
37
|
+
g as Grid,
|
|
38
|
+
J as Heading,
|
|
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
|
-
|
|
44
|
+
B as Link,
|
|
45
|
+
x as Modal,
|
|
46
|
+
v as NavigationMenu,
|
|
47
|
+
a as Notification,
|
|
48
|
+
i as RadioGroup,
|
|
47
49
|
E as Spinner,
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
50
|
+
j as Text,
|
|
51
|
+
z as TextField,
|
|
52
|
+
Q as TextSpacing,
|
|
53
|
+
f as Toggle,
|
|
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
|
|
61
63
|
};
|