@liner-fe/prism 3.0.10 → 3.0.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/index.d.ts +8 -8
- package/lib/index.js +10 -37
- package/package.json +4 -4
package/lib/index.d.ts
CHANGED
|
@@ -65,7 +65,7 @@ interface IToastBase extends ToastProps, RefAttributes<HTMLLIElement> {
|
|
|
65
65
|
interface IToastIcon {
|
|
66
66
|
icon: {
|
|
67
67
|
icon: IconComponentType;
|
|
68
|
-
} & Pick<IconProps, 'fill' | '
|
|
68
|
+
} & Pick<IconProps, 'fill' | 'type' | 'fillType'>;
|
|
69
69
|
button?: never;
|
|
70
70
|
}
|
|
71
71
|
interface IToastButton {
|
|
@@ -217,7 +217,7 @@ interface PopoverContentProps extends HTMLAttributes<HTMLDivElement>, Popover$1.
|
|
|
217
217
|
tag?: string;
|
|
218
218
|
icon?: {
|
|
219
219
|
icon: IconComponentType;
|
|
220
|
-
} & Pick<IconProps, '
|
|
220
|
+
} & Pick<IconProps, 'fill'>;
|
|
221
221
|
title?: string;
|
|
222
222
|
description?: string;
|
|
223
223
|
position?: 'top' | 'right' | 'bottom' | 'left';
|
|
@@ -329,7 +329,7 @@ interface IconButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, Varia
|
|
|
329
329
|
level?: IconButtonLevelType;
|
|
330
330
|
icon: {
|
|
331
331
|
icon: IconComponentType;
|
|
332
|
-
} & Pick<IconProps, 'type' | 'size' | '
|
|
332
|
+
} & Pick<IconProps, 'type' | 'size' | 'fill' | 'fillType'>;
|
|
333
333
|
isLoading?: boolean;
|
|
334
334
|
}
|
|
335
335
|
declare const IconButton: react.ForwardRefExoticComponent<IconButtonProps & react.RefAttributes<HTMLButtonElement>>;
|
|
@@ -395,7 +395,7 @@ interface SelectItemProps {
|
|
|
395
395
|
disabled?: boolean;
|
|
396
396
|
icon?: {
|
|
397
397
|
icon: IconComponentType;
|
|
398
|
-
} & Pick<IconProps, 'fill' | '
|
|
398
|
+
} & Pick<IconProps, 'fill' | 'type' | 'fillType' | 'size'>;
|
|
399
399
|
onClick?: () => void;
|
|
400
400
|
}
|
|
401
401
|
declare const Select: react.ForwardRefExoticComponent<SelectProps & react.RefAttributes<HTMLButtonElement>> & {
|
|
@@ -413,7 +413,7 @@ interface ItemProps {
|
|
|
413
413
|
disabled?: boolean;
|
|
414
414
|
icon?: {
|
|
415
415
|
icon: IconComponentType;
|
|
416
|
-
} & Pick<IconProps, 'fill' | '
|
|
416
|
+
} & Pick<IconProps, 'fill' | 'type' | 'fillType' | 'size'>;
|
|
417
417
|
onClick?: () => void;
|
|
418
418
|
}
|
|
419
419
|
declare const List: (({ children, className, ...props }: ListRootProps) => react_jsx_runtime.JSX.Element) & {
|
|
@@ -434,7 +434,7 @@ interface ISnackbarBasic {
|
|
|
434
434
|
kind?: 'basic';
|
|
435
435
|
icon?: {
|
|
436
436
|
icon: IconComponentType;
|
|
437
|
-
} & Pick<IconProps, 'fill' | '
|
|
437
|
+
} & Pick<IconProps, 'fill' | 'type' | 'fillType'>;
|
|
438
438
|
button?: {
|
|
439
439
|
text?: ButtonType;
|
|
440
440
|
basic?: ButtonType;
|
|
@@ -589,7 +589,7 @@ interface BaseCoachMarkContentProps extends Omit<PrimitiveCoachMarkContentProps,
|
|
|
589
589
|
type BaseCoachMarkContent = {
|
|
590
590
|
icon?: {
|
|
591
591
|
icon: IconComponentType;
|
|
592
|
-
} & Pick<IconProps, 'fill' | '
|
|
592
|
+
} & Pick<IconProps, 'fill' | 'type' | 'fillType'>;
|
|
593
593
|
description?: string;
|
|
594
594
|
step?: Step;
|
|
595
595
|
primaryButton?: RestrictedButtonProps;
|
|
@@ -634,7 +634,7 @@ declare const Tag: react.ForwardRefExoticComponent<TagProps & react.RefAttribute
|
|
|
634
634
|
type BadgeSize = 's' | 'm' | 'l';
|
|
635
635
|
type BadgeIconProps = {
|
|
636
636
|
icon: IconComponentType;
|
|
637
|
-
} & Pick<IconProps, 'fill' | '
|
|
637
|
+
} & Pick<IconProps, 'fill' | 'type' | 'fillType'>;
|
|
638
638
|
type BadgeVariant = 'subtle' | 'outlined' | 'fill' | 'inverse';
|
|
639
639
|
type BadgeColor = 'neutral' | 'neutral-secondary' | 'primary' | 'caution' | 'error' | 'accent';
|
|
640
640
|
type BadgeVariantColorProps = {
|
package/lib/index.js
CHANGED
|
@@ -1309,7 +1309,7 @@ var PopoverContent = React3.forwardRef(
|
|
|
1309
1309
|
/* @__PURE__ */ jsxs4("div", { className: style_module_default5.contentContainer, children: [
|
|
1310
1310
|
(tag || icon || onClose) && /* @__PURE__ */ jsxs4("div", { className: style_module_default5.heading, children: [
|
|
1311
1311
|
tag && /* @__PURE__ */ jsx10("span", { className: popoverTagVariants(), children: tag }),
|
|
1312
|
-
icon && /* @__PURE__ */ jsx10(icon.icon, { size: "xs",
|
|
1312
|
+
icon && /* @__PURE__ */ jsx10(icon.icon, { size: "xs", fill: icon.fill }),
|
|
1313
1313
|
/* @__PURE__ */ jsx10("p", { className: popoverTitleVariants(), children: title }),
|
|
1314
1314
|
onClose && /* @__PURE__ */ jsx10(
|
|
1315
1315
|
PopoverPrimitive.PopoverClose,
|
|
@@ -1318,7 +1318,7 @@ var PopoverContent = React3.forwardRef(
|
|
|
1318
1318
|
onClick: () => {
|
|
1319
1319
|
onClose();
|
|
1320
1320
|
},
|
|
1321
|
-
children: /* @__PURE__ */ jsx10(IconCloseFill, { size: "s", fill: true,
|
|
1321
|
+
children: /* @__PURE__ */ jsx10(IconCloseFill, { size: "s", fill: true, type: "neutral-label-static-primary" })
|
|
1322
1322
|
}
|
|
1323
1323
|
)
|
|
1324
1324
|
] }),
|
|
@@ -1649,24 +1649,8 @@ var Checkbox = forwardRef11(
|
|
|
1649
1649
|
children
|
|
1650
1650
|
] }) : /* @__PURE__ */ jsx14(Fragment4, { children }), "CheckboxWrapper");
|
|
1651
1651
|
return /* @__PURE__ */ jsx14(CheckboxWrapper, { children: /* @__PURE__ */ jsx14(CheckboxPrimitive.Root, { className: clsx11(style_module_default8.checkbox, className), ref, ...props, children: /* @__PURE__ */ jsxs5(CheckboxPrimitive.Indicator, { className: style_module_default8["checkbox-indicator"], children: [
|
|
1652
|
-
/* @__PURE__ */ jsx14(
|
|
1653
|
-
|
|
1654
|
-
{
|
|
1655
|
-
thick: true,
|
|
1656
|
-
size: "xs",
|
|
1657
|
-
type: "inverse-label-primary",
|
|
1658
|
-
className: style_module_default8["icon-check"]
|
|
1659
|
-
}
|
|
1660
|
-
),
|
|
1661
|
-
/* @__PURE__ */ jsx14(
|
|
1662
|
-
IconMinus,
|
|
1663
|
-
{
|
|
1664
|
-
thick: true,
|
|
1665
|
-
size: "xs",
|
|
1666
|
-
type: "inverse-label-primary",
|
|
1667
|
-
className: style_module_default8["icon-minus"]
|
|
1668
|
-
}
|
|
1669
|
-
)
|
|
1652
|
+
/* @__PURE__ */ jsx14(IconCheckMark, { size: "xs", type: "inverse-label-primary", className: style_module_default8["icon-check"] }),
|
|
1653
|
+
/* @__PURE__ */ jsx14(IconMinus, { size: "xs", type: "inverse-label-primary", className: style_module_default8["icon-minus"] })
|
|
1670
1654
|
] }) }) });
|
|
1671
1655
|
}
|
|
1672
1656
|
);
|
|
@@ -1880,8 +1864,7 @@ var Textfield = forwardRef13((props, ref) => {
|
|
|
1880
1864
|
level: "quinary",
|
|
1881
1865
|
icon: {
|
|
1882
1866
|
icon: IconCloseFill2,
|
|
1883
|
-
size: "s"
|
|
1884
|
-
thick: true
|
|
1867
|
+
size: "s"
|
|
1885
1868
|
},
|
|
1886
1869
|
type: "button",
|
|
1887
1870
|
onClick: (e) => {
|
|
@@ -1913,7 +1896,7 @@ var Textfield = forwardRef13((props, ref) => {
|
|
|
1913
1896
|
),
|
|
1914
1897
|
displayFooter && /* @__PURE__ */ jsxs7("div", { className: style_module_default11.footer, children: [
|
|
1915
1898
|
/* @__PURE__ */ jsx16("div", { className: style_module_default11["error-wrapper"], children: error && /* @__PURE__ */ jsxs7(Fragment6, { children: [
|
|
1916
|
-
/* @__PURE__ */ jsx16(IconExclamationmarkFill, { fill: true,
|
|
1899
|
+
/* @__PURE__ */ jsx16(IconExclamationmarkFill, { fill: true, size: "xs", type: "function-label-negative" }),
|
|
1917
1900
|
/* @__PURE__ */ jsx16(
|
|
1918
1901
|
Caption,
|
|
1919
1902
|
{
|
|
@@ -2078,7 +2061,7 @@ var SelectRoot = forwardRef14((props, ref) => {
|
|
|
2078
2061
|
children: [
|
|
2079
2062
|
/* @__PURE__ */ jsxs8(SelectPrimitive.Trigger, { className: style_module_default12.trigger, ref, id, children: [
|
|
2080
2063
|
/* @__PURE__ */ jsx17(SelectPrimitive.Value, { className: style_module_default12.placeholder, placeholder }),
|
|
2081
|
-
/* @__PURE__ */ jsx17(SelectPrimitive.Icon, { className: style_module_default12.openIcon, children: /* @__PURE__ */ jsx17(IconDropDown, { fill: true,
|
|
2064
|
+
/* @__PURE__ */ jsx17(SelectPrimitive.Icon, { className: style_module_default12.openIcon, children: /* @__PURE__ */ jsx17(IconDropDown, { fill: true, size: "xs" }) })
|
|
2082
2065
|
] }),
|
|
2083
2066
|
/* @__PURE__ */ jsx17(SelectContent, { ...contentProps })
|
|
2084
2067
|
]
|
|
@@ -2099,7 +2082,7 @@ var SelectItem = /* @__PURE__ */ __name(({ value, text, disabled, icon, onClick
|
|
|
2099
2082
|
children: [
|
|
2100
2083
|
/* @__PURE__ */ jsx17(SelectPrimitive.ItemText, { children: /* @__PURE__ */ jsx17(Paragraph, { size: 3, type: "normal", weight: "medium", children: text ?? value }) }),
|
|
2101
2084
|
icon && /* @__PURE__ */ jsx17(SelectPrimitive.Icon, { className: style_module_default12.icon, children: /* @__PURE__ */ jsx17(icon.icon, { size: "xs", ...icon }) }),
|
|
2102
|
-
/* @__PURE__ */ jsx17(SelectPrimitive.ItemIndicator, { className: style_module_default12.itemIndicator, children: /* @__PURE__ */ jsx17(IconCheckMark2, {
|
|
2085
|
+
/* @__PURE__ */ jsx17(SelectPrimitive.ItemIndicator, { className: style_module_default12.itemIndicator, children: /* @__PURE__ */ jsx17(IconCheckMark2, { size: "xs", type: "brand-label-primary" }) })
|
|
2103
2086
|
]
|
|
2104
2087
|
}
|
|
2105
2088
|
), "SelectItem");
|
|
@@ -2146,7 +2129,7 @@ var Item = /* @__PURE__ */ __name(({ value, text, disabled, icon, onClick }) =>
|
|
|
2146
2129
|
const isSelected = contextValue === value;
|
|
2147
2130
|
const renderIcon = /* @__PURE__ */ __name(() => {
|
|
2148
2131
|
if (isSelected) {
|
|
2149
|
-
return /* @__PURE__ */ jsx19(IconCheckMark3, { type: "brand-label-primary"
|
|
2132
|
+
return /* @__PURE__ */ jsx19(IconCheckMark3, { type: "brand-label-primary" });
|
|
2150
2133
|
}
|
|
2151
2134
|
if (icon) {
|
|
2152
2135
|
return /* @__PURE__ */ jsx19(icon.icon, { className: style_module_default13.icon, size: "xs", ...icon });
|
|
@@ -2383,7 +2366,6 @@ var SnackbarButton = /* @__PURE__ */ __name(({
|
|
|
2383
2366
|
onCloseSnackbar();
|
|
2384
2367
|
},
|
|
2385
2368
|
level: "inverse-static",
|
|
2386
|
-
thick: false,
|
|
2387
2369
|
className: style_module_default17.button,
|
|
2388
2370
|
children: button.text.text
|
|
2389
2371
|
}
|
|
@@ -2484,7 +2466,6 @@ var SingleSnackbar = /* @__PURE__ */ __name((props) => {
|
|
|
2484
2466
|
IconArrowForward,
|
|
2485
2467
|
{
|
|
2486
2468
|
fill: true,
|
|
2487
|
-
thick: true,
|
|
2488
2469
|
type: "inverse-label-static-primary",
|
|
2489
2470
|
className: description ? style_module_default14.minWidth32 : style_module_default14.minWidth24,
|
|
2490
2471
|
size: description ? "l" : "m"
|
|
@@ -3475,15 +3456,7 @@ var CoachMarkContent = forwardRef19(
|
|
|
3475
3456
|
children: tag
|
|
3476
3457
|
}
|
|
3477
3458
|
),
|
|
3478
|
-
icon && /* @__PURE__ */ jsx30(
|
|
3479
|
-
icon.icon,
|
|
3480
|
-
{
|
|
3481
|
-
size: "xs",
|
|
3482
|
-
thick: icon.thick,
|
|
3483
|
-
fill: icon.fill,
|
|
3484
|
-
type: "inverse-label-static-primary"
|
|
3485
|
-
}
|
|
3486
|
-
),
|
|
3459
|
+
icon && /* @__PURE__ */ jsx30(icon.icon, { size: "xs", fill: icon.fill, type: "inverse-label-static-primary" }),
|
|
3487
3460
|
title && /* @__PURE__ */ jsx30(
|
|
3488
3461
|
Paragraph,
|
|
3489
3462
|
{
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@liner-fe/prism",
|
|
3
|
-
"version": "3.0.
|
|
3
|
+
"version": "3.0.11",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"dependencies": {
|
|
@@ -16,10 +16,10 @@
|
|
|
16
16
|
"react": "^19.1.0",
|
|
17
17
|
"react-dom": "^19.1.0",
|
|
18
18
|
"jotai": "^2.11.0",
|
|
19
|
-
"@liner-fe/design-token": "^3.0.2",
|
|
20
19
|
"@liner-fe/design-token-primitive": "^0.2.47",
|
|
21
|
-
"@liner-fe/icon": "^
|
|
22
|
-
"@liner-fe/illust": "^1.0.0"
|
|
20
|
+
"@liner-fe/icon": "^2.0.0",
|
|
21
|
+
"@liner-fe/illust": "^1.0.0",
|
|
22
|
+
"@liner-fe/design-token": "^3.0.2"
|
|
23
23
|
},
|
|
24
24
|
"devDependencies": {
|
|
25
25
|
"@chromatic-com/storybook": "^1.5.0",
|