@liner-fe/prism 2.11.17 → 2.12.1

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.
Files changed (3) hide show
  1. package/lib/index.css +21 -12
  2. package/lib/index.js +27 -6
  3. package/package.json +18 -19
package/lib/index.css CHANGED
@@ -943,7 +943,7 @@
943
943
  }
944
944
 
945
945
  /* esbuild-sass-plugin:css-chunk:src/components/CheckBox/style.module.scss */
946
- ._checkbox_1jjvt_1 {
946
+ ._checkbox_1vnvk_1 {
947
947
  display: flex;
948
948
  width: var(--lp-sys-icon-size-xs);
949
949
  height: var(--lp-sys-icon-size-xs);
@@ -957,45 +957,54 @@
957
957
  border: 1px solid var(--neutral-border-overlay-strong);
958
958
  cursor: pointer;
959
959
  }
960
- ._checkbox_1jjvt_1:hover:not(:disabled) {
960
+ ._checkbox_1vnvk_1:hover:not(:disabled) {
961
961
  background: var(--neutral-fill-overlay-lowest-hover);
962
962
  }
963
- ._checkbox_1jjvt_1:disabled {
963
+ ._checkbox_1vnvk_1:disabled {
964
964
  background: var(--neutral-container-highest);
965
965
  cursor: not-allowed;
966
966
  border: 1px solid var(--neutral-border-overlay-strong);
967
967
  }
968
- ._checkbox_1jjvt_1:disabled > span {
968
+ ._checkbox_1vnvk_1:disabled > span {
969
969
  background: none;
970
970
  }
971
- ._checkbox_1jjvt_1:disabled > span > svg > path {
971
+ ._checkbox_1vnvk_1:disabled > span > svg > path {
972
972
  fill: var(--neutral-label-tertiary);
973
973
  }
974
- ._checkbox_1jjvt_1[aria-checked=true]:not(:disabled) {
974
+ ._checkbox_1vnvk_1[aria-checked=true]:not(:disabled),
975
+ ._checkbox_1vnvk_1[aria-checked=mixed]:not(:disabled) {
975
976
  border: none;
976
977
  }
977
- ._checkbox_1jjvt_1[aria-checked=true]:hover:not(:disabled) > span {
978
+ ._checkbox_1vnvk_1[aria-checked=true]:hover:not(:disabled) > span,
979
+ ._checkbox_1vnvk_1[aria-checked=mixed]:hover:not(:disabled) > span {
978
980
  background: var(--inverse-container-highest);
979
981
  }
980
- ._checkbox_1jjvt_1 [aria-checked=true]:disabled > span {
982
+ ._checkbox_1vnvk_1 [aria-checked=true]:disabled > span,
983
+ ._checkbox_1vnvk_1 [aria-checked=mixed]:disabled > span {
981
984
  background: none;
982
985
  }
983
- ._checkbox-indicator_1jjvt_39 {
986
+ ._checkbox-indicator_1vnvk_39 {
984
987
  display: flex;
985
988
  align-items: center;
986
989
  justify-content: center;
987
990
  border-radius: 4px;
988
991
  background: var(--inverse-container-lowest);
989
992
  }
990
- ._label-wrapper_1jjvt_47 {
993
+ ._checkbox-indicator_1vnvk_39[data-state=checked] ._icon-minus_1vnvk_46 {
994
+ display: none;
995
+ }
996
+ ._checkbox-indicator_1vnvk_39[data-state=indeterminate] ._icon-check_1vnvk_49 {
997
+ display: none;
998
+ }
999
+ ._label-wrapper_1vnvk_53 {
991
1000
  display: flex;
992
1001
  flex-direction: column;
993
1002
  gap: var(--lp-sys-gap-positive-200);
994
1003
  }
995
- ._description_1jjvt_53 {
1004
+ ._description_1vnvk_59 {
996
1005
  color: var(--neutral-label-secondary);
997
1006
  }
998
- ._description_1jjvt_53:has([disabled]) {
1007
+ ._description_1vnvk_59:has([disabled]) {
999
1008
  color: var(--neutral-label-tertiary);
1000
1009
  }
1001
1010
 
package/lib/index.js CHANGED
@@ -1669,10 +1669,12 @@ import { Checkbox as CheckboxPrimitive } from "radix-ui";
1669
1669
 
1670
1670
  // src/components/CheckBox/style.module.scss
1671
1671
  var style_module_default9 = {
1672
- "checkbox": "_checkbox_1jjvt_1",
1673
- "checkbox-indicator": "_checkbox-indicator_1jjvt_39",
1674
- "label-wrapper": "_label-wrapper_1jjvt_47",
1675
- "description": "_description_1jjvt_53"
1672
+ "checkbox": "_checkbox_1vnvk_1",
1673
+ "checkbox-indicator": "_checkbox-indicator_1vnvk_39",
1674
+ "icon-minus": "_icon-minus_1vnvk_46",
1675
+ "icon-check": "_icon-check_1vnvk_49",
1676
+ "label-wrapper": "_label-wrapper_1vnvk_53",
1677
+ "description": "_description_1vnvk_59"
1676
1678
  };
1677
1679
 
1678
1680
  // src/components/CheckBox/index.tsx
@@ -1760,7 +1762,7 @@ var Label = forwardRef11(
1760
1762
  Label.displayName = "Label";
1761
1763
 
1762
1764
  // src/components/CheckBox/index.tsx
1763
- import { IconCheckMark } from "@liner-fe/icon";
1765
+ import { IconCheckMark, IconMinus } from "@liner-fe/icon";
1764
1766
  import { Fragment as Fragment4, jsx as jsx15, jsxs as jsxs6 } from "react/jsx-runtime";
1765
1767
  var Checkbox = forwardRef12(
1766
1768
  ({ className, label, description, ...props }, ref) => {
@@ -1771,7 +1773,26 @@ var Checkbox = forwardRef12(
1771
1773
  ] }),
1772
1774
  children
1773
1775
  ] }) : /* @__PURE__ */ jsx15(Fragment4, { children }), "CheckboxWrapper");
1774
- return /* @__PURE__ */ jsx15(CheckboxWrapper, { children: /* @__PURE__ */ jsx15(CheckboxPrimitive.Root, { className: clsx12(style_module_default9.checkbox, className), ref, ...props, children: /* @__PURE__ */ jsx15(CheckboxPrimitive.Indicator, { className: style_module_default9["checkbox-indicator"], children: /* @__PURE__ */ jsx15(IconCheckMark, { thick: true, size: "xs", type: "inverse-label-primary" }) }) }) });
1776
+ return /* @__PURE__ */ jsx15(CheckboxWrapper, { children: /* @__PURE__ */ jsx15(CheckboxPrimitive.Root, { className: clsx12(style_module_default9.checkbox, className), ref, ...props, children: /* @__PURE__ */ jsxs6(CheckboxPrimitive.Indicator, { className: style_module_default9["checkbox-indicator"], children: [
1777
+ /* @__PURE__ */ jsx15(
1778
+ IconCheckMark,
1779
+ {
1780
+ thick: true,
1781
+ size: "xs",
1782
+ type: "inverse-label-primary",
1783
+ className: style_module_default9["icon-check"]
1784
+ }
1785
+ ),
1786
+ /* @__PURE__ */ jsx15(
1787
+ IconMinus,
1788
+ {
1789
+ thick: true,
1790
+ size: "xs",
1791
+ type: "inverse-label-primary",
1792
+ className: style_module_default9["icon-minus"]
1793
+ }
1794
+ )
1795
+ ] }) }) });
1775
1796
  }
1776
1797
  );
1777
1798
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@liner-fe/prism",
3
- "version": "2.11.17",
3
+ "version": "2.12.1",
4
4
  "type": "module",
5
5
  "sideEffects": false,
6
6
  "dependencies": {
@@ -14,13 +14,13 @@
14
14
  "framer-motion": "^11.2.13",
15
15
  "lottie-web": "^5.9.4",
16
16
  "radix-ui": "^1.4.3",
17
- "react": "^18.3.1",
18
- "react-dom": "^18.3.1",
17
+ "react": "18.2.0",
18
+ "react-dom": "18.2.0",
19
19
  "recoil": "^0.5.2",
20
- "@liner-fe/design-token-primitive": "^0.2.43",
21
- "@liner-fe/design-token": "^2.5.46",
22
- "@liner-fe/icon": "^0.2.71",
23
- "@liner-fe/illust": "^0.2.10"
20
+ "@liner-fe/design-token": "^2.5.47",
21
+ "@liner-fe/design-token-primitive": "^0.2.44",
22
+ "@liner-fe/icon": "^0.2.72",
23
+ "@liner-fe/illust": "^0.2.11"
24
24
  },
25
25
  "devDependencies": {
26
26
  "@chromatic-com/storybook": "^1.5.0",
@@ -31,15 +31,14 @@
31
31
  "@storybook/addon-links": "^8.4.2",
32
32
  "@storybook/addon-onboarding": "^8.4.2",
33
33
  "@storybook/addon-themes": "^8.1.11",
34
- "@storybook/addons": "^7.6.17",
35
- "@storybook/api": "^7.6.17",
36
34
  "@storybook/blocks": "^8.4.2",
37
35
  "@storybook/nextjs": "^8.6.12",
38
36
  "@storybook/react": "^8.4.2",
39
- "@storybook/test": "^8.4.2",
40
- "@types/node": "^25.1.0",
41
- "@types/react": "^18.3.12",
42
- "@types/react-dom": "^18.3.1",
37
+ "@storybook/react-vite": "^8.6.0",
38
+ "@storybook/test": "^8.6.15",
39
+ "@types/node": "^20.3.1",
40
+ "@types/react": "18.2.23",
41
+ "@types/react-dom": "18.2.23",
43
42
  "autoprefixer": "^10.4.14",
44
43
  "chromatic": "^11.5.3",
45
44
  "esbuild-node-externals": "1.18.0",
@@ -52,12 +51,12 @@
52
51
  "prettier": "^3.6.2",
53
52
  "sass": "^1.77.6",
54
53
  "sass-loader": "^14.2.1",
55
- "storybook": "^8.6.11",
56
- "storybook-custom-theme-switcher": "^0.0.10",
57
- "tsup": "^8.5.0",
58
- "tsx": "^4.21.0",
59
- "typescript": "~5.9.3",
60
- "typescript-eslint": "^8.45.0"
54
+ "storybook": "^8.6.15",
55
+ "tsup": "^8.4.0",
56
+ "tsx": "^4.19.4",
57
+ "typescript": "^5.1.6",
58
+ "typescript-eslint": "^8.26.1",
59
+ "vite": "^5.4.0"
61
60
  },
62
61
  "publishConfig": {
63
62
  "access": "public"