@liner-fe/prism 2.11.0 → 2.11.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 +53 -50
  2. package/lib/index.js +37 -27
  3. package/package.json +1 -1
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_1k6qi_1 {
4
+ ._button_hs35t_1 {
5
5
  position: relative;
6
6
  display: flex;
7
7
  align-items: center;
@@ -16,193 +16,196 @@
16
16
  overflow: hidden;
17
17
  cursor: pointer;
18
18
  }
19
- ._button_1k6qi_1:disabled {
19
+ ._button_hs35t_1:disabled:not(._loading-with-disabled_hs35t_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_1k6qi_1:disabled span svg path:not([fill=white]) {
24
+ ._button_hs35t_1:disabled:not(._loading-with-disabled_hs35t_16) span svg path:not([fill=white]) {
25
25
  fill: var(--neutral-label-tertiary) !important;
26
26
  }
27
- ._button_1k6qi_1:disabled span svg path[fill=white] {
27
+ ._button_hs35t_1:disabled:not(._loading-with-disabled_hs35t_16) span svg path[fill=white] {
28
28
  fill: var(--inverse-label-primary) !important;
29
29
  }
30
- ._default_1k6qi_28 {
30
+ ._button_hs35t_1:disabled._loading-with-disabled_hs35t_16 {
31
+ cursor: not-allowed;
32
+ }
33
+ ._default_hs35t_31 {
31
34
  color: var(--inverse-label-primary);
32
35
  background: var(--lp-pri-achromatic-white);
33
36
  }
34
- ._default_1k6qi_28 svg path {
37
+ ._default_hs35t_31 svg path {
35
38
  fill: var(--inverse-label-primary);
36
39
  }
37
- ._primary_1k6qi_36 {
40
+ ._primary_hs35t_39 {
38
41
  color: var(--inverse-label-static-primary);
39
42
  background: var(--brand-container-mid);
40
43
  }
41
- ._primary_1k6qi_36:not(:disabled):hover {
44
+ ._primary_hs35t_39:not(:disabled):hover {
42
45
  background: var(--brand-container-mid-hover);
43
46
  }
44
- ._secondary_1k6qi_44 {
47
+ ._secondary_hs35t_47 {
45
48
  color: var(--inverse-label-static-primary);
46
49
  background: var(--brand-container-mid);
47
50
  }
48
- ._secondary_1k6qi_44:not(:disabled):hover {
51
+ ._secondary_hs35t_47:not(:disabled):hover {
49
52
  background: var(--brand-container-mid-hover);
50
53
  }
51
- ._tertiary_1k6qi_52 {
54
+ ._tertiary_hs35t_55 {
52
55
  color: var(--neutral-label-primary);
53
56
  background: var(--neutral-fill-overlay-mid);
54
57
  }
55
- ._tertiary_1k6qi_52:not(:disabled):hover {
58
+ ._tertiary_hs35t_55:not(:disabled):hover {
56
59
  background: var(--neutral-fill-overlay-mid-hover);
57
60
  }
58
- ._quaternary_1k6qi_60 {
61
+ ._quaternary_hs35t_63 {
59
62
  color: var(--neutral-label-primary);
60
63
  border: 1px solid var(--neutral-border-overlay-normal);
61
64
  background: var(--neutral-fill-overlay-lowest);
62
65
  }
63
- ._quaternary_1k6qi_60:not(:disabled):hover {
66
+ ._quaternary_hs35t_63:not(:disabled):hover {
64
67
  background: var(--neutral-fill-overlay-lowest-hover);
65
68
  }
66
- ._quaternary_1k6qi_60:disabled {
69
+ ._quaternary_hs35t_63:disabled:not(._loading-with-disabled_hs35t_16) {
67
70
  background: var(--neutral-fill-overlay-lowest);
68
71
  color: var(--neutral-label-tertiary);
69
72
  opacity: 0.4;
70
73
  }
71
- ._quaternary_1k6qi_60:disabled svg path {
74
+ ._quaternary_hs35t_63:disabled:not(._loading-with-disabled_hs35t_16) svg path {
72
75
  fill: var(--neutral-label-tertiary) !important;
73
76
  }
74
- ._quinary_1k6qi_77 {
77
+ ._quinary_hs35t_80 {
75
78
  color: var(--neutral-label-primary);
76
79
  background: var(--neutral-container-lowest);
77
80
  }
78
- ._quinary_1k6qi_77:not(:disabled):hover {
81
+ ._quinary_hs35t_80:not(:disabled):hover {
79
82
  background: var(--neutral-fill-overlay-lowest-hover);
80
83
  }
81
- ._quinary_1k6qi_77:disabled {
84
+ ._quinary_hs35t_80:disabled:not(._loading-with-disabled_hs35t_16) {
82
85
  background: var(--neutral-fill-overlay-mid);
83
86
  color: var(--neutral-label-tertiary);
84
87
  }
85
- ._quinary_1k6qi_77:disabled svg path {
88
+ ._quinary_hs35t_80:disabled:not(._loading-with-disabled_hs35t_16) svg path {
86
89
  fill: var(--neutral-label-tertiary) !important;
87
90
  }
88
- ._negative_1k6qi_92 {
91
+ ._negative_hs35t_95 {
89
92
  color: var(--inverse-label-static-primary);
90
93
  background: var(--function-fill-negative-mid);
91
94
  }
92
- ._negative_1k6qi_92:not(:disabled):hover {
95
+ ._negative_hs35t_95:not(:disabled):hover {
93
96
  background: var(--function-fill-negative-mid-hover);
94
97
  }
95
- ._static_1k6qi_100 {
98
+ ._static_hs35t_103 {
96
99
  background: var(--neutral-container-static-lowest);
97
100
  color: var(--neutral-label-static-primary);
98
101
  }
99
- ._static_1k6qi_100:not(:disabled):hover {
102
+ ._static_hs35t_103:not(:disabled):hover {
100
103
  background: var(--neutral-container-static-lowest-hover);
101
104
  }
102
- ._inverse-static_1k6qi_108 {
105
+ ._inverse-static_hs35t_111 {
103
106
  background: var(--inverse-container-static-high);
104
107
  color: var(--inverse-label-static-primary);
105
108
  }
106
- ._inverse-static_1k6qi_108:not(:disabled):hover {
109
+ ._inverse-static_hs35t_111:not(:disabled):hover {
107
110
  background: var(--inverse-container-static-high-hover);
108
111
  }
109
- ._ghost_1k6qi_116._primary_1k6qi_36 {
112
+ ._ghost_hs35t_119._primary_hs35t_39 {
110
113
  background: var(--inverse-fill-lowest);
111
114
  color: var(--neutral-label-primary);
112
115
  }
113
- ._ghost_1k6qi_116._primary_1k6qi_36:not(:disabled):hover {
116
+ ._ghost_hs35t_119._primary_hs35t_39:not(:disabled):hover {
114
117
  background: var(--neutral-fill-overlay-lowest-hover);
115
118
  }
116
- ._ghost_1k6qi_116._primary_1k6qi_36:disabled {
119
+ ._ghost_hs35t_119._primary_hs35t_39:disabled:not(._loading-with-disabled_hs35t_16) {
117
120
  background: var(--neutral-fill-overlay-lowest);
118
121
  color: var(--neutral-label-tertiary);
119
122
  }
120
- ._ghost_1k6qi_116._primary_1k6qi_36:disabled span svg path:not([fill=white]) {
123
+ ._ghost_hs35t_119._primary_hs35t_39:disabled:not(._loading-with-disabled_hs35t_16) span svg path:not([fill=white]) {
121
124
  fill: var(--neutral-label-tertiary);
122
125
  }
123
- ._ghost_1k6qi_116._primary_1k6qi_36:disabled span svg path[fill=white] {
126
+ ._ghost_hs35t_119._primary_hs35t_39:disabled:not(._loading-with-disabled_hs35t_16) span svg path[fill=white] {
124
127
  fill: var(--inverse-label-primary);
125
128
  }
126
- ._ghost_1k6qi_116._secondary_1k6qi_44 {
129
+ ._ghost_hs35t_119._secondary_hs35t_47 {
127
130
  background: var(--inverse-fill-lowest);
128
131
  color: var(--neutral-label-primary);
129
132
  }
130
- ._ghost_1k6qi_116._secondary_1k6qi_44:not(:disabled):hover {
133
+ ._ghost_hs35t_119._secondary_hs35t_47:not(:disabled):hover {
131
134
  background: var(--neutral-fill-overlay-lowest-hover);
132
135
  }
133
- ._ghost_1k6qi_116._secondary_1k6qi_44:disabled {
136
+ ._ghost_hs35t_119._secondary_hs35t_47:disabled:not(._loading-with-disabled_hs35t_16) {
134
137
  background: var(--neutral-fill-overlay-lowest);
135
138
  color: var(--neutral-label-tertiary);
136
139
  }
137
- ._ghost_1k6qi_116._secondary_1k6qi_44:disabled span svg path:not([fill=white]) {
140
+ ._ghost_hs35t_119._secondary_hs35t_47:disabled:not(._loading-with-disabled_hs35t_16) span svg path:not([fill=white]) {
138
141
  fill: var(--neutral-label-tertiary);
139
142
  }
140
- ._ghost_1k6qi_116._secondary_1k6qi_44:disabled span svg path[fill=white] {
143
+ ._ghost_hs35t_119._secondary_hs35t_47:disabled:not(._loading-with-disabled_hs35t_16) span svg path[fill=white] {
141
144
  fill: var(--inverse-label-primary);
142
145
  }
143
- ._cta_1k6qi_151 {
146
+ ._cta_hs35t_154 {
144
147
  border-radius: var(--lp-sys-radius-m);
145
148
  width: fit-content;
146
149
  height: 52px;
147
150
  gap: 8px;
148
151
  min-width: 52px;
149
152
  }
150
- ._l_1k6qi_159 {
153
+ ._l_hs35t_16 {
151
154
  border-radius: var(--lp-sys-radius-s);
152
155
  width: fit-content;
153
156
  height: 44px;
154
157
  min-width: 44px;
155
158
  }
156
- ._m_1k6qi_166 {
159
+ ._m_hs35t_169 {
157
160
  border-radius: var(--lp-sys-radius-s);
158
161
  width: fit-content;
159
162
  height: 36px;
160
163
  min-width: 36px;
161
164
  }
162
- ._s_1k6qi_44 {
165
+ ._s_hs35t_47 {
163
166
  border-radius: var(--lp-sys-radius-s);
164
167
  width: fit-content;
165
168
  height: 28px;
166
169
  min-width: 28px;
167
170
  }
168
- ._align-center_1k6qi_180 > span {
171
+ ._align-center_hs35t_183 > span {
169
172
  width: 100%;
170
173
  justify-content: center;
171
174
  }
172
- ._align-space-between_1k6qi_185 > span {
175
+ ._align-space-between_hs35t_188 > span {
173
176
  width: 100%;
174
177
  justify-content: space-between;
175
178
  }
176
- ._content_1k6qi_190 {
179
+ ._content_hs35t_193 {
177
180
  flex-shrink: 0;
178
181
  line-height: 0;
179
182
  padding: 0px var(--lp-sys-padding-component-100);
180
183
  }
181
- ._full_1k6qi_196 {
184
+ ._full_hs35t_199 {
182
185
  width: 100%;
183
186
  }
184
- ._fit-content_1k6qi_200 {
187
+ ._fit-content_hs35t_203 {
185
188
  width: fit-content;
186
189
  }
187
- ._children_1k6qi_204 {
190
+ ._children_hs35t_207 {
188
191
  position: relative;
189
192
  display: flex;
190
193
  align-items: center;
191
194
  justify-content: center;
192
195
  }
193
- ._cta-children_1k6qi_211 {
196
+ ._cta-children_hs35t_214 {
194
197
  padding: 0 var(--lp-sys-gap-positive-300);
195
198
  gap: var(--lp-sys-gap-positive-100);
196
199
  }
197
- ._l-children_1k6qi_216 {
200
+ ._l-children_hs35t_219 {
198
201
  padding: 0 var(--lp-sys-gap-positive-200);
199
202
  gap: var(--lp-sys-gap-positive-50);
200
203
  }
201
- ._m-children_1k6qi_221 {
204
+ ._m-children_hs35t_224 {
202
205
  padding: 0 var(--lp-sys-gap-positive-150);
203
206
  gap: var(--lp-sys-gap-positive-50);
204
207
  }
205
- ._s-children_1k6qi_226 {
208
+ ._s-children_hs35t_229 {
206
209
  padding: 0 var(--lp-sys-gap-positive-150);
207
210
  gap: var(--lp-sys-gap-positive-50);
208
211
  }
package/lib/index.js CHANGED
@@ -25,31 +25,32 @@ import {
25
25
 
26
26
  // src/components/Button/style.module.scss
27
27
  var style_module_default = {
28
- "button": "_button_1k6qi_1",
29
- "default": "_default_1k6qi_28",
30
- "primary": "_primary_1k6qi_36",
31
- "secondary": "_secondary_1k6qi_44",
32
- "tertiary": "_tertiary_1k6qi_52",
33
- "quaternary": "_quaternary_1k6qi_60",
34
- "quinary": "_quinary_1k6qi_77",
35
- "negative": "_negative_1k6qi_92",
36
- "static": "_static_1k6qi_100",
37
- "inverse-static": "_inverse-static_1k6qi_108",
38
- "ghost": "_ghost_1k6qi_116",
39
- "cta": "_cta_1k6qi_151",
40
- "l": "_l_1k6qi_159",
41
- "m": "_m_1k6qi_166",
42
- "s": "_s_1k6qi_44",
43
- "align-center": "_align-center_1k6qi_180",
44
- "align-space-between": "_align-space-between_1k6qi_185",
45
- "content": "_content_1k6qi_190",
46
- "full": "_full_1k6qi_196",
47
- "fit-content": "_fit-content_1k6qi_200",
48
- "children": "_children_1k6qi_204",
49
- "cta-children": "_cta-children_1k6qi_211",
50
- "l-children": "_l-children_1k6qi_216",
51
- "m-children": "_m-children_1k6qi_221",
52
- "s-children": "_s-children_1k6qi_226"
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"
53
54
  };
54
55
 
55
56
  // src/components/Button/index.tsx
@@ -279,6 +280,7 @@ var DefaultButton = forwardRef(
279
280
  type: buttonFillLevelIconTypeMap[`${fill}`][level],
280
281
  fillType: buttonFillLevelIconFillTypeMap[`${fill}`][level]
281
282
  };
283
+ const isLoadingWithDisabled = isLoading && rest.disabled;
282
284
  const renderContent = /* @__PURE__ */ __name((children2) => /* @__PURE__ */ jsxs2("span", { className: clsx(defaultButtonChildrenVariants({ size })), children: [
283
285
  !!leftIcon && !isLoading && /* @__PURE__ */ jsx2(leftIcon.icon, { ...iconProps, ...leftIcon }),
284
286
  isLoading ? !!leftIcon || !!rightIcon ? /* @__PURE__ */ jsxs2(Fragment, { children: [
@@ -319,7 +321,11 @@ var DefaultButton = forwardRef(
319
321
  parent,
320
322
  {
321
323
  ...rest,
322
- className: clsx(defaultButtonVariants({ level, fill, align, size, width }), className),
324
+ className: clsx(
325
+ defaultButtonVariants({ level, fill, align, size, width }),
326
+ isLoadingWithDisabled && style_module_default["loading-with-disabled"],
327
+ className
328
+ ),
323
329
  ref
324
330
  },
325
331
  renderContent(newChildren)
@@ -330,7 +336,11 @@ var DefaultButton = forwardRef(
330
336
  "button",
331
337
  {
332
338
  ...rest,
333
- className: clsx(defaultButtonVariants({ level, fill, align, size, width }), className),
339
+ className: clsx(
340
+ defaultButtonVariants({ level, fill, align, size, width }),
341
+ isLoadingWithDisabled && style_module_default["loading-with-disabled"],
342
+ className
343
+ ),
334
344
  ref,
335
345
  "aria-label": rest["aria-label"] || "button",
336
346
  role: "button",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@liner-fe/prism",
3
- "version": "2.11.0",
3
+ "version": "2.11.1",
4
4
  "type": "module",
5
5
  "sideEffects": false,
6
6
  "dependencies": {