@liner-fe/prism 2.1.34 → 2.1.36
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/lib/components/Loading/index.d.ts +8 -0
- package/lib/constants/figma/index.d.ts +3 -3
- package/lib/index.cjs +37 -25
- package/lib/index.cjs.map +3 -3
- package/lib/index.css +40 -37
- package/lib/index.css.map +3 -3
- package/lib/index.d.ts +1 -0
- package/lib/index.mjs +37 -25
- package/lib/index.mjs.map +3 -3
- package/package.json +1 -1
- package/lib/components/_ButtonLoading/index.d.ts +0 -8
package/lib/index.mjs
CHANGED
|
@@ -7432,25 +7432,25 @@ var Icon = /* @__PURE__ */ __name((props) => {
|
|
|
7432
7432
|
);
|
|
7433
7433
|
}, "Icon");
|
|
7434
7434
|
|
|
7435
|
-
// src/components/
|
|
7435
|
+
// src/components/Loading/style.module.scss
|
|
7436
7436
|
var style_module_default3 = {
|
|
7437
|
-
"loading": "
|
|
7438
|
-
"loading-dot": "_loading-
|
|
7439
|
-
"loadingFade": "
|
|
7440
|
-
"m": "
|
|
7441
|
-
"s": "
|
|
7442
|
-
"xs": "
|
|
7443
|
-
"primary": "
|
|
7444
|
-
"secondary": "
|
|
7445
|
-
"tertiary": "
|
|
7446
|
-
"quaternary": "
|
|
7447
|
-
"negative": "
|
|
7448
|
-
"static": "
|
|
7449
|
-
"inverse": "
|
|
7450
|
-
"inverse-static": "_inverse-
|
|
7437
|
+
"loading": "_loading_1cm08_1",
|
|
7438
|
+
"loading-dot": "_loading-dot_1cm08_5",
|
|
7439
|
+
"loadingFade": "_loadingFade_1cm08_1",
|
|
7440
|
+
"m": "_m_1cm08_13",
|
|
7441
|
+
"s": "_s_1cm08_19",
|
|
7442
|
+
"xs": "_xs_1cm08_25",
|
|
7443
|
+
"primary": "_primary_1cm08_31",
|
|
7444
|
+
"secondary": "_secondary_1cm08_34",
|
|
7445
|
+
"tertiary": "_tertiary_1cm08_37",
|
|
7446
|
+
"quaternary": "_quaternary_1cm08_40",
|
|
7447
|
+
"negative": "_negative_1cm08_43",
|
|
7448
|
+
"static": "_static_1cm08_46",
|
|
7449
|
+
"inverse": "_inverse_1cm08_49",
|
|
7450
|
+
"inverse-static": "_inverse-static_1cm08_52"
|
|
7451
7451
|
};
|
|
7452
7452
|
|
|
7453
|
-
// src/components/
|
|
7453
|
+
// src/components/Loading/index.tsx
|
|
7454
7454
|
import { cva as cva2 } from "cva";
|
|
7455
7455
|
import { jsx as jsx156, jsxs as jsxs108 } from "react/jsx-runtime";
|
|
7456
7456
|
var loadingVariants = cva2({
|
|
@@ -7473,13 +7473,13 @@ var loadingVariants = cva2({
|
|
|
7473
7473
|
}
|
|
7474
7474
|
}
|
|
7475
7475
|
});
|
|
7476
|
-
var
|
|
7476
|
+
var Loading = /* @__PURE__ */ __name(({ size = "m", level = "primary" }) => {
|
|
7477
7477
|
return /* @__PURE__ */ jsxs108("div", { className: style_module_default3.loading, children: [
|
|
7478
7478
|
/* @__PURE__ */ jsx156("div", { className: loadingVariants({ size, level }) }),
|
|
7479
7479
|
/* @__PURE__ */ jsx156("div", { className: loadingVariants({ size, level }) }),
|
|
7480
7480
|
/* @__PURE__ */ jsx156("div", { className: loadingVariants({ size, level }) })
|
|
7481
7481
|
] });
|
|
7482
|
-
}, "
|
|
7482
|
+
}, "Loading");
|
|
7483
7483
|
|
|
7484
7484
|
// src/components/Button/index.tsx
|
|
7485
7485
|
import { Fragment as Fragment4, jsx as jsx157, jsxs as jsxs109 } from "react/jsx-runtime";
|
|
@@ -7608,9 +7608,9 @@ var DefaultButton = forwardRef(
|
|
|
7608
7608
|
const renderContent = /* @__PURE__ */ __name((children2) => /* @__PURE__ */ jsxs109("span", { className: clsx2(defaultButtonChildrenVariants({ size })), children: [
|
|
7609
7609
|
!!leftIcon && !isLoading && /* @__PURE__ */ jsx157(Icon, { ...iconProps, ...leftIcon }),
|
|
7610
7610
|
isLoading ? !!leftIcon || !!rightIcon ? /* @__PURE__ */ jsxs109(Fragment4, { children: [
|
|
7611
|
-
/* @__PURE__ */ jsx157(
|
|
7611
|
+
/* @__PURE__ */ jsx157(Loading, { size: buttonLoadingSizeMap[size], level }),
|
|
7612
7612
|
/* @__PURE__ */ jsx157("p", { className: style_module_default.content, children: children2 })
|
|
7613
|
-
] }) : /* @__PURE__ */ jsx157(
|
|
7613
|
+
] }) : /* @__PURE__ */ jsx157(Loading, { size: buttonLoadingSizeMap[size], level }) : /* @__PURE__ */ jsx157("p", { className: style_module_default.content, children: children2 }),
|
|
7614
7614
|
!!rightIcon && !isLoading && /* @__PURE__ */ jsx157(Icon, { ...iconProps, ...rightIcon })
|
|
7615
7615
|
] }), "renderContent");
|
|
7616
7616
|
if (asChild) {
|
|
@@ -7633,12 +7633,17 @@ var DefaultButton = forwardRef(
|
|
|
7633
7633
|
...rest,
|
|
7634
7634
|
className: clsx2(defaultButtonVariants({ level, fill, align, size, width }), className),
|
|
7635
7635
|
ref,
|
|
7636
|
+
"aria-label": rest["aria-label"] || "button",
|
|
7637
|
+
role: "button",
|
|
7638
|
+
tabIndex: 0,
|
|
7636
7639
|
children: renderContent(children)
|
|
7637
7640
|
}
|
|
7638
7641
|
);
|
|
7639
7642
|
}
|
|
7640
7643
|
);
|
|
7644
|
+
DefaultButton.displayName = "DefaultButton";
|
|
7641
7645
|
var Button = forwardRef((props, ref) => /* @__PURE__ */ jsx157(DefaultButton, { ...props, ref }));
|
|
7646
|
+
Button.displayName = "Button";
|
|
7642
7647
|
|
|
7643
7648
|
// src/hooks/useToast.ts
|
|
7644
7649
|
import { atom, useSetRecoilState } from "recoil";
|
|
@@ -8605,6 +8610,7 @@ var TextButton = forwardRef7(
|
|
|
8605
8610
|
return /* @__PURE__ */ jsx165("button", { className: clsx8(textButtonVariants({ level, thick, underline, size }), className), ref, ...rest, children: renderContent(children) });
|
|
8606
8611
|
}
|
|
8607
8612
|
);
|
|
8613
|
+
TextButton.displayName = "TextButton";
|
|
8608
8614
|
|
|
8609
8615
|
// src/components/Popover/index.tsx
|
|
8610
8616
|
import { Fragment as Fragment6, jsx as jsx166, jsxs as jsxs112 } from "react/jsx-runtime";
|
|
@@ -8860,7 +8866,10 @@ var IconButton = forwardRef10(
|
|
|
8860
8866
|
className: clsx11(iconButtonVariants({ level, size, fill }), className),
|
|
8861
8867
|
ref,
|
|
8862
8868
|
disabled: disabled && !isLoading,
|
|
8863
|
-
|
|
8869
|
+
"aria-label": icon.name,
|
|
8870
|
+
role: "button",
|
|
8871
|
+
tabIndex: 0,
|
|
8872
|
+
children: isLoading ? /* @__PURE__ */ jsx168(Loading, { size: iconButtonLoadingSizeMap[size], level }) : /* @__PURE__ */ jsx168(
|
|
8864
8873
|
Icon,
|
|
8865
8874
|
{
|
|
8866
8875
|
size: iconButtonSizeIconSizeMap[size],
|
|
@@ -8872,6 +8881,7 @@ var IconButton = forwardRef10(
|
|
|
8872
8881
|
);
|
|
8873
8882
|
}
|
|
8874
8883
|
);
|
|
8884
|
+
IconButton.displayName = "IconButton";
|
|
8875
8885
|
|
|
8876
8886
|
// src/components/CheckBox/index.tsx
|
|
8877
8887
|
import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
|
|
@@ -8963,6 +8973,7 @@ var Label = forwardRef11(
|
|
|
8963
8973
|
);
|
|
8964
8974
|
}
|
|
8965
8975
|
);
|
|
8976
|
+
Label.displayName = "Label";
|
|
8966
8977
|
|
|
8967
8978
|
// src/components/CheckBox/index.tsx
|
|
8968
8979
|
import { Fragment as Fragment7, jsx as jsx170, jsxs as jsxs113 } from "react/jsx-runtime";
|
|
@@ -8986,10 +8997,10 @@ import { forwardRef as forwardRef13 } from "react";
|
|
|
8986
8997
|
|
|
8987
8998
|
// src/components/Radio/style.module.scss
|
|
8988
8999
|
var style_module_default12 = {
|
|
8989
|
-
"radio-item": "_radio-
|
|
8990
|
-
"indicator": "
|
|
8991
|
-
"label-wrapper": "_label-
|
|
8992
|
-
"description": "
|
|
9000
|
+
"radio-item": "_radio-item_184np_1",
|
|
9001
|
+
"indicator": "_indicator_184np_44",
|
|
9002
|
+
"label-wrapper": "_label-wrapper_184np_50",
|
|
9003
|
+
"description": "_description_184np_60"
|
|
8993
9004
|
};
|
|
8994
9005
|
|
|
8995
9006
|
// src/components/Radio/index.tsx
|
|
@@ -9482,6 +9493,7 @@ export {
|
|
|
9482
9493
|
IconButton,
|
|
9483
9494
|
Label,
|
|
9484
9495
|
List,
|
|
9496
|
+
Loading,
|
|
9485
9497
|
Media,
|
|
9486
9498
|
MediaContextProvider,
|
|
9487
9499
|
Paragraph,
|