@tedi-design-system/react 17.0.0-rc.2 → 17.0.0-rc.4
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/_virtual/index.es13.js +2 -2
- package/_virtual/index.es14.js +2 -2
- package/bundle-stats.html +1 -1
- package/external/react-is/index.cjs.js +1 -1
- package/external/react-is/index.es.js +1 -1
- package/external/toposort/index.cjs.js +1 -1
- package/external/toposort/index.es.js +1 -1
- package/index.css +1 -1
- package/package.json +1 -1
- package/src/tedi/components/cards/card/card.cjs.js +1 -1
- package/src/tedi/components/cards/card/card.d.ts +14 -9
- package/src/tedi/components/cards/card/card.es.js +25 -25
- package/src/tedi/components/cards/card/card.module.scss.cjs.js +1 -1
- package/src/tedi/components/cards/card/card.module.scss.es.js +6 -6
- package/src/tedi/components/cards/card/utility.cjs.js +1 -1
- package/src/tedi/components/cards/card/utility.d.ts +17 -0
- package/src/tedi/components/cards/card/utility.es.js +35 -14
- package/src/tedi/components/form/toggle/toggle.cjs.js +1 -0
- package/src/tedi/components/form/toggle/toggle.d.ts +92 -0
- package/src/tedi/components/form/toggle/toggle.es.js +79 -0
- package/src/tedi/components/form/toggle/toggle.module.scss.cjs.js +1 -0
- package/src/tedi/components/form/toggle/toggle.module.scss.es.js +19 -0
- package/src/tedi/index.d.ts +1 -0
- package/tedi.cjs.js +1 -1
- package/tedi.es.js +137 -135
package/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),B=require("../../../../../external/classnames/index.cjs.js"),P=require("react"),e=require("./card.module.scss.cjs.js"),R=require("./card-content/card-content.cjs.js"),v=require("./card-context.cjs.js"),x=require("./card-header/card-header.cjs.js"),N=require("./card-notification/card-notification.cjs.js"),i=require("./utility.cjs.js"),j=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),n=P.forwardRef((t,c)=>{const{getCurrentBreakpointProps:s}=j.useBreakpointProps(t.defaultServerBreakpoint),{children:u,className:l,padding:f,background:C,borderRadius:b,borderless:m,border:p,...g}=s(t,{padding:1}),[d,a]=i.getCardBorderPlacementColor(p),r=i.resolveBorderRadius(b),q=B.default(e.default["tedi-card"],{[e.default[`tedi-card--border-${d}`]]:d,[e.default[`tedi-card--border--${a}`]]:a,[e.default["tedi-card--borderless"]]:m,[e.default["tedi-card--no-radius-tl"]]:!r.topLeft,[e.default["tedi-card--no-radius-tr"]]:!r.topRight,[e.default["tedi-card--no-radius-br"]]:!r.bottomRight,[e.default["tedi-card--no-radius-bl"]]:!r.bottomLeft},l);return o.jsx(v.CardContext.Provider,{value:{padding:f,background:C},children:o.jsx("div",{"data-name":"card","data-testid":"tedi-card",...g,className:q,ref:c,children:u})})});n.displayName="Card";const k=Object.assign(n,{Content:R.CardContent,Header:x.CardHeader,Notification:N.CardNotification});exports.Card=k;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { default as React, CSSProperties } from 'react';
|
|
2
2
|
import { BreakpointSupport } from '../../../helpers';
|
|
3
3
|
import { CardContentProps } from './card-content/card-content';
|
|
4
|
-
import { CardBackground, CardBorderType, CardContentPaddingNumber } from './utility';
|
|
4
|
+
import { BorderRadius, CardBackground, CardBorderType, CardContentPaddingNumber } from './utility';
|
|
5
5
|
export type CardContentPadding = CardContentPaddingNumber | {
|
|
6
6
|
vertical: CardContentPaddingNumber;
|
|
7
7
|
horizontal: CardContentPaddingNumber;
|
|
@@ -56,15 +56,20 @@ type CardBreakpointProps = {
|
|
|
56
56
|
*/
|
|
57
57
|
className?: string;
|
|
58
58
|
/**
|
|
59
|
-
*
|
|
60
|
-
*
|
|
59
|
+
* Controls card border radius.
|
|
60
|
+
*
|
|
61
|
+
* Accepts `false` to remove all radius or an object to control sides or individual corners.
|
|
62
|
+
*
|
|
63
|
+
* Side values affect two corners while corner values take precedence.
|
|
64
|
+
*
|
|
65
|
+
* Examples:
|
|
66
|
+
* `false` → no radius
|
|
67
|
+
* `{ top:false }` → removes top corners
|
|
68
|
+
* `{ left:false }` → removes left corners
|
|
69
|
+
* `{ topLeft:false }` → removes one corner
|
|
70
|
+
* `{ bottom:false, bottomRight:true }` → corner override
|
|
61
71
|
*/
|
|
62
|
-
borderRadius?:
|
|
63
|
-
top?: boolean;
|
|
64
|
-
right?: boolean;
|
|
65
|
-
bottom?: boolean;
|
|
66
|
-
left?: boolean;
|
|
67
|
-
};
|
|
72
|
+
borderRadius?: BorderRadius;
|
|
68
73
|
/**
|
|
69
74
|
* Remove border from card
|
|
70
75
|
*/
|
|
@@ -1,34 +1,34 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import
|
|
3
|
-
import { forwardRef as
|
|
4
|
-
import
|
|
5
|
-
import { CardContent as
|
|
6
|
-
import { CardContext as
|
|
7
|
-
import { CardHeader as
|
|
8
|
-
import { CardNotification as
|
|
9
|
-
import { getCardBorderPlacementColor as
|
|
10
|
-
import { useBreakpointProps as
|
|
11
|
-
const i =
|
|
12
|
-
const { getCurrentBreakpointProps:
|
|
13
|
-
|
|
1
|
+
import { jsx as a } from "react/jsx-runtime";
|
|
2
|
+
import B from "../../../../../external/classnames/index.es.js";
|
|
3
|
+
import { forwardRef as N } from "react";
|
|
4
|
+
import r from "./card.module.scss.es.js";
|
|
5
|
+
import { CardContent as v } from "./card-content/card-content.es.js";
|
|
6
|
+
import { CardContext as P } from "./card-context.es.js";
|
|
7
|
+
import { CardHeader as R } from "./card-header/card-header.es.js";
|
|
8
|
+
import { CardNotification as h } from "./card-notification/card-notification.es.js";
|
|
9
|
+
import { getCardBorderPlacementColor as k, resolveBorderRadius as x } from "./utility.es.js";
|
|
10
|
+
import { useBreakpointProps as j } from "../../../helpers/hooks/use-breakpoint-props.es.js";
|
|
11
|
+
const i = N((t, s) => {
|
|
12
|
+
const { getCurrentBreakpointProps: n } = j(t.defaultServerBreakpoint), { children: c, className: m, padding: p, background: l, borderRadius: f, borderless: C, border: b, ...u } = n(t, { padding: 1 }), [e, d] = k(b), o = x(f), g = B(
|
|
13
|
+
r["tedi-card"],
|
|
14
14
|
{
|
|
15
|
-
[
|
|
16
|
-
[
|
|
17
|
-
[
|
|
18
|
-
[
|
|
19
|
-
[
|
|
20
|
-
[
|
|
21
|
-
[
|
|
15
|
+
[r[`tedi-card--border-${e}`]]: e,
|
|
16
|
+
[r[`tedi-card--border--${d}`]]: d,
|
|
17
|
+
[r["tedi-card--borderless"]]: C,
|
|
18
|
+
[r["tedi-card--no-radius-tl"]]: !o.topLeft,
|
|
19
|
+
[r["tedi-card--no-radius-tr"]]: !o.topRight,
|
|
20
|
+
[r["tedi-card--no-radius-br"]]: !o.bottomRight,
|
|
21
|
+
[r["tedi-card--no-radius-bl"]]: !o.bottomLeft
|
|
22
22
|
},
|
|
23
|
-
|
|
23
|
+
m
|
|
24
24
|
);
|
|
25
|
-
return /* @__PURE__ */
|
|
25
|
+
return /* @__PURE__ */ a(P.Provider, { value: { padding: p, background: l }, children: /* @__PURE__ */ a("div", { "data-name": "card", "data-testid": "tedi-card", ...u, className: g, ref: s, children: c }) });
|
|
26
26
|
});
|
|
27
27
|
i.displayName = "Card";
|
|
28
28
|
const z = Object.assign(i, {
|
|
29
|
-
Content:
|
|
30
|
-
Header:
|
|
31
|
-
Notification:
|
|
29
|
+
Content: v,
|
|
30
|
+
Header: R,
|
|
31
|
+
Notification: h
|
|
32
32
|
});
|
|
33
33
|
export {
|
|
34
34
|
z as Card
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r={"tedi-card":"tedi-card-6773201e","tedi-card--background--accent":"tedi-card--background--accent-a0ccccbf","tedi-card--border--accent":"tedi-card--border--accent-16076fd7","tedi-card--background--brand-primary":"tedi-card--background--brand-primary-2e729236","tedi-card--border--brand-primary":"tedi-card--border--brand-primary-0ebff366","tedi-card--background--brand-secondary":"tedi-card--background--brand-secondary-e0935065","tedi-card--border--brand-secondary":"tedi-card--border--brand-secondary-c8f172e4","tedi-card--background--brand-tertiary":"tedi-card--background--brand-tertiary-8d2f79f4","tedi-card--border--brand-tertiary":"tedi-card--border--brand-tertiary-cc06323c","tedi-card--background--brand-quaternary":"tedi-card--background--brand-quaternary-e35ff683","tedi-card--border--brand-quaternary":"tedi-card--border--brand-quaternary-fdf175e9","tedi-card--background--primary":"tedi-card--background--primary-6f518b6a","tedi-card--border--primary":"tedi-card--border--primary-3ee7b649","tedi-card--background--secondary":"tedi-card--background--secondary-402019fb","tedi-card--border--secondary":"tedi-card--border--secondary-b0de1d8c","tedi-card--background--tertiary":"tedi-card--background--tertiary-d57f4e16","tedi-card--border--tertiary":"tedi-card--border--tertiary-1846869a","tedi-card--background--info-primary":"tedi-card--background--info-primary-981c7808","tedi-card--border--info-primary":"tedi-card--border--info-primary-d73b0349","tedi-card--background--info-secondary":"tedi-card--background--info-secondary-118ce8d4","tedi-card--border--info-secondary":"tedi-card--border--info-secondary-25075005","tedi-card--background--neutral-primary":"tedi-card--background--neutral-primary-8b4fa913","tedi-card--border--neutral-primary":"tedi-card--border--neutral-primary-3c442023","tedi-card--background--neutral-secondary":"tedi-card--background--neutral-secondary-77a1899a","tedi-card--border--neutral-secondary":"tedi-card--border--neutral-secondary-2dd2db0a","tedi-card--background--success-primary":"tedi-card--background--success-primary-2e50333d","tedi-card--border--success-primary":"tedi-card--border--success-primary-167796e5","tedi-card--background--success-secondary":"tedi-card--background--success-secondary-5ef8094d","tedi-card--border--success-secondary":"tedi-card--border--success-secondary-5d3c8168","tedi-card--background--danger-primary":"tedi-card--background--danger-primary-a701ed87","tedi-card--border--danger-primary":"tedi-card--border--danger-primary-f0b990dd","tedi-card--background--danger-secondary":"tedi-card--background--danger-secondary-cbde6da8","tedi-card--border--danger-secondary":"tedi-card--border--danger-secondary-29b9cdf0","tedi-card--background--warning-primary":"tedi-card--background--warning-primary-92facd8b","tedi-card--border--warning-primary":"tedi-card--border--warning-primary-60cabe9b","tedi-card--background--warning-secondary":"tedi-card--background--warning-secondary-01e1cafe","tedi-card--border--warning-secondary":"tedi-card--border--warning-secondary-e4339e73","tedi-card--border-left":"tedi-card--border-left-d2bbe0cd","tedi-card--border-top":"tedi-card--border-top-4199f286","tedi-card--borderless":"tedi-card--borderless-8f44bb3f","tedi-card--no-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r={"tedi-card":"tedi-card-6773201e","tedi-card--background--accent":"tedi-card--background--accent-a0ccccbf","tedi-card--border--accent":"tedi-card--border--accent-16076fd7","tedi-card--background--brand-primary":"tedi-card--background--brand-primary-2e729236","tedi-card--border--brand-primary":"tedi-card--border--brand-primary-0ebff366","tedi-card--background--brand-secondary":"tedi-card--background--brand-secondary-e0935065","tedi-card--border--brand-secondary":"tedi-card--border--brand-secondary-c8f172e4","tedi-card--background--brand-tertiary":"tedi-card--background--brand-tertiary-8d2f79f4","tedi-card--border--brand-tertiary":"tedi-card--border--brand-tertiary-cc06323c","tedi-card--background--brand-quaternary":"tedi-card--background--brand-quaternary-e35ff683","tedi-card--border--brand-quaternary":"tedi-card--border--brand-quaternary-fdf175e9","tedi-card--background--primary":"tedi-card--background--primary-6f518b6a","tedi-card--border--primary":"tedi-card--border--primary-3ee7b649","tedi-card--background--secondary":"tedi-card--background--secondary-402019fb","tedi-card--border--secondary":"tedi-card--border--secondary-b0de1d8c","tedi-card--background--tertiary":"tedi-card--background--tertiary-d57f4e16","tedi-card--border--tertiary":"tedi-card--border--tertiary-1846869a","tedi-card--background--info-primary":"tedi-card--background--info-primary-981c7808","tedi-card--border--info-primary":"tedi-card--border--info-primary-d73b0349","tedi-card--background--info-secondary":"tedi-card--background--info-secondary-118ce8d4","tedi-card--border--info-secondary":"tedi-card--border--info-secondary-25075005","tedi-card--background--neutral-primary":"tedi-card--background--neutral-primary-8b4fa913","tedi-card--border--neutral-primary":"tedi-card--border--neutral-primary-3c442023","tedi-card--background--neutral-secondary":"tedi-card--background--neutral-secondary-77a1899a","tedi-card--border--neutral-secondary":"tedi-card--border--neutral-secondary-2dd2db0a","tedi-card--background--success-primary":"tedi-card--background--success-primary-2e50333d","tedi-card--border--success-primary":"tedi-card--border--success-primary-167796e5","tedi-card--background--success-secondary":"tedi-card--background--success-secondary-5ef8094d","tedi-card--border--success-secondary":"tedi-card--border--success-secondary-5d3c8168","tedi-card--background--danger-primary":"tedi-card--background--danger-primary-a701ed87","tedi-card--border--danger-primary":"tedi-card--border--danger-primary-f0b990dd","tedi-card--background--danger-secondary":"tedi-card--background--danger-secondary-cbde6da8","tedi-card--border--danger-secondary":"tedi-card--border--danger-secondary-29b9cdf0","tedi-card--background--warning-primary":"tedi-card--background--warning-primary-92facd8b","tedi-card--border--warning-primary":"tedi-card--border--warning-primary-60cabe9b","tedi-card--background--warning-secondary":"tedi-card--background--warning-secondary-01e1cafe","tedi-card--border--warning-secondary":"tedi-card--border--warning-secondary-e4339e73","tedi-card--border-left":"tedi-card--border-left-d2bbe0cd","tedi-card--border-top":"tedi-card--border-top-4199f286","tedi-card--borderless":"tedi-card--borderless-8f44bb3f","tedi-card--no-radius-tl":"tedi-card--no-radius-tl-900ebe9c","tedi-card__header":"tedi-card__header-f7a4ed63","tedi-card__content":"tedi-card__content-a40bc648","tedi-card--no-radius-tr":"tedi-card--no-radius-tr-e87cc7aa","tedi-card--no-radius-br":"tedi-card--no-radius-br-0a933ce8","tedi-card--no-radius-bl":"tedi-card--no-radius-bl-b31d5f40","tedi-card__content--separator":"tedi-card__content--separator-0019d413"};exports.default=r;
|
|
@@ -39,13 +39,13 @@ const r = {
|
|
|
39
39
|
"tedi-card--border-left": "tedi-card--border-left-d2bbe0cd",
|
|
40
40
|
"tedi-card--border-top": "tedi-card--border-top-4199f286",
|
|
41
41
|
"tedi-card--borderless": "tedi-card--borderless-8f44bb3f",
|
|
42
|
-
"tedi-card--no-
|
|
42
|
+
"tedi-card--no-radius-tl": "tedi-card--no-radius-tl-900ebe9c",
|
|
43
|
+
"tedi-card__header": "tedi-card__header-f7a4ed63",
|
|
43
44
|
"tedi-card__content": "tedi-card__content-a40bc648",
|
|
44
|
-
"tedi-card--no-
|
|
45
|
-
"tedi-card--no-
|
|
46
|
-
"tedi-card--no-
|
|
47
|
-
"tedi-card__content--separator": "tedi-card__content--separator-0019d413"
|
|
48
|
-
"tedi-card__header": "tedi-card__header-f7a4ed63"
|
|
45
|
+
"tedi-card--no-radius-tr": "tedi-card--no-radius-tr-e87cc7aa",
|
|
46
|
+
"tedi-card--no-radius-br": "tedi-card--no-radius-br-0a933ce8",
|
|
47
|
+
"tedi-card--no-radius-bl": "tedi-card--no-radius-bl-b31d5f40",
|
|
48
|
+
"tedi-card__content--separator": "tedi-card__content--separator-0019d413"
|
|
49
49
|
};
|
|
50
50
|
export {
|
|
51
51
|
r as default
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=t=>{const o=t==null?void 0:t.replace(/(top-)|(left-)/s,"");return[t==null?void 0:t.replace(new RegExp(`(${o})|-`,"g"),""),o]},h=t=>{const o=e=>typeof e=="object"&&"vertical"in e&&"horizontal"in e;if(typeof t=="number")return{"--card-content-padding-top":`${t}rem`,"--card-content-padding-right":`${t}rem`,"--card-content-padding-bottom":`${t}rem`,"--card-content-padding-left":`${t}rem`};if(o(t)){const{vertical:e,horizontal:r}=t;return{"--card-content-padding-top":`${e}rem`,"--card-content-padding-right":`${r}rem`,"--card-content-padding-bottom":`${e}rem`,"--card-content-padding-left":`${r}rem`}}const{top:n=0,right:a=0,bottom:i=0,left:s=0}=t||{};return{"--card-content-padding-top":`${n}rem`,"--card-content-padding-right":`${a}rem`,"--card-content-padding-bottom":`${i}rem`,"--card-content-padding-left":`${s}rem`}},b=t=>{if(t===!1)return{topLeft:!1,topRight:!1,bottomRight:!1,bottomLeft:!1};const{top:o,right:n,bottom:a,left:i,topLeft:s,topRight:e,bottomRight:r,bottomLeft:g}=t??{},d=o!==!1,l=n!==!1,m=a!==!1,f=i!==!1,c={topLeft:d&&f,topRight:d&&l,bottomRight:m&&l,bottomLeft:m&&f};return{topLeft:s??c.topLeft,topRight:e??c.topRight,bottomRight:r??c.bottomRight,bottomLeft:g??c.bottomLeft}};exports.getCardBorderPlacementColor=p;exports.getPaddingCssVariables=h;exports.resolveBorderRadius=b;
|
|
@@ -22,3 +22,20 @@ export declare const getPaddingCssVariables: (padding: CardContentProps["padding
|
|
|
22
22
|
'--card-content-padding-bottom': string;
|
|
23
23
|
'--card-content-padding-left': string;
|
|
24
24
|
};
|
|
25
|
+
export type BorderRadius = false | {
|
|
26
|
+
top?: boolean;
|
|
27
|
+
right?: boolean;
|
|
28
|
+
bottom?: boolean;
|
|
29
|
+
left?: boolean;
|
|
30
|
+
topLeft?: boolean;
|
|
31
|
+
topRight?: boolean;
|
|
32
|
+
bottomRight?: boolean;
|
|
33
|
+
bottomLeft?: boolean;
|
|
34
|
+
};
|
|
35
|
+
export type ResolvedCorners = {
|
|
36
|
+
topLeft: boolean;
|
|
37
|
+
topRight: boolean;
|
|
38
|
+
bottomRight: boolean;
|
|
39
|
+
bottomLeft: boolean;
|
|
40
|
+
};
|
|
41
|
+
export declare const resolveBorderRadius: (config?: BorderRadius) => ResolvedCorners;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
const
|
|
1
|
+
const g = (t) => {
|
|
2
2
|
const e = t == null ? void 0 : t.replace(/(top-)|(left-)/s, "");
|
|
3
3
|
return [t == null ? void 0 : t.replace(new RegExp(`(${e})|-`, "g"), ""), e];
|
|
4
|
-
},
|
|
5
|
-
const e = (
|
|
4
|
+
}, h = (t) => {
|
|
5
|
+
const e = (o) => typeof o == "object" && "vertical" in o && "horizontal" in o;
|
|
6
6
|
if (typeof t == "number")
|
|
7
7
|
return {
|
|
8
8
|
"--card-content-padding-top": `${t}rem`,
|
|
@@ -11,23 +11,44 @@ const d = (t) => {
|
|
|
11
11
|
"--card-content-padding-left": `${t}rem`
|
|
12
12
|
};
|
|
13
13
|
if (e(t)) {
|
|
14
|
-
const { vertical:
|
|
14
|
+
const { vertical: o, horizontal: r } = t;
|
|
15
15
|
return {
|
|
16
|
-
"--card-content-padding-top": `${
|
|
17
|
-
"--card-content-padding-right": `${
|
|
18
|
-
"--card-content-padding-bottom": `${
|
|
19
|
-
"--card-content-padding-left": `${
|
|
16
|
+
"--card-content-padding-top": `${o}rem`,
|
|
17
|
+
"--card-content-padding-right": `${r}rem`,
|
|
18
|
+
"--card-content-padding-bottom": `${o}rem`,
|
|
19
|
+
"--card-content-padding-left": `${r}rem`
|
|
20
20
|
};
|
|
21
21
|
}
|
|
22
|
-
const { top:
|
|
22
|
+
const { top: n = 0, right: i = 0, bottom: a = 0, left: s = 0 } = t || {};
|
|
23
23
|
return {
|
|
24
|
-
"--card-content-padding-top": `${
|
|
25
|
-
"--card-content-padding-right": `${
|
|
24
|
+
"--card-content-padding-top": `${n}rem`,
|
|
25
|
+
"--card-content-padding-right": `${i}rem`,
|
|
26
26
|
"--card-content-padding-bottom": `${a}rem`,
|
|
27
|
-
"--card-content-padding-left": `${
|
|
27
|
+
"--card-content-padding-left": `${s}rem`
|
|
28
|
+
};
|
|
29
|
+
}, b = (t) => {
|
|
30
|
+
if (t === !1)
|
|
31
|
+
return {
|
|
32
|
+
topLeft: !1,
|
|
33
|
+
topRight: !1,
|
|
34
|
+
bottomRight: !1,
|
|
35
|
+
bottomLeft: !1
|
|
36
|
+
};
|
|
37
|
+
const { top: e, right: n, bottom: i, left: a, topLeft: s, topRight: o, bottomRight: r, bottomLeft: l } = t ?? {}, m = e !== !1, f = n !== !1, p = i !== !1, d = a !== !1, c = {
|
|
38
|
+
topLeft: m && d,
|
|
39
|
+
topRight: m && f,
|
|
40
|
+
bottomRight: p && f,
|
|
41
|
+
bottomLeft: p && d
|
|
42
|
+
};
|
|
43
|
+
return {
|
|
44
|
+
topLeft: s ?? c.topLeft,
|
|
45
|
+
topRight: o ?? c.topRight,
|
|
46
|
+
bottomRight: r ?? c.bottomRight,
|
|
47
|
+
bottomLeft: l ?? c.bottomLeft
|
|
28
48
|
};
|
|
29
49
|
};
|
|
30
50
|
export {
|
|
31
|
-
|
|
32
|
-
|
|
51
|
+
g as getCardBorderPlacementColor,
|
|
52
|
+
h as getPaddingCssVariables,
|
|
53
|
+
b as resolveBorderRadius
|
|
33
54
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("../../../../../external/classnames/index.cjs.js"),m=require("react"),R=require("../../base/icon/icon.cjs.js"),w=require("../../loaders/spinner/spinner.cjs.js"),P=require("../feedback-text/feedback-text.cjs.js"),M=require("../form-label/form-label.cjs.js"),e=require("./toggle.module.scss.cjs.js"),_=m.forwardRef((k,x)=>{const{id:o,label:l,hideLabel:j=!1,labelPosition:N="left",helper:a,className:y,checked:n,defaultChecked:g,onChange:d,size:C,color:q="primary",type:v="filled",icon:u,disabled:f=!1,isLoading:s=!1,tooltip:T,...$}=k,h=a?`${o}-helper`:void 0,[z,S]=m.useState(g??!1),i=typeof n<"u",c=i?n:z,p=C||(u?"large":"default"),L=b=>{s||(i||S(b.target.checked),d==null||d(b.target.checked))},F=r.default(e.default["tedi-toggle"],e.default[`tedi-toggle--${p}`],e.default[`tedi-toggle--${q}-${v}`],{[e.default["tedi-toggle--active"]]:c,[e.default["tedi-toggle--disabled"]]:f||s},y),I=r.default(e.default["tedi-toggle__control"],e.default[`tedi-toggle__control--label-${N}`]);return t.jsxs(t.Fragment,{children:[t.jsxs("div",{className:I,children:[l&&t.jsx(M.FormLabel,{id:o,className:e.default["tedi-toggle__label"],hideLabel:j,label:l,tooltip:T}),t.jsxs("div",{className:F,children:[t.jsx("input",{...$,ref:x,id:o,type:"checkbox",role:"switch","aria-label":typeof l=="string"?l:void 0,"aria-describedby":h,className:e.default["tedi-toggle__input"],checked:i?c:void 0,defaultChecked:i?void 0:g,disabled:f||s,onChange:L}),t.jsx("span",{className:e.default["tedi-toggle__slider"],children:s?t.jsx(w.Spinner,{size:p==="large"?16:10,className:e.default["tedi-toggle__icon"]}):u?t.jsx(R.Icon,{name:c?"lock_open":"lock",size:16,color:"inherit"}):null})]})]}),a&&t.jsx(P.FeedbackText,{id:h,...a,className:r.default(e.default["tedi-toggle__helper"],a.className)})]})});_.displayName="Toggle";exports.Toggle=_;
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { FeedbackTextProps } from '../feedback-text/feedback-text';
|
|
3
|
+
export interface ToggleProps {
|
|
4
|
+
/**
|
|
5
|
+
* Unique identifier for the toggle input.
|
|
6
|
+
* Required for accessibility and to link the label with the input.
|
|
7
|
+
*/
|
|
8
|
+
id: string;
|
|
9
|
+
/**
|
|
10
|
+
* Label text or element displayed next to the toggle.
|
|
11
|
+
* This is shown to users and should clearly describe what the toggle does.
|
|
12
|
+
*/
|
|
13
|
+
label: React.ReactNode;
|
|
14
|
+
/**
|
|
15
|
+
* Visually hides the label while keeping it accessible to screen readers.
|
|
16
|
+
* Useful when the toggle's purpose is clear from context (e.g., in a settings row).
|
|
17
|
+
* @default false
|
|
18
|
+
*/
|
|
19
|
+
hideLabel?: boolean;
|
|
20
|
+
/**
|
|
21
|
+
* Position of the label relative to the toggle switch.
|
|
22
|
+
* @default right
|
|
23
|
+
*/
|
|
24
|
+
labelPosition?: 'left' | 'right';
|
|
25
|
+
/**
|
|
26
|
+
* Optional helper text displayed below the toggle.
|
|
27
|
+
* Can be used to provide additional context or validation messages.
|
|
28
|
+
*/
|
|
29
|
+
helper?: FeedbackTextProps;
|
|
30
|
+
/**
|
|
31
|
+
* Additional CSS class name(s) to apply to the toggle wrapper.
|
|
32
|
+
* Useful for custom styling or theming from parent components.
|
|
33
|
+
*/
|
|
34
|
+
className?: string;
|
|
35
|
+
/**
|
|
36
|
+
* Controlled state of the toggle.
|
|
37
|
+
* Use this together with `onChange` for full control over the checked state.
|
|
38
|
+
*/
|
|
39
|
+
checked?: boolean;
|
|
40
|
+
/**
|
|
41
|
+
* Initial checked state for uncontrolled usage.
|
|
42
|
+
* Ignored if `checked` prop is provided.
|
|
43
|
+
*/
|
|
44
|
+
defaultChecked?: boolean;
|
|
45
|
+
/**
|
|
46
|
+
* Callback fired when the toggle state changes.
|
|
47
|
+
* @param value - The new checked state (`true` or `false`)
|
|
48
|
+
*/
|
|
49
|
+
onChange?(value: boolean): void;
|
|
50
|
+
/**
|
|
51
|
+
* Size of the toggle switch.
|
|
52
|
+
* @default default
|
|
53
|
+
*/
|
|
54
|
+
size?: 'default' | 'large';
|
|
55
|
+
/**
|
|
56
|
+
* Color variant of the toggle.
|
|
57
|
+
* - `primary`: Standard toggle (usually blue/brand color)
|
|
58
|
+
* - `colored`: Alternative accent color (e.g. for special settings)
|
|
59
|
+
* @default primary
|
|
60
|
+
*/
|
|
61
|
+
color?: 'primary' | 'colored';
|
|
62
|
+
/**
|
|
63
|
+
* Visual style variant of the toggle.
|
|
64
|
+
* @default filled
|
|
65
|
+
*/
|
|
66
|
+
type?: 'filled' | 'outlined';
|
|
67
|
+
/**
|
|
68
|
+
* Shows a lock icon inside the toggle knob.
|
|
69
|
+
* Typically used with `size="large"` to indicate secure/private settings.
|
|
70
|
+
* @default false
|
|
71
|
+
*/
|
|
72
|
+
icon?: boolean;
|
|
73
|
+
/**
|
|
74
|
+
* Disables the toggle, preventing user interaction.
|
|
75
|
+
* @default false
|
|
76
|
+
*/
|
|
77
|
+
disabled?: boolean;
|
|
78
|
+
/**
|
|
79
|
+
* Shows a loading spinner inside the toggle instead of the icon or dot.
|
|
80
|
+
* Useful for async operations (e.g. saving settings).
|
|
81
|
+
* When `true`, `onChange` will not be triggered.
|
|
82
|
+
* @default false
|
|
83
|
+
*/
|
|
84
|
+
isLoading?: boolean;
|
|
85
|
+
/**
|
|
86
|
+
* Tooltip content shown when hovering over the label.
|
|
87
|
+
* Useful for providing extra explanation without cluttering the UI.
|
|
88
|
+
*/
|
|
89
|
+
tooltip?: string;
|
|
90
|
+
}
|
|
91
|
+
export declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLInputElement>>;
|
|
92
|
+
export default Toggle;
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
import { jsxs as c, Fragment as w, jsx as l } from "react/jsx-runtime";
|
|
2
|
+
import n from "../../../../../external/classnames/index.es.js";
|
|
3
|
+
import { forwardRef as P, useState as R } from "react";
|
|
4
|
+
import { Icon as q } from "../../base/icon/icon.es.js";
|
|
5
|
+
import { Spinner as A } from "../../loaders/spinner/spinner.es.js";
|
|
6
|
+
import { FeedbackText as B } from "../feedback-text/feedback-text.es.js";
|
|
7
|
+
import { FormLabel as D } from "../form-label/form-label.es.js";
|
|
8
|
+
import e from "./toggle.module.scss.es.js";
|
|
9
|
+
const E = P((k, N) => {
|
|
10
|
+
const {
|
|
11
|
+
id: a,
|
|
12
|
+
label: t,
|
|
13
|
+
hideLabel: u = !1,
|
|
14
|
+
labelPosition: C = "left",
|
|
15
|
+
helper: o,
|
|
16
|
+
className: y,
|
|
17
|
+
checked: g,
|
|
18
|
+
defaultChecked: m,
|
|
19
|
+
onChange: r,
|
|
20
|
+
size: v,
|
|
21
|
+
color: x = "primary",
|
|
22
|
+
type: z = "filled",
|
|
23
|
+
icon: p,
|
|
24
|
+
disabled: f = !1,
|
|
25
|
+
isLoading: i = !1,
|
|
26
|
+
tooltip: $,
|
|
27
|
+
...F
|
|
28
|
+
} = k, h = o ? `${a}-helper` : void 0, [I, L] = R(m ?? !1), s = typeof g < "u", d = s ? g : I, _ = v || (p ? "large" : "default"), S = (b) => {
|
|
29
|
+
i || (s || L(b.target.checked), r == null || r(b.target.checked));
|
|
30
|
+
}, T = n(
|
|
31
|
+
e["tedi-toggle"],
|
|
32
|
+
e[`tedi-toggle--${_}`],
|
|
33
|
+
e[`tedi-toggle--${x}-${z}`],
|
|
34
|
+
{
|
|
35
|
+
[e["tedi-toggle--active"]]: d,
|
|
36
|
+
[e["tedi-toggle--disabled"]]: f || i
|
|
37
|
+
},
|
|
38
|
+
y
|
|
39
|
+
), j = n(e["tedi-toggle__control"], e[`tedi-toggle__control--label-${C}`]);
|
|
40
|
+
return /* @__PURE__ */ c(w, { children: [
|
|
41
|
+
/* @__PURE__ */ c("div", { className: j, children: [
|
|
42
|
+
t && /* @__PURE__ */ l(
|
|
43
|
+
D,
|
|
44
|
+
{
|
|
45
|
+
id: a,
|
|
46
|
+
className: e["tedi-toggle__label"],
|
|
47
|
+
hideLabel: u,
|
|
48
|
+
label: t,
|
|
49
|
+
tooltip: $
|
|
50
|
+
}
|
|
51
|
+
),
|
|
52
|
+
/* @__PURE__ */ c("div", { className: T, children: [
|
|
53
|
+
/* @__PURE__ */ l(
|
|
54
|
+
"input",
|
|
55
|
+
{
|
|
56
|
+
...F,
|
|
57
|
+
ref: N,
|
|
58
|
+
id: a,
|
|
59
|
+
type: "checkbox",
|
|
60
|
+
role: "switch",
|
|
61
|
+
"aria-label": typeof t == "string" ? t : void 0,
|
|
62
|
+
"aria-describedby": h,
|
|
63
|
+
className: e["tedi-toggle__input"],
|
|
64
|
+
checked: s ? d : void 0,
|
|
65
|
+
defaultChecked: s ? void 0 : m,
|
|
66
|
+
disabled: f || i,
|
|
67
|
+
onChange: S
|
|
68
|
+
}
|
|
69
|
+
),
|
|
70
|
+
/* @__PURE__ */ l("span", { className: e["tedi-toggle__slider"], children: i ? /* @__PURE__ */ l(A, { size: _ === "large" ? 16 : 10, className: e["tedi-toggle__icon"] }) : p ? /* @__PURE__ */ l(q, { name: d ? "lock_open" : "lock", size: 16, color: "inherit" }) : null })
|
|
71
|
+
] })
|
|
72
|
+
] }),
|
|
73
|
+
o && /* @__PURE__ */ l(B, { id: h, ...o, className: n(e["tedi-toggle__helper"], o.className) })
|
|
74
|
+
] });
|
|
75
|
+
});
|
|
76
|
+
E.displayName = "Toggle";
|
|
77
|
+
export {
|
|
78
|
+
E as Toggle
|
|
79
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-toggle":"tedi-toggle-bf2092b8","tedi-toggle--default":"tedi-toggle--default-29bee46c","tedi-toggle__slider":"tedi-toggle__slider-99a4a0ae","tedi-toggle--large":"tedi-toggle--large-0b4cc552","tedi-toggle--primary-filled":"tedi-toggle--primary-filled-179ce9d5","tedi-toggle--primary-outlined":"tedi-toggle--primary-outlined-5740f18d","tedi-toggle--colored-filled":"tedi-toggle--colored-filled-0cf929c1","tedi-toggle--colored-outlined":"tedi-toggle--colored-outlined-1b147450","tedi-toggle__input":"tedi-toggle__input-1ef36755","tedi-toggle__icon":"tedi-toggle__icon-3602d8ca","tedi-toggle--disabled":"tedi-toggle--disabled-72cc5bec","tedi-toggle__control":"tedi-toggle__control-5202406f","tedi-toggle__control--label-left":"tedi-toggle__control--label-left-b0ce2b37","tedi-toggle__control--label-right":"tedi-toggle__control--label-right-0fff724d"};exports.default=e;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
const e = {
|
|
2
|
+
"tedi-toggle": "tedi-toggle-bf2092b8",
|
|
3
|
+
"tedi-toggle--default": "tedi-toggle--default-29bee46c",
|
|
4
|
+
"tedi-toggle__slider": "tedi-toggle__slider-99a4a0ae",
|
|
5
|
+
"tedi-toggle--large": "tedi-toggle--large-0b4cc552",
|
|
6
|
+
"tedi-toggle--primary-filled": "tedi-toggle--primary-filled-179ce9d5",
|
|
7
|
+
"tedi-toggle--primary-outlined": "tedi-toggle--primary-outlined-5740f18d",
|
|
8
|
+
"tedi-toggle--colored-filled": "tedi-toggle--colored-filled-0cf929c1",
|
|
9
|
+
"tedi-toggle--colored-outlined": "tedi-toggle--colored-outlined-1b147450",
|
|
10
|
+
"tedi-toggle__input": "tedi-toggle__input-1ef36755",
|
|
11
|
+
"tedi-toggle__icon": "tedi-toggle__icon-3602d8ca",
|
|
12
|
+
"tedi-toggle--disabled": "tedi-toggle--disabled-72cc5bec",
|
|
13
|
+
"tedi-toggle__control": "tedi-toggle__control-5202406f",
|
|
14
|
+
"tedi-toggle__control--label-left": "tedi-toggle__control--label-left-b0ce2b37",
|
|
15
|
+
"tedi-toggle__control--label-right": "tedi-toggle__control--label-right-0fff724d"
|
|
16
|
+
};
|
|
17
|
+
export {
|
|
18
|
+
e as default
|
|
19
|
+
};
|
package/src/tedi/index.d.ts
CHANGED
|
@@ -27,6 +27,7 @@ export * from './components/navigation/link/link';
|
|
|
27
27
|
export * from './components/form/textfield/textfield';
|
|
28
28
|
export * from './components/form/textarea/textarea';
|
|
29
29
|
export * from './components/form/number-field/number-field';
|
|
30
|
+
export * from './components/form/toggle/toggle';
|
|
30
31
|
export * from './components/form/feedback-text/feedback-text';
|
|
31
32
|
export * from './components/form/search/search';
|
|
32
33
|
export * from './components/form/radio/radio';
|
package/tedi.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./src/tedi/components/base/typography/text/text.cjs.js"),u=require("./src/tedi/components/base/typography/heading/heading.cjs.js"),a=require("./src/tedi/components/base/icon/icon.cjs.js"),l=require("./src/tedi/components/content/label/label.cjs.js"),d=require("./src/tedi/components/content/section/section.cjs.js"),p=require("./src/tedi/components/content/heading-with-icon/heading-with-icon.cjs.js"),q=require("./src/tedi/components/content/truncate/truncate.cjs.js"),g=require("./src/tedi/components/content/text-group/text-group.cjs.js"),C=require("./src/tedi/components/loaders/spinner/spinner.cjs.js"),v=require("./src/tedi/components/tags/tag/tag.cjs.js"),S=require("./src/tedi/components/tags/status-badge/status-badge.cjs.js"),T=require("./src/tedi/components/buttons/closing-button/closing-button.cjs.js"),b=require("./src/tedi/components/buttons/button/button.cjs.js"),h=require("./src/tedi/components/buttons/info-button/info-button.cjs.js"),x=require("./src/tedi/components/buttons/floating-button/floating-button.cjs.js"),I=require("./src/tedi/components/buttons/button-group/button-group.cjs.js"),P=require("./src/tedi/components/buttons/collapse/collapse.cjs.js"),B=require("./src/tedi/components/notifications/alert/alert.cjs.js"),k=require("./src/tedi/components/notifications/toast/toast.cjs.js"),m=require("./src/tedi/components/navigation/hash-trigger/hash-trigger.cjs.js"),w=require("./src/tedi/components/navigation/link/link.cjs.js"),D=require("./src/tedi/components/form/textfield/textfield.cjs.js"),L=require("./src/tedi/components/form/textarea/textarea.cjs.js"),f=require("./src/tedi/components/form/number-field/number-field.cjs.js"),F=require("./src/tedi/components/form/feedback-text/feedback-text.cjs.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./src/tedi/components/base/typography/text/text.cjs.js"),u=require("./src/tedi/components/base/typography/heading/heading.cjs.js"),a=require("./src/tedi/components/base/icon/icon.cjs.js"),l=require("./src/tedi/components/content/label/label.cjs.js"),d=require("./src/tedi/components/content/section/section.cjs.js"),p=require("./src/tedi/components/content/heading-with-icon/heading-with-icon.cjs.js"),q=require("./src/tedi/components/content/truncate/truncate.cjs.js"),g=require("./src/tedi/components/content/text-group/text-group.cjs.js"),C=require("./src/tedi/components/loaders/spinner/spinner.cjs.js"),v=require("./src/tedi/components/tags/tag/tag.cjs.js"),S=require("./src/tedi/components/tags/status-badge/status-badge.cjs.js"),T=require("./src/tedi/components/buttons/closing-button/closing-button.cjs.js"),b=require("./src/tedi/components/buttons/button/button.cjs.js"),h=require("./src/tedi/components/buttons/info-button/info-button.cjs.js"),x=require("./src/tedi/components/buttons/floating-button/floating-button.cjs.js"),I=require("./src/tedi/components/buttons/button-group/button-group.cjs.js"),P=require("./src/tedi/components/buttons/collapse/collapse.cjs.js"),B=require("./src/tedi/components/notifications/alert/alert.cjs.js"),k=require("./src/tedi/components/notifications/toast/toast.cjs.js"),m=require("./src/tedi/components/navigation/hash-trigger/hash-trigger.cjs.js"),w=require("./src/tedi/components/navigation/link/link.cjs.js"),D=require("./src/tedi/components/form/textfield/textfield.cjs.js"),L=require("./src/tedi/components/form/textarea/textarea.cjs.js"),f=require("./src/tedi/components/form/number-field/number-field.cjs.js"),F=require("./src/tedi/components/form/toggle/toggle.cjs.js"),G=require("./src/tedi/components/form/feedback-text/feedback-text.cjs.js"),N=require("./src/tedi/components/form/search/search.cjs.js"),y=require("./src/tedi/components/form/radio/radio.cjs.js"),A=require("./src/tedi/components/form/file-upload/file-upload.cjs.js"),M=require("./src/tedi/components/form/file-dropzone/file-dropzone.cjs.js"),H=require("./src/tedi/components/form/select/select.cjs.js"),V=require("./src/tedi/components/form/checkbox/checkbox.cjs.js"),z=require("./src/tedi/components/misc/separator/separator.cjs.js"),R=require("./src/tedi/components/misc/print/print.cjs.js"),U=require("./src/tedi/components/misc/stretch-content/stretch-content.cjs.js"),W=require("./src/tedi/components/misc/scroll-visibility/scroll-visibility.cjs.js"),E=require("./src/tedi/components/misc/scroll-fade/scroll-fade.cjs.js"),j=require("./src/tedi/components/misc/affix/affix.cjs.js"),O=require("./src/tedi/components/misc/ellipsis/ellipsis.cjs.js"),J=require("./src/tedi/providers/style-provider/style-provider.cjs.js"),o=require("./src/tedi/providers/accessibility-provider/accessibility-provider.cjs.js"),K=require("./src/tedi/providers/accessibility-provider/use-declare-loader.cjs.js"),t=require("./src/tedi/providers/theme-provider/theme-provider.cjs.js"),i=require("./src/tedi/providers/printing-provider/printing-provider.cjs.js"),Q=require("./src/tedi/components/cards/card/card.cjs.js"),X=require("./src/tedi/components/cards/card/card-content/card-content.cjs.js"),Y=require("./src/tedi/components/cards/card/card-header/card-header.cjs.js"),Z=require("./src/tedi/components/cards/card/card-notification/card-notification.cjs.js"),_=require("./src/tedi/components/form/choice-group/choice-group.cjs.js"),$=require("./src/tedi/components/form/choice-group/choice-group-context.cjs.js"),ee=require("./src/tedi/components/form/choice-group/components/choice-group-item/choice-group-item.cjs.js"),re=require("./src/tedi/components/layout/grid/col.cjs.js"),oe=require("./src/tedi/components/overlays/dropdown/dropdown.cjs.js"),te=require("./src/tedi/components/overlays/dropdown/dropdown-content/dropdown-content.cjs.js"),n=require("./src/tedi/components/overlays/dropdown/dropdown-context.cjs.js"),ie=require("./src/tedi/components/overlays/dropdown/dropdown-item/dropdown-item.cjs.js"),ne=require("./src/tedi/components/overlays/dropdown/dropdown-trigger/dropdown-trigger.cjs.js"),s=require("./src/tedi/providers/label-provider/label-provider.cjs.js"),se=require("./src/tedi/components/content/list/list.cjs.js"),ce=require("./src/tedi/components/content/list/list-item.cjs.js"),ue=require("./src/tedi/components/overlays/popover/popover.cjs.js"),ae=require("./src/tedi/components/overlays/popover/popover-content.cjs.js"),le=require("./src/tedi/components/overlays/popover/popover-trigger.cjs.js"),de=require("./src/tedi/components/layout/grid/row.cjs.js"),pe=require("./src/tedi/components/layout/sidenav/sidenav.cjs.js"),qe=require("./src/tedi/components/layout/sidenav/components/sidenav-dropdown/sidenav-dropdown.cjs.js"),ge=require("./src/tedi/components/layout/sidenav/components/sidenav-item/sidenav-item.cjs.js"),Ce=require("./src/tedi/components/layout/sidenav/components/sidenav-mobile/sidenav-mobile.cjs.js"),ve=require("./src/tedi/components/layout/sidenav/components/sidenav-toggle/sidenav-toggle.cjs.js"),Se=require("./src/tedi/components/loaders/skeleton/skeleton.cjs.js"),Te=require("./src/tedi/components/loaders/skeleton/skeleton-block/skeleton-block.cjs.js"),be=require("./external/react-toastify/dist/index.cjs.js"),he=require("./src/tedi/components/overlays/tooltip/tooltip.cjs.js"),xe=require("./src/tedi/components/overlays/tooltip/tooltip-content.cjs.js"),Ie=require("./src/tedi/components/overlays/tooltip/tooltip-trigger.cjs.js"),Pe=require("./src/tedi/components/layout/vertical-spacing/vertical-spacing.cjs.js"),Be=require("./src/tedi/components/layout/vertical-spacing/vertical-spacing-item.cjs.js"),e=require("./src/tedi/helpers/hooks/use-breakpoint.cjs.js"),r=require("./src/tedi/providers/label-provider/labels-map.cjs.js"),ke=require("./src/tedi/helpers/hooks/use-breakpoint-props.cjs.js"),me=require("./src/tedi/helpers/hooks/use-element-size.cjs.js"),we=require("./src/tedi/helpers/hooks/use-file-upload.cjs.js"),De=require("./src/tedi/helpers/hooks/use-is-mounted.cjs.js"),Le=require("./src/tedi/helpers/hooks/use-is-touch-device.cjs.js"),fe=require("./src/tedi/providers/label-provider/use-labels.cjs.js"),Fe=require("./src/tedi/helpers/hooks/use-scroll.cjs.js"),Ge=require("./src/tedi/helpers/hooks/use-what-input.cjs.js");exports.Text=c.Text;exports.Heading=u.Heading;exports.Icon=a.Icon;exports.Label=l.Label;exports.Section=d.Section;exports.HeadingWithIcon=p.HeadingWithIcon;exports.Truncate=q.Truncate;exports.TextGroup=g.TextGroup;exports.Spinner=C.Spinner;exports.Tag=v.Tag;exports.StatusBadge=S.StatusBadge;exports.ClosingButton=T.ClosingButton;exports.Button=b.Button;exports.InfoButton=h.InfoButton;exports.FloatingButton=x.FloatingButton;exports.ButtonGroup=I.ButtonGroup;exports.Collapse=P.Collapse;exports.Alert=B.Alert;exports.sendNotification=k.sendNotification;exports.HashTrigger=m.HashTrigger;exports.Link=w.Link;exports.TextField=D.TextField;exports.TextArea=L.TextArea;exports.NumberField=f.NumberField;exports.Toggle=F.Toggle;exports.FeedbackText=G.FeedbackText;exports.Search=N.Search;exports.Radio=y.Radio;exports.FileUpload=A.FileUpload;exports.FileDropzone=M.FileDropzone;exports.Select=H.Select;exports.Checkbox=V.Checkbox;exports.Separator=z.Separator;exports.Print=R.Print;exports.StretchContent=U.StretchContent;exports.ScrollVisibility=W.ScrollVisibility;exports.ScrollFade=E.ScrollFade;exports.Affix=j.Affix;exports.Ellipsis=O.Ellipsis;exports.StyleProvider=J.StyleProvider;exports.AccessibilityContext=o.AccessibilityContext;exports.AccessibilityProvider=o.AccessibilityProvider;exports.useDeclareLoader=K.useDeclareLoader;exports.ThemeProvider=t.ThemeProvider;exports.useTheme=t.useTheme;exports.PrintingProvider=i.PrintingProvider;exports.usePrint=i.usePrint;exports.Card=Q.Card;exports.CardContent=X.CardContent;exports.CardHeader=Y.CardHeader;exports.CardNotification=Z.CardNotification;exports.ChoiceGroup=_.ChoiceGroup;exports.ChoiceGroupContext=$.ChoiceGroupContext;exports.ChoiceGroupItem=ee.ChoiceGroupItem;exports.Col=re.Col;exports.Dropdown=oe.Dropdown;exports.DropdownContent=te.DropdownContent;exports.DropdownContext=n.DropdownContext;exports.useDropdownContext=n.useDropdownContext;exports.DropdownItem=ie.DropdownItem;exports.DropdownTrigger=ne.DropdownTrigger;exports.LabelContext=s.LabelContext;exports.LabelProvider=s.LabelProvider;exports.List=se.List;exports.ListItem=ce.ListItem;exports.Popover=ue.Popover;exports.PopoverContent=ae.PopoverContent;exports.PopoverTrigger=le.PopoverTrigger;exports.Row=de.Row;exports.SideNav=pe.SideNav;exports.SideNavDropdown=qe.SideNavDropdown;exports.SideNavItem=ge.SideNavItem;exports.SideNavMobile=Ce.SideNavMobile;exports.SidenavToggle=ve.SidenavToggle;exports.Skeleton=Se.Skeleton;exports.SkeletonBlock=Te.SkeletonBlock;exports.ToastContainer=be.ToastContainer;exports.Tooltip=he.Tooltip;exports.TooltipContent=xe.TooltipContent;exports.TooltipTrigger=Ie.TooltipTrigger;exports.VerticalSpacing=Pe.VerticalSpacing;exports.VerticalSpacingItem=Be.VerticalSpacingItem;exports.breakpoints=e.breakpoints;exports.isBreakpointBelow=e.isBreakpointBelow;exports.useBreakpoint=e.default;exports.labelsMap=r.labelsMap;exports.validateLabelRecord=r.validateLabelRecord;exports.validateLabelValues=r.validateLabelValues;exports.useBreakpointProps=ke.useBreakpointProps;exports.useElementSize=me.useElementSize;exports.useFileUpload=we.useFileUpload;exports.useIsMounted=De.useIsMounted;exports.useIsTouchDevice=Le.useIsTouchDevice;exports.useLabels=fe.useLabels;exports.useScroll=Fe.useScroll;exports.useWhatInput=Ge.useWhatInput;
|