@liner-fe/prism 2.11.11 → 2.11.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.
Files changed (3) hide show
  1. package/lib/index.css +42 -69
  2. package/lib/index.js +26 -26
  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_hs35t_1 {
4
+ ._button_1rp2x_1 {
5
5
  position: relative;
6
6
  display: flex;
7
7
  align-items: center;
@@ -16,196 +16,169 @@
16
16
  overflow: hidden;
17
17
  cursor: pointer;
18
18
  }
19
- ._button_hs35t_1:disabled:not(._loading-with-disabled_hs35t_16) {
19
+ ._button_1rp2x_1:disabled:not(._loading-with-disabled_1rp2x_16) {
20
20
  background: var(--neutral-fill-overlay-mid);
21
21
  color: var(--neutral-label-tertiary);
22
22
  cursor: not-allowed;
23
23
  }
24
- ._button_hs35t_1:disabled:not(._loading-with-disabled_hs35t_16) span svg path:not([fill=white]) {
25
- fill: var(--neutral-label-tertiary) !important;
26
- }
27
- ._button_hs35t_1:disabled:not(._loading-with-disabled_hs35t_16) span svg path[fill=white] {
28
- fill: var(--inverse-label-primary) !important;
29
- }
30
- ._button_hs35t_1:disabled._loading-with-disabled_hs35t_16 {
24
+ ._button_1rp2x_1:disabled._loading-with-disabled_1rp2x_16 {
31
25
  cursor: not-allowed;
32
26
  }
33
- ._default_hs35t_31 {
27
+ ._default_1rp2x_25 {
34
28
  color: var(--inverse-label-primary);
35
29
  background: var(--lp-pri-achromatic-white);
36
30
  }
37
- ._default_hs35t_31 svg path {
38
- fill: var(--inverse-label-primary);
39
- }
40
- ._primary_hs35t_39 {
31
+ ._primary_1rp2x_30 {
41
32
  color: var(--inverse-label-static-primary);
42
33
  background: var(--brand-container-mid);
43
34
  }
44
- ._primary_hs35t_39:not(:disabled):hover {
35
+ ._primary_1rp2x_30:not(:disabled):hover {
45
36
  background: var(--brand-container-mid-hover);
46
37
  }
47
- ._secondary_hs35t_47 {
38
+ ._secondary_1rp2x_38 {
48
39
  color: var(--inverse-label-static-primary);
49
40
  background: var(--brand-container-mid);
50
41
  }
51
- ._secondary_hs35t_47:not(:disabled):hover {
42
+ ._secondary_1rp2x_38:not(:disabled):hover {
52
43
  background: var(--brand-container-mid-hover);
53
44
  }
54
- ._tertiary_hs35t_55 {
45
+ ._tertiary_1rp2x_46 {
55
46
  color: var(--neutral-label-primary);
56
47
  background: var(--neutral-fill-overlay-mid);
57
48
  }
58
- ._tertiary_hs35t_55:not(:disabled):hover {
49
+ ._tertiary_1rp2x_46:not(:disabled):hover {
59
50
  background: var(--neutral-fill-overlay-mid-hover);
60
51
  }
61
- ._quaternary_hs35t_63 {
52
+ ._quaternary_1rp2x_54 {
62
53
  color: var(--neutral-label-primary);
63
54
  border: 1px solid var(--neutral-border-overlay-normal);
64
55
  background: var(--neutral-fill-overlay-lowest);
65
56
  }
66
- ._quaternary_hs35t_63:not(:disabled):hover {
57
+ ._quaternary_1rp2x_54:not(:disabled):hover {
67
58
  background: var(--neutral-fill-overlay-lowest-hover);
68
59
  }
69
- ._quaternary_hs35t_63:disabled:not(._loading-with-disabled_hs35t_16) {
60
+ ._quaternary_1rp2x_54:disabled:not(._loading-with-disabled_1rp2x_16) {
70
61
  background: var(--neutral-fill-overlay-lowest);
71
62
  color: var(--neutral-label-tertiary);
72
63
  opacity: 0.4;
73
64
  }
74
- ._quaternary_hs35t_63:disabled:not(._loading-with-disabled_hs35t_16) svg path {
75
- fill: var(--neutral-label-tertiary) !important;
76
- }
77
- ._quinary_hs35t_80 {
65
+ ._quinary_1rp2x_68 {
78
66
  color: var(--neutral-label-primary);
79
67
  background: var(--neutral-container-lowest);
80
68
  }
81
- ._quinary_hs35t_80:not(:disabled):hover {
69
+ ._quinary_1rp2x_68:not(:disabled):hover {
82
70
  background: var(--neutral-fill-overlay-lowest-hover);
83
71
  }
84
- ._quinary_hs35t_80:disabled:not(._loading-with-disabled_hs35t_16) {
72
+ ._quinary_1rp2x_68:disabled:not(._loading-with-disabled_1rp2x_16) {
85
73
  background: var(--neutral-fill-overlay-mid);
86
74
  color: var(--neutral-label-tertiary);
87
75
  }
88
- ._quinary_hs35t_80:disabled:not(._loading-with-disabled_hs35t_16) svg path {
89
- fill: var(--neutral-label-tertiary) !important;
90
- }
91
- ._negative_hs35t_95 {
76
+ ._negative_1rp2x_80 {
92
77
  color: var(--inverse-label-static-primary);
93
78
  background: var(--function-fill-negative-mid);
94
79
  }
95
- ._negative_hs35t_95:not(:disabled):hover {
80
+ ._negative_1rp2x_80:not(:disabled):hover {
96
81
  background: var(--function-fill-negative-mid-hover);
97
82
  }
98
- ._static_hs35t_103 {
83
+ ._static_1rp2x_88 {
99
84
  background: var(--neutral-container-static-lowest);
100
85
  color: var(--neutral-label-static-primary);
101
86
  }
102
- ._static_hs35t_103:not(:disabled):hover {
87
+ ._static_1rp2x_88:not(:disabled):hover {
103
88
  background: var(--neutral-container-static-lowest-hover);
104
89
  }
105
- ._inverse-static_hs35t_111 {
90
+ ._inverse-static_1rp2x_96 {
106
91
  background: var(--inverse-container-static-high);
107
92
  color: var(--inverse-label-static-primary);
108
93
  }
109
- ._inverse-static_hs35t_111:not(:disabled):hover {
94
+ ._inverse-static_1rp2x_96:not(:disabled):hover {
110
95
  background: var(--inverse-container-static-high-hover);
111
96
  }
112
- ._ghost_hs35t_119._primary_hs35t_39 {
97
+ ._ghost_1rp2x_104._primary_1rp2x_30 {
113
98
  background: var(--inverse-fill-lowest);
114
99
  color: var(--neutral-label-primary);
115
100
  }
116
- ._ghost_hs35t_119._primary_hs35t_39:not(:disabled):hover {
101
+ ._ghost_1rp2x_104._primary_1rp2x_30:not(:disabled):hover {
117
102
  background: var(--neutral-fill-overlay-lowest-hover);
118
103
  }
119
- ._ghost_hs35t_119._primary_hs35t_39:disabled:not(._loading-with-disabled_hs35t_16) {
104
+ ._ghost_1rp2x_104._primary_1rp2x_30:disabled:not(._loading-with-disabled_1rp2x_16) {
120
105
  background: var(--neutral-fill-overlay-lowest);
121
106
  color: var(--neutral-label-tertiary);
122
107
  }
123
- ._ghost_hs35t_119._primary_hs35t_39:disabled:not(._loading-with-disabled_hs35t_16) span svg path:not([fill=white]) {
124
- fill: var(--neutral-label-tertiary);
125
- }
126
- ._ghost_hs35t_119._primary_hs35t_39:disabled:not(._loading-with-disabled_hs35t_16) span svg path[fill=white] {
127
- fill: var(--inverse-label-primary);
128
- }
129
- ._ghost_hs35t_119._secondary_hs35t_47 {
108
+ ._ghost_1rp2x_104._secondary_1rp2x_38 {
130
109
  background: var(--inverse-fill-lowest);
131
110
  color: var(--neutral-label-primary);
132
111
  }
133
- ._ghost_hs35t_119._secondary_hs35t_47:not(:disabled):hover {
112
+ ._ghost_1rp2x_104._secondary_1rp2x_38:not(:disabled):hover {
134
113
  background: var(--neutral-fill-overlay-lowest-hover);
135
114
  }
136
- ._ghost_hs35t_119._secondary_hs35t_47:disabled:not(._loading-with-disabled_hs35t_16) {
115
+ ._ghost_1rp2x_104._secondary_1rp2x_38:disabled:not(._loading-with-disabled_1rp2x_16) {
137
116
  background: var(--neutral-fill-overlay-lowest);
138
117
  color: var(--neutral-label-tertiary);
139
118
  }
140
- ._ghost_hs35t_119._secondary_hs35t_47:disabled:not(._loading-with-disabled_hs35t_16) span svg path:not([fill=white]) {
141
- fill: var(--neutral-label-tertiary);
142
- }
143
- ._ghost_hs35t_119._secondary_hs35t_47:disabled:not(._loading-with-disabled_hs35t_16) span svg path[fill=white] {
144
- fill: var(--inverse-label-primary);
145
- }
146
- ._cta_hs35t_154 {
119
+ ._cta_1rp2x_127 {
147
120
  border-radius: var(--lp-sys-radius-m);
148
121
  width: fit-content;
149
122
  height: 52px;
150
123
  gap: 8px;
151
124
  min-width: 52px;
152
125
  }
153
- ._l_hs35t_16 {
126
+ ._l_1rp2x_16 {
154
127
  border-radius: var(--lp-sys-radius-s);
155
128
  width: fit-content;
156
129
  height: 44px;
157
130
  min-width: 44px;
158
131
  }
159
- ._m_hs35t_169 {
132
+ ._m_1rp2x_142 {
160
133
  border-radius: var(--lp-sys-radius-s);
161
134
  width: fit-content;
162
135
  height: 36px;
163
136
  min-width: 36px;
164
137
  }
165
- ._s_hs35t_47 {
138
+ ._s_1rp2x_38 {
166
139
  border-radius: var(--lp-sys-radius-s);
167
140
  width: fit-content;
168
141
  height: 28px;
169
142
  min-width: 28px;
170
143
  }
171
- ._align-center_hs35t_183 > span {
144
+ ._align-center_1rp2x_156 > span {
172
145
  width: 100%;
173
146
  justify-content: center;
174
147
  }
175
- ._align-space-between_hs35t_188 > span {
148
+ ._align-space-between_1rp2x_161 > span {
176
149
  width: 100%;
177
150
  justify-content: space-between;
178
151
  }
179
- ._content_hs35t_193 {
152
+ ._content_1rp2x_166 {
180
153
  flex-shrink: 0;
181
154
  line-height: 0;
182
155
  padding: 0px var(--lp-sys-padding-component-100);
183
156
  }
184
- ._full_hs35t_199 {
157
+ ._full_1rp2x_172 {
185
158
  width: 100%;
186
159
  }
187
- ._fit-content_hs35t_203 {
160
+ ._fit-content_1rp2x_176 {
188
161
  width: fit-content;
189
162
  }
190
- ._children_hs35t_207 {
163
+ ._children_1rp2x_180 {
191
164
  position: relative;
192
165
  display: flex;
193
166
  align-items: center;
194
167
  justify-content: center;
195
168
  }
196
- ._cta-children_hs35t_214 {
169
+ ._cta-children_1rp2x_187 {
197
170
  padding: 0 var(--lp-sys-gap-positive-300);
198
171
  gap: var(--lp-sys-gap-positive-100);
199
172
  }
200
- ._l-children_hs35t_219 {
173
+ ._l-children_1rp2x_192 {
201
174
  padding: 0 var(--lp-sys-gap-positive-200);
202
175
  gap: var(--lp-sys-gap-positive-50);
203
176
  }
204
- ._m-children_hs35t_224 {
177
+ ._m-children_1rp2x_197 {
205
178
  padding: 0 var(--lp-sys-gap-positive-150);
206
179
  gap: var(--lp-sys-gap-positive-50);
207
180
  }
208
- ._s-children_hs35t_229 {
181
+ ._s-children_1rp2x_202 {
209
182
  padding: 0 var(--lp-sys-gap-positive-150);
210
183
  gap: var(--lp-sys-gap-positive-50);
211
184
  }
package/lib/index.js CHANGED
@@ -25,32 +25,32 @@ import {
25
25
 
26
26
  // src/components/Button/style.module.scss
27
27
  var style_module_default = {
28
- "button": "_button_hs35t_1",
29
- "loading-with-disabled": "_loading-with-disabled_hs35t_16",
30
- "default": "_default_hs35t_31",
31
- "primary": "_primary_hs35t_39",
32
- "secondary": "_secondary_hs35t_47",
33
- "tertiary": "_tertiary_hs35t_55",
34
- "quaternary": "_quaternary_hs35t_63",
35
- "quinary": "_quinary_hs35t_80",
36
- "negative": "_negative_hs35t_95",
37
- "static": "_static_hs35t_103",
38
- "inverse-static": "_inverse-static_hs35t_111",
39
- "ghost": "_ghost_hs35t_119",
40
- "cta": "_cta_hs35t_154",
41
- "l": "_l_hs35t_16",
42
- "m": "_m_hs35t_169",
43
- "s": "_s_hs35t_47",
44
- "align-center": "_align-center_hs35t_183",
45
- "align-space-between": "_align-space-between_hs35t_188",
46
- "content": "_content_hs35t_193",
47
- "full": "_full_hs35t_199",
48
- "fit-content": "_fit-content_hs35t_203",
49
- "children": "_children_hs35t_207",
50
- "cta-children": "_cta-children_hs35t_214",
51
- "l-children": "_l-children_hs35t_219",
52
- "m-children": "_m-children_hs35t_224",
53
- "s-children": "_s-children_hs35t_229"
28
+ "button": "_button_1rp2x_1",
29
+ "loading-with-disabled": "_loading-with-disabled_1rp2x_16",
30
+ "default": "_default_1rp2x_25",
31
+ "primary": "_primary_1rp2x_30",
32
+ "secondary": "_secondary_1rp2x_38",
33
+ "tertiary": "_tertiary_1rp2x_46",
34
+ "quaternary": "_quaternary_1rp2x_54",
35
+ "quinary": "_quinary_1rp2x_68",
36
+ "negative": "_negative_1rp2x_80",
37
+ "static": "_static_1rp2x_88",
38
+ "inverse-static": "_inverse-static_1rp2x_96",
39
+ "ghost": "_ghost_1rp2x_104",
40
+ "cta": "_cta_1rp2x_127",
41
+ "l": "_l_1rp2x_16",
42
+ "m": "_m_1rp2x_142",
43
+ "s": "_s_1rp2x_38",
44
+ "align-center": "_align-center_1rp2x_156",
45
+ "align-space-between": "_align-space-between_1rp2x_161",
46
+ "content": "_content_1rp2x_166",
47
+ "full": "_full_1rp2x_172",
48
+ "fit-content": "_fit-content_1rp2x_176",
49
+ "children": "_children_1rp2x_180",
50
+ "cta-children": "_cta-children_1rp2x_187",
51
+ "l-children": "_l-children_1rp2x_192",
52
+ "m-children": "_m-children_1rp2x_197",
53
+ "s-children": "_s-children_1rp2x_202"
54
54
  };
55
55
 
56
56
  // src/components/Button/index.tsx
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@liner-fe/prism",
3
- "version": "2.11.11",
3
+ "version": "2.11.12",
4
4
  "type": "module",
5
5
  "sideEffects": false,
6
6
  "dependencies": {
@@ -17,10 +17,10 @@
17
17
  "react": "^18.2.0",
18
18
  "react-dom": "^18.2.0",
19
19
  "recoil": "^0.5.2",
20
+ "@liner-fe/design-token": "^2.5.39",
20
21
  "@liner-fe/design-token-primitive": "^0.2.38",
21
22
  "@liner-fe/icon": "^0.2.59",
22
- "@liner-fe/illust": "^0.2.10",
23
- "@liner-fe/design-token": "^2.5.39"
23
+ "@liner-fe/illust": "^0.2.10"
24
24
  },
25
25
  "devDependencies": {
26
26
  "@chromatic-com/storybook": "^1.5.0",