@easypost/easy-ui 1.0.0-alpha.0
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/Button/Button.d.ts +27 -0
- package/Button/Button.d.ts.map +1 -0
- package/Button/Button.test.d.ts +2 -0
- package/Button/Button.test.d.ts.map +1 -0
- package/Button/index.d.ts +2 -0
- package/Button/index.d.ts.map +1 -0
- package/Button/index.js +1 -0
- package/Button/index.mjs +49 -0
- package/Button/utilities.d.ts +5 -0
- package/Button/utilities.d.ts.map +1 -0
- package/Button.module-115ca683.mjs +818 -0
- package/Button.module-14fa8511.js +1 -0
- package/Button.module-1fb91980.js +1 -0
- package/Button.module-494257e9.js +1 -0
- package/Button.module-5cc363bc.js +1 -0
- package/Button.module-5ce97013.mjs +818 -0
- package/Button.module-607d5623.mjs +818 -0
- package/Button.module-679f6b64.js +1 -0
- package/Button.module-7023bed7.mjs +818 -0
- package/Button.module-77f21f0f.mjs +818 -0
- package/Button.module-7d974638.mjs +818 -0
- package/Button.module-7f3d0216.js +1 -0
- package/Button.module-82af93cc.mjs +818 -0
- package/Button.module-9123c201.mjs +818 -0
- package/Button.module-91cfa338.js +1 -0
- package/Button.module-942c4274.js +1 -0
- package/Button.module-94a630d2.js +1 -0
- package/Button.module-a2c386c5.mjs +818 -0
- package/Button.module-aa9387fb.js +1 -0
- package/Button.module-baa496d5.mjs +818 -0
- package/DropdownButton/DropdownButton.d.ts +15 -0
- package/DropdownButton/DropdownButton.d.ts.map +1 -0
- package/DropdownButton/DropdownButton.test.d.ts +2 -0
- package/DropdownButton/DropdownButton.test.d.ts.map +1 -0
- package/DropdownButton/index.d.ts +2 -0
- package/DropdownButton/index.d.ts.map +1 -0
- package/DropdownButton/index.js +1 -0
- package/DropdownButton/index.mjs +40 -0
- package/Icon/Icon.d.ts +17 -0
- package/Icon/Icon.d.ts.map +1 -0
- package/Icon/Icon.test.d.ts +2 -0
- package/Icon/Icon.test.d.ts.map +1 -0
- package/Icon/index.d.ts +2 -0
- package/Icon/index.d.ts.map +1 -0
- package/Icon/index.js +1 -0
- package/Icon/index.mjs +6 -0
- package/Icon-0c035f66.mjs +30 -0
- package/Icon-1b63144c.js +1 -0
- package/Icon-37ce3d9a.mjs +30 -0
- package/Icon-53acbca3.mjs +30 -0
- package/Icon-5639942d.js +1 -0
- package/Icon-570b5898.js +1 -0
- package/Icon-666c3de5.js +1 -0
- package/Icon-68936d33.mjs +30 -0
- package/Icon-6abef12c.mjs +30 -0
- package/Icon-8baad3e8.js +1 -0
- package/Icon-8d3de3bb.js +1 -0
- package/Icon-96d00995.mjs +30 -0
- package/Icon-98a40b01.mjs +30 -0
- package/Icon-aa3be33e.js +1 -0
- package/Icon-d82e92cf.js +1 -0
- package/Icon-da4359df.mjs +30 -0
- package/Icon-e3fea9c2.mjs +30 -0
- package/Icon-e457e65d.js +1 -0
- package/Icon-eacb00d7.js +1 -0
- package/Icon-fea6a93a.mjs +30 -0
- package/Placeholder/Placeholder.d.ts +15 -0
- package/Placeholder/Placeholder.d.ts.map +1 -0
- package/Placeholder/Placeholder.test.d.ts +2 -0
- package/Placeholder/Placeholder.test.d.ts.map +1 -0
- package/Placeholder/index.d.ts +2 -0
- package/Placeholder/index.d.ts.map +1 -0
- package/Placeholder/index.js +1 -0
- package/Placeholder/index.mjs +65 -0
- package/Provider/Provider.d.ts +10 -0
- package/Provider/Provider.d.ts.map +1 -0
- package/Provider/index.d.ts +2 -0
- package/Provider/index.d.ts.map +1 -0
- package/Provider/index.js +1 -0
- package/Provider/index.mjs +9 -0
- package/Text/Text.d.ts +70 -0
- package/Text/Text.d.ts.map +1 -0
- package/Text/Text.test.d.ts +2 -0
- package/Text/Text.test.d.ts.map +1 -0
- package/Text/index.d.ts +2 -0
- package/Text/index.d.ts.map +1 -0
- package/Text/index.js +1 -0
- package/Text/index.mjs +60 -0
- package/Theme/Container.d.ts +6 -0
- package/Theme/Container.d.ts.map +1 -0
- package/Theme/Theme.d.ts +63 -0
- package/Theme/Theme.d.ts.map +1 -0
- package/Theme/Theme.test.d.ts +2 -0
- package/Theme/Theme.test.d.ts.map +1 -0
- package/Theme/index.d.ts +2 -0
- package/Theme/index.d.ts.map +1 -0
- package/Theme/index.js +1 -0
- package/Theme/index.mjs +8 -0
- package/Theme-0f0cbd77.mjs +396 -0
- package/Theme-122e766e.mjs +63 -0
- package/Theme-141dde98.js +7 -0
- package/Theme-161aed4a.mjs +389 -0
- package/Theme-1644b1f8.js +1 -0
- package/Theme-1a567898.js +18 -0
- package/Theme-2364878e.js +33 -0
- package/Theme-5ea4ba90.js +5 -0
- package/Theme-6ff68130.mjs +3764 -0
- package/Theme-93ca6374.js +18 -0
- package/Theme-e616f85f.mjs +57 -0
- package/Theme-f6215b48.mjs +375 -0
- package/package.json +19 -0
- package/style.css +1 -0
- package/styles/ezui-theme.scss.js +1 -0
- package/styles/ezui-theme.scss.mjs +4 -0
- package/theme.css +13 -0
- package/tokens-19a34c03.js +1 -0
- package/tokens-32b892de.mjs +192 -0
- package/tokens-4571c29d.js +1 -0
- package/tokens-713623f4.mjs +210 -0
- package/tokens-e7406ce6.js +1 -0
- package/tokens-ecab3956.mjs +196 -0
- package/types.d.ts +16 -0
- package/types.d.ts.map +1 -0
- package/utilities/css.d.ts +21 -0
- package/utilities/css.d.ts.map +1 -0
- package/utilities/css.js +1 -0
- package/utilities/css.mjs +47 -0
- package/utilities/css.test.d.ts +2 -0
- package/utilities/css.test.d.ts.map +1 -0
- package/utilities/css.test.js +1 -0
- package/utilities/css.test.mjs +56 -0
- package/utilities/storybook.d.ts +33 -0
- package/utilities/storybook.d.ts.map +1 -0
- package/utilities/storybook.js +1 -0
- package/utilities/storybook.mjs +33 -0
- package/utilities/tokens.d.ts +2 -0
- package/utilities/tokens.d.ts.map +1 -0
- package/utilities/tokens.js +1 -0
- package/utilities/tokens.mjs +9 -0
- package/utilities/tokens.test.d.ts +2 -0
- package/utilities/tokens.test.d.ts.map +1 -0
- package/utilities/types.d.ts +7 -0
- package/utilities/types.d.ts.map +1 -0
- package/utilities/types.js +1 -0
- package/utilities/types.mjs +1 -0
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ReactNode } from "react";
|
|
2
|
+
import { ButtonColor } from "../Button";
|
|
3
|
+
export type DropdownButtonVariant = "filled" | "outlined";
|
|
4
|
+
export type DropdownButtonProps = {
|
|
5
|
+
/** Button color */
|
|
6
|
+
color?: ButtonColor;
|
|
7
|
+
/** Button variant */
|
|
8
|
+
variant?: DropdownButtonVariant;
|
|
9
|
+
/** Disables button */
|
|
10
|
+
isDisabled?: boolean;
|
|
11
|
+
/** Content inside button */
|
|
12
|
+
children?: ReactNode;
|
|
13
|
+
};
|
|
14
|
+
export declare function DropdownButton(props: DropdownButtonProps): JSX.Element;
|
|
15
|
+
//# sourceMappingURL=DropdownButton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DropdownButton.d.ts","sourceRoot":"","sources":["../../src/DropdownButton/DropdownButton.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAU,MAAM,OAAO,CAAC;AAIjD,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAMxC,MAAM,MAAM,qBAAqB,GAAG,QAAQ,GAAG,UAAU,CAAC;AAE1D,MAAM,MAAM,mBAAmB,GAAG;IAChC,mBAAmB;IACnB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,qBAAqB;IACrB,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,sBAAsB;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,eA6BxD"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DropdownButton.test.d.ts","sourceRoot":"","sources":["../../src/DropdownButton/DropdownButton.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/DropdownButton/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),m=require("../Icon-1b63144c.js"),r=require("../utilities/css.js"),l=require("../Button.module-1fb91980.js");function d(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const a=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,a.get?a:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const c=d(n),b=({title:e,titleId:t,...o})=>c.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 48 48","aria-labelledby":t,...o},e?c.createElement("title",{id:t},e):null,c.createElement("path",{d:"m24 30.75-12-12 2.15-2.15L24 26.5l9.85-9.85L36 18.8Z"})),f="_DropdownButton_13b1y_5",y="_pipeSeparator_13b1y_26",i={DropdownButton:f,pipeSeparator:y};function g(e){const{color:t="primary",variant:o="filled",isDisabled:a=!1,children:u="Button"}=e,s=n.useRef(null),{buttonProps:p}=l.$701a24aa0da5b062$export$ea18c227d4417cc3(e,s);return l.logWarningIfInvalidColorVariantCombination(t,o),n.createElement("button",{disabled:a,ref:s,className:r.classNames(i.DropdownButton,l.commonButtonStyles[r.variationName("color",t)],l.commonButtonStyles[r.variationName("variant",o)]),...p},n.createElement("span",null,u),n.createElement("span",{className:r.classNames(i.pipeSeparator)}),n.createElement(m.Icon,{symbol:b}))}exports.DropdownButton=g;
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import * as n from "react";
|
|
2
|
+
import a, { useRef as u } from "react";
|
|
3
|
+
import { I as f } from "../Icon-37ce3d9a.mjs";
|
|
4
|
+
import { classNames as l, variationName as s } from "../utilities/css.mjs";
|
|
5
|
+
import { $ as b, l as w, c as i } from "../Button.module-5ce97013.mjs";
|
|
6
|
+
const B = ({
|
|
7
|
+
title: t,
|
|
8
|
+
titleId: e,
|
|
9
|
+
...o
|
|
10
|
+
}) => /* @__PURE__ */ n.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 48 48", "aria-labelledby": e, ...o }, t ? /* @__PURE__ */ n.createElement("title", { id: e }, t) : null, /* @__PURE__ */ n.createElement("path", { d: "m24 30.75-12-12 2.15-2.15L24 26.5l9.85-9.85L36 18.8Z" })), _ = "_DropdownButton_13b1y_5", v = "_pipeSeparator_13b1y_26", c = {
|
|
11
|
+
DropdownButton: _,
|
|
12
|
+
pipeSeparator: v
|
|
13
|
+
};
|
|
14
|
+
function I(t) {
|
|
15
|
+
const {
|
|
16
|
+
color: e = "primary",
|
|
17
|
+
variant: o = "filled",
|
|
18
|
+
isDisabled: m = !1,
|
|
19
|
+
children: p = "Button"
|
|
20
|
+
} = t, r = u(null), { buttonProps: d } = b(t, r);
|
|
21
|
+
return w(e, o), /* @__PURE__ */ a.createElement(
|
|
22
|
+
"button",
|
|
23
|
+
{
|
|
24
|
+
disabled: m,
|
|
25
|
+
ref: r,
|
|
26
|
+
className: l(
|
|
27
|
+
c.DropdownButton,
|
|
28
|
+
i[s("color", e)],
|
|
29
|
+
i[s("variant", o)]
|
|
30
|
+
),
|
|
31
|
+
...d
|
|
32
|
+
},
|
|
33
|
+
/* @__PURE__ */ a.createElement("span", null, p),
|
|
34
|
+
/* @__PURE__ */ a.createElement("span", { className: l(c.pipeSeparator) }),
|
|
35
|
+
/* @__PURE__ */ a.createElement(f, { symbol: B })
|
|
36
|
+
);
|
|
37
|
+
}
|
|
38
|
+
export {
|
|
39
|
+
I as DropdownButton
|
|
40
|
+
};
|
package/Icon/Icon.d.ts
ADDED
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { IconSymbol, TokenNamespace } from "../types";
|
|
3
|
+
import { ResponsiveProp } from "../utilities/css";
|
|
4
|
+
export type IconSize = TokenNamespace<"size-icon">;
|
|
5
|
+
export type IconColor = TokenNamespace<"color">;
|
|
6
|
+
export type IconProps = {
|
|
7
|
+
/** Icon symbol SVG source from @easypost/easy-ui-icons */
|
|
8
|
+
symbol: IconSymbol;
|
|
9
|
+
/** Size of the icon */
|
|
10
|
+
size?: ResponsiveProp<IconSize>;
|
|
11
|
+
/** Color of the icon */
|
|
12
|
+
color?: IconColor;
|
|
13
|
+
/** Description of icon for informative symbols */
|
|
14
|
+
accessibilityLabel?: string;
|
|
15
|
+
};
|
|
16
|
+
export declare function Icon({ symbol: Symbol, size, color, accessibilityLabel, }: IconProps): JSX.Element;
|
|
17
|
+
//# sourceMappingURL=Icon.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../src/Icon/Icon.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AACtD,OAAO,EAGL,cAAc,EACf,MAAM,kBAAkB,CAAC;AAI1B,MAAM,MAAM,QAAQ,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC;AACnD,MAAM,MAAM,SAAS,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;AAEhD,MAAM,MAAM,SAAS,GAAG;IACtB,0DAA0D;IAC1D,MAAM,EAAE,UAAU,CAAC;IACnB,uBAAuB;IACvB,IAAI,CAAC,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAC;IAChC,wBAAwB;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,kDAAkD;IAClD,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,wBAAgB,IAAI,CAAC,EACnB,MAAM,EAAE,MAAM,EACd,IAAW,EACX,KAAK,EACL,kBAAkB,GACnB,EAAE,SAAS,eAgBX"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Icon.test.d.ts","sourceRoot":"","sources":["../../src/Icon/Icon.test.tsx"],"names":[],"mappings":""}
|
package/Icon/index.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Icon/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}
|
package/Icon/index.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Icon-1b63144c.js");require("react");require("../utilities/css.js");exports.Icon=e.Icon;
|
package/Icon/index.mjs
ADDED
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import e from "react";
|
|
2
|
+
import { getComponentToken as a, getResponsiveToken as l } from "./utilities/css.mjs";
|
|
3
|
+
const m = "_Icon_1fkyg_5", i = "_Svg_1fkyg_54", n = {
|
|
4
|
+
Icon: m,
|
|
5
|
+
Svg: i
|
|
6
|
+
};
|
|
7
|
+
function _({
|
|
8
|
+
symbol: t,
|
|
9
|
+
size: c = "md",
|
|
10
|
+
color: s,
|
|
11
|
+
accessibilityLabel: o
|
|
12
|
+
}) {
|
|
13
|
+
const r = {
|
|
14
|
+
...a("icon", "color", "color", s),
|
|
15
|
+
...l("icon", "size", "size-icon", c)
|
|
16
|
+
};
|
|
17
|
+
return /* @__PURE__ */ e.createElement("span", { className: n.Icon, style: r }, /* @__PURE__ */ e.createElement(
|
|
18
|
+
t,
|
|
19
|
+
{
|
|
20
|
+
className: n.Svg,
|
|
21
|
+
focusable: "false",
|
|
22
|
+
role: "img",
|
|
23
|
+
title: o,
|
|
24
|
+
"aria-hidden": o ? void 0 : "true"
|
|
25
|
+
}
|
|
26
|
+
));
|
|
27
|
+
}
|
|
28
|
+
export {
|
|
29
|
+
_ as I
|
|
30
|
+
};
|
package/Icon-1b63144c.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const o=require("react"),n=require("./utilities/css.js"),l="_Icon_1kqjh_5",a="_Svg_1kqjh_54",c={Icon:l,Svg:a};function m({symbol:s,size:t="md",color:i,accessibilityLabel:e}){const r={...n.getComponentToken("icon","color","color",i),...n.getResponsiveToken("icon","size","size-icon",t)};return o.createElement("span",{className:c.Icon,style:r},o.createElement(s,{className:c.Svg,focusable:"false",role:"img",title:e,"aria-hidden":e?void 0:"true"}))}exports.Icon=m;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import e from "react";
|
|
2
|
+
import { getComponentToken as a, getResponsiveToken as l } from "./utilities/css.mjs";
|
|
3
|
+
const m = "_Icon_1kqjh_5", i = "_Svg_1kqjh_54", n = {
|
|
4
|
+
Icon: m,
|
|
5
|
+
Svg: i
|
|
6
|
+
};
|
|
7
|
+
function f({
|
|
8
|
+
symbol: t,
|
|
9
|
+
size: c = "md",
|
|
10
|
+
color: s,
|
|
11
|
+
accessibilityLabel: o
|
|
12
|
+
}) {
|
|
13
|
+
const r = {
|
|
14
|
+
...a("icon", "color", "color", s),
|
|
15
|
+
...l("icon", "size", "size-icon", c)
|
|
16
|
+
};
|
|
17
|
+
return /* @__PURE__ */ e.createElement("span", { className: n.Icon, style: r }, /* @__PURE__ */ e.createElement(
|
|
18
|
+
t,
|
|
19
|
+
{
|
|
20
|
+
className: n.Svg,
|
|
21
|
+
focusable: "false",
|
|
22
|
+
role: "img",
|
|
23
|
+
title: o,
|
|
24
|
+
"aria-hidden": o ? void 0 : "true"
|
|
25
|
+
}
|
|
26
|
+
));
|
|
27
|
+
}
|
|
28
|
+
export {
|
|
29
|
+
f as I
|
|
30
|
+
};
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import e from "react";
|
|
2
|
+
import { getComponentToken as a, getResponsiveToken as l } from "./utilities/css.mjs";
|
|
3
|
+
const m = "_Icon_1y000_5", i = "_Svg_1y000_54", n = {
|
|
4
|
+
Icon: m,
|
|
5
|
+
Svg: i
|
|
6
|
+
};
|
|
7
|
+
function f({
|
|
8
|
+
symbol: t,
|
|
9
|
+
size: c = "md",
|
|
10
|
+
color: s,
|
|
11
|
+
accessibilityLabel: o
|
|
12
|
+
}) {
|
|
13
|
+
const r = {
|
|
14
|
+
...a("icon", "color", "color", s),
|
|
15
|
+
...l("icon", "size", "size-icon", c)
|
|
16
|
+
};
|
|
17
|
+
return /* @__PURE__ */ e.createElement("span", { className: n.Icon, style: r }, /* @__PURE__ */ e.createElement(
|
|
18
|
+
t,
|
|
19
|
+
{
|
|
20
|
+
className: n.Svg,
|
|
21
|
+
focusable: "false",
|
|
22
|
+
role: "img",
|
|
23
|
+
title: o,
|
|
24
|
+
"aria-hidden": o ? void 0 : "true"
|
|
25
|
+
}
|
|
26
|
+
));
|
|
27
|
+
}
|
|
28
|
+
export {
|
|
29
|
+
f as I
|
|
30
|
+
};
|
package/Icon-5639942d.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const o=require("react"),n=require("./utilities/css.js"),l="_Icon_vu0fo_5",a="_Svg_vu0fo_54",c={Icon:l,Svg:a};function u({symbol:s,size:t="md",color:i,accessibilityLabel:e}){const r={...n.getComponentToken("icon","color","color",i),...n.getResponsiveToken("icon","size","size-icon",t)};return o.createElement("span",{className:c.Icon,style:r},o.createElement(s,{className:c.Svg,focusable:"false",role:"img",title:e,"aria-hidden":e?void 0:"true"}))}exports.Icon=u;
|
package/Icon-570b5898.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const o=require("react"),n=require("./utilities/css.js"),l="_Icon_1fkyg_5",a="_Svg_1fkyg_54",c={Icon:l,Svg:a};function g({symbol:s,size:t="md",color:i,accessibilityLabel:e}){const r={...n.getComponentToken("icon","color","color",i),...n.getResponsiveToken("icon","size","size-icon",t)};return o.createElement("span",{className:c.Icon,style:r},o.createElement(s,{className:c.Svg,focusable:"false",role:"img",title:e,"aria-hidden":e?void 0:"true"}))}exports.Icon=g;
|
package/Icon-666c3de5.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const o=require("react"),n=require("./utilities/css.js"),l="_Icon_hhxw3_5",a="_Svg_hhxw3_54",c={Icon:l,Svg:a};function m({symbol:s,size:t="md",color:i,accessibilityLabel:e}){const r={...n.getComponentToken("icon","color","color",i),...n.getResponsiveToken("icon","size","size-icon",t)};return o.createElement("span",{className:c.Icon,style:r},o.createElement(s,{className:c.Svg,focusable:"false",role:"img",title:e,"aria-hidden":e?void 0:"true"}))}exports.Icon=m;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import e from "react";
|
|
2
|
+
import { getComponentToken as a, getResponsiveToken as l } from "./utilities/css.mjs";
|
|
3
|
+
const m = "_Icon_bjypu_5", i = "_Svg_bjypu_54", n = {
|
|
4
|
+
Icon: m,
|
|
5
|
+
Svg: i
|
|
6
|
+
};
|
|
7
|
+
function g({
|
|
8
|
+
symbol: t,
|
|
9
|
+
size: c = "md",
|
|
10
|
+
color: s,
|
|
11
|
+
accessibilityLabel: o
|
|
12
|
+
}) {
|
|
13
|
+
const r = {
|
|
14
|
+
...a("icon", "color", "color", s),
|
|
15
|
+
...l("icon", "size", "size-icon", c)
|
|
16
|
+
};
|
|
17
|
+
return /* @__PURE__ */ e.createElement("span", { className: n.Icon, style: r }, /* @__PURE__ */ e.createElement(
|
|
18
|
+
t,
|
|
19
|
+
{
|
|
20
|
+
className: n.Svg,
|
|
21
|
+
focusable: "false",
|
|
22
|
+
role: "img",
|
|
23
|
+
title: o,
|
|
24
|
+
"aria-hidden": o ? void 0 : "true"
|
|
25
|
+
}
|
|
26
|
+
));
|
|
27
|
+
}
|
|
28
|
+
export {
|
|
29
|
+
g as I
|
|
30
|
+
};
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import e from "react";
|
|
2
|
+
import { getComponentToken as a, getResponsiveToken as l } from "./utilities/css.mjs";
|
|
3
|
+
const m = "_Icon_15tzx_5", i = "_Svg_15tzx_54", n = {
|
|
4
|
+
Icon: m,
|
|
5
|
+
Svg: i
|
|
6
|
+
};
|
|
7
|
+
function f({
|
|
8
|
+
symbol: t,
|
|
9
|
+
size: c = "md",
|
|
10
|
+
color: s,
|
|
11
|
+
accessibilityLabel: o
|
|
12
|
+
}) {
|
|
13
|
+
const r = {
|
|
14
|
+
...a("icon", "color", "color", s),
|
|
15
|
+
...l("icon", "size", "size-icon", c)
|
|
16
|
+
};
|
|
17
|
+
return /* @__PURE__ */ e.createElement("span", { className: n.Icon, style: r }, /* @__PURE__ */ e.createElement(
|
|
18
|
+
t,
|
|
19
|
+
{
|
|
20
|
+
className: n.Svg,
|
|
21
|
+
focusable: "false",
|
|
22
|
+
role: "img",
|
|
23
|
+
title: o,
|
|
24
|
+
"aria-hidden": o ? void 0 : "true"
|
|
25
|
+
}
|
|
26
|
+
));
|
|
27
|
+
}
|
|
28
|
+
export {
|
|
29
|
+
f as I
|
|
30
|
+
};
|
package/Icon-8baad3e8.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const o=require("react"),n=require("./utilities/css.js"),l="_Icon_bjypu_5",a="_Svg_bjypu_54",c={Icon:l,Svg:a};function u({symbol:s,size:t="md",color:i,accessibilityLabel:e}){const r={...n.getComponentToken("icon","color","color",i),...n.getResponsiveToken("icon","size","size-icon",t)};return o.createElement("span",{className:c.Icon,style:r},o.createElement(s,{className:c.Svg,focusable:"false",role:"img",title:e,"aria-hidden":e?void 0:"true"}))}exports.Icon=u;
|
package/Icon-8d3de3bb.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const o=require("react"),n=require("./utilities/css.js"),l="_Icon_15tzx_5",a="_Svg_15tzx_54",t={Icon:l,Svg:a};function m({symbol:c,size:s="md",color:i,accessibilityLabel:e}){const r={...n.getComponentToken("icon","color","color",i),...n.getResponsiveToken("icon","size","size-icon",s)};return o.createElement("span",{className:t.Icon,style:r},o.createElement(c,{className:t.Svg,focusable:"false",role:"img",title:e,"aria-hidden":e?void 0:"true"}))}exports.Icon=m;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import e from "react";
|
|
2
|
+
import { getComponentToken as a, getResponsiveToken as l } from "./utilities/css.mjs";
|
|
3
|
+
const m = "_Icon_hhxw3_5", i = "_Svg_hhxw3_54", n = {
|
|
4
|
+
Icon: m,
|
|
5
|
+
Svg: i
|
|
6
|
+
};
|
|
7
|
+
function f({
|
|
8
|
+
symbol: t,
|
|
9
|
+
size: c = "md",
|
|
10
|
+
color: s,
|
|
11
|
+
accessibilityLabel: o
|
|
12
|
+
}) {
|
|
13
|
+
const r = {
|
|
14
|
+
...a("icon", "color", "color", s),
|
|
15
|
+
...l("icon", "size", "size-icon", c)
|
|
16
|
+
};
|
|
17
|
+
return /* @__PURE__ */ e.createElement("span", { className: n.Icon, style: r }, /* @__PURE__ */ e.createElement(
|
|
18
|
+
t,
|
|
19
|
+
{
|
|
20
|
+
className: n.Svg,
|
|
21
|
+
focusable: "false",
|
|
22
|
+
role: "img",
|
|
23
|
+
title: o,
|
|
24
|
+
"aria-hidden": o ? void 0 : "true"
|
|
25
|
+
}
|
|
26
|
+
));
|
|
27
|
+
}
|
|
28
|
+
export {
|
|
29
|
+
f as I
|
|
30
|
+
};
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import e from "react";
|
|
2
|
+
import { getComponentToken as a, getResponsiveToken as l } from "./utilities/css.mjs";
|
|
3
|
+
const m = "_Icon_tp77r_5", i = "_Svg_tp77r_54", n = {
|
|
4
|
+
Icon: m,
|
|
5
|
+
Svg: i
|
|
6
|
+
};
|
|
7
|
+
function g({
|
|
8
|
+
symbol: t,
|
|
9
|
+
size: c = "md",
|
|
10
|
+
color: s,
|
|
11
|
+
accessibilityLabel: o
|
|
12
|
+
}) {
|
|
13
|
+
const r = {
|
|
14
|
+
...a("icon", "color", "color", s),
|
|
15
|
+
...l("icon", "size", "size-icon", c)
|
|
16
|
+
};
|
|
17
|
+
return /* @__PURE__ */ e.createElement("span", { className: n.Icon, style: r }, /* @__PURE__ */ e.createElement(
|
|
18
|
+
t,
|
|
19
|
+
{
|
|
20
|
+
className: n.Svg,
|
|
21
|
+
focusable: "false",
|
|
22
|
+
role: "img",
|
|
23
|
+
title: o,
|
|
24
|
+
"aria-hidden": o ? void 0 : "true"
|
|
25
|
+
}
|
|
26
|
+
));
|
|
27
|
+
}
|
|
28
|
+
export {
|
|
29
|
+
g as I
|
|
30
|
+
};
|
package/Icon-aa3be33e.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const o=require("react"),n=require("./utilities/css.js"),l="_Icon_13dhe_5",a="_Svg_13dhe_54",c={Icon:l,Svg:a};function m({symbol:s,size:t="md",color:i,accessibilityLabel:e}){const r={...n.getComponentToken("icon","color","color",i),...n.getResponsiveToken("icon","size","size-icon",t)};return o.createElement("span",{className:c.Icon,style:r},o.createElement(s,{className:c.Svg,focusable:"false",role:"img",title:e,"aria-hidden":e?void 0:"true"}))}exports.Icon=m;
|
package/Icon-d82e92cf.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const n=require("react"),o=require("./utilities/css.js"),l="_Icon_xny40_5",a="_Svg_xny40_54",c={Icon:l,Svg:a};function m({symbol:s,size:t="md",color:i,accessibilityLabel:e}){const r={...o.getComponentToken("icon","color","color",i),...o.getResponsiveToken("icon","size","size-icon",t)};return n.createElement("span",{className:c.Icon,style:r},n.createElement(s,{className:c.Svg,focusable:"false",role:"img",title:e,"aria-hidden":e?void 0:"true"}))}exports.Icon=m;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import o from "react";
|
|
2
|
+
import { getComponentToken as a, getResponsiveToken as l } from "./utilities/css.mjs";
|
|
3
|
+
const m = "_Icon_13dhe_5", i = "_Svg_13dhe_54", n = {
|
|
4
|
+
Icon: m,
|
|
5
|
+
Svg: i
|
|
6
|
+
};
|
|
7
|
+
function g({
|
|
8
|
+
symbol: t,
|
|
9
|
+
size: c = "md",
|
|
10
|
+
color: s,
|
|
11
|
+
accessibilityLabel: e
|
|
12
|
+
}) {
|
|
13
|
+
const r = {
|
|
14
|
+
...a("icon", "color", "color", s),
|
|
15
|
+
...l("icon", "size", "size-icon", c)
|
|
16
|
+
};
|
|
17
|
+
return /* @__PURE__ */ o.createElement("span", { className: n.Icon, style: r }, /* @__PURE__ */ o.createElement(
|
|
18
|
+
t,
|
|
19
|
+
{
|
|
20
|
+
className: n.Svg,
|
|
21
|
+
focusable: "false",
|
|
22
|
+
role: "img",
|
|
23
|
+
title: e,
|
|
24
|
+
"aria-hidden": e ? void 0 : "true"
|
|
25
|
+
}
|
|
26
|
+
));
|
|
27
|
+
}
|
|
28
|
+
export {
|
|
29
|
+
g as I
|
|
30
|
+
};
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import e from "react";
|
|
2
|
+
import { getComponentToken as a, getResponsiveToken as l } from "./utilities/css.mjs";
|
|
3
|
+
const m = "_Icon_xny40_5", i = "_Svg_xny40_54", n = {
|
|
4
|
+
Icon: m,
|
|
5
|
+
Svg: i
|
|
6
|
+
};
|
|
7
|
+
function f({
|
|
8
|
+
symbol: t,
|
|
9
|
+
size: c = "md",
|
|
10
|
+
color: s,
|
|
11
|
+
accessibilityLabel: o
|
|
12
|
+
}) {
|
|
13
|
+
const r = {
|
|
14
|
+
...a("icon", "color", "color", s),
|
|
15
|
+
...l("icon", "size", "size-icon", c)
|
|
16
|
+
};
|
|
17
|
+
return /* @__PURE__ */ e.createElement("span", { className: n.Icon, style: r }, /* @__PURE__ */ e.createElement(
|
|
18
|
+
t,
|
|
19
|
+
{
|
|
20
|
+
className: n.Svg,
|
|
21
|
+
focusable: "false",
|
|
22
|
+
role: "img",
|
|
23
|
+
title: o,
|
|
24
|
+
"aria-hidden": o ? void 0 : "true"
|
|
25
|
+
}
|
|
26
|
+
));
|
|
27
|
+
}
|
|
28
|
+
export {
|
|
29
|
+
f as I
|
|
30
|
+
};
|
package/Icon-e457e65d.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const o=require("react"),n=require("./utilities/css.js"),l="_Icon_1y000_5",a="_Svg_1y000_54",s={Icon:l,Svg:a};function m({symbol:c,size:t="md",color:i,accessibilityLabel:e}){const r={...n.getComponentToken("icon","color","color",i),...n.getResponsiveToken("icon","size","size-icon",t)};return o.createElement("span",{className:s.Icon,style:r},o.createElement(c,{className:s.Svg,focusable:"false",role:"img",title:e,"aria-hidden":e?void 0:"true"}))}exports.Icon=m;
|
package/Icon-eacb00d7.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const o=require("react"),n=require("./utilities/css.js"),l="_Icon_tp77r_5",a="_Svg_tp77r_54",t={Icon:l,Svg:a};function m({symbol:c,size:s="md",color:r,accessibilityLabel:e}){const i={...n.getComponentToken("icon","color","color",r),...n.getResponsiveToken("icon","size","size-icon",s)};return o.createElement("span",{className:t.Icon,style:i},o.createElement(c,{className:t.Svg,focusable:"false",role:"img",title:e,"aria-hidden":e?void 0:"true"}))}exports.Icon=m;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import e from "react";
|
|
2
|
+
import { getComponentToken as a, getResponsiveToken as l } from "./utilities/css.mjs";
|
|
3
|
+
const m = "_Icon_vu0fo_5", i = "_Svg_vu0fo_54", n = {
|
|
4
|
+
Icon: m,
|
|
5
|
+
Svg: i
|
|
6
|
+
};
|
|
7
|
+
function _({
|
|
8
|
+
symbol: t,
|
|
9
|
+
size: c = "md",
|
|
10
|
+
color: s,
|
|
11
|
+
accessibilityLabel: o
|
|
12
|
+
}) {
|
|
13
|
+
const r = {
|
|
14
|
+
...a("icon", "color", "color", s),
|
|
15
|
+
...l("icon", "size", "size-icon", c)
|
|
16
|
+
};
|
|
17
|
+
return /* @__PURE__ */ e.createElement("span", { className: n.Icon, style: r }, /* @__PURE__ */ e.createElement(
|
|
18
|
+
t,
|
|
19
|
+
{
|
|
20
|
+
className: n.Svg,
|
|
21
|
+
focusable: "false",
|
|
22
|
+
role: "img",
|
|
23
|
+
title: o,
|
|
24
|
+
"aria-hidden": o ? void 0 : "true"
|
|
25
|
+
}
|
|
26
|
+
));
|
|
27
|
+
}
|
|
28
|
+
export {
|
|
29
|
+
_ as I
|
|
30
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ReactNode } from "react";
|
|
2
|
+
import type { ResponsiveProp } from "../utilities/css";
|
|
3
|
+
import { TokenNamespace } from "../types";
|
|
4
|
+
export type IconSize = TokenNamespace<"size-icon">;
|
|
5
|
+
export type PlaceholderStatus = "info" | "success" | "warning" | "critical";
|
|
6
|
+
export interface PlaceholderProps {
|
|
7
|
+
/** Message content for the Placeholder. */
|
|
8
|
+
message: ReactNode;
|
|
9
|
+
/** Sets the status of the Placeholder. */
|
|
10
|
+
status?: PlaceholderStatus;
|
|
11
|
+
/** Size of the attached status icon. */
|
|
12
|
+
iconSize?: ResponsiveProp<IconSize>;
|
|
13
|
+
}
|
|
14
|
+
export declare function Placeholder({ message, status, iconSize, }: PlaceholderProps): JSX.Element;
|
|
15
|
+
//# sourceMappingURL=Placeholder.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Placeholder.d.ts","sourceRoot":"","sources":["../../src/Placeholder/Placeholder.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAc1C,MAAM,MAAM,QAAQ,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC;AACnD,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AAE5E,MAAM,WAAW,gBAAgB;IAC/B,2CAA2C;IAC3C,OAAO,EAAE,SAAS,CAAC;IACnB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,wCAAwC;IACxC,QAAQ,CAAC,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAC;CACrC;AAED,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,MAAe,EACf,QAAe,GAChB,EAAE,gBAAgB,eAuBlB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Placeholder.test.d.ts","sourceRoot":"","sources":["../../src/Placeholder/Placeholder.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Placeholder/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),r=require("../utilities/css.js");function i(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const l in e)if(l!=="default"){const c=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(t,l,c.get?c:{enumerable:!0,get:()=>e[l]})}}return t.default=e,Object.freeze(t)}const a=i(s),m=({title:e,titleId:t,...l})=>a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 96 960 960","aria-labelledby":t,...l},e?a.createElement("title",{id:t},e):null,a.createElement("path",{d:"M421 744.537 690.537 475l-34.845-34.23L421 675.847 302.539 557.385l-33.846 34.23L421 744.537Zm59.067 211.462q-78.221 0-147.397-29.92-69.176-29.92-120.989-81.71-51.814-51.791-81.747-120.936-29.933-69.146-29.933-147.366 0-78.836 29.92-148.204 29.92-69.369 81.71-120.682 51.791-51.314 120.936-81.247 69.146-29.933 147.366-29.933 78.836 0 148.204 29.92 69.369 29.92 120.682 81.21 51.314 51.291 81.247 120.629 29.933 69.337 29.933 148.173 0 78.221-29.92 147.397-29.92 69.176-81.21 120.989-51.291 51.814-120.629 81.747-69.337 29.933-148.173 29.933ZM480 910.615q139.692 0 237.154-97.769Q814.615 715.077 814.615 576q0-139.692-97.461-237.154Q619.692 241.385 480 241.385q-139.077 0-236.846 97.461Q145.385 436.308 145.385 576q0 139.077 97.769 236.846T480 910.615ZM480 576Z"})),h=({title:e,titleId:t,...l})=>a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 96 960 960","aria-labelledby":t,...l},e?a.createElement("title",{id:t},e):null,a.createElement("path",{d:"M90 307.538V146.001h161.923v45.383H135.384v116.154H90.001Zm734.616 0V191.384H708.462v-45.383h161.537v161.537h-45.383ZM90.001 1006V844.077h45.383v116.539h116.539V1006H90.001Zm618.461 0v-45.384h116.154V844.077h45.383V1006H708.462ZM255.384 828.307q0 4.616 3.847 8.462 3.846 3.847 8.462 3.847h424.614q4.616 0 8.462-3.847 3.847-3.846 3.847-8.462V323.693q0-4.616-3.847-8.462-3.846-3.847-8.462-3.847H267.693q-4.616 0-8.462 3.847-3.847 3.846-3.847 8.462v504.614Zm12.309 57.692q-23.529 0-40.611-17.081-17.081-17.082-17.081-40.611V323.693q0-23.529 17.081-40.611 17.082-17.081 40.611-17.081h424.614q23.529 0 40.611 17.081 17.081 17.082 17.081 40.611v504.614q0 23.529-17.081 40.611-17.082 17.081-40.611 17.081H267.693Zm109.615-407.307h205.384v-45.384H377.308v45.384Zm0 120h205.384v-45.384H377.308v45.384Zm0 120h205.384v-45.384H377.308v45.384ZM255.384 828.307V311.384v529.232-12.309Z"})),d=({title:e,titleId:t,...l})=>a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 96 960 960","aria-labelledby":t,...l},e?a.createElement("title",{id:t},e):null,a.createElement("path",{d:"M479.982 765.23q11.902 0 19.575-7.655 7.673-7.656 7.673-19.558 0-11.902-7.655-19.575t-19.557-7.673q-11.902 0-19.575 7.656-7.673 7.655-7.673 19.557 0 11.902 7.655 19.575t19.557 7.673Zm-20.443-141.076h45.383V374.616h-45.383v249.538Zm20.794 331.845q-78.955 0-147.897-29.92t-120.755-81.71q-51.814-51.791-81.747-120.777t-29.933-148.025q0-78.655 29.92-147.864t81.71-120.522q51.791-51.314 120.777-81.247t148.025-29.933q78.655 0 147.864 29.92t120.522 81.21q51.314 51.291 81.247 120.629 29.933 69.337 29.933 147.907 0 78.955-29.92 147.897t-81.21 120.571q-51.291 51.629-120.629 81.746-69.337 30.118-147.907 30.118Zm.167-45.384q139.192 0 236.654-97.769 97.461-97.769 97.461-237.346 0-139.192-97.274-236.654Q620.067 241.385 480 241.385q-139.077 0-236.846 97.274T145.385 576q0 139.077 97.769 236.846T480.5 910.615ZM480 576Z"})),u=({title:e,titleId:t,...l})=>a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 96 960 960","aria-labelledby":t,...l},e?a.createElement("title",{id:t},e):null,a.createElement("path",{d:"M74.618 915.999 480 216.003l405.382 699.996H74.618Zm78.613-45.384h653.538L480 306.77 153.231 870.615Zm329.797-60.077q10.703 0 17.76-7.24 7.058-7.24 7.058-17.942t-7.24-17.76q-7.24-7.057-17.942-7.057t-17.76 7.239q-7.058 7.24-7.058 17.942 0 10.703 7.24 17.76 7.24 7.058 17.942 7.058Zm-22.874-97.922h45.384V494.77h-45.384v217.846ZM480 588.693Z"})),v="_Placeholder_vhoej_5",q="_statusSuccess_vhoej_12",g="_statusWarning_vhoej_15",Z="_statusCritical_vhoej_18",w="_PlaceholderMessage_vhoej_22",_="_PlaceholderIcon_vhoej_29",n={Placeholder:v,statusSuccess:q,statusWarning:g,statusCritical:Z,PlaceholderMessage:w,PlaceholderIcon:_};function b({message:e,status:t="info",iconSize:l="md"}){const c=p(t),o=r.getResponsiveToken("placeholder-icon","size","size-icon",l);return s.createElement("div",{className:r.classNames(n.Placeholder,n[r.variationName("status",t)])},s.createElement("div",null,s.createElement("span",{className:n.PlaceholderIcon,style:o},s.createElement(c,null))),s.createElement("div",{className:n.PlaceholderMessage},e))}function p(e){switch(e){case"success":return m;case"warning":return u;case"critical":return d;default:return h}}exports.Placeholder=b;
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import * as l from "react";
|
|
2
|
+
import s from "react";
|
|
3
|
+
import { getResponsiveToken as o, classNames as i, variationName as m } from "../utilities/css.mjs";
|
|
4
|
+
const h = ({
|
|
5
|
+
title: e,
|
|
6
|
+
titleId: t,
|
|
7
|
+
...a
|
|
8
|
+
}) => /* @__PURE__ */ l.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 96 960 960", "aria-labelledby": t, ...a }, e ? /* @__PURE__ */ l.createElement("title", { id: t }, e) : null, /* @__PURE__ */ l.createElement("path", { d: "M421 744.537 690.537 475l-34.845-34.23L421 675.847 302.539 557.385l-33.846 34.23L421 744.537Zm59.067 211.462q-78.221 0-147.397-29.92-69.176-29.92-120.989-81.71-51.814-51.791-81.747-120.936-29.933-69.146-29.933-147.366 0-78.836 29.92-148.204 29.92-69.369 81.71-120.682 51.791-51.314 120.936-81.247 69.146-29.933 147.366-29.933 78.836 0 148.204 29.92 69.369 29.92 120.682 81.21 51.314 51.291 81.247 120.629 29.933 69.337 29.933 148.173 0 78.221-29.92 147.397-29.92 69.176-81.21 120.989-51.291 51.814-120.629 81.747-69.337 29.933-148.173 29.933ZM480 910.615q139.692 0 237.154-97.769Q814.615 715.077 814.615 576q0-139.692-97.461-237.154Q619.692 241.385 480 241.385q-139.077 0-236.846 97.461Q145.385 436.308 145.385 576q0 139.077 97.769 236.846T480 910.615ZM480 576Z" })), v = ({
|
|
9
|
+
title: e,
|
|
10
|
+
titleId: t,
|
|
11
|
+
...a
|
|
12
|
+
}) => /* @__PURE__ */ l.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 96 960 960", "aria-labelledby": t, ...a }, e ? /* @__PURE__ */ l.createElement("title", { id: t }, e) : null, /* @__PURE__ */ l.createElement("path", { d: "M90 307.538V146.001h161.923v45.383H135.384v116.154H90.001Zm734.616 0V191.384H708.462v-45.383h161.537v161.537h-45.383ZM90.001 1006V844.077h45.383v116.539h116.539V1006H90.001Zm618.461 0v-45.384h116.154V844.077h45.383V1006H708.462ZM255.384 828.307q0 4.616 3.847 8.462 3.846 3.847 8.462 3.847h424.614q4.616 0 8.462-3.847 3.847-3.846 3.847-8.462V323.693q0-4.616-3.847-8.462-3.846-3.847-8.462-3.847H267.693q-4.616 0-8.462 3.847-3.847 3.846-3.847 8.462v504.614Zm12.309 57.692q-23.529 0-40.611-17.081-17.081-17.082-17.081-40.611V323.693q0-23.529 17.081-40.611 17.082-17.081 40.611-17.081h424.614q23.529 0 40.611 17.081 17.081 17.082 17.081 40.611v504.614q0 23.529-17.081 40.611-17.082 17.081-40.611 17.081H267.693Zm109.615-407.307h205.384v-45.384H377.308v45.384Zm0 120h205.384v-45.384H377.308v45.384Zm0 120h205.384v-45.384H377.308v45.384ZM255.384 828.307V311.384v529.232-12.309Z" })), d = ({
|
|
13
|
+
title: e,
|
|
14
|
+
titleId: t,
|
|
15
|
+
...a
|
|
16
|
+
}) => /* @__PURE__ */ l.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 96 960 960", "aria-labelledby": t, ...a }, e ? /* @__PURE__ */ l.createElement("title", { id: t }, e) : null, /* @__PURE__ */ l.createElement("path", { d: "M479.982 765.23q11.902 0 19.575-7.655 7.673-7.656 7.673-19.558 0-11.902-7.655-19.575t-19.557-7.673q-11.902 0-19.575 7.656-7.673 7.655-7.673 19.557 0 11.902 7.655 19.575t19.557 7.673Zm-20.443-141.076h45.383V374.616h-45.383v249.538Zm20.794 331.845q-78.955 0-147.897-29.92t-120.755-81.71q-51.814-51.791-81.747-120.777t-29.933-148.025q0-78.655 29.92-147.864t81.71-120.522q51.791-51.314 120.777-81.247t148.025-29.933q78.655 0 147.864 29.92t120.522 81.21q51.314 51.291 81.247 120.629 29.933 69.337 29.933 147.907 0 78.955-29.92 147.897t-81.21 120.571q-51.291 51.629-120.629 81.746-69.337 30.118-147.907 30.118Zm.167-45.384q139.192 0 236.654-97.769 97.461-97.769 97.461-237.346 0-139.192-97.274-236.654Q620.067 241.385 480 241.385q-139.077 0-236.846 97.274T145.385 576q0 139.077 97.769 236.846T480.5 910.615ZM480 576Z" })), u = ({
|
|
17
|
+
title: e,
|
|
18
|
+
titleId: t,
|
|
19
|
+
...a
|
|
20
|
+
}) => /* @__PURE__ */ l.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 96 960 960", "aria-labelledby": t, ...a }, e ? /* @__PURE__ */ l.createElement("title", { id: t }, e) : null, /* @__PURE__ */ l.createElement("path", { d: "M74.618 915.999 480 216.003l405.382 699.996H74.618Zm78.613-45.384h653.538L480 306.77 153.231 870.615Zm329.797-60.077q10.703 0 17.76-7.24 7.058-7.24 7.058-17.942t-7.24-17.76q-7.24-7.057-17.942-7.057t-17.76 7.239q-7.058 7.24-7.058 17.942 0 10.703 7.24 17.76 7.24 7.058 17.942 7.058Zm-22.874-97.922h45.384V494.77h-45.384v217.846ZM480 588.693Z" })), q = "_Placeholder_vhoej_5", Z = "_statusSuccess_vhoej_12", w = "_statusWarning_vhoej_15", g = "_statusCritical_vhoej_18", _ = "_PlaceholderMessage_vhoej_22", E = "_PlaceholderIcon_vhoej_29", c = {
|
|
21
|
+
Placeholder: q,
|
|
22
|
+
statusSuccess: Z,
|
|
23
|
+
statusWarning: w,
|
|
24
|
+
statusCritical: g,
|
|
25
|
+
PlaceholderMessage: _,
|
|
26
|
+
PlaceholderIcon: E
|
|
27
|
+
};
|
|
28
|
+
function H({
|
|
29
|
+
message: e,
|
|
30
|
+
status: t = "info",
|
|
31
|
+
iconSize: a = "md"
|
|
32
|
+
}) {
|
|
33
|
+
const n = p(t), r = o(
|
|
34
|
+
"placeholder-icon",
|
|
35
|
+
"size",
|
|
36
|
+
"size-icon",
|
|
37
|
+
a
|
|
38
|
+
);
|
|
39
|
+
return /* @__PURE__ */ s.createElement(
|
|
40
|
+
"div",
|
|
41
|
+
{
|
|
42
|
+
className: i(
|
|
43
|
+
c.Placeholder,
|
|
44
|
+
c[m("status", t)]
|
|
45
|
+
)
|
|
46
|
+
},
|
|
47
|
+
/* @__PURE__ */ s.createElement("div", null, /* @__PURE__ */ s.createElement("span", { className: c.PlaceholderIcon, style: r }, /* @__PURE__ */ s.createElement(n, null))),
|
|
48
|
+
/* @__PURE__ */ s.createElement("div", { className: c.PlaceholderMessage }, e)
|
|
49
|
+
);
|
|
50
|
+
}
|
|
51
|
+
function p(e) {
|
|
52
|
+
switch (e) {
|
|
53
|
+
case "success":
|
|
54
|
+
return h;
|
|
55
|
+
case "warning":
|
|
56
|
+
return u;
|
|
57
|
+
case "critical":
|
|
58
|
+
return d;
|
|
59
|
+
default:
|
|
60
|
+
return v;
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
export {
|
|
64
|
+
H as Placeholder
|
|
65
|
+
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ReactElement } from "react";
|
|
2
|
+
import type { ColorScheme, ThemeCreator } from "../Theme";
|
|
3
|
+
import "../styles/global.scss";
|
|
4
|
+
export interface ProviderProps {
|
|
5
|
+
children: ReactElement;
|
|
6
|
+
theme?: ThemeCreator;
|
|
7
|
+
colorScheme?: ColorScheme;
|
|
8
|
+
}
|
|
9
|
+
export declare function Provider({ children, theme, colorScheme }: ProviderProps): JSX.Element;
|
|
10
|
+
//# sourceMappingURL=Provider.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../src/Provider/Provider.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE1D,OAAO,uBAAuB,CAAC;AAE/B,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,YAAY,CAAC;IACvB,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B;AAED,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,aAAa,eAMvE"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Provider/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),i=require("../Theme-93ca6374.js");require("../tokens-e7406ce6.js");function n({children:e,theme:r,colorScheme:t}){return o.createElement(i.ThemeProvider,{theme:r,colorScheme:t},e)}exports.Provider=n;
|