@liner-fe/prism 2.8.3 → 2.8.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/lib/index.js +25 -26
- package/package.json +1 -1
package/lib/index.js
CHANGED
|
@@ -115,7 +115,6 @@ var style_module_default = {
|
|
|
115
115
|
// src/components/Button/index.tsx
|
|
116
116
|
var import_cva2 = require("cva");
|
|
117
117
|
var import_clsx = __toESM(require("clsx"));
|
|
118
|
-
var import_icon = require("@liner-fe/icon");
|
|
119
118
|
|
|
120
119
|
// src/components/Loading/style.module.scss
|
|
121
120
|
var style_module_default2 = {
|
|
@@ -341,7 +340,7 @@ var DefaultButton = (0, import_react.forwardRef)(
|
|
|
341
340
|
/* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Loading, { size: buttonLoadingSizeMap[size4], level: buttonLoadingLevelMap[level] }),
|
|
342
341
|
/* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: style_module_default.content, children: children2 })
|
|
343
342
|
] }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Loading, { size: buttonLoadingSizeMap[size4], level: buttonLoadingLevelMap[level] }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: style_module_default.content, children: children2 }),
|
|
344
|
-
!!rightIcon && !isLoading && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(rightIcon.icon, { ...iconProps, ...
|
|
343
|
+
!!rightIcon && !isLoading && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(rightIcon.icon, { ...iconProps, ...rightIcon })
|
|
345
344
|
] }), "renderContent");
|
|
346
345
|
if (asChild) {
|
|
347
346
|
const parent = import_react.Children.only(children);
|
|
@@ -1894,7 +1893,7 @@ var Paragraph = (0, import_react4.forwardRef)(
|
|
|
1894
1893
|
);
|
|
1895
1894
|
|
|
1896
1895
|
// src/components/Toast/index.tsx
|
|
1897
|
-
var
|
|
1896
|
+
var import_icon = require("@liner-fe/icon");
|
|
1898
1897
|
var import_recoil2 = require("recoil");
|
|
1899
1898
|
var import_lottie_web = __toESM(require("lottie-web"));
|
|
1900
1899
|
|
|
@@ -2421,7 +2420,7 @@ var SingleToast = /* @__PURE__ */ __name((props) => {
|
|
|
2421
2420
|
}, [isLoading]);
|
|
2422
2421
|
const renderIcon = /* @__PURE__ */ __name(() => {
|
|
2423
2422
|
if (!icon) return null;
|
|
2424
|
-
return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("i", { className: style_module_default3.Icon, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
|
|
2423
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("i", { className: style_module_default3.Icon, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_icon.Icon, { ...icon, size: "m" }) });
|
|
2425
2424
|
}, "renderIcon");
|
|
2426
2425
|
return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Root2, { className: style_module_default3.ToastRoot, open: isOpen, ...props, children: [
|
|
2427
2426
|
isLoading && !toastSuccess.current ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { ref: lottieRef, style: { width: "24px", height: "24px" } }) : renderIcon(),
|
|
@@ -2697,7 +2696,7 @@ var style_module_default5 = {
|
|
|
2697
2696
|
// src/components/Popover/index.tsx
|
|
2698
2697
|
var import_cva4 = require("cva");
|
|
2699
2698
|
var import_clsx8 = require("clsx");
|
|
2700
|
-
var
|
|
2699
|
+
var import_icon2 = require("@liner-fe/icon");
|
|
2701
2700
|
|
|
2702
2701
|
// src/components/TextButton/index.tsx
|
|
2703
2702
|
var import_cva3 = require("cva");
|
|
@@ -2890,7 +2889,7 @@ var PopoverContent = React17.forwardRef(
|
|
|
2890
2889
|
/* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: style_module_default5.contentContainer, children: [
|
|
2891
2890
|
(tag || icon || onClose) && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: style_module_default5.heading, children: [
|
|
2892
2891
|
tag && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: popoverTagVariants(), children: tag }),
|
|
2893
|
-
icon && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
2892
|
+
icon && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_icon2.Icon, { name: icon.name, size: "xs", thick: icon.thick, fill: icon.fill }),
|
|
2894
2893
|
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: popoverTitleVariants(), children: title }),
|
|
2895
2894
|
onClose && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
2896
2895
|
import_radix_ui.Popover.PopoverClose,
|
|
@@ -2900,7 +2899,7 @@ var PopoverContent = React17.forwardRef(
|
|
|
2900
2899
|
onClose();
|
|
2901
2900
|
},
|
|
2902
2901
|
children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
2903
|
-
|
|
2902
|
+
import_icon2.Icon,
|
|
2904
2903
|
{
|
|
2905
2904
|
name: "close-fill",
|
|
2906
2905
|
size: "s",
|
|
@@ -3213,7 +3212,7 @@ var Label = (0, import_react15.forwardRef)(
|
|
|
3213
3212
|
Label.displayName = "Label";
|
|
3214
3213
|
|
|
3215
3214
|
// src/components/CheckBox/index.tsx
|
|
3216
|
-
var
|
|
3215
|
+
var import_icon3 = require("@liner-fe/icon");
|
|
3217
3216
|
var import_jsx_runtime24 = require("react/jsx-runtime");
|
|
3218
3217
|
var Checkbox = (0, import_react16.forwardRef)(
|
|
3219
3218
|
({ className, label, description, ...props }, ref) => {
|
|
@@ -3224,7 +3223,7 @@ var Checkbox = (0, import_react16.forwardRef)(
|
|
|
3224
3223
|
] }),
|
|
3225
3224
|
children
|
|
3226
3225
|
] }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_jsx_runtime24.Fragment, { children }), "CheckboxWrapper");
|
|
3227
|
-
return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(CheckboxWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_radix_ui5.Checkbox.Root, { className: (0, import_clsx12.default)(style_module_default9.checkbox, className), ref, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_radix_ui5.Checkbox.Indicator, { className: style_module_default9["checkbox-indicator"], children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
3226
|
+
return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(CheckboxWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_radix_ui5.Checkbox.Root, { className: (0, import_clsx12.default)(style_module_default9.checkbox, className), ref, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_radix_ui5.Checkbox.Indicator, { className: style_module_default9["checkbox-indicator"], children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_icon3.IconCheckMark, { thick: true, size: "xs", type: "inverse-label-primary" }) }) }) });
|
|
3228
3227
|
}
|
|
3229
3228
|
);
|
|
3230
3229
|
|
|
@@ -3300,7 +3299,7 @@ var style_module_default12 = {
|
|
|
3300
3299
|
// src/components/Textfield/index.tsx
|
|
3301
3300
|
var import_cva8 = require("cva");
|
|
3302
3301
|
var import_clsx14 = __toESM(require("clsx"));
|
|
3303
|
-
var
|
|
3302
|
+
var import_icon4 = require("@liner-fe/icon");
|
|
3304
3303
|
var import_react_dom2 = require("react-dom");
|
|
3305
3304
|
var import_jsx_runtime26 = require("react/jsx-runtime");
|
|
3306
3305
|
var defaultTextfieldVariants = (0, import_cva8.cva)({
|
|
@@ -3417,7 +3416,7 @@ var Textfield = (0, import_react18.forwardRef)((props, ref) => {
|
|
|
3417
3416
|
level: "secondary",
|
|
3418
3417
|
fill: false,
|
|
3419
3418
|
icon: {
|
|
3420
|
-
icon:
|
|
3419
|
+
icon: import_icon4.IconCloseFill,
|
|
3421
3420
|
size: "s",
|
|
3422
3421
|
thick: true
|
|
3423
3422
|
},
|
|
@@ -3435,7 +3434,7 @@ var Textfield = (0, import_react18.forwardRef)((props, ref) => {
|
|
|
3435
3434
|
level: "secondary",
|
|
3436
3435
|
fill: false,
|
|
3437
3436
|
icon: {
|
|
3438
|
-
icon: deidentifiy ?
|
|
3437
|
+
icon: deidentifiy ? import_icon4.IconVisibilityOff : import_icon4.IconVisibility,
|
|
3439
3438
|
size: "s",
|
|
3440
3439
|
fill: true
|
|
3441
3440
|
},
|
|
@@ -3453,7 +3452,7 @@ var Textfield = (0, import_react18.forwardRef)((props, ref) => {
|
|
|
3453
3452
|
displayFooter && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: style_module_default12.footer, children: [
|
|
3454
3453
|
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: style_module_default12["error-wrapper"], children: error && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
|
|
3455
3454
|
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
3456
|
-
|
|
3455
|
+
import_icon4.Icon,
|
|
3457
3456
|
{
|
|
3458
3457
|
name: "exclamationmark-fill",
|
|
3459
3458
|
fill: true,
|
|
@@ -3515,7 +3514,7 @@ var style_module_default13 = {
|
|
|
3515
3514
|
};
|
|
3516
3515
|
|
|
3517
3516
|
// src/components/Select/index.tsx
|
|
3518
|
-
var
|
|
3517
|
+
var import_icon5 = require("@liner-fe/icon");
|
|
3519
3518
|
var import_react19 = require("react");
|
|
3520
3519
|
var import_clsx15 = __toESM(require("clsx"));
|
|
3521
3520
|
var import_jsx_runtime27 = require("react/jsx-runtime");
|
|
@@ -3623,7 +3622,7 @@ var SelectRoot = (0, import_react19.forwardRef)(
|
|
|
3623
3622
|
children: [
|
|
3624
3623
|
/* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_radix_ui7.Select.Trigger, { className: style_module_default13.trigger, ref, id, children: [
|
|
3625
3624
|
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_radix_ui7.Select.Value, { className: style_module_default13.placeholder, placeholder }),
|
|
3626
|
-
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_radix_ui7.Select.Icon, { className: style_module_default13.openIcon, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
|
|
3625
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_radix_ui7.Select.Icon, { className: style_module_default13.openIcon, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_icon5.Icon, { name: "drop-down", fill: true, thick: true, size: "xs" }) })
|
|
3627
3626
|
] }),
|
|
3628
3627
|
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)(SelectContent, { ...contentProps })
|
|
3629
3628
|
]
|
|
@@ -3644,8 +3643,8 @@ var SelectItem = /* @__PURE__ */ __name(({ value, text, disabled, icon, onClick
|
|
|
3644
3643
|
},
|
|
3645
3644
|
children: [
|
|
3646
3645
|
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_radix_ui7.Select.ItemText, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Paragraph, { size: 3, type: "normal", weight: "medium", children: text ?? value }) }),
|
|
3647
|
-
icon && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_radix_ui7.Select.Icon, { className: style_module_default13.icon, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
|
|
3648
|
-
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_radix_ui7.Select.ItemIndicator, { className: style_module_default13.itemIndicator, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
|
|
3646
|
+
icon && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_radix_ui7.Select.Icon, { className: style_module_default13.icon, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_icon5.Icon, { size: "xs", ...icon }) }),
|
|
3647
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_radix_ui7.Select.ItemIndicator, { className: style_module_default13.itemIndicator, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_icon5.Icon, { thick: true, size: "xs", name: "check-mark", type: "brand-label-primary" }) })
|
|
3649
3648
|
]
|
|
3650
3649
|
}
|
|
3651
3650
|
), "SelectItem");
|
|
@@ -3661,7 +3660,7 @@ var style_module_default14 = {
|
|
|
3661
3660
|
};
|
|
3662
3661
|
|
|
3663
3662
|
// src/components/List/index.tsx
|
|
3664
|
-
var
|
|
3663
|
+
var import_icon6 = require("@liner-fe/icon");
|
|
3665
3664
|
var import_react21 = require("react");
|
|
3666
3665
|
|
|
3667
3666
|
// src/hooks/collection.tsx
|
|
@@ -3710,7 +3709,7 @@ var Item = /* @__PURE__ */ __name(({ value, text, disabled, icon, onClick }) =>
|
|
|
3710
3709
|
},
|
|
3711
3710
|
children: [
|
|
3712
3711
|
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Paragraph, { size: 3, type: "normal", weight: "medium", children: text }),
|
|
3713
|
-
(icon || isSelected) && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
3712
|
+
(icon || isSelected) && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_icon6.Icon, { className: style_module_default14.icon, size: "xs", ...iconProps })
|
|
3714
3713
|
]
|
|
3715
3714
|
}
|
|
3716
3715
|
);
|
|
@@ -3762,7 +3761,7 @@ var useSnackbar = /* @__PURE__ */ __name(() => {
|
|
|
3762
3761
|
}, "useSnackbar");
|
|
3763
3762
|
|
|
3764
3763
|
// src/components/Snackbar/SnackbarIcon/index.tsx
|
|
3765
|
-
var
|
|
3764
|
+
var import_icon7 = require("@liner-fe/icon");
|
|
3766
3765
|
|
|
3767
3766
|
// src/components/Snackbar/SnackbarIcon/style.module.scss
|
|
3768
3767
|
var style_module_default16 = {
|
|
@@ -3774,11 +3773,11 @@ var import_jsx_runtime30 = require("react/jsx-runtime");
|
|
|
3774
3773
|
var SnackbarIcon = /* @__PURE__ */ __name((props) => {
|
|
3775
3774
|
const { icon } = props;
|
|
3776
3775
|
if (!icon) return null;
|
|
3777
|
-
return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
3776
|
+
return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_icon7.Icon, { ...icon, size: "m", className: style_module_default16.container });
|
|
3778
3777
|
}, "SnackbarIcon");
|
|
3779
3778
|
|
|
3780
3779
|
// src/components/Snackbar/index.tsx
|
|
3781
|
-
var
|
|
3780
|
+
var import_icon8 = require("@liner-fe/icon");
|
|
3782
3781
|
|
|
3783
3782
|
// src/components/Snackbar/SnackbarTitle/index.tsx
|
|
3784
3783
|
var import_jsx_runtime31 = require("react/jsx-runtime");
|
|
@@ -3910,7 +3909,7 @@ var SingleSnackbar = /* @__PURE__ */ __name((props) => {
|
|
|
3910
3909
|
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)(SnackbarDescription, { description })
|
|
3911
3910
|
] }),
|
|
3912
3911
|
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
3913
|
-
|
|
3912
|
+
import_icon8.IconArrowForward,
|
|
3914
3913
|
{
|
|
3915
3914
|
fill: true,
|
|
3916
3915
|
thick: true,
|
|
@@ -8303,7 +8302,7 @@ var style_module_default21 = {
|
|
|
8303
8302
|
|
|
8304
8303
|
// src/components/coach-mark/main/index.tsx
|
|
8305
8304
|
var import_react28 = require("react");
|
|
8306
|
-
var
|
|
8305
|
+
var import_icon9 = require("@liner-fe/icon");
|
|
8307
8306
|
var import_cva12 = require("cva");
|
|
8308
8307
|
var import_clsx22 = __toESM(require("clsx"));
|
|
8309
8308
|
|
|
@@ -8457,7 +8456,7 @@ var CoachMarkContent = (0, import_react28.forwardRef)(
|
|
|
8457
8456
|
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
8458
8457
|
IconButton,
|
|
8459
8458
|
{
|
|
8460
|
-
icon: { icon:
|
|
8459
|
+
icon: { icon: import_icon9.IconClose },
|
|
8461
8460
|
size: "xs",
|
|
8462
8461
|
level: level === "inverse" ? "inverse" : "inverse-static",
|
|
8463
8462
|
fill: false,
|
|
@@ -8478,7 +8477,7 @@ var CoachMarkContent = (0, import_react28.forwardRef)(
|
|
|
8478
8477
|
}
|
|
8479
8478
|
),
|
|
8480
8479
|
icon && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
8481
|
-
|
|
8480
|
+
import_icon9.Icon,
|
|
8482
8481
|
{
|
|
8483
8482
|
name: icon.name,
|
|
8484
8483
|
size: "xs",
|