@rescui/chip-list 0.8.0 → 0.8.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 +44 -44
  2. package/lib/parts/chip-list.p.module.css.js +21 -21
  3. package/package.json +6 -6
package/lib/index.css CHANGED
@@ -1,19 +1,19 @@
1
- ._light_132sdse_8{
1
+ ._light_sqs1ga_8{
2
2
  --rs-theme-dark:0;
3
3
  }
4
- ._dark_132sdse_11{
4
+ ._dark_sqs1ga_11{
5
5
  --rs-theme-dark:1;
6
6
  }
7
- ._alignLeft_132sdse_15{
7
+ ._alignLeft_sqs1ga_15{
8
8
  --_rs-cl-align:left;
9
9
  }
10
- ._alignCenter_132sdse_18{
10
+ ._alignCenter_sqs1ga_18{
11
11
  --_rs-cl-align:center;
12
12
  }
13
- ._alignRight_132sdse_21{
13
+ ._alignRight_sqs1ga_21{
14
14
  --_rs-cl-align:right;
15
15
  }
16
- ._sizeXs_132sdse_25{
16
+ ._sizeXs_sqs1ga_25{
17
17
  --_rs-cl-chip-border-radius:4px;
18
18
  --_rs-cl-chip-multiline-border-radius:4px;
19
19
  --_rs-cl-chip-vertical-padding:2px;
@@ -25,11 +25,11 @@
25
25
  --_rs-cl-sparse-horizontal-gap:12px;
26
26
  }
27
27
  @media screen and (max-width: 640px){
28
- ._sizeXs_132sdse_25{
28
+ ._sizeXs_sqs1ga_25{
29
29
  --_rs-cl-vertical-gap:8px;
30
30
  }
31
31
  }
32
- ._sizeXs_132sdse_25 [data-rs-internal='chip-list__chip']{
32
+ ._sizeXs_sqs1ga_25 [data-rs-internal='chip-list__chip']{
33
33
  --_rs-typography-letter-spacing:0.0045em;
34
34
  --_rs-typography-text-transform:initial;
35
35
  --_rs-typography-font-variant-numeric:initial;
@@ -63,7 +63,7 @@
63
63
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
64
64
  --_rs-typography-link-border-bottom-width-from-text:1px;
65
65
  }
66
- ._sizeS_132sdse_28{
66
+ ._sizeS_sqs1ga_28{
67
67
  --_rs-cl-chip-border-radius:24px;
68
68
  --_rs-cl-chip-multiline-border-radius:4px;
69
69
  --_rs-cl-chip-vertical-padding:6px;
@@ -73,7 +73,7 @@
73
73
  --_rs-cl-vertical-gap:12px;
74
74
  --_rs-cl-sparse-horizontal-gap:12px;
75
75
  }
76
- ._sizeS_132sdse_28 [data-rs-internal='chip-list__chip']{
76
+ ._sizeS_sqs1ga_28 [data-rs-internal='chip-list__chip']{
77
77
  --_rs-typography-letter-spacing:0.0045em;
78
78
  --_rs-typography-text-transform:initial;
79
79
  --_rs-typography-font-variant-numeric:initial;
@@ -107,7 +107,7 @@
107
107
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
108
108
  --_rs-typography-link-border-bottom-width-from-text:1px;
109
109
  }
110
- ._sizeM_132sdse_31{
110
+ ._sizeM_sqs1ga_31{
111
111
  --_rs-cl-chip-border-radius:24px;
112
112
  --_rs-cl-chip-multiline-border-radius:8px;
113
113
  --_rs-cl-chip-vertical-padding:8px;
@@ -117,7 +117,7 @@
117
117
  --_rs-cl-vertical-gap:12px;
118
118
  --_rs-cl-sparse-horizontal-gap:16px;
119
119
  }
120
- ._sizeM_132sdse_31 [data-rs-internal='chip-list__chip']{
120
+ ._sizeM_sqs1ga_31 [data-rs-internal='chip-list__chip']{
121
121
  --_rs-typography-letter-spacing:0.0015em;
122
122
  --_rs-typography-text-transform:initial;
123
123
  --_rs-typography-font-variant-numeric:initial;
@@ -152,11 +152,11 @@
152
152
  --_rs-typography-link-border-bottom-width-from-text:1px;
153
153
  }
154
154
  @media screen and (max-width: 640px){
155
- ._sizeM_132sdse_31 [data-rs-internal='chip-list__chip']{
155
+ ._sizeM_sqs1ga_31 [data-rs-internal='chip-list__chip']{
156
156
  --_rs-typography-list-li-margin-top-from-text:12px;
157
157
  }
158
158
  }
159
- ._sizeL_132sdse_34{
159
+ ._sizeL_sqs1ga_34{
160
160
  --_rs-cl-chip-border-radius:36px;
161
161
  --_rs-cl-chip-multiline-border-radius:12px;
162
162
  --_rs-cl-chip-vertical-padding:12px;
@@ -167,11 +167,11 @@
167
167
  --_rs-cl-sparse-horizontal-gap:16px;
168
168
  }
169
169
  @media screen and (max-width: 640px){
170
- ._sizeL_132sdse_34{
170
+ ._sizeL_sqs1ga_34{
171
171
  --_rs-cl-vertical-gap:12px;
172
172
  }
173
173
  }
174
- ._sizeL_132sdse_34 [data-rs-internal='chip-list__chip']{
174
+ ._sizeL_sqs1ga_34 [data-rs-internal='chip-list__chip']{
175
175
  --_rs-typography-letter-spacing:normal;
176
176
  --_rs-typography-text-transform:initial;
177
177
  --_rs-typography-font-variant-numeric:initial;
@@ -206,36 +206,36 @@
206
206
  --_rs-typography-link-border-bottom-width-from-text:1px;
207
207
  }
208
208
  @media screen and (max-width: 640px){
209
- ._sizeL_132sdse_34 [data-rs-internal='chip-list__chip']{
209
+ ._sizeL_sqs1ga_34 [data-rs-internal='chip-list__chip']{
210
210
  --_rs-typography-list-li-margin-top-from-text:16px;
211
211
  }
212
212
  }
213
- ._innerOffsetL_132sdse_38{
213
+ ._innerOffsetL_sqs1ga_38{
214
214
  --_rs-cl-sparse-horizontal-gap-or-initial:var(
215
215
  --_rs-cl-sparse-horizontal-gap
216
216
  );
217
217
  }
218
218
  @media screen and (max-width: 640px){
219
- ._innerOffsetL_132sdse_38{
219
+ ._innerOffsetL_sqs1ga_38{
220
220
  --_rs-cl-sparse-horizontal-gap-or-initial:8px;
221
221
  }
222
222
  }
223
- ._innerOffsetM_132sdse_41{
223
+ ._innerOffsetM_sqs1ga_41{
224
224
  --_rs-cl-sparse-horizontal-gap-or-initial:initial;
225
225
  }
226
- ._classic_132sdse_45{
226
+ ._classic_sqs1ga_45{
227
227
  --_rs-cl-chip-active-border-color:var(--_rs-color-primary);
228
228
  --_rs-cl-chip-selected-border-color:var(--_rs-color-primary);
229
229
  --_rs-cl-chip-hover-background:var(--_rs-color-primary-t-fog);
230
230
  --_rs-cl-chip-active-background:var(--_rs-color-primary-t-fog);
231
231
  }
232
- ._rock_132sdse_48{
232
+ ._rock_sqs1ga_48{
233
233
  --_rs-cl-chip-active-border-color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
234
234
  --_rs-cl-chip-selected-border-color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
235
235
  --_rs-cl-chip-hover-background:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.1);
236
236
  --_rs-cl-chip-active-background:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.1);
237
237
  }
238
- ._main_132sdse_52{
238
+ ._main_sqs1ga_52{
239
239
  --_rs-theme-dark:var(
240
240
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
241
241
  var(--rs-theme-dark, 0)
@@ -245,7 +245,7 @@
245
245
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
246
246
  }
247
247
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
248
- ._main_132sdse_52{
248
+ ._main_sqs1ga_52{
249
249
  --_rs-color-primary:color-mix(in srgb, var(--rs-color-primary-light-theme, #6B57FF) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dark-theme, #8473FF) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
250
250
  --_rs-color-primary-dim:color-mix(in srgb, var(--rs-color-primary-dim-light-theme, #8979ff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dim-dark-theme, #6f61d2) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
251
251
  --_rs-color-primary-fog:color-mix(in srgb, var(--rs-color-primary-fog-light-theme, #e1ddff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-fog-dark-theme, #2e2b49) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
@@ -254,7 +254,7 @@
254
254
  }
255
255
  }
256
256
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
257
- ._main_132sdse_52{
257
+ ._main_sqs1ga_52{
258
258
  --_rs-color-primary:rgb(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255);
259
259
  --_rs-color-primary-dim:rgb(calc(var(--_rs-theme-light-coefficient, 1)*137 + var(--_rs-theme-dark-coefficient, 0)*111), calc(var(--_rs-theme-light-coefficient, 1)*121 + var(--_rs-theme-dark-coefficient, 0)*97), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*210));
260
260
  --_rs-color-primary-fog:rgb(calc(var(--_rs-theme-light-coefficient, 1)*225 + var(--_rs-theme-dark-coefficient, 0)*46), calc(var(--_rs-theme-light-coefficient, 1)*221 + var(--_rs-theme-dark-coefficient, 0)*43), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*73));
@@ -262,10 +262,10 @@
262
262
  --_rs-color-primary-t-fog:rgba(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255, calc(var(--_rs-theme-light-coefficient, 1)*0.2 + var(--_rs-theme-dark-coefficient, 0)*0.3));
263
263
  }
264
264
  }
265
- ._main_132sdse_52 {
265
+ ._main_sqs1ga_52 {
266
266
  --_rs-cl-horizontal-gap:var(--_rs-cl-sparse-horizontal-gap-or-initial, 8px);
267
267
  }
268
- ._chipsContainer_132sdse_58{
268
+ ._chipsContainer_sqs1ga_58{
269
269
  position:relative;
270
270
 
271
271
  display:-webkit-box;
@@ -281,17 +281,17 @@
281
281
 
282
282
  gap:var(--_rs-cl-vertical-gap) var(--_rs-cl-horizontal-gap);
283
283
  }
284
- ._alignIconLeft_132sdse_68{
284
+ ._alignIconLeft_sqs1ga_68{
285
285
  --_rs-cl-chip-icon-flex-direction:row;
286
286
  --_rs-cl-chip-icon-position-multiplier-left:1;
287
287
  --_rs-cl-chip-icon-position-multiplier-right:0;
288
288
  }
289
- ._alignIconRight_132sdse_71{
289
+ ._alignIconRight_sqs1ga_71{
290
290
  --_rs-cl-chip-icon-flex-direction:row-reverse;
291
291
  --_rs-cl-chip-icon-position-multiplier-left:0;
292
292
  --_rs-cl-chip-icon-position-multiplier-right:1;
293
293
  }
294
- ._chip_132sdse_58{
294
+ ._chip_sqs1ga_58{
295
295
  --_rs-cl-chip-icon-margin-right:calc(var(--_rs-cl-chip-icon-offset)*(1 - var(--_rs-cl-chip-icon-position-multiplier-right)) + -2px*var(--_rs-cl-chip-icon-position-multiplier-right));
296
296
  --_rs-cl-chip-icon-margin-left:calc(var(--_rs-cl-chip-icon-offset)*(1 - var(--_rs-cl-chip-icon-position-multiplier-left)) + -2px*var(--_rs-cl-chip-icon-position-multiplier-left));
297
297
  letter-spacing:var(
@@ -307,11 +307,11 @@
307
307
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
308
308
  font-feature-settings:'kern', 'liga', 'calt';
309
309
  }
310
- ._chip_132sdse_58 > p:not(:nth-child(1)),
311
- ._chip_132sdse_58 > pre:not(:nth-child(1)){
310
+ ._chip_sqs1ga_58 > p:not(:nth-child(1)),
311
+ ._chip_sqs1ga_58 > pre:not(:nth-child(1)){
312
312
  padding-top:var(--_rs-typography-auto-offset-or-initial);
313
313
  }
314
- ._chip_132sdse_58 {
314
+ ._chip_sqs1ga_58 {
315
315
 
316
316
  position:relative;
317
317
  z-index:1;
@@ -363,23 +363,23 @@
363
363
  -moz-osx-font-smoothing:inherit;
364
364
  -webkit-appearance:none;
365
365
  }
366
- ._chip_132sdse_58::-moz-focus-inner{
366
+ ._chip_sqs1ga_58::-moz-focus-inner{
367
367
  padding:0;
368
368
 
369
369
  border:none;
370
370
  }
371
- ._chip_132sdse_58:hover,
372
- ._chip_132sdse_58:focus,
373
- ._chip_132sdse_58:active{
371
+ ._chip_sqs1ga_58:hover,
372
+ ._chip_sqs1ga_58:focus,
373
+ ._chip_sqs1ga_58:active{
374
374
  outline:none;
375
375
 
376
376
  text-decoration:none;
377
377
  }
378
- ._chip_132sdse_58:focus[data-focus-method='key']{
378
+ ._chip_sqs1ga_58:focus[data-focus-method='key']{
379
379
  -webkit-box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
380
380
  box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
381
381
  }
382
- ._chip_132sdse_58:focus{
382
+ ._chip_sqs1ga_58:focus{
383
383
  border-color:rgba(
384
384
  calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227),
385
385
  calc(0.3 + var(--_rs-theme-dark-coefficient)*0.1)
@@ -388,7 +388,7 @@
388
388
  color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
389
389
  }
390
390
  @media (hover: hover){
391
- ._chip_132sdse_58:hover{
391
+ ._chip_sqs1ga_58:hover{
392
392
  border-color:rgba(
393
393
  calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227),
394
394
  calc(0.3 + var(--_rs-theme-dark-coefficient)*0.1)
@@ -399,14 +399,14 @@
399
399
  background:var(--_rs-cl-chip-hover-background);
400
400
  }
401
401
  }
402
- ._chip_132sdse_58:active{
402
+ ._chip_sqs1ga_58:active{
403
403
  border-color:var(--_rs-cl-chip-active-border-color);
404
404
 
405
405
  color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
406
406
 
407
407
  background:var(--_rs-cl-chip-active-background);
408
408
  }
409
- ._chip_132sdse_58._selected_132sdse_162{
409
+ ._chip_sqs1ga_58._selected_sqs1ga_162{
410
410
  padding:calc(var(--_rs-cl-chip-vertical-padding) - 2px) calc(var(--_rs-cl-chip-horizontal-padding) - 2px);
411
411
 
412
412
  border-width:2px;
@@ -414,7 +414,7 @@
414
414
 
415
415
  color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
416
416
  }
417
- ._chip_132sdse_58 ._icon_132sdse_172{
417
+ ._chip_sqs1ga_58 ._icon_sqs1ga_172{
418
418
  -webkit-box-flex:0;
419
419
  -ms-flex:0 0 auto;
420
420
  flex:0 0 auto;
@@ -425,6 +425,6 @@
425
425
  margin:0 var(--_rs-cl-chip-icon-margin-right) 0 var(--_rs-cl-chip-icon-margin-left);
426
426
  fill:currentColor;
427
427
  }
428
- ._chip_132sdse_58._withoutText_132sdse_183 ._icon_132sdse_172{
428
+ ._chip_sqs1ga_58._withoutText_sqs1ga_183 ._icon_sqs1ga_172{
429
429
  margin:0;
430
430
  }
package/lib/parts/chip-list.p.module.css.js CHANGED
@@ -1,24 +1,24 @@
1
1
  var styles = {
2
- "light": "_light_132sdse_8",
3
- "dark": "_dark_132sdse_11",
4
- "alignLeft": "_alignLeft_132sdse_15",
5
- "alignCenter": "_alignCenter_132sdse_18",
6
- "alignRight": "_alignRight_132sdse_21",
7
- "sizeXs": "_sizeXs_132sdse_25",
8
- "sizeS": "_sizeS_132sdse_28",
9
- "sizeM": "_sizeM_132sdse_31",
10
- "sizeL": "_sizeL_132sdse_34",
11
- "innerOffsetL": "_innerOffsetL_132sdse_38",
12
- "innerOffsetM": "_innerOffsetM_132sdse_41",
13
- "classic": "_classic_132sdse_45",
14
- "rock": "_rock_132sdse_48",
15
- "main": "_main_132sdse_52",
16
- "chipsContainer": "_chipsContainer_132sdse_58",
17
- "alignIconLeft": "_alignIconLeft_132sdse_68",
18
- "alignIconRight": "_alignIconRight_132sdse_71",
19
- "chip": "_chip_132sdse_58",
20
- "selected": "_selected_132sdse_162",
21
- "icon": "_icon_132sdse_172",
22
- "withoutText": "_withoutText_132sdse_183"
2
+ "light": "_light_sqs1ga_8",
3
+ "dark": "_dark_sqs1ga_11",
4
+ "alignLeft": "_alignLeft_sqs1ga_15",
5
+ "alignCenter": "_alignCenter_sqs1ga_18",
6
+ "alignRight": "_alignRight_sqs1ga_21",
7
+ "sizeXs": "_sizeXs_sqs1ga_25",
8
+ "sizeS": "_sizeS_sqs1ga_28",
9
+ "sizeM": "_sizeM_sqs1ga_31",
10
+ "sizeL": "_sizeL_sqs1ga_34",
11
+ "innerOffsetL": "_innerOffsetL_sqs1ga_38",
12
+ "innerOffsetM": "_innerOffsetM_sqs1ga_41",
13
+ "classic": "_classic_sqs1ga_45",
14
+ "rock": "_rock_sqs1ga_48",
15
+ "main": "_main_sqs1ga_52",
16
+ "chipsContainer": "_chipsContainer_sqs1ga_58",
17
+ "alignIconLeft": "_alignIconLeft_sqs1ga_68",
18
+ "alignIconRight": "_alignIconRight_sqs1ga_71",
19
+ "chip": "_chip_sqs1ga_58",
20
+ "selected": "_selected_sqs1ga_162",
21
+ "icon": "_icon_sqs1ga_172",
22
+ "withoutText": "_withoutText_sqs1ga_183"
23
23
  };
24
24
  export { styles as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/chip-list",
3
- "version": "0.8.0",
3
+ "version": "0.8.1",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -16,25 +16,25 @@
16
16
  "dependencies": {
17
17
  "@babel/runtime-corejs3": "^7.14.0",
18
18
  "@juggle/resize-observer": "3.3.0",
19
- "@rescui/button": "^0.15.0",
20
- "@rescui/icons": "^0.16.0",
19
+ "@rescui/button": "^0.15.1",
20
+ "@rescui/icons": "^0.16.1",
21
21
  "classnames": "^2.2.6",
22
22
  "core-js": "^3.9.1"
23
23
  },
24
24
  "peerDependencies": {
25
- "@rescui/ui-contexts": "^0.4.0",
25
+ "@rescui/ui-contexts": "^0.5.0",
26
26
  "prop-types": "^15.7.2",
27
27
  "react": ">=16.8.0 <19"
28
28
  },
29
29
  "devDependencies": {
30
30
  "@rescui/colors": "^0.2.0",
31
31
  "@rescui/scripts": "^0.3.0",
32
- "@rescui/typography": "^0.16.0",
32
+ "@rescui/typography": "^0.16.1",
33
33
  "@rescui/visual-regression": "^0.1.1"
34
34
  },
35
35
  "scripts": {
36
36
  "build": "rescui-scripts build && yarn run build-pcss-api",
37
37
  "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
38
38
  },
39
- "gitHead": "51da8a7188f4c558c563065a4ff4ef5c8e74994c"
39
+ "gitHead": "6457f4265a1a30050b9f4cc1f0dd808c005d1ca0"
40
40
  }