@liner-fe/prism 3.0.10 → 3.0.12

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 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' | 'thick' | 'type' | 'fillType'>;
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, 'thick' | 'fill'>;
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' | 'thick' | 'fill' | 'fillType'>;
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' | 'thick' | 'type' | 'fillType' | 'size'>;
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' | 'thick' | 'type' | 'fillType' | 'size'>;
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' | 'thick' | 'type' | 'fillType'>;
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' | 'thick' | 'type' | 'fillType'>;
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' | 'thick' | 'type' | 'fillType'>;
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", thick: icon.thick, fill: icon.fill }),
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, thick: true, type: "neutral-label-static-primary" })
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
- IconCheckMark,
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, thick: true, size: "xs", type: "function-label-negative" }),
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, thick: true, size: "xs" }) })
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, { thick: true, size: "xs", type: "brand-label-primary" }) })
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", thick: true });
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.10",
3
+ "version": "3.0.12",
4
4
  "type": "module",
5
5
  "sideEffects": false,
6
6
  "dependencies": {
@@ -18,7 +18,7 @@
18
18
  "jotai": "^2.11.0",
19
19
  "@liner-fe/design-token": "^3.0.2",
20
20
  "@liner-fe/design-token-primitive": "^0.2.47",
21
- "@liner-fe/icon": "^1.0.4",
21
+ "@liner-fe/icon": "^2.0.2",
22
22
  "@liner-fe/illust": "^1.0.0"
23
23
  },
24
24
  "devDependencies": {