@liner-fe/prism 2.12.9 → 2.12.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.
Files changed (3) hide show
  1. package/lib/index.css +68 -68
  2. package/lib/index.js +38 -38
  3. package/package.json +3 -3
package/lib/index.css CHANGED
@@ -1,7 +1,7 @@
1
1
  @charset "UTF-8";
2
2
 
3
3
  /* esbuild-sass-plugin:css-chunk:src/components/Button/style.module.scss */
4
- ._button_10jfg_1 {
4
+ ._button_1l616_1 {
5
5
  position: relative;
6
6
  display: flex;
7
7
  align-items: center;
@@ -16,172 +16,172 @@
16
16
  overflow: hidden;
17
17
  cursor: pointer;
18
18
  }
19
- ._button_10jfg_1:disabled:not(._loading-with-disabled_10jfg_16) {
19
+ ._button_1l616_1:disabled:not(._loading-with-disabled_1l616_16) {
20
20
  cursor: not-allowed;
21
21
  }
22
- ._button_10jfg_1:disabled._loading-with-disabled_10jfg_16 {
22
+ ._button_1l616_1:disabled._loading-with-disabled_1l616_16 {
23
23
  cursor: not-allowed;
24
24
  }
25
- ._primary_10jfg_23 {
25
+ ._primary_1l616_23 {
26
26
  color: var(--inverse-label-static-primary);
27
27
  background: var(--brand-container-mid);
28
28
  }
29
- ._primary_10jfg_23:not(:disabled):hover {
29
+ ._primary_1l616_23:not(:disabled):hover {
30
30
  background: var(--brand-container-mid-hover);
31
31
  }
32
- ._primary_10jfg_23:disabled:not(._loading_10jfg_16) {
32
+ ._primary_1l616_23:disabled:not(._loading_1l616_16) {
33
33
  background: var(--neutral-fill-overlay-mid);
34
34
  color: var(--neutral-label-tertiary);
35
35
  }
36
- ._secondary_10jfg_35 {
36
+ ._secondary_1l616_35 {
37
37
  color: var(--brand-label-primary);
38
- background: var(--neutral-fill-opaque-lowest);
38
+ background: transparent;
39
39
  border: 1px solid var(--brand-border-opaque-strong);
40
40
  }
41
- ._secondary_10jfg_35:not(:disabled):hover {
41
+ ._secondary_1l616_35:not(:disabled):hover {
42
42
  background: var(--brand-fill-low-hover);
43
43
  }
44
- ._secondary_10jfg_35:disabled:not(._loading_10jfg_16) {
44
+ ._secondary_1l616_35:disabled:not(._loading_1l616_16) {
45
45
  border: 1px solid var(--neutral-border-overlay-normal);
46
46
  color: var(--neutral-label-tertiary);
47
47
  }
48
- ._tertiary_10jfg_48 {
48
+ ._tertiary_1l616_48 {
49
49
  color: var(--neutral-label-primary);
50
50
  background: var(--neutral-fill-opaque-lowest);
51
51
  border: 1px solid var(--neutral-border-overlay-normal);
52
52
  }
53
- ._tertiary_10jfg_48:not(:disabled):hover {
53
+ ._tertiary_1l616_48:not(:disabled):hover {
54
54
  background: var(--neutral-fill-opaque-lowest-hover);
55
55
  }
56
- ._tertiary_10jfg_48:disabled:not(._loading_10jfg_16) {
56
+ ._tertiary_1l616_48:disabled:not(._loading_1l616_16) {
57
57
  color: var(--neutral-label-tertiary);
58
58
  }
59
- ._quaternary_10jfg_60 {
59
+ ._quaternary_1l616_60 {
60
60
  color: var(--neutral-label-primary);
61
61
  background: var(--neutral-fill-overlay-lowest);
62
62
  }
63
- ._quaternary_10jfg_60:not(:disabled):hover {
63
+ ._quaternary_1l616_60:not(:disabled):hover {
64
64
  background: var(--neutral-fill-overlay-lowest-hover);
65
65
  }
66
- ._quaternary_10jfg_60:disabled:not(._loading_10jfg_16) {
66
+ ._quaternary_1l616_60:disabled:not(._loading_1l616_16) {
67
67
  background: var(--neutral-fill-overlay-mid);
68
68
  color: var(--neutral-label-tertiary);
69
69
  }
70
- ._quinary_10jfg_72 {
70
+ ._quinary_1l616_72 {
71
71
  color: var(--neutral-label-secondary);
72
72
  background: var(--neutral-container-lowest);
73
73
  }
74
- ._quinary_10jfg_72:not(:disabled):hover {
74
+ ._quinary_1l616_72:not(:disabled):hover {
75
75
  background: var(--neutral-fill-overlay-lowest-hover);
76
76
  }
77
- ._quinary_10jfg_72:disabled:not(._loading_10jfg_16) {
77
+ ._quinary_1l616_72:disabled:not(._loading_1l616_16) {
78
78
  background: none;
79
79
  color: var(--neutral-label-quaternary);
80
80
  }
81
- ._negative_10jfg_84 {
81
+ ._negative_1l616_84 {
82
82
  color: var(--inverse-label-static-primary);
83
83
  background: var(--function-fill-negative-mid);
84
84
  }
85
- ._negative_10jfg_84:not(:disabled):hover {
85
+ ._negative_1l616_84:not(:disabled):hover {
86
86
  background: var(--function-fill-negative-mid-hover);
87
87
  }
88
- ._negative_10jfg_84:disabled:not(._loading_10jfg_16) {
88
+ ._negative_1l616_84:disabled:not(._loading_1l616_16) {
89
89
  background: var(--neutral-fill-overlay-mid);
90
90
  color: var(--neutral-label-tertiary);
91
91
  }
92
- ._static_10jfg_96 {
92
+ ._static_1l616_96 {
93
93
  background: var(--neutral-container-static-lowest);
94
94
  color: var(--neutral-label-static-primary);
95
95
  }
96
- ._static_10jfg_96:not(:disabled):hover {
96
+ ._static_1l616_96:not(:disabled):hover {
97
97
  background: var(--neutral-container-static-lowest-hover);
98
98
  }
99
- ._static_10jfg_96:disabled:not(._loading_10jfg_16) {
99
+ ._static_1l616_96:disabled:not(._loading_1l616_16) {
100
100
  background: var(--neutral-fill-overlay-mid);
101
101
  color: var(--neutral-label-tertiary);
102
102
  }
103
- ._inverse-static_10jfg_108 {
103
+ ._inverse-static_1l616_108 {
104
104
  background: var(--inverse-container-static-high);
105
105
  color: var(--inverse-label-static-primary);
106
106
  }
107
- ._inverse-static_10jfg_108:not(:disabled):hover {
107
+ ._inverse-static_1l616_108:not(:disabled):hover {
108
108
  background: var(--inverse-container-static-high-hover);
109
109
  }
110
- ._inverse-static_10jfg_108:disabled:not(._loading_10jfg_16) {
110
+ ._inverse-static_1l616_108:disabled:not(._loading_1l616_16) {
111
111
  background: var(--inverse-label-tertiary);
112
112
  color: var(--inverse-label-tertiary);
113
113
  }
114
- ._cta_10jfg_120 {
114
+ ._cta_1l616_120 {
115
115
  border-radius: var(--lp-sys-radius-m);
116
116
  width: fit-content;
117
117
  height: 48px;
118
118
  gap: 8px;
119
119
  min-width: 48px;
120
120
  }
121
- ._l_10jfg_16 {
121
+ ._l_1l616_16 {
122
122
  border-radius: var(--lp-sys-radius-s);
123
123
  width: fit-content;
124
124
  height: 40px;
125
125
  min-width: 40px;
126
126
  }
127
- ._m_10jfg_135 {
127
+ ._m_1l616_135 {
128
128
  border-radius: var(--lp-sys-radius-s);
129
129
  width: fit-content;
130
130
  height: 32px;
131
131
  min-width: 32px;
132
132
  }
133
- ._s_10jfg_35 {
133
+ ._s_1l616_35 {
134
134
  border-radius: var(--lp-sys-radius-xs);
135
135
  width: fit-content;
136
136
  height: 24px;
137
137
  min-width: 24px;
138
138
  }
139
- ._align-center_10jfg_149 > span {
139
+ ._align-center_1l616_149 > span {
140
140
  width: 100%;
141
141
  justify-content: center;
142
142
  }
143
- ._content_10jfg_154 {
143
+ ._content_1l616_154 {
144
144
  flex-shrink: 0;
145
145
  line-height: 0;
146
146
  }
147
- ._full_10jfg_159 {
147
+ ._full_1l616_159 {
148
148
  width: 100%;
149
149
  }
150
- ._fit-content_10jfg_163 {
150
+ ._fit-content_1l616_163 {
151
151
  width: fit-content;
152
152
  }
153
- ._children_10jfg_167 {
153
+ ._children_1l616_167 {
154
154
  position: relative;
155
155
  display: flex;
156
156
  align-items: center;
157
157
  justify-content: center;
158
158
  }
159
- ._cta-children_10jfg_174 {
159
+ ._cta-children_1l616_174 {
160
160
  padding: 0 var(--lp-sys-padding-component-300);
161
161
  gap: var(--lp-sys-gap-positive-100);
162
162
  }
163
- ._cta-children_10jfg_174 ._content_10jfg_154 {
163
+ ._cta-children_1l616_174 ._content_1l616_154 {
164
164
  padding: 0px var(--lp-sys-padding-component-100);
165
165
  }
166
- ._l-children_10jfg_182 {
166
+ ._l-children_1l616_182 {
167
167
  padding: 0 var(--lp-sys-padding-component-200);
168
168
  gap: var(--lp-sys-gap-positive-50);
169
169
  }
170
- ._l-children_10jfg_182 ._content_10jfg_154 {
170
+ ._l-children_1l616_182 ._content_1l616_154 {
171
171
  padding: 0px var(--lp-sys-padding-component-100);
172
172
  }
173
- ._m-children_10jfg_190 {
173
+ ._m-children_1l616_190 {
174
174
  padding: 0 var(--lp-sys-padding-component-150);
175
175
  gap: var(--lp-sys-gap-positive-50);
176
176
  }
177
- ._m-children_10jfg_190 ._content_10jfg_154 {
177
+ ._m-children_1l616_190 ._content_1l616_154 {
178
178
  padding: 0px var(--lp-sys-padding-component-100);
179
179
  }
180
- ._s-children_10jfg_198 {
180
+ ._s-children_1l616_198 {
181
181
  padding: 0 var(--lp-sys-padding-component-100);
182
182
  gap: var(--lp-sys-gap-positive-50);
183
183
  }
184
- ._s-children_10jfg_198 ._content_10jfg_154 {
184
+ ._s-children_1l616_198 ._content_1l616_154 {
185
185
  padding: 0px var(--lp-sys-padding-component-50);
186
186
  }
187
187
 
@@ -672,7 +672,7 @@
672
672
  }
673
673
 
674
674
  /* esbuild-sass-plugin:css-chunk:src/components/IconButton/style.module.scss */
675
- ._iconButton_ntpe2_1 {
675
+ ._iconButton_18jjn_1 {
676
676
  display: flex;
677
677
  justify-content: center;
678
678
  align-items: center;
@@ -680,74 +680,74 @@
680
680
  border: none;
681
681
  cursor: pointer;
682
682
  }
683
- ._iconButton_ntpe2_1:disabled {
683
+ ._iconButton_18jjn_1:disabled {
684
684
  cursor: not-allowed;
685
685
  }
686
- ._primary_ntpe2_13 {
686
+ ._primary_18jjn_13 {
687
687
  background: var(--brand-container-mid);
688
688
  }
689
- ._primary_ntpe2_13:not(:disabled):hover {
689
+ ._primary_18jjn_13:not(:disabled):hover {
690
690
  background: var(--brand-container-mid-hover);
691
691
  }
692
- ._primary_ntpe2_13:disabled:not(._loading_ntpe2_19) {
692
+ ._primary_18jjn_13:disabled:not(._loading_18jjn_19) {
693
693
  background: var(--neutral-fill-overlay-mid);
694
694
  }
695
- ._secondary_ntpe2_23 {
696
- background: var(--neutral-fill-opaque-lowest);
695
+ ._secondary_18jjn_23 {
696
+ background: transparent;
697
697
  border: 1px solid var(--brand-border-opaque-strong);
698
698
  }
699
- ._secondary_ntpe2_23:not(:disabled):hover {
699
+ ._secondary_18jjn_23:not(:disabled):hover {
700
700
  background: var(--brand-fill-low);
701
701
  }
702
- ._secondary_ntpe2_23:disabled:not(._loading_ntpe2_19) {
702
+ ._secondary_18jjn_23:disabled:not(._loading_18jjn_19) {
703
703
  border: 1px solid var(--neutral-border-overlay-normal);
704
704
  }
705
- ._tertiary_ntpe2_34 {
705
+ ._tertiary_18jjn_34 {
706
706
  background: var(--neutral-fill-opaque-lowest);
707
707
  border: 1px solid var(--neutral-border-overlay-normal);
708
708
  }
709
- ._tertiary_ntpe2_34:not(:disabled):hover {
709
+ ._tertiary_18jjn_34:not(:disabled):hover {
710
710
  background: var(--neutral-container-lowest-hover);
711
711
  }
712
- ._tertiary_ntpe2_34:disabled:not(._loading_ntpe2_19) {
712
+ ._tertiary_18jjn_34:disabled:not(._loading_18jjn_19) {
713
713
  background: var(--neutral-fill-opaque-lowest);
714
714
  }
715
- ._quaternary_ntpe2_45 {
715
+ ._quaternary_18jjn_45 {
716
716
  background: var(--neutral-fill-overlay-lowest);
717
717
  }
718
- ._quaternary_ntpe2_45:not(:disabled):hover {
718
+ ._quaternary_18jjn_45:not(:disabled):hover {
719
719
  background: var(--neutral-fill-overlay-lowest-hover);
720
720
  }
721
- ._quinary_ntpe2_52 {
721
+ ._quinary_18jjn_52 {
722
722
  background: var(--neutral-fill-overlay-lowest);
723
723
  color: var(--neutral-label-secondary);
724
724
  }
725
- ._quinary_ntpe2_52:not(:disabled):hover {
725
+ ._quinary_18jjn_52:not(:disabled):hover {
726
726
  background: var(--neutral-fill-overlay-lowest-hover);
727
727
  }
728
- ._static_ntpe2_60 {
728
+ ._static_18jjn_60 {
729
729
  background: var(--neutral-fill-opaque-lowest);
730
730
  }
731
- ._static_ntpe2_60:not(:disabled):hover {
731
+ ._static_18jjn_60:not(:disabled):hover {
732
732
  background: var(--neutral-container-static-lowest-hover);
733
733
  }
734
- ._inverse-static_ntpe2_67 {
734
+ ._inverse-static_18jjn_67 {
735
735
  background: var(--inverse-container-static-high);
736
736
  }
737
- ._inverse-static_ntpe2_67:not(:disabled):hover {
737
+ ._inverse-static_18jjn_67:not(:disabled):hover {
738
738
  background: var(--inverse-container-static-high-hover);
739
739
  }
740
- ._l_ntpe2_19 {
740
+ ._l_18jjn_19 {
741
741
  width: 40px;
742
742
  height: 40px;
743
743
  border-radius: var(--lp-sys-radius-s);
744
744
  }
745
- ._m_ntpe2_80 {
745
+ ._m_18jjn_80 {
746
746
  width: 32px;
747
747
  height: 32px;
748
748
  border-radius: var(--lp-sys-radius-s);
749
749
  }
750
- ._s_ntpe2_23 {
750
+ ._s_18jjn_23 {
751
751
  width: 24px;
752
752
  height: 24px;
753
753
  border-radius: var(--lp-sys-radius-xs);
package/lib/index.js CHANGED
@@ -25,30 +25,30 @@ import {
25
25
 
26
26
  // src/components/Button/style.module.scss
27
27
  var style_module_default = {
28
- "button": "_button_10jfg_1",
29
- "loading-with-disabled": "_loading-with-disabled_10jfg_16",
30
- "primary": "_primary_10jfg_23",
31
- "loading": "_loading_10jfg_16",
32
- "secondary": "_secondary_10jfg_35",
33
- "tertiary": "_tertiary_10jfg_48",
34
- "quaternary": "_quaternary_10jfg_60",
35
- "quinary": "_quinary_10jfg_72",
36
- "negative": "_negative_10jfg_84",
37
- "static": "_static_10jfg_96",
38
- "inverse-static": "_inverse-static_10jfg_108",
39
- "cta": "_cta_10jfg_120",
40
- "l": "_l_10jfg_16",
41
- "m": "_m_10jfg_135",
42
- "s": "_s_10jfg_35",
43
- "align-center": "_align-center_10jfg_149",
44
- "content": "_content_10jfg_154",
45
- "full": "_full_10jfg_159",
46
- "fit-content": "_fit-content_10jfg_163",
47
- "children": "_children_10jfg_167",
48
- "cta-children": "_cta-children_10jfg_174",
49
- "l-children": "_l-children_10jfg_182",
50
- "m-children": "_m-children_10jfg_190",
51
- "s-children": "_s-children_10jfg_198"
28
+ "button": "_button_1l616_1",
29
+ "loading-with-disabled": "_loading-with-disabled_1l616_16",
30
+ "primary": "_primary_1l616_23",
31
+ "loading": "_loading_1l616_16",
32
+ "secondary": "_secondary_1l616_35",
33
+ "tertiary": "_tertiary_1l616_48",
34
+ "quaternary": "_quaternary_1l616_60",
35
+ "quinary": "_quinary_1l616_72",
36
+ "negative": "_negative_1l616_84",
37
+ "static": "_static_1l616_96",
38
+ "inverse-static": "_inverse-static_1l616_108",
39
+ "cta": "_cta_1l616_120",
40
+ "l": "_l_1l616_16",
41
+ "m": "_m_1l616_135",
42
+ "s": "_s_1l616_35",
43
+ "align-center": "_align-center_1l616_149",
44
+ "content": "_content_1l616_154",
45
+ "full": "_full_1l616_159",
46
+ "fit-content": "_fit-content_1l616_163",
47
+ "children": "_children_1l616_167",
48
+ "cta-children": "_cta-children_1l616_174",
49
+ "l-children": "_l-children_1l616_182",
50
+ "m-children": "_m-children_1l616_190",
51
+ "s-children": "_s-children_1l616_198"
52
52
  };
53
53
 
54
54
  // src/components/Button/index.tsx
@@ -197,8 +197,8 @@ var defaultButtonVariants = cva2({
197
197
  "inverse-static": style_module_default["inverse-static"]
198
198
  },
199
199
  size: {
200
- cta: [style_module_default.cta, "lp-sys-typo-paragraph2-normal-bold"],
201
- l: [style_module_default.l, "lp-sys-typo-paragraph3-normal-bold"],
200
+ cta: [style_module_default.cta, "lp-sys-typo-paragraph2-normal-medium"],
201
+ l: [style_module_default.l, "lp-sys-typo-paragraph3-normal-medium"],
202
202
  m: [style_module_default.m, "lp-sys-typo-paragraph4-normal-medium"],
203
203
  s: [style_module_default.s, "lp-sys-typo-caption2-normal-regular"]
204
204
  },
@@ -1396,18 +1396,18 @@ import clsx9 from "clsx";
1396
1396
 
1397
1397
  // src/components/IconButton/style.module.scss
1398
1398
  var style_module_default7 = {
1399
- "iconButton": "_iconButton_ntpe2_1",
1400
- "primary": "_primary_ntpe2_13",
1401
- "loading": "_loading_ntpe2_19",
1402
- "secondary": "_secondary_ntpe2_23",
1403
- "tertiary": "_tertiary_ntpe2_34",
1404
- "quaternary": "_quaternary_ntpe2_45",
1405
- "quinary": "_quinary_ntpe2_52",
1406
- "static": "_static_ntpe2_60",
1407
- "inverse-static": "_inverse-static_ntpe2_67",
1408
- "l": "_l_ntpe2_19",
1409
- "m": "_m_ntpe2_80",
1410
- "s": "_s_ntpe2_23"
1399
+ "iconButton": "_iconButton_18jjn_1",
1400
+ "primary": "_primary_18jjn_13",
1401
+ "loading": "_loading_18jjn_19",
1402
+ "secondary": "_secondary_18jjn_23",
1403
+ "tertiary": "_tertiary_18jjn_34",
1404
+ "quaternary": "_quaternary_18jjn_45",
1405
+ "quinary": "_quinary_18jjn_52",
1406
+ "static": "_static_18jjn_60",
1407
+ "inverse-static": "_inverse-static_18jjn_67",
1408
+ "l": "_l_18jjn_19",
1409
+ "m": "_m_18jjn_80",
1410
+ "s": "_s_18jjn_23"
1411
1411
  };
1412
1412
 
1413
1413
  // src/components/IconButton/index.tsx
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@liner-fe/prism",
3
- "version": "2.12.9",
3
+ "version": "2.12.11",
4
4
  "type": "module",
5
5
  "sideEffects": false,
6
6
  "dependencies": {
@@ -16,9 +16,9 @@
16
16
  "react": "18.2.0",
17
17
  "react-dom": "18.2.0",
18
18
  "jotai": "^2.11.0",
19
- "@liner-fe/design-token": "^2.5.50",
20
19
  "@liner-fe/design-token-primitive": "^0.2.46",
21
- "@liner-fe/icon": "^0.2.74",
20
+ "@liner-fe/design-token": "^2.5.50",
21
+ "@liner-fe/icon": "^0.2.75",
22
22
  "@liner-fe/illust": "^0.2.12"
23
23
  },
24
24
  "devDependencies": {