@liner-fe/prism 2.11.14 → 2.11.16

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 +62 -62
  2. package/lib/index.js +14 -14
  3. package/package.json +19 -19
package/lib/index.css CHANGED
@@ -743,7 +743,7 @@
743
743
  }
744
744
 
745
745
  /* esbuild-sass-plugin:css-chunk:src/components/IconButton/style.module.scss */
746
- ._iconButton_5ztf4_1 {
746
+ ._iconButton_1ys32_1 {
747
747
  display: flex;
748
748
  justify-content: center;
749
749
  align-items: center;
@@ -752,193 +752,193 @@
752
752
  border-radius: var(--lp-sys-radius-m);
753
753
  cursor: pointer;
754
754
  }
755
- ._iconButton_5ztf4_1:disabled {
755
+ ._iconButton_1ys32_1:disabled {
756
756
  cursor: not-allowed;
757
757
  }
758
- ._primary_5ztf4_14 {
758
+ ._primary_1ys32_14 {
759
759
  background: var(--brand-container-mid);
760
760
  }
761
- ._primary_5ztf4_14:not(:disabled):hover {
761
+ ._primary_1ys32_14:not(:disabled):hover {
762
762
  background: var(--brand-container-mid-hover);
763
763
  }
764
- ._primary_5ztf4_14:disabled {
764
+ ._primary_1ys32_14:disabled {
765
765
  background: var(--neutral-fill-overlay-mid);
766
766
  }
767
- ._primary_5ztf4_14:disabled svg path {
767
+ ._primary_1ys32_14:disabled svg path {
768
768
  fill: var(--neutral-label-tertiary) !important;
769
769
  }
770
- ._secondary_5ztf4_27 {
770
+ ._secondary_1ys32_27 {
771
771
  background: var(--brand-container-mid);
772
772
  }
773
- ._secondary_5ztf4_27:not(:disabled):hover {
773
+ ._secondary_1ys32_27:not(:disabled):hover {
774
774
  background: var(--brand-container-mid-hover);
775
775
  }
776
- ._secondary_5ztf4_27:disabled {
776
+ ._secondary_1ys32_27:disabled {
777
777
  background: var(--neutral-fill-overlay-mid);
778
778
  }
779
- ._secondary_5ztf4_27:disabled svg path {
779
+ ._secondary_1ys32_27:disabled svg path {
780
780
  fill: var(--neutral-label-tertiary) !important;
781
781
  }
782
- ._tertiary_5ztf4_40 {
782
+ ._tertiary_1ys32_40 {
783
783
  background: var(--neutral-fill-overlay-mid);
784
784
  }
785
- ._tertiary_5ztf4_40:not(:disabled):hover {
785
+ ._tertiary_1ys32_40:not(:disabled):hover {
786
786
  background: var(--neutral-fill-overlay-mid-hover);
787
787
  }
788
- ._tertiary_5ztf4_40:disabled {
788
+ ._tertiary_1ys32_40:disabled {
789
789
  background: var(--neutral-fill-overlay-mid);
790
790
  }
791
- ._tertiary_5ztf4_40:disabled svg path {
791
+ ._tertiary_1ys32_40:disabled svg path {
792
792
  fill: var(--neutral-label-tertiary) !important;
793
793
  }
794
- ._quaternary_5ztf4_53 {
794
+ ._quaternary_1ys32_53 {
795
795
  background: var(--neutral-fill-overlay-lowest);
796
796
  border: 1px solid var(--neutral-border-overlay-normal);
797
797
  }
798
- ._quaternary_5ztf4_53:not(:disabled):hover {
798
+ ._quaternary_1ys32_53:not(:disabled):hover {
799
799
  background: var(--neutral-fill-overlay-lowest-hover);
800
800
  }
801
- ._quaternary_5ztf4_53:disabled {
801
+ ._quaternary_1ys32_53:disabled {
802
802
  background: var(--neutral-fill-overlay-lowest);
803
803
  }
804
- ._quaternary_5ztf4_53:disabled svg path {
804
+ ._quaternary_1ys32_53:disabled svg path {
805
805
  fill: var(--neutral-label-tertiary) !important;
806
806
  }
807
- ._negative_5ztf4_67 {
807
+ ._negative_1ys32_67 {
808
808
  background: var(--function-fill-negative-mid);
809
809
  }
810
- ._negative_5ztf4_67:not(:disabled):hover {
810
+ ._negative_1ys32_67:not(:disabled):hover {
811
811
  background: var(--function-fill-negative-mid-hover);
812
812
  }
813
- ._negative_5ztf4_67:disabled {
813
+ ._negative_1ys32_67:disabled {
814
814
  background: var(--neutral-fill-overlay-mid);
815
815
  }
816
- ._negative_5ztf4_67:disabled svg path {
816
+ ._negative_1ys32_67:disabled svg path {
817
817
  fill: var(--neutral-label-tertiary) !important;
818
818
  }
819
- ._static_5ztf4_80 {
819
+ ._static_1ys32_80 {
820
820
  background: var(--neutral-container-static-lowest);
821
821
  }
822
- ._static_5ztf4_80:not(:disabled):hover {
822
+ ._static_1ys32_80:not(:disabled):hover {
823
823
  background: var(--neutral-container-static-lowest-hover);
824
824
  }
825
- ._static_5ztf4_80:disabled {
825
+ ._static_1ys32_80:disabled {
826
826
  background: var(--neutral-fill-overlay-mid);
827
827
  }
828
- ._static_5ztf4_80:disabled svg path {
828
+ ._static_1ys32_80:disabled svg path {
829
829
  fill: var(--neutral-label-tertiary) !important;
830
830
  }
831
- ._inverse_5ztf4_93 {
831
+ ._inverse_1ys32_93 {
832
832
  background: var(--brand-container-mid);
833
833
  }
834
- ._inverse_5ztf4_93:not(:disabled):hover {
834
+ ._inverse_1ys32_93:not(:disabled):hover {
835
835
  background: var(--brand-container-mid-hover);
836
836
  }
837
- ._inverse_5ztf4_93:disabled {
837
+ ._inverse_1ys32_93:disabled {
838
838
  background: var(--neutral-fill-overlay-mid);
839
839
  }
840
- ._inverse_5ztf4_93:disabled svg path {
840
+ ._inverse_1ys32_93:disabled svg path {
841
841
  fill: var(--neutral-label-tertiary) !important;
842
842
  }
843
- ._inverse-static_5ztf4_106 {
843
+ ._inverse-static_1ys32_106 {
844
844
  background: var(--inverse-container-static-high);
845
845
  }
846
- ._inverse-static_5ztf4_106:not(:disabled):hover {
846
+ ._inverse-static_1ys32_106:not(:disabled):hover {
847
847
  background: var(--inverse-container-static-high-hover);
848
848
  }
849
- ._inverse-static_5ztf4_106:disabled {
849
+ ._inverse-static_1ys32_106:disabled {
850
850
  background: var(--neutral-fill-overlay-mid);
851
851
  }
852
- ._inverse-static_5ztf4_106:disabled svg path {
852
+ ._inverse-static_1ys32_106:disabled svg path {
853
853
  fill: var(--neutral-label-tertiary) !important;
854
854
  }
855
- ._ghost_5ztf4_119._primary_5ztf4_14 {
855
+ ._ghost_1ys32_119._primary_1ys32_14 {
856
856
  background: none;
857
857
  }
858
- ._ghost_5ztf4_119._primary_5ztf4_14:not(:disabled):hover {
858
+ ._ghost_1ys32_119._primary_1ys32_14:not(:disabled):hover {
859
859
  background: var(--neutral-fill-overlay-lowest-hover);
860
860
  }
861
- ._ghost_5ztf4_119._primary_5ztf4_14:disabled svg path {
861
+ ._ghost_1ys32_119._primary_1ys32_14:disabled svg path {
862
862
  fill: var(--neutral-label-quaternary) !important;
863
863
  }
864
- ._ghost_5ztf4_119._secondary_5ztf4_27 {
864
+ ._ghost_1ys32_119._secondary_1ys32_27 {
865
865
  background: none;
866
866
  }
867
- ._ghost_5ztf4_119._secondary_5ztf4_27:not(:disabled):hover {
867
+ ._ghost_1ys32_119._secondary_1ys32_27:not(:disabled):hover {
868
868
  background: var(--neutral-fill-overlay-lowest-hover);
869
869
  }
870
- ._ghost_5ztf4_119._secondary_5ztf4_27:disabled svg path {
870
+ ._ghost_1ys32_119._secondary_1ys32_27:disabled svg path {
871
871
  fill: var(--neutral-label-quaternary) !important;
872
872
  }
873
- ._ghost_5ztf4_119._tertiary_5ztf4_40 {
873
+ ._ghost_1ys32_119._tertiary_1ys32_40 {
874
874
  background: none;
875
875
  }
876
- ._ghost_5ztf4_119._tertiary_5ztf4_40:not(:disabled):hover {
876
+ ._ghost_1ys32_119._tertiary_1ys32_40:not(:disabled):hover {
877
877
  background: var(--neutral-fill-overlay-lowest-hover);
878
878
  }
879
- ._ghost_5ztf4_119._tertiary_5ztf4_40:disabled svg path {
879
+ ._ghost_1ys32_119._tertiary_1ys32_40:disabled svg path {
880
880
  fill: var(--neutral-label-quaternary) !important;
881
881
  }
882
- ._ghost_5ztf4_119._negative_5ztf4_67 {
882
+ ._ghost_1ys32_119._negative_1ys32_67 {
883
883
  background: none;
884
884
  }
885
- ._ghost_5ztf4_119._negative_5ztf4_67:not(:disabled):hover {
885
+ ._ghost_1ys32_119._negative_1ys32_67:not(:disabled):hover {
886
886
  background: var(--neutral-fill-overlay-lowest-hover);
887
887
  }
888
- ._ghost_5ztf4_119._negative_5ztf4_67:disabled svg path {
888
+ ._ghost_1ys32_119._negative_1ys32_67:disabled svg path {
889
889
  fill: var(--neutral-label-quaternary) !important;
890
890
  }
891
- ._ghost_5ztf4_119._static_5ztf4_80 {
891
+ ._ghost_1ys32_119._static_1ys32_80 {
892
892
  background: none;
893
893
  }
894
- ._ghost_5ztf4_119._static_5ztf4_80:not(:disabled):hover {
894
+ ._ghost_1ys32_119._static_1ys32_80:not(:disabled):hover {
895
895
  background: var(--neutral-fill-overlay-lowest-hover);
896
896
  }
897
- ._ghost_5ztf4_119._static_5ztf4_80:disabled svg path {
897
+ ._ghost_1ys32_119._static_1ys32_80:disabled svg path {
898
898
  fill: var(--neutral-label-quaternary) !important;
899
899
  }
900
- ._ghost_5ztf4_119._inverse_5ztf4_93 {
900
+ ._ghost_1ys32_119._inverse_1ys32_93 {
901
901
  background: none;
902
902
  }
903
- ._ghost_5ztf4_119._inverse_5ztf4_93:not(:disabled):hover {
903
+ ._ghost_1ys32_119._inverse_1ys32_93:not(:disabled):hover {
904
904
  background: var(--neutral-fill-overlay-lowest-hover);
905
905
  }
906
- ._ghost_5ztf4_119._inverse_5ztf4_93:disabled svg path {
906
+ ._ghost_1ys32_119._inverse_1ys32_93:disabled svg path {
907
907
  fill: var(--neutral-label-quaternary) !important;
908
908
  }
909
- ._ghost_5ztf4_119._inverse-static_5ztf4_106 {
909
+ ._ghost_1ys32_119._inverse-static_1ys32_106 {
910
910
  background: none;
911
911
  }
912
- ._ghost_5ztf4_119._inverse-static_5ztf4_106:not(:disabled):hover {
913
- background: var(--inverse-container-lowest-hover);
912
+ ._ghost_1ys32_119._inverse-static_1ys32_106:not(:disabled):hover {
913
+ background: var(--inverse-container-static-high-hover);
914
914
  }
915
- ._ghost_5ztf4_119._inverse-static_5ztf4_106:disabled svg path {
915
+ ._ghost_1ys32_119._inverse-static_1ys32_106:disabled svg path {
916
916
  fill: var(--inverse-label-tertiary) !important;
917
917
  }
918
- ._l_5ztf4_183 {
918
+ ._l_1ys32_183 {
919
919
  width: 44px;
920
920
  height: 44px;
921
921
  border-radius: var(--lp-sys-radius-m);
922
922
  }
923
- ._m_5ztf4_189 {
923
+ ._m_1ys32_189 {
924
924
  width: 36px;
925
925
  height: 36px;
926
926
  border-radius: var(--lp-sys-radius-m);
927
927
  }
928
- ._s_5ztf4_27 {
928
+ ._s_1ys32_27 {
929
929
  width: 28px;
930
930
  height: 28px;
931
931
  border-radius: var(--lp-sys-radius-s);
932
932
  }
933
- ._xs_5ztf4_201 {
933
+ ._xs_1ys32_201 {
934
934
  width: 24px;
935
935
  height: 24px;
936
936
  border-radius: var(--lp-sys-radius-s);
937
937
  }
938
- ._xs_5ztf4_201._ghost_5ztf4_119:not(:disabled):hover * > path {
938
+ ._xs_1ys32_201._ghost_1ys32_119:not(:disabled):hover * > path {
939
939
  opacity: 0.64 !important;
940
940
  }
941
- ._xs_5ztf4_201._ghost_5ztf4_119:not(:disabled):hover {
941
+ ._xs_1ys32_201._ghost_1ys32_119:not(:disabled):hover {
942
942
  background: inherit !important;
943
943
  }
944
944
 
package/lib/index.js CHANGED
@@ -1539,20 +1539,20 @@ import clsx10 from "clsx";
1539
1539
 
1540
1540
  // src/components/IconButton/style.module.scss
1541
1541
  var style_module_default8 = {
1542
- "iconButton": "_iconButton_5ztf4_1",
1543
- "primary": "_primary_5ztf4_14",
1544
- "secondary": "_secondary_5ztf4_27",
1545
- "tertiary": "_tertiary_5ztf4_40",
1546
- "quaternary": "_quaternary_5ztf4_53",
1547
- "negative": "_negative_5ztf4_67",
1548
- "static": "_static_5ztf4_80",
1549
- "inverse": "_inverse_5ztf4_93",
1550
- "inverse-static": "_inverse-static_5ztf4_106",
1551
- "ghost": "_ghost_5ztf4_119",
1552
- "l": "_l_5ztf4_183",
1553
- "m": "_m_5ztf4_189",
1554
- "s": "_s_5ztf4_27",
1555
- "xs": "_xs_5ztf4_201"
1542
+ "iconButton": "_iconButton_1ys32_1",
1543
+ "primary": "_primary_1ys32_14",
1544
+ "secondary": "_secondary_1ys32_27",
1545
+ "tertiary": "_tertiary_1ys32_40",
1546
+ "quaternary": "_quaternary_1ys32_53",
1547
+ "negative": "_negative_1ys32_67",
1548
+ "static": "_static_1ys32_80",
1549
+ "inverse": "_inverse_1ys32_93",
1550
+ "inverse-static": "_inverse-static_1ys32_106",
1551
+ "ghost": "_ghost_1ys32_119",
1552
+ "l": "_l_1ys32_183",
1553
+ "m": "_m_1ys32_189",
1554
+ "s": "_s_1ys32_27",
1555
+ "xs": "_xs_1ys32_201"
1556
1556
  };
1557
1557
 
1558
1558
  // src/components/IconButton/index.tsx
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@liner-fe/prism",
3
- "version": "2.11.14",
3
+ "version": "2.11.16",
4
4
  "type": "module",
5
5
  "sideEffects": false,
6
6
  "dependencies": {
@@ -13,18 +13,18 @@
13
13
  "date-fns": "^4.1.0",
14
14
  "framer-motion": "^11.2.13",
15
15
  "lottie-web": "^5.9.4",
16
- "radix-ui": "^1.4.1",
17
- "react": "^18.2.0",
18
- "react-dom": "^18.2.0",
16
+ "radix-ui": "^1.4.3",
17
+ "react": "^18.3.1",
18
+ "react-dom": "^18.3.1",
19
19
  "recoil": "^0.5.2",
20
- "@liner-fe/design-token": "^2.5.42",
21
- "@liner-fe/design-token-primitive": "^0.2.38",
22
- "@liner-fe/icon": "^0.2.63",
20
+ "@liner-fe/design-token": "^2.5.45",
21
+ "@liner-fe/design-token-primitive": "^0.2.42",
22
+ "@liner-fe/icon": "^0.2.71",
23
23
  "@liner-fe/illust": "^0.2.10"
24
24
  },
25
25
  "devDependencies": {
26
26
  "@chromatic-com/storybook": "^1.5.0",
27
- "@eslint/js": "^9.22.0",
27
+ "@eslint/js": "^9.36.0",
28
28
  "@storybook/addon-designs": "^8.0.4",
29
29
  "@storybook/addon-essentials": "^8.4.2",
30
30
  "@storybook/addon-interactions": "^8.4.2",
@@ -37,27 +37,27 @@
37
37
  "@storybook/nextjs": "^8.6.12",
38
38
  "@storybook/react": "^8.4.2",
39
39
  "@storybook/test": "^8.4.2",
40
- "@types/node": "^20.3.1",
41
- "@types/react": "^18.2.12",
42
- "@types/react-dom": "^18.2.5",
40
+ "@types/node": "^25.1.0",
41
+ "@types/react": "^18.3.12",
42
+ "@types/react-dom": "^18.3.1",
43
43
  "autoprefixer": "^10.4.14",
44
44
  "chromatic": "^11.5.3",
45
45
  "esbuild-node-externals": "1.18.0",
46
46
  "esbuild-sass-plugin": "^3.3.1",
47
- "eslint": "^9.22.0",
47
+ "eslint": "^9.36.0",
48
48
  "eslint-plugin-react": "^7.37.4",
49
- "globals": "^16.0.0",
50
- "next": "^15.2.4",
49
+ "globals": "^16.4.0",
50
+ "next": "^15.5.7",
51
51
  "postcss": "^8.4.24",
52
- "prettier": "^2.8.8",
52
+ "prettier": "^3.6.2",
53
53
  "sass": "^1.77.6",
54
54
  "sass-loader": "^14.2.1",
55
55
  "storybook": "^8.6.11",
56
56
  "storybook-custom-theme-switcher": "^0.0.10",
57
- "tsup": "^8.4.0",
58
- "tsx": "^4.19.4",
59
- "typescript": "^5.1.6",
60
- "typescript-eslint": "^8.26.1"
57
+ "tsup": "^8.5.0",
58
+ "tsx": "^4.21.0",
59
+ "typescript": "~5.9.3",
60
+ "typescript-eslint": "^8.45.0"
61
61
  },
62
62
  "publishConfig": {
63
63
  "access": "public"