@salutejs/plasma-web 1.402.0-canary.1437.10958689171.0 → 1.402.0-canary.1439.10959387755.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (45) hide show
  1. package/api/plasma-web.api.md +2 -225
  2. package/components/Cell/Cell.d.ts +2 -2
  3. package/components/Select/Select.config.js +8 -8
  4. package/css/cjs/components/Select/Select.config.js +1 -1
  5. package/css/cjs/components/Select/Select.config.js.map +1 -1
  6. package/css/cjs/components/Select/{Select.config_63kke9.css → Select.config_u1tjpc.css} +8 -8
  7. package/css/cjs/components/Select/Select.css +17 -17
  8. package/css/cjs/index.css +17 -32
  9. package/css/cjs/index.js +0 -2
  10. package/css/cjs/index.js.map +1 -1
  11. package/css/es/components/Select/Select.config.js +1 -1
  12. package/css/es/components/Select/Select.config.js.map +1 -1
  13. package/css/es/components/Select/{Select.config_63kke9.css → Select.config_u1tjpc.css} +8 -8
  14. package/css/es/components/Select/Select.css +17 -17
  15. package/css/es/index.css +17 -32
  16. package/css/es/index.js +0 -1
  17. package/css/es/index.js.map +1 -1
  18. package/css/index.d.ts +0 -2
  19. package/es/components/Select/Select.config.js +8 -8
  20. package/es/index.js +1 -2
  21. package/index.d.ts +0 -1
  22. package/index.js +0 -11
  23. package/package.json +3 -3
  24. package/temp/plasma-web.api.md +2 -225
  25. package/components/Attach/Attach.config.d.ts +0 -27
  26. package/components/Attach/Attach.config.js +0 -36
  27. package/components/Attach/Attach.d.ts +0 -224
  28. package/components/Attach/Attach.js +0 -14
  29. package/components/Attach/index.d.ts +0 -1
  30. package/components/Attach/index.js +0 -12
  31. package/css/cjs/components/Attach/Attach.config.js +0 -35
  32. package/css/cjs/components/Attach/Attach.config.js.map +0 -1
  33. package/css/cjs/components/Attach/Attach.config_1s3phpr.css +0 -14
  34. package/css/cjs/components/Attach/Attach.css +0 -14
  35. package/css/cjs/components/Attach/Attach.js +0 -16
  36. package/css/cjs/components/Attach/Attach.js.map +0 -1
  37. package/css/es/components/Attach/Attach.config.js +0 -31
  38. package/css/es/components/Attach/Attach.config.js.map +0 -1
  39. package/css/es/components/Attach/Attach.config_1s3phpr.css +0 -14
  40. package/css/es/components/Attach/Attach.css +0 -14
  41. package/css/es/components/Attach/Attach.js +0 -12
  42. package/css/es/components/Attach/Attach.js.map +0 -1
  43. package/es/components/Attach/Attach.config.js +0 -30
  44. package/es/components/Attach/Attach.js +0 -8
  45. package/es/components/Attach/index.js +0 -1
@@ -35,7 +35,6 @@ import { AudioPlayerProps } from '@salutejs/plasma-hope';
35
35
  import { AvatarGroupProps } from '@salutejs/plasma-new-hope/styled-components';
36
36
  import { AvatarProps } from '@salutejs/plasma-new-hope/styled-components';
37
37
  import { BadgeProps } from '@salutejs/plasma-new-hope/styled-components';
38
- import { BaseAttachProps } from '@salutejs/plasma-new-hope/types/components/Attach/Attach.types';
39
38
  import { BaseboxProps } from '@salutejs/plasma-new-hope/styled-components';
40
39
  import { BaseCallbackChangeInstance } from '@salutejs/plasma-new-hope/types/components/Range/Range.types';
41
40
  import { BaseCallbackKeyboardInstance } from '@salutejs/plasma-new-hope/types/components/Range/Range.types';
@@ -393,228 +392,6 @@ export { arrayItemSwapping }
393
392
 
394
393
  export { AsProps }
395
394
 
396
- // @public
397
- export const Attach: FunctionComponent<PropsType< {
398
- view: {
399
- default: PolymorphicClassName;
400
- accent: PolymorphicClassName;
401
- secondary: PolymorphicClassName;
402
- clear: PolymorphicClassName;
403
- success: PolymorphicClassName;
404
- warning: PolymorphicClassName;
405
- critical: PolymorphicClassName;
406
- dark: PolymorphicClassName;
407
- black: PolymorphicClassName;
408
- white: PolymorphicClassName;
409
- };
410
- size: {
411
- l: PolymorphicClassName;
412
- m: PolymorphicClassName;
413
- s: PolymorphicClassName;
414
- xs: PolymorphicClassName;
415
- };
416
- }> & ((HTMLAttributes<HTMLDivElement> & Omit<ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<AnchorHTMLAttributes<HTMLElement>, "type"> & AsProps_2<any> & {
417
- text?: string | undefined;
418
- contentLeft?: ReactNode;
419
- contentPlacing?: ("default" | "relaxed") | undefined;
420
- isLoading?: boolean | undefined;
421
- loader?: ReactNode;
422
- stretch?: boolean | undefined;
423
- stretching?: ("auto" | "fixed" | "filled") | undefined;
424
- square?: boolean | undefined;
425
- focused?: boolean | undefined;
426
- disabled?: boolean | undefined;
427
- pin?: "square-square" | "square-clear" | "clear-square" | "clear-clear" | "clear-circle" | "circle-clear" | "circle-circle" | undefined;
428
- view?: string | undefined;
429
- size?: string | undefined;
430
- outlined?: boolean | undefined;
431
- shiftLeft?: boolean | undefined;
432
- shiftRight?: boolean | undefined;
433
- blur?: "small" | "medium" | "large" | undefined;
434
- } & {
435
- value?: string | number | undefined;
436
- contentRight?: undefined;
437
- } & BaseAttachProps & {
438
- buttonType?: "button" | undefined;
439
- } & RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & Omit<ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<AnchorHTMLAttributes<HTMLElement>, "type"> & AsProps_2<any> & {
440
- text?: string | undefined;
441
- contentLeft?: ReactNode;
442
- contentPlacing?: ("default" | "relaxed") | undefined;
443
- isLoading?: boolean | undefined;
444
- loader?: ReactNode;
445
- stretch?: boolean | undefined;
446
- stretching?: ("auto" | "fixed" | "filled") | undefined;
447
- square?: boolean | undefined;
448
- focused?: boolean | undefined;
449
- disabled?: boolean | undefined;
450
- pin?: "square-square" | "square-clear" | "clear-square" | "clear-clear" | "clear-circle" | "circle-clear" | "circle-circle" | undefined;
451
- view?: string | undefined;
452
- size?: string | undefined;
453
- outlined?: boolean | undefined;
454
- shiftLeft?: boolean | undefined;
455
- shiftRight?: boolean | undefined;
456
- blur?: "small" | "medium" | "large" | undefined;
457
- } & {
458
- value?: string | number | undefined;
459
- contentRight?: undefined;
460
- } & BaseAttachProps & {
461
- buttonType?: "button" | undefined;
462
- } & {
463
- value?: undefined;
464
- contentRight?: ReactNode;
465
- } & RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & Omit<ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<AnchorHTMLAttributes<HTMLElement>, "type"> & AsProps_2<any> & {
466
- text?: string | undefined;
467
- contentLeft?: ReactNode;
468
- contentPlacing?: ("default" | "relaxed") | undefined;
469
- isLoading?: boolean | undefined;
470
- loader?: ReactNode;
471
- stretch?: boolean | undefined;
472
- stretching?: ("auto" | "fixed" | "filled") | undefined;
473
- square?: boolean | undefined;
474
- focused?: boolean | undefined;
475
- disabled?: boolean | undefined;
476
- pin?: "square-square" | "square-clear" | "clear-square" | "clear-clear" | "clear-circle" | "circle-clear" | "circle-circle" | undefined;
477
- view?: string | undefined;
478
- size?: string | undefined;
479
- outlined?: boolean | undefined;
480
- shiftLeft?: boolean | undefined;
481
- shiftRight?: boolean | undefined;
482
- blur?: "small" | "medium" | "large" | undefined;
483
- } & {
484
- value?: string | number | undefined;
485
- contentRight?: undefined;
486
- } & BaseAttachProps & {
487
- buttonType?: "iconButton" | undefined;
488
- icon?: ReactNode;
489
- } & RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & Omit<ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<AnchorHTMLAttributes<HTMLElement>, "type"> & AsProps_2<any> & {
490
- text?: string | undefined;
491
- contentLeft?: ReactNode;
492
- contentPlacing?: ("default" | "relaxed") | undefined;
493
- isLoading?: boolean | undefined;
494
- loader?: ReactNode;
495
- stretch?: boolean | undefined;
496
- stretching?: ("auto" | "fixed" | "filled") | undefined;
497
- square?: boolean | undefined;
498
- focused?: boolean | undefined;
499
- disabled?: boolean | undefined;
500
- pin?: "square-square" | "square-clear" | "clear-square" | "clear-clear" | "clear-circle" | "circle-clear" | "circle-circle" | undefined;
501
- view?: string | undefined;
502
- size?: string | undefined;
503
- outlined?: boolean | undefined;
504
- shiftLeft?: boolean | undefined;
505
- shiftRight?: boolean | undefined;
506
- blur?: "small" | "medium" | "large" | undefined;
507
- } & {
508
- value?: string | number | undefined;
509
- contentRight?: undefined;
510
- } & BaseAttachProps & {
511
- buttonType?: "iconButton" | undefined;
512
- icon?: ReactNode;
513
- } & {
514
- value?: undefined;
515
- contentRight?: ReactNode;
516
- } & RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & Omit<ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<AnchorHTMLAttributes<HTMLElement>, "type"> & AsProps_2<any> & {
517
- text?: string | undefined;
518
- contentLeft?: ReactNode;
519
- contentPlacing?: ("default" | "relaxed") | undefined;
520
- isLoading?: boolean | undefined;
521
- loader?: ReactNode;
522
- stretch?: boolean | undefined;
523
- stretching?: ("auto" | "fixed" | "filled") | undefined;
524
- square?: boolean | undefined;
525
- focused?: boolean | undefined;
526
- disabled?: boolean | undefined;
527
- pin?: "square-square" | "square-clear" | "clear-square" | "clear-clear" | "clear-circle" | "circle-clear" | "circle-circle" | undefined;
528
- view?: string | undefined;
529
- size?: string | undefined;
530
- outlined?: boolean | undefined;
531
- shiftLeft?: boolean | undefined;
532
- shiftRight?: boolean | undefined;
533
- blur?: "small" | "medium" | "large" | undefined;
534
- } & {
535
- value?: undefined;
536
- contentRight?: ReactNode;
537
- } & BaseAttachProps & {
538
- buttonType?: "button" | undefined;
539
- } & {
540
- value?: string | number | undefined;
541
- contentRight?: undefined;
542
- } & RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & Omit<ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<AnchorHTMLAttributes<HTMLElement>, "type"> & AsProps_2<any> & {
543
- text?: string | undefined;
544
- contentLeft?: ReactNode;
545
- contentPlacing?: ("default" | "relaxed") | undefined;
546
- isLoading?: boolean | undefined;
547
- loader?: ReactNode;
548
- stretch?: boolean | undefined;
549
- stretching?: ("auto" | "fixed" | "filled") | undefined;
550
- square?: boolean | undefined;
551
- focused?: boolean | undefined;
552
- disabled?: boolean | undefined;
553
- pin?: "square-square" | "square-clear" | "clear-square" | "clear-clear" | "clear-circle" | "circle-clear" | "circle-circle" | undefined;
554
- view?: string | undefined;
555
- size?: string | undefined;
556
- outlined?: boolean | undefined;
557
- shiftLeft?: boolean | undefined;
558
- shiftRight?: boolean | undefined;
559
- blur?: "small" | "medium" | "large" | undefined;
560
- } & {
561
- value?: undefined;
562
- contentRight?: ReactNode;
563
- } & BaseAttachProps & {
564
- buttonType?: "button" | undefined;
565
- } & RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & Omit<ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<AnchorHTMLAttributes<HTMLElement>, "type"> & AsProps_2<any> & {
566
- text?: string | undefined;
567
- contentLeft?: ReactNode;
568
- contentPlacing?: ("default" | "relaxed") | undefined;
569
- isLoading?: boolean | undefined;
570
- loader?: ReactNode;
571
- stretch?: boolean | undefined;
572
- stretching?: ("auto" | "fixed" | "filled") | undefined;
573
- square?: boolean | undefined;
574
- focused?: boolean | undefined;
575
- disabled?: boolean | undefined;
576
- pin?: "square-square" | "square-clear" | "clear-square" | "clear-clear" | "clear-circle" | "circle-clear" | "circle-circle" | undefined;
577
- view?: string | undefined;
578
- size?: string | undefined;
579
- outlined?: boolean | undefined;
580
- shiftLeft?: boolean | undefined;
581
- shiftRight?: boolean | undefined;
582
- blur?: "small" | "medium" | "large" | undefined;
583
- } & {
584
- value?: undefined;
585
- contentRight?: ReactNode;
586
- } & BaseAttachProps & {
587
- buttonType?: "iconButton" | undefined;
588
- icon?: ReactNode;
589
- } & {
590
- value?: string | number | undefined;
591
- contentRight?: undefined;
592
- } & RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & Omit<ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<AnchorHTMLAttributes<HTMLElement>, "type"> & AsProps_2<any> & {
593
- text?: string | undefined;
594
- contentLeft?: ReactNode;
595
- contentPlacing?: ("default" | "relaxed") | undefined;
596
- isLoading?: boolean | undefined;
597
- loader?: ReactNode;
598
- stretch?: boolean | undefined;
599
- stretching?: ("auto" | "fixed" | "filled") | undefined;
600
- square?: boolean | undefined;
601
- focused?: boolean | undefined;
602
- disabled?: boolean | undefined;
603
- pin?: "square-square" | "square-clear" | "clear-square" | "clear-clear" | "clear-circle" | "circle-clear" | "circle-circle" | undefined;
604
- view?: string | undefined;
605
- size?: string | undefined;
606
- outlined?: boolean | undefined;
607
- shiftLeft?: boolean | undefined;
608
- shiftRight?: boolean | undefined;
609
- blur?: "small" | "medium" | "large" | undefined;
610
- } & {
611
- value?: undefined;
612
- contentRight?: ReactNode;
613
- } & BaseAttachProps & {
614
- buttonType?: "iconButton" | undefined;
615
- icon?: ReactNode;
616
- } & RefAttributes<HTMLDivElement>))>;
617
-
618
395
  export { AudioPlayer }
619
396
 
620
397
  export { AudioPlayerProps }
@@ -1084,7 +861,7 @@ xs: PolymorphicClassName;
1084
861
  };
1085
862
  }> & (({
1086
863
  size?: string | undefined;
1087
- view?: string | undefined;
864
+ view: string;
1088
865
  contentLeft?: ReactNode;
1089
866
  contentRight?: ReactNode;
1090
867
  alignContentLeft?: AlignProp | undefined;
@@ -1099,7 +876,7 @@ label?: string | undefined;
1099
876
  children?: undefined;
1100
877
  } & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>) | ({
1101
878
  size?: string | undefined;
1102
- view?: string | undefined;
879
+ view: string;
1103
880
  contentLeft?: ReactNode;
1104
881
  contentRight?: ReactNode;
1105
882
  alignContentLeft?: AlignProp | undefined;
@@ -14,7 +14,7 @@ export declare const Cell: import("react").FunctionComponent<import("@salutejs/p
14
14
  };
15
15
  }> & (({
16
16
  size?: string | undefined;
17
- view?: string | undefined;
17
+ view: string;
18
18
  contentLeft?: import("react").ReactNode;
19
19
  contentRight?: import("react").ReactNode;
20
20
  alignContentLeft?: import("@salutejs/plasma-new-hope/types/components/Cell/Cell.types").AlignProp | undefined;
@@ -29,7 +29,7 @@ export declare const Cell: import("react").FunctionComponent<import("@salutejs/p
29
29
  children?: undefined;
30
30
  } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
31
31
  size?: string | undefined;
32
- view?: string | undefined;
32
+ view: string;
33
33
  contentLeft?: import("react").ReactNode;
34
34
  contentRight?: import("react").ReactNode;
35
35
  alignContentLeft?: import("@salutejs/plasma-new-hope/types/components/Cell/Cell.types").AlignProp | undefined;
@@ -15,16 +15,16 @@ var config = exports.config = {
15
15
  },
16
16
  variations: {
17
17
  size: {
18
- xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n ", ": 0.5rem;\n ", ": 0.125rem;\n\n ", ": 1rem;\n ", ": 0.5rem 0.5rem 0.5rem 0.375rem;\n ", ": 0.25rem 0.5rem 0.25rem 0.375rem;\n ", ": 0.375rem;\n ", ": 1rem;\n ", ": 1rem;\n ", ": 0 0.25rem 0 0;\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.875rem;\n ", ": 0.875rem;\n ", ": 0.25rem;\n ", ": 0.25rem;\n ", ": var(--text-accent);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n\n ", ": 0.375rem;\n\n ", ": 0.25rem;\n ", ": 0.125rem;\n ", ": 1.25rem;\n ", ": 0.375rem;\n ", ": 0.625rem;\n ", ": 0.25rem;\n ", ": 0rem;\n ", ": 0.75rem;\n\n ", ": 0 -0.125rem 0 0.25rem;\n ", ": 0 0 0 0.375rem;\n ", ": 2rem;\n ", ": 0.75rem 0 0.75rem;\n ", ": 0.5rem 0 0.625rem;\n ", ": 0.5rem 0 0.25rem;\n\n ", ": 0.375rem;\n\n ", ": 0;\n\n ", ": 0.25rem;\n\n ", ": 1rem;\n ", ": 1rem;\n "])), _styledComponents.selectTokens.padding, _styledComponents.selectTokens.borderRadius, _styledComponents.selectTokens.focusOffset, _styledComponents.selectTokens.itemHeight, _styledComponents.selectTokens.itemPadding, _styledComponents.selectTokens.itemPaddingTight, _styledComponents.selectTokens.itemBorderRadius, _styledComponents.selectTokens.itemIconSize, _styledComponents.selectTokens.itemIconSizeTight, _styledComponents.selectTokens.itemIconMargin, _styledComponents.selectTokens.fontFamily, _styledComponents.selectTokens.fontSize, _styledComponents.selectTokens.fontStyle, _styledComponents.selectTokens.fontWeight, _styledComponents.selectTokens.fontLetterSpacing, _styledComponents.selectTokens.fontLineHeight, _styledComponents.selectTokens.checkboxTriggerSize, _styledComponents.selectTokens.checkboxTriggerSizeTight, _styledComponents.selectTokens.checkboxTriggerBorderRadius, _styledComponents.selectTokens.checkboxTriggerBorderRadiusTight, _styledComponents.selectTokens.checkboxFillColor, _styledComponents.selectTokens.checkboxIconColor, _styledComponents.selectTokens.checkboxTriggerBorderColor, _styledComponents.selectTokens.indicatorSize, _styledComponents.selectTokens.chipGap, _styledComponents.selectTokens.chipBorderRadius, _styledComponents.selectTokens.chipHeight, _styledComponents.selectTokens.chipPaddingRight, _styledComponents.selectTokens.chipPaddingLeft, _styledComponents.selectTokens.chipClearContentMarginLeft, _styledComponents.selectTokens.chipClearContentMarginRight, _styledComponents.selectTokens.chipCloseIconSize, _styledComponents.selectTokens.targetButtonArrowMargin, _styledComponents.selectTokens.targetTextfieldArrowMargin, _styledComponents.selectTokens.targetHeight, _styledComponents.selectTokens.targetButtonPadding, _styledComponents.selectTokens.targetTextfieldPadding, _styledComponents.selectTokens.targetTextfieldChipPadding, _styledComponents.selectTokens.labelOffset, _styledComponents.selectTokens.innerLabelGap, _styledComponents.selectTokens.helperTextOffset, _styledComponents.selectTokens.spinnerSize, _styledComponents.selectTokens.spinnerSizeTight),
19
- s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n ", ": 0.625rem;\n ", ": 0.125rem;\n\n ", ": 1.5rem;\n ", ": 0.5rem 0.75rem 0.5rem 0.675rem;\n ", ": 0.25rem 0.75rem 0.25rem 0.675rem;\n ", ": 0.5rem;\n ", ": 1.5rem;\n ", ": 1rem;\n ", ": 0 0.375rem 0 0;\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 1.25rem;\n ", ": 0.875rem;\n ", ": 0.375rem;\n ", ": 0.25rem;\n ", ": var(--text-accent);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n\n ", ": 0.375rem;\n\n ", ": 0.25rem;\n ", ": 0.25rem;\n ", ": 1.75rem;\n ", ": 0.5rem;\n ", ": 0.75rem;\n ", ": 0.375rem;\n ", ": 0rem;\n ", ": 0.75rem;\n\n ", ": 0 -0.125rem 0 0.25rem;\n ", ": 0 0 0 0.375rem;\n ", ": 2.5rem;\n ", ": 1rem 0 1rem;\n ", ": 0.75rem 0 0.875rem;\n ", ": 0.75rem 0 0.25rem;\n\n ", ": 0.5rem;\n\n ", ": 0;\n\n ", ": 0.25rem;\n\n ", ": 1.5rem;\n ", ": 1rem;\n "])), _styledComponents.selectTokens.padding, _styledComponents.selectTokens.borderRadius, _styledComponents.selectTokens.focusOffset, _styledComponents.selectTokens.itemHeight, _styledComponents.selectTokens.itemPadding, _styledComponents.selectTokens.itemPaddingTight, _styledComponents.selectTokens.itemBorderRadius, _styledComponents.selectTokens.itemIconSize, _styledComponents.selectTokens.itemIconSizeTight, _styledComponents.selectTokens.itemIconMargin, _styledComponents.selectTokens.fontFamily, _styledComponents.selectTokens.fontSize, _styledComponents.selectTokens.fontStyle, _styledComponents.selectTokens.fontWeight, _styledComponents.selectTokens.fontLetterSpacing, _styledComponents.selectTokens.fontLineHeight, _styledComponents.selectTokens.checkboxTriggerSize, _styledComponents.selectTokens.checkboxTriggerSizeTight, _styledComponents.selectTokens.checkboxTriggerBorderRadius, _styledComponents.selectTokens.checkboxTriggerBorderRadiusTight, _styledComponents.selectTokens.checkboxFillColor, _styledComponents.selectTokens.checkboxIconColor, _styledComponents.selectTokens.checkboxTriggerBorderColor, _styledComponents.selectTokens.indicatorSize, _styledComponents.selectTokens.chipGap, _styledComponents.selectTokens.chipBorderRadius, _styledComponents.selectTokens.chipHeight, _styledComponents.selectTokens.chipPaddingRight, _styledComponents.selectTokens.chipPaddingLeft, _styledComponents.selectTokens.chipClearContentMarginLeft, _styledComponents.selectTokens.chipClearContentMarginRight, _styledComponents.selectTokens.chipCloseIconSize, _styledComponents.selectTokens.targetButtonArrowMargin, _styledComponents.selectTokens.targetTextfieldArrowMargin, _styledComponents.selectTokens.targetHeight, _styledComponents.selectTokens.targetButtonPadding, _styledComponents.selectTokens.targetTextfieldPadding, _styledComponents.selectTokens.targetTextfieldChipPadding, _styledComponents.selectTokens.labelOffset, _styledComponents.selectTokens.innerLabelGap, _styledComponents.selectTokens.helperTextOffset, _styledComponents.selectTokens.spinnerSize, _styledComponents.selectTokens.spinnerSizeTight),
20
- m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n ", ": 0.75rem;\n ", ": 0.125rem;\n\n ", ": 1.5rem;\n ", ": 0.75rem 0.75rem 0.75rem 0.75rem;\n ", ": 0.5rem 0.75rem 0.5rem 0.75rem;\n ", ": 0.625rem;\n ", ": 0 0.375rem 0 0;\n ", ": 1.5rem;\n ", ": 1.5rem;\n\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 1.25rem;\n ", ": 1.25rem;\n ", ": 0.375rem;\n ", ": 0.375rem;\n ", ": var(--text-accent);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n\n ", ": 0.375rem;\n\n ", ": 0.25rem;\n ", ": 0.375rem;\n ", ": 2.25rem;\n ", ": 0.875rem;\n ", ": 0.625rem;\n ", ": 0.5rem;\n ", ": 0rem;\n ", ": 1rem;\n\n ", ": 0 -0.125rem 0 0.375rem;\n ", ": 0 0 0 0.625rem;\n ", ": 3rem;\n ", ": 1.25rem 0 1.25rem;\n ", ": 0.875rem 0 1rem;\n ", ": 0.875rem 0 0.25rem;\n\n ", ": 0.625rem;\n\n ", ": 0.125rem;\n\n ", ": 0.25rem;\n\n ", ": 1.5rem;\n ", ": 1.5rem;\n "])), _styledComponents.selectTokens.padding, _styledComponents.selectTokens.borderRadius, _styledComponents.selectTokens.focusOffset, _styledComponents.selectTokens.itemHeight, _styledComponents.selectTokens.itemPadding, _styledComponents.selectTokens.itemPaddingTight, _styledComponents.selectTokens.itemBorderRadius, _styledComponents.selectTokens.itemIconMargin, _styledComponents.selectTokens.itemIconSize, _styledComponents.selectTokens.itemIconSizeTight, _styledComponents.selectTokens.fontFamily, _styledComponents.selectTokens.fontSize, _styledComponents.selectTokens.fontStyle, _styledComponents.selectTokens.fontWeight, _styledComponents.selectTokens.fontLetterSpacing, _styledComponents.selectTokens.fontLineHeight, _styledComponents.selectTokens.checkboxTriggerSize, _styledComponents.selectTokens.checkboxTriggerSizeTight, _styledComponents.selectTokens.checkboxTriggerBorderRadius, _styledComponents.selectTokens.checkboxTriggerBorderRadiusTight, _styledComponents.selectTokens.checkboxFillColor, _styledComponents.selectTokens.checkboxIconColor, _styledComponents.selectTokens.checkboxTriggerBorderColor, _styledComponents.selectTokens.indicatorSize, _styledComponents.selectTokens.chipGap, _styledComponents.selectTokens.chipBorderRadius, _styledComponents.selectTokens.chipHeight, _styledComponents.selectTokens.chipPaddingRight, _styledComponents.selectTokens.chipPaddingLeft, _styledComponents.selectTokens.chipClearContentMarginLeft, _styledComponents.selectTokens.chipClearContentMarginRight, _styledComponents.selectTokens.chipCloseIconSize, _styledComponents.selectTokens.targetButtonArrowMargin, _styledComponents.selectTokens.targetTextfieldArrowMargin, _styledComponents.selectTokens.targetHeight, _styledComponents.selectTokens.targetButtonPadding, _styledComponents.selectTokens.targetTextfieldPadding, _styledComponents.selectTokens.targetTextfieldChipPadding, _styledComponents.selectTokens.labelOffset, _styledComponents.selectTokens.innerLabelGap, _styledComponents.selectTokens.helperTextOffset, _styledComponents.selectTokens.spinnerSize, _styledComponents.selectTokens.spinnerSizeTight),
21
- l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n ", ": 0.875rem;\n ", ": 0.125rem;\n\n ", ": 1.5rem;\n ", ": 1rem 1rem 1rem 0.875rem;\n ", ": 0.75rem 1rem 0.75rem 0.875rem;\n ", ": 0.75rem;\n ", ": 0 0.5rem 0 0;\n ", ": 1.5rem;\n ", ": 1.5rem;\n\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 1.25rem;\n ", ": 1.25rem;\n ", ": 0.375rem;\n ", ": 0.375rem;\n ", ": var(--text-accent);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n\n ", ": 0.375rem;\n\n ", ": 0.25rem;\n ", ": 0.5rem;\n ", ": 2.75rem;\n ", ": 0.75rem;\n ", ": 1rem;\n ", ": 0.625rem;\n ", ": 0rem;\n ", ": 1rem;\n\n ", ": 0 -0.125rem 0 0.5rem;\n ", ": 0 0 0 0.75rem;\n ", ": 3.5rem;\n ", ": 1.5rem 0 1.5rem;\n ", ": 1rem 0 1.125rem;\n ", ": 1rem 0 0.25rem;\n\n ", ": 0.75rem;\n\n ", ": 0.125rem;\n\n ", ": 0.25rem;\n\n ", ": 1.5rem;\n ", ": 1.5rem;\n "])), _styledComponents.selectTokens.padding, _styledComponents.selectTokens.borderRadius, _styledComponents.selectTokens.focusOffset, _styledComponents.selectTokens.itemHeight, _styledComponents.selectTokens.itemPadding, _styledComponents.selectTokens.itemPaddingTight, _styledComponents.selectTokens.itemBorderRadius, _styledComponents.selectTokens.itemIconMargin, _styledComponents.selectTokens.itemIconSize, _styledComponents.selectTokens.itemIconSizeTight, _styledComponents.selectTokens.fontFamily, _styledComponents.selectTokens.fontSize, _styledComponents.selectTokens.fontStyle, _styledComponents.selectTokens.fontWeight, _styledComponents.selectTokens.fontLetterSpacing, _styledComponents.selectTokens.fontLineHeight, _styledComponents.selectTokens.checkboxTriggerSize, _styledComponents.selectTokens.checkboxTriggerSizeTight, _styledComponents.selectTokens.checkboxTriggerBorderRadius, _styledComponents.selectTokens.checkboxTriggerBorderRadiusTight, _styledComponents.selectTokens.checkboxFillColor, _styledComponents.selectTokens.checkboxIconColor, _styledComponents.selectTokens.checkboxTriggerBorderColor, _styledComponents.selectTokens.indicatorSize, _styledComponents.selectTokens.chipGap, _styledComponents.selectTokens.chipBorderRadius, _styledComponents.selectTokens.chipHeight, _styledComponents.selectTokens.chipPaddingRight, _styledComponents.selectTokens.chipPaddingLeft, _styledComponents.selectTokens.chipClearContentMarginLeft, _styledComponents.selectTokens.chipClearContentMarginRight, _styledComponents.selectTokens.chipCloseIconSize, _styledComponents.selectTokens.targetButtonArrowMargin, _styledComponents.selectTokens.targetTextfieldArrowMargin, _styledComponents.selectTokens.targetHeight, _styledComponents.selectTokens.targetButtonPadding, _styledComponents.selectTokens.targetTextfieldPadding, _styledComponents.selectTokens.targetTextfieldChipPadding, _styledComponents.selectTokens.labelOffset, _styledComponents.selectTokens.innerLabelGap, _styledComponents.selectTokens.helperTextOffset, _styledComponents.selectTokens.spinnerSize, _styledComponents.selectTokens.spinnerSizeTight)
18
+ xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n ", ": 0.5rem;\n ", ": 0.125rem;\n\n ", ": 1rem;\n ", ": 0.5rem 0.5rem 0.5rem 0.375rem;\n ", ": 0.25rem 0.5rem 0.25rem 0.375rem;\n ", ": 0.375rem;\n ", ": 1rem;\n ", ": 1rem;\n ", ": 0 0.25rem 0 0;\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.875rem;\n ", ": 0.875rem;\n ", ": 0.25rem;\n ", ": 0.25rem;\n ", ": var(--text-accent);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n\n ", ": 0.375rem;\n\n ", ": 0.25rem;\n ", ": 0.125rem;\n ", ": 1.25rem;\n ", ": 0.375rem;\n ", ": 0.625rem;\n ", ": 0.25rem;\n ", ": 0rem;\n ", ": 0.75rem;\n\n ", ": 0 -0.125rem 0 0.25rem;\n ", ": 0 0 0 0.375rem;\n ", ": 2rem;\n ", ": 0.75rem 0 0.75rem;\n ", ": 0.5rem 0 0.625rem;\n ", ": 0.5rem 0 0.25rem;\n\n ", ": 0.375rem;\n\n ", ": 0;\n\n ", ": 0.25rem;\n\n ", ": 1rem;\n ", ": 1rem;\n\n ", ": 0.0625rem;\n ", ": 0.0625rem;\n "])), _styledComponents.selectTokens.padding, _styledComponents.selectTokens.borderRadius, _styledComponents.selectTokens.focusOffset, _styledComponents.selectTokens.itemHeight, _styledComponents.selectTokens.itemPadding, _styledComponents.selectTokens.itemPaddingTight, _styledComponents.selectTokens.itemBorderRadius, _styledComponents.selectTokens.itemIconSize, _styledComponents.selectTokens.itemIconSizeTight, _styledComponents.selectTokens.itemIconMargin, _styledComponents.selectTokens.fontFamily, _styledComponents.selectTokens.fontSize, _styledComponents.selectTokens.fontStyle, _styledComponents.selectTokens.fontWeight, _styledComponents.selectTokens.fontLetterSpacing, _styledComponents.selectTokens.fontLineHeight, _styledComponents.selectTokens.checkboxTriggerSize, _styledComponents.selectTokens.checkboxTriggerSizeTight, _styledComponents.selectTokens.checkboxTriggerBorderRadius, _styledComponents.selectTokens.checkboxTriggerBorderRadiusTight, _styledComponents.selectTokens.checkboxFillColor, _styledComponents.selectTokens.checkboxIconColor, _styledComponents.selectTokens.checkboxTriggerBorderColor, _styledComponents.selectTokens.indicatorSize, _styledComponents.selectTokens.chipGap, _styledComponents.selectTokens.chipBorderRadius, _styledComponents.selectTokens.chipHeight, _styledComponents.selectTokens.chipPaddingRight, _styledComponents.selectTokens.chipPaddingLeft, _styledComponents.selectTokens.chipClearContentMarginLeft, _styledComponents.selectTokens.chipClearContentMarginRight, _styledComponents.selectTokens.chipCloseIconSize, _styledComponents.selectTokens.targetButtonArrowMargin, _styledComponents.selectTokens.targetTextfieldArrowMargin, _styledComponents.selectTokens.targetHeight, _styledComponents.selectTokens.targetButtonPadding, _styledComponents.selectTokens.targetTextfieldPadding, _styledComponents.selectTokens.targetTextfieldChipPadding, _styledComponents.selectTokens.labelOffset, _styledComponents.selectTokens.innerLabelGap, _styledComponents.selectTokens.helperTextOffset, _styledComponents.selectTokens.spinnerSize, _styledComponents.selectTokens.spinnerSizeTight, _styledComponents.selectTokens.targetTextfieldBorderSize, _styledComponents.selectTokens.popoverBorderWidth),
19
+ s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n ", ": 0.625rem;\n ", ": 0.125rem;\n\n ", ": 1.5rem;\n ", ": 0.5rem 0.75rem 0.5rem 0.675rem;\n ", ": 0.25rem 0.75rem 0.25rem 0.675rem;\n ", ": 0.5rem;\n ", ": 1.5rem;\n ", ": 1rem;\n ", ": 0 0.375rem 0 0;\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 1.25rem;\n ", ": 0.875rem;\n ", ": 0.375rem;\n ", ": 0.25rem;\n ", ": var(--text-accent);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n\n ", ": 0.375rem;\n\n ", ": 0.25rem;\n ", ": 0.25rem;\n ", ": 1.75rem;\n ", ": 0.5rem;\n ", ": 0.75rem;\n ", ": 0.375rem;\n ", ": 0rem;\n ", ": 0.75rem;\n\n ", ": 0 -0.125rem 0 0.25rem;\n ", ": 0 0 0 0.375rem;\n ", ": 2.5rem;\n ", ": 1rem 0 1rem;\n ", ": 0.75rem 0 0.875rem;\n ", ": 0.75rem 0 0.25rem;\n\n ", ": 0.5rem;\n\n ", ": 0;\n\n ", ": 0.25rem;\n\n ", ": 1.5rem;\n ", ": 1rem;\n\n ", ": 0.0625rem;\n "])), _styledComponents.selectTokens.padding, _styledComponents.selectTokens.borderRadius, _styledComponents.selectTokens.focusOffset, _styledComponents.selectTokens.itemHeight, _styledComponents.selectTokens.itemPadding, _styledComponents.selectTokens.itemPaddingTight, _styledComponents.selectTokens.itemBorderRadius, _styledComponents.selectTokens.itemIconSize, _styledComponents.selectTokens.itemIconSizeTight, _styledComponents.selectTokens.itemIconMargin, _styledComponents.selectTokens.fontFamily, _styledComponents.selectTokens.fontSize, _styledComponents.selectTokens.fontStyle, _styledComponents.selectTokens.fontWeight, _styledComponents.selectTokens.fontLetterSpacing, _styledComponents.selectTokens.fontLineHeight, _styledComponents.selectTokens.checkboxTriggerSize, _styledComponents.selectTokens.checkboxTriggerSizeTight, _styledComponents.selectTokens.checkboxTriggerBorderRadius, _styledComponents.selectTokens.checkboxTriggerBorderRadiusTight, _styledComponents.selectTokens.checkboxFillColor, _styledComponents.selectTokens.checkboxIconColor, _styledComponents.selectTokens.checkboxTriggerBorderColor, _styledComponents.selectTokens.indicatorSize, _styledComponents.selectTokens.chipGap, _styledComponents.selectTokens.chipBorderRadius, _styledComponents.selectTokens.chipHeight, _styledComponents.selectTokens.chipPaddingRight, _styledComponents.selectTokens.chipPaddingLeft, _styledComponents.selectTokens.chipClearContentMarginLeft, _styledComponents.selectTokens.chipClearContentMarginRight, _styledComponents.selectTokens.chipCloseIconSize, _styledComponents.selectTokens.targetButtonArrowMargin, _styledComponents.selectTokens.targetTextfieldArrowMargin, _styledComponents.selectTokens.targetHeight, _styledComponents.selectTokens.targetButtonPadding, _styledComponents.selectTokens.targetTextfieldPadding, _styledComponents.selectTokens.targetTextfieldChipPadding, _styledComponents.selectTokens.labelOffset, _styledComponents.selectTokens.innerLabelGap, _styledComponents.selectTokens.helperTextOffset, _styledComponents.selectTokens.spinnerSize, _styledComponents.selectTokens.spinnerSizeTight, _styledComponents.selectTokens.targetTextfieldBorderSize),
20
+ m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n ", ": 0.75rem;\n ", ": 0.125rem;\n\n ", ": 1.5rem;\n ", ": 0.75rem 0.75rem 0.75rem 0.75rem;\n ", ": 0.5rem 0.75rem 0.5rem 0.75rem;\n ", ": 0.625rem;\n ", ": 0 0.375rem 0 0;\n ", ": 1.5rem;\n ", ": 1.5rem;\n\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 1.25rem;\n ", ": 1.25rem;\n ", ": 0.375rem;\n ", ": 0.375rem;\n ", ": var(--text-accent);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n\n ", ": 0.375rem;\n\n ", ": 0.25rem;\n ", ": 0.375rem;\n ", ": 2.25rem;\n ", ": 0.875rem;\n ", ": 0.625rem;\n ", ": 0.5rem;\n ", ": 0rem;\n ", ": 1rem;\n\n ", ": 0 -0.125rem 0 0.375rem;\n ", ": 0 0 0 0.625rem;\n ", ": 3rem;\n ", ": 1.25rem 0 1.25rem;\n ", ": 0.875rem 0 1rem;\n ", ": 0.875rem 0 0.25rem;\n\n ", ": 0.625rem;\n\n ", ": 0.125rem;\n\n ", ": 0.25rem;\n\n ", ": 1.5rem;\n ", ": 1.5rem;\n\n ", ": 0.0625rem;\n "])), _styledComponents.selectTokens.padding, _styledComponents.selectTokens.borderRadius, _styledComponents.selectTokens.focusOffset, _styledComponents.selectTokens.itemHeight, _styledComponents.selectTokens.itemPadding, _styledComponents.selectTokens.itemPaddingTight, _styledComponents.selectTokens.itemBorderRadius, _styledComponents.selectTokens.itemIconMargin, _styledComponents.selectTokens.itemIconSize, _styledComponents.selectTokens.itemIconSizeTight, _styledComponents.selectTokens.fontFamily, _styledComponents.selectTokens.fontSize, _styledComponents.selectTokens.fontStyle, _styledComponents.selectTokens.fontWeight, _styledComponents.selectTokens.fontLetterSpacing, _styledComponents.selectTokens.fontLineHeight, _styledComponents.selectTokens.checkboxTriggerSize, _styledComponents.selectTokens.checkboxTriggerSizeTight, _styledComponents.selectTokens.checkboxTriggerBorderRadius, _styledComponents.selectTokens.checkboxTriggerBorderRadiusTight, _styledComponents.selectTokens.checkboxFillColor, _styledComponents.selectTokens.checkboxIconColor, _styledComponents.selectTokens.checkboxTriggerBorderColor, _styledComponents.selectTokens.indicatorSize, _styledComponents.selectTokens.chipGap, _styledComponents.selectTokens.chipBorderRadius, _styledComponents.selectTokens.chipHeight, _styledComponents.selectTokens.chipPaddingRight, _styledComponents.selectTokens.chipPaddingLeft, _styledComponents.selectTokens.chipClearContentMarginLeft, _styledComponents.selectTokens.chipClearContentMarginRight, _styledComponents.selectTokens.chipCloseIconSize, _styledComponents.selectTokens.targetButtonArrowMargin, _styledComponents.selectTokens.targetTextfieldArrowMargin, _styledComponents.selectTokens.targetHeight, _styledComponents.selectTokens.targetButtonPadding, _styledComponents.selectTokens.targetTextfieldPadding, _styledComponents.selectTokens.targetTextfieldChipPadding, _styledComponents.selectTokens.labelOffset, _styledComponents.selectTokens.innerLabelGap, _styledComponents.selectTokens.helperTextOffset, _styledComponents.selectTokens.spinnerSize, _styledComponents.selectTokens.spinnerSizeTight, _styledComponents.selectTokens.targetTextfieldBorderSize),
21
+ l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n ", ": 0.875rem;\n ", ": 0.125rem;\n\n ", ": 1.5rem;\n ", ": 1rem 1rem 1rem 0.875rem;\n ", ": 0.75rem 1rem 0.75rem 0.875rem;\n ", ": 0.75rem;\n ", ": 0 0.5rem 0 0;\n ", ": 1.5rem;\n ", ": 1.5rem;\n\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 1.25rem;\n ", ": 1.25rem;\n ", ": 0.375rem;\n ", ": 0.375rem;\n ", ": var(--text-accent);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n\n ", ": 0.375rem;\n\n ", ": 0.25rem;\n ", ": 0.5rem;\n ", ": 2.75rem;\n ", ": 0.75rem;\n ", ": 1rem;\n ", ": 0.625rem;\n ", ": 0rem;\n ", ": 1rem;\n\n ", ": 0 -0.125rem 0 0.5rem;\n ", ": 0 0 0 0.75rem;\n ", ": 3.5rem;\n ", ": 1.5rem 0 1.5rem;\n ", ": 1rem 0 1.125rem;\n ", ": 1rem 0 0.25rem;\n\n ", ": 0.75rem;\n\n ", ": 0.125rem;\n\n ", ": 0.25rem;\n\n ", ": 1.5rem;\n ", ": 1.5rem;\n\n ", ": 0.0625rem;\n "])), _styledComponents.selectTokens.padding, _styledComponents.selectTokens.borderRadius, _styledComponents.selectTokens.focusOffset, _styledComponents.selectTokens.itemHeight, _styledComponents.selectTokens.itemPadding, _styledComponents.selectTokens.itemPaddingTight, _styledComponents.selectTokens.itemBorderRadius, _styledComponents.selectTokens.itemIconMargin, _styledComponents.selectTokens.itemIconSize, _styledComponents.selectTokens.itemIconSizeTight, _styledComponents.selectTokens.fontFamily, _styledComponents.selectTokens.fontSize, _styledComponents.selectTokens.fontStyle, _styledComponents.selectTokens.fontWeight, _styledComponents.selectTokens.fontLetterSpacing, _styledComponents.selectTokens.fontLineHeight, _styledComponents.selectTokens.checkboxTriggerSize, _styledComponents.selectTokens.checkboxTriggerSizeTight, _styledComponents.selectTokens.checkboxTriggerBorderRadius, _styledComponents.selectTokens.checkboxTriggerBorderRadiusTight, _styledComponents.selectTokens.checkboxFillColor, _styledComponents.selectTokens.checkboxIconColor, _styledComponents.selectTokens.checkboxTriggerBorderColor, _styledComponents.selectTokens.indicatorSize, _styledComponents.selectTokens.chipGap, _styledComponents.selectTokens.chipBorderRadius, _styledComponents.selectTokens.chipHeight, _styledComponents.selectTokens.chipPaddingRight, _styledComponents.selectTokens.chipPaddingLeft, _styledComponents.selectTokens.chipClearContentMarginLeft, _styledComponents.selectTokens.chipClearContentMarginRight, _styledComponents.selectTokens.chipCloseIconSize, _styledComponents.selectTokens.targetButtonArrowMargin, _styledComponents.selectTokens.targetTextfieldArrowMargin, _styledComponents.selectTokens.targetHeight, _styledComponents.selectTokens.targetButtonPadding, _styledComponents.selectTokens.targetTextfieldPadding, _styledComponents.selectTokens.targetTextfieldChipPadding, _styledComponents.selectTokens.labelOffset, _styledComponents.selectTokens.innerLabelGap, _styledComponents.selectTokens.helperTextOffset, _styledComponents.selectTokens.spinnerSize, _styledComponents.selectTokens.spinnerSizeTight, _styledComponents.selectTokens.targetTextfieldBorderSize)
22
22
  },
23
23
  view: {
24
- "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": var(--inverse-text-primary);\n ", ": var(--inverse-text-primary-hover);\n ", ": var(--inverse-text-primary-active);\n ", ": var(--inverse-text-secondary);\n ", ": var(--inverse-text-secondary-hover);\n ", ": var(--inverse-text-secondary-hover);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary-hover);\n ", ": var(--surface-solid-default);\n ", ": var(--surface-solid-default-hover);\n ", ": var(--surface-solid-default-hover);\n ", ": var(--surface-clear);\n ", ": var(--surface-clear);\n ", ": var(--surface-transparent-tertiary);\n "])), _styledComponents.selectTokens.helperTextColor, _styledComponents.selectTokens.targetButtonColor, _styledComponents.selectTokens.targetButtonColorHover, _styledComponents.selectTokens.targetButtonColorActive, _styledComponents.selectTokens.targetButtonArrowColor, _styledComponents.selectTokens.targetButtonArrowColorHover, _styledComponents.selectTokens.targetButtonArrowColorActive, _styledComponents.selectTokens.targetTextfieldArrowColor, _styledComponents.selectTokens.targetTextfieldArrowColorHover, _styledComponents.selectTokens.targetTextfieldArrowColorActive, _styledComponents.selectTokens.targetButtonBackgroundColor, _styledComponents.selectTokens.targetButtonBackgroundColorHover, _styledComponents.selectTokens.targetButtonBackgroundColorActive, _styledComponents.selectTokens.targetTextfieldBackgroundColor, _styledComponents.selectTokens.targetTextfieldBackgroundColorOpened, _styledComponents.selectTokens.targetTextfieldBorderColor),
25
- positive: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-positive);\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-primary-hover);\n ", ": var(--on-dark-text-primary-active);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--on-dark-text-secondary-hover);\n ", ": var(--on-dark-text-secondary-hover);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary-hover);\n ", ":var(--surface-positive);\n ", ":var(--surface-positive-hover);\n ", ":var(--surface-positive-active);\n ", ": var(--surface-clear);\n ", ": var(--surface-clear);\n ", ": var(--surface-positive);\n "])), _styledComponents.selectTokens.helperTextColor, _styledComponents.selectTokens.targetButtonColor, _styledComponents.selectTokens.targetButtonColorHover, _styledComponents.selectTokens.targetButtonColorActive, _styledComponents.selectTokens.targetButtonArrowColor, _styledComponents.selectTokens.targetButtonArrowColorHover, _styledComponents.selectTokens.targetButtonArrowColorActive, _styledComponents.selectTokens.targetTextfieldArrowColor, _styledComponents.selectTokens.targetTextfieldArrowColorHover, _styledComponents.selectTokens.targetTextfieldArrowColorActive, _styledComponents.selectTokens.targetButtonBackgroundColor, _styledComponents.selectTokens.targetButtonBackgroundColorHover, _styledComponents.selectTokens.targetButtonBackgroundColorActive, _styledComponents.selectTokens.targetTextfieldBackgroundColor, _styledComponents.selectTokens.targetTextfieldBackgroundColorOpened, _styledComponents.selectTokens.targetTextfieldBorderColor),
26
- warning: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-warning);\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-primary-hover);\n ", ": var(--on-dark-text-primary-active);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--on-dark-text-secondary-hover);\n ", ": var(--on-dark-text-secondary-hover);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary-hover);\n ", ":var(--surface-warning);\n ", ":var(--surface-warning-hover);\n ", ":var(--surface-warning-active);\n ", ": var(--surface-clear);\n ", ": var(--surface-clear);\n ", ": var(--surface-warning);\n "])), _styledComponents.selectTokens.helperTextColor, _styledComponents.selectTokens.targetButtonColor, _styledComponents.selectTokens.targetButtonColorHover, _styledComponents.selectTokens.targetButtonColorActive, _styledComponents.selectTokens.targetButtonArrowColor, _styledComponents.selectTokens.targetButtonArrowColorHover, _styledComponents.selectTokens.targetButtonArrowColorActive, _styledComponents.selectTokens.targetTextfieldArrowColor, _styledComponents.selectTokens.targetTextfieldArrowColorHover, _styledComponents.selectTokens.targetTextfieldArrowColorActive, _styledComponents.selectTokens.targetButtonBackgroundColor, _styledComponents.selectTokens.targetButtonBackgroundColorHover, _styledComponents.selectTokens.targetButtonBackgroundColorActive, _styledComponents.selectTokens.targetTextfieldBackgroundColor, _styledComponents.selectTokens.targetTextfieldBackgroundColorOpened, _styledComponents.selectTokens.targetTextfieldBorderColor),
27
- negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-negative);\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-primary-hover);\n ", ": var(--on-dark-text-primary-active);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--on-dark-text-secondary-hover);\n ", ": var(--on-dark-text-secondary-hover);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary-hover);\n ", ":var(--surface-negative);\n ", ": var(--surface-negative-hover);\n ", ":var(--surface-negative-active);\n ", ": var(--surface-clear);\n ", ": var(--surface-clear);\n ", ": var(--surface-negative);\n "])), _styledComponents.selectTokens.helperTextColor, _styledComponents.selectTokens.targetButtonColor, _styledComponents.selectTokens.targetButtonColorHover, _styledComponents.selectTokens.targetButtonColorActive, _styledComponents.selectTokens.targetButtonArrowColor, _styledComponents.selectTokens.targetButtonArrowColorHover, _styledComponents.selectTokens.targetButtonArrowColorActive, _styledComponents.selectTokens.targetTextfieldArrowColor, _styledComponents.selectTokens.targetTextfieldArrowColorHover, _styledComponents.selectTokens.targetTextfieldArrowColorActive, _styledComponents.selectTokens.targetButtonBackgroundColor, _styledComponents.selectTokens.targetButtonBackgroundColorHover, _styledComponents.selectTokens.targetButtonBackgroundColorActive, _styledComponents.selectTokens.targetTextfieldBackgroundColor, _styledComponents.selectTokens.targetTextfieldBackgroundColorOpened, _styledComponents.selectTokens.targetTextfieldBorderColor),
24
+ "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": var(--inverse-text-primary);\n ", ": var(--inverse-text-primary-hover);\n ", ": var(--inverse-text-primary-active);\n ", ": var(--inverse-text-secondary);\n ", ": var(--inverse-text-secondary-hover);\n ", ": var(--inverse-text-secondary-hover);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary-hover);\n ", ": var(--surface-solid-default);\n ", ": var(--surface-solid-default-hover);\n ", ": var(--surface-solid-default-hover);\n ", ": var(--surface-clear);\n ", ": var(--surface-clear);\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--surface-transparent-tertiary);\n "])), _styledComponents.selectTokens.helperTextColor, _styledComponents.selectTokens.targetButtonColor, _styledComponents.selectTokens.targetButtonColorHover, _styledComponents.selectTokens.targetButtonColorActive, _styledComponents.selectTokens.targetButtonArrowColor, _styledComponents.selectTokens.targetButtonArrowColorHover, _styledComponents.selectTokens.targetButtonArrowColorActive, _styledComponents.selectTokens.targetTextfieldArrowColor, _styledComponents.selectTokens.targetTextfieldArrowColorHover, _styledComponents.selectTokens.targetTextfieldArrowColorActive, _styledComponents.selectTokens.targetButtonBackgroundColor, _styledComponents.selectTokens.targetButtonBackgroundColorHover, _styledComponents.selectTokens.targetButtonBackgroundColorActive, _styledComponents.selectTokens.targetTextfieldBackgroundColor, _styledComponents.selectTokens.targetTextfieldBackgroundColorOpened, _styledComponents.selectTokens.targetTextfieldBorderColor, _styledComponents.selectTokens.targetTextfieldBorderOpenedColor, _styledComponents.selectTokens.targetTextfieldBorderColorHover),
25
+ positive: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-positive);\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-primary-hover);\n ", ": var(--on-dark-text-primary-active);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--on-dark-text-secondary-hover);\n ", ": var(--on-dark-text-secondary-hover);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary-hover);\n ", ":var(--surface-positive);\n ", ":var(--surface-positive-hover);\n ", ":var(--surface-positive-active);\n ", ": var(--surface-clear);\n ", ": var(--surface-clear);\n ", ": var(--surface-positive);\n ", ": var(--surface-positive);\n ", ": var(--surface-positive);\n "])), _styledComponents.selectTokens.helperTextColor, _styledComponents.selectTokens.targetButtonColor, _styledComponents.selectTokens.targetButtonColorHover, _styledComponents.selectTokens.targetButtonColorActive, _styledComponents.selectTokens.targetButtonArrowColor, _styledComponents.selectTokens.targetButtonArrowColorHover, _styledComponents.selectTokens.targetButtonArrowColorActive, _styledComponents.selectTokens.targetTextfieldArrowColor, _styledComponents.selectTokens.targetTextfieldArrowColorHover, _styledComponents.selectTokens.targetTextfieldArrowColorActive, _styledComponents.selectTokens.targetButtonBackgroundColor, _styledComponents.selectTokens.targetButtonBackgroundColorHover, _styledComponents.selectTokens.targetButtonBackgroundColorActive, _styledComponents.selectTokens.targetTextfieldBackgroundColor, _styledComponents.selectTokens.targetTextfieldBackgroundColorOpened, _styledComponents.selectTokens.targetTextfieldBorderColor, _styledComponents.selectTokens.targetTextfieldBorderOpenedColor, _styledComponents.selectTokens.targetTextfieldBorderColorHover),
26
+ warning: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-warning);\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-primary-hover);\n ", ": var(--on-dark-text-primary-active);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--on-dark-text-secondary-hover);\n ", ": var(--on-dark-text-secondary-hover);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary-hover);\n ", ":var(--surface-warning);\n ", ":var(--surface-warning-hover);\n ", ":var(--surface-warning-active);\n ", ": var(--surface-clear);\n ", ": var(--surface-clear);\n ", ": var(--surface-warning);\n ", ": var(--surface-warning);\n ", ": var(--surface-warning);\n "])), _styledComponents.selectTokens.helperTextColor, _styledComponents.selectTokens.targetButtonColor, _styledComponents.selectTokens.targetButtonColorHover, _styledComponents.selectTokens.targetButtonColorActive, _styledComponents.selectTokens.targetButtonArrowColor, _styledComponents.selectTokens.targetButtonArrowColorHover, _styledComponents.selectTokens.targetButtonArrowColorActive, _styledComponents.selectTokens.targetTextfieldArrowColor, _styledComponents.selectTokens.targetTextfieldArrowColorHover, _styledComponents.selectTokens.targetTextfieldArrowColorActive, _styledComponents.selectTokens.targetButtonBackgroundColor, _styledComponents.selectTokens.targetButtonBackgroundColorHover, _styledComponents.selectTokens.targetButtonBackgroundColorActive, _styledComponents.selectTokens.targetTextfieldBackgroundColor, _styledComponents.selectTokens.targetTextfieldBackgroundColorOpened, _styledComponents.selectTokens.targetTextfieldBorderColor, _styledComponents.selectTokens.targetTextfieldBorderOpenedColor, _styledComponents.selectTokens.targetTextfieldBorderColorHover),
27
+ negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-negative);\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-primary-hover);\n ", ": var(--on-dark-text-primary-active);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--on-dark-text-secondary-hover);\n ", ": var(--on-dark-text-secondary-hover);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary-hover);\n ", ":var(--surface-negative);\n ", ": var(--surface-negative-hover);\n ", ":var(--surface-negative-active);\n ", ": var(--surface-clear);\n ", ": var(--surface-clear);\n ", ": var(--surface-negative);\n ", ": var(--surface-negative);\n ", ": var(--surface-negative);\n "])), _styledComponents.selectTokens.helperTextColor, _styledComponents.selectTokens.targetButtonColor, _styledComponents.selectTokens.targetButtonColorHover, _styledComponents.selectTokens.targetButtonColorActive, _styledComponents.selectTokens.targetButtonArrowColor, _styledComponents.selectTokens.targetButtonArrowColorHover, _styledComponents.selectTokens.targetButtonArrowColorActive, _styledComponents.selectTokens.targetTextfieldArrowColor, _styledComponents.selectTokens.targetTextfieldArrowColorHover, _styledComponents.selectTokens.targetTextfieldArrowColorActive, _styledComponents.selectTokens.targetButtonBackgroundColor, _styledComponents.selectTokens.targetButtonBackgroundColorHover, _styledComponents.selectTokens.targetButtonBackgroundColorActive, _styledComponents.selectTokens.targetTextfieldBackgroundColor, _styledComponents.selectTokens.targetTextfieldBackgroundColorOpened, _styledComponents.selectTokens.targetTextfieldBorderColor, _styledComponents.selectTokens.targetTextfieldBorderOpenedColor, _styledComponents.selectTokens.targetTextfieldBorderColorHover),
28
28
  accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-primary-hover);\n ", ": var(--on-dark-text-primary-active);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--on-dark-text-secondary-hover);\n ", ": var(--on-dark-text-secondary-hover);\n ", ": var(--surface-accent);\n ", ": var(--surface-accent-hover);\n ", ": var(--surface-accent-active);\n "])), _styledComponents.selectTokens.targetButtonColor, _styledComponents.selectTokens.targetButtonColorHover, _styledComponents.selectTokens.targetButtonColorActive, _styledComponents.selectTokens.targetButtonArrowColor, _styledComponents.selectTokens.targetButtonArrowColorHover, _styledComponents.selectTokens.targetButtonArrowColorActive, _styledComponents.selectTokens.targetButtonBackgroundColor, _styledComponents.selectTokens.targetButtonBackgroundColorHover, _styledComponents.selectTokens.targetButtonBackgroundColorActive),
29
29
  secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-primary-hover);\n ", ": var(--text-primary-active);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary-hover);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--surface-transparent-secondary-active);\n "])), _styledComponents.selectTokens.targetButtonColor, _styledComponents.selectTokens.targetButtonColorHover, _styledComponents.selectTokens.targetButtonColorActive, _styledComponents.selectTokens.targetButtonArrowColor, _styledComponents.selectTokens.targetButtonArrowColorHover, _styledComponents.selectTokens.targetButtonArrowColorActive, _styledComponents.selectTokens.targetButtonBackgroundColor, _styledComponents.selectTokens.targetButtonBackgroundColorHover, _styledComponents.selectTokens.targetButtonBackgroundColorActive),
30
30
  clear: /*#__PURE__*/(0, _styledComponents.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-primary-hover);\n ", ": var(--text-primary-active);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary-active);\n ", ": var(--surface-clear);\n ", ": var(--surface-clear);\n ", ": var(--surface-clear);\n "])), _styledComponents.selectTokens.targetButtonColor, _styledComponents.selectTokens.targetButtonColorHover, _styledComponents.selectTokens.targetButtonColorActive, _styledComponents.selectTokens.targetButtonArrowColor, _styledComponents.selectTokens.targetButtonArrowColorHover, _styledComponents.selectTokens.targetButtonArrowColorActive, _styledComponents.selectTokens.targetButtonBackgroundColor, _styledComponents.selectTokens.targetButtonBackgroundColorHover, _styledComponents.selectTokens.targetButtonBackgroundColorActive),
@@ -1,4 +1,4 @@
1
- import './Select.config_63kke9.css';
1
+ import './Select.config_u1tjpc.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -1 +1 @@
1
- {"version":3,"file":"Select.config.js","sources":["../../../../src-css/components/Select/Select.config.ts"],"sourcesContent":["import { css, selectTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n chipView: 'default',\n size: 'm',\n },\n variations: {\n size: {\n xs: css`\n ${selectTokens.padding}: 0.125rem;\n ${selectTokens.borderRadius}: 0.5rem;\n ${selectTokens.focusOffset}: 0.125rem;\n\n ${selectTokens.itemHeight}: 1rem;\n ${selectTokens.itemPadding}: 0.5rem 0.5rem 0.5rem 0.375rem;\n ${selectTokens.itemPaddingTight}: 0.25rem 0.5rem 0.25rem 0.375rem;\n ${selectTokens.itemBorderRadius}: 0.375rem;\n ${selectTokens.itemIconSize}: 1rem;\n ${selectTokens.itemIconSizeTight}: 1rem;\n ${selectTokens.itemIconMargin}: 0 0.25rem 0 0;\n\n ${selectTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n ${selectTokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n ${selectTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n ${selectTokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${selectTokens.fontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${selectTokens.fontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${selectTokens.checkboxTriggerSize}: 0.875rem;\n ${selectTokens.checkboxTriggerSizeTight}: 0.875rem;\n ${selectTokens.checkboxTriggerBorderRadius}: 0.25rem;\n ${selectTokens.checkboxTriggerBorderRadiusTight}: 0.25rem;\n ${selectTokens.checkboxFillColor}: var(--text-accent);\n ${selectTokens.checkboxIconColor}: var(--on-dark-text-primary);\n ${selectTokens.checkboxTriggerBorderColor}: var(--text-secondary);\n\n ${selectTokens.indicatorSize}: 0.375rem;\n\n ${selectTokens.chipGap}: 0.25rem;\n ${selectTokens.chipBorderRadius}: 0.125rem;\n ${selectTokens.chipHeight}: 1.25rem;\n ${selectTokens.chipPaddingRight}: 0.375rem;\n ${selectTokens.chipPaddingLeft}: 0.625rem;\n ${selectTokens.chipClearContentMarginLeft}: 0.25rem;\n ${selectTokens.chipClearContentMarginRight}: 0rem;\n ${selectTokens.chipCloseIconSize}: 0.75rem;\n\n ${selectTokens.targetButtonArrowMargin}: 0 -0.125rem 0 0.25rem;\n ${selectTokens.targetTextfieldArrowMargin}: 0 0 0 0.375rem;\n ${selectTokens.targetHeight}: 2rem;\n ${selectTokens.targetButtonPadding}: 0.75rem 0 0.75rem;\n ${selectTokens.targetTextfieldPadding}: 0.5rem 0 0.625rem;\n ${selectTokens.targetTextfieldChipPadding}: 0.5rem 0 0.25rem;\n\n ${selectTokens.labelOffset}: 0.375rem;\n\n ${selectTokens.innerLabelGap}: 0;\n\n ${selectTokens.helperTextOffset}: 0.25rem;\n\n ${selectTokens.spinnerSize}: 1rem;\n ${selectTokens.spinnerSizeTight}: 1rem;\n `,\n s: css`\n ${selectTokens.padding}: 0.125rem;\n ${selectTokens.borderRadius}: 0.625rem;\n ${selectTokens.focusOffset}: 0.125rem;\n\n ${selectTokens.itemHeight}: 1.5rem;\n ${selectTokens.itemPadding}: 0.5rem 0.75rem 0.5rem 0.675rem;\n ${selectTokens.itemPaddingTight}: 0.25rem 0.75rem 0.25rem 0.675rem;\n ${selectTokens.itemBorderRadius}: 0.5rem;\n ${selectTokens.itemIconSize}: 1.5rem;\n ${selectTokens.itemIconSizeTight}: 1rem;\n ${selectTokens.itemIconMargin}: 0 0.375rem 0 0;\n\n ${selectTokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n ${selectTokens.fontSize}: var(--plasma-typo-body-s-font-size);\n ${selectTokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n ${selectTokens.fontWeight}: var(--plasma-typo-body-s-font-weight);\n ${selectTokens.fontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${selectTokens.fontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${selectTokens.checkboxTriggerSize}: 1.25rem;\n ${selectTokens.checkboxTriggerSizeTight}: 0.875rem;\n ${selectTokens.checkboxTriggerBorderRadius}: 0.375rem;\n ${selectTokens.checkboxTriggerBorderRadiusTight}: 0.25rem;\n ${selectTokens.checkboxFillColor}: var(--text-accent);\n ${selectTokens.checkboxIconColor}: var(--on-dark-text-primary);\n ${selectTokens.checkboxTriggerBorderColor}: var(--text-secondary);\n\n ${selectTokens.indicatorSize}: 0.375rem;\n\n ${selectTokens.chipGap}: 0.25rem;\n ${selectTokens.chipBorderRadius}: 0.25rem;\n ${selectTokens.chipHeight}: 1.75rem;\n ${selectTokens.chipPaddingRight}: 0.5rem;\n ${selectTokens.chipPaddingLeft}: 0.75rem;\n ${selectTokens.chipClearContentMarginLeft}: 0.375rem;\n ${selectTokens.chipClearContentMarginRight}: 0rem;\n ${selectTokens.chipCloseIconSize}: 0.75rem;\n\n ${selectTokens.targetButtonArrowMargin}: 0 -0.125rem 0 0.25rem;\n ${selectTokens.targetTextfieldArrowMargin}: 0 0 0 0.375rem;\n ${selectTokens.targetHeight}: 2.5rem;\n ${selectTokens.targetButtonPadding}: 1rem 0 1rem;\n ${selectTokens.targetTextfieldPadding}: 0.75rem 0 0.875rem;\n ${selectTokens.targetTextfieldChipPadding}: 0.75rem 0 0.25rem;\n\n ${selectTokens.labelOffset}: 0.5rem;\n\n ${selectTokens.innerLabelGap}: 0;\n\n ${selectTokens.helperTextOffset}: 0.25rem;\n\n ${selectTokens.spinnerSize}: 1.5rem;\n ${selectTokens.spinnerSizeTight}: 1rem;\n `,\n m: css`\n ${selectTokens.padding}: 0.125rem;\n ${selectTokens.borderRadius}: 0.75rem;\n ${selectTokens.focusOffset}: 0.125rem;\n\n ${selectTokens.itemHeight}: 1.5rem;\n ${selectTokens.itemPadding}: 0.75rem 0.75rem 0.75rem 0.75rem;\n ${selectTokens.itemPaddingTight}: 0.5rem 0.75rem 0.5rem 0.75rem;\n ${selectTokens.itemBorderRadius}: 0.625rem;\n ${selectTokens.itemIconMargin}: 0 0.375rem 0 0;\n ${selectTokens.itemIconSize}: 1.5rem;\n ${selectTokens.itemIconSizeTight}: 1.5rem;\n\n ${selectTokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n ${selectTokens.fontSize}: var(--plasma-typo-body-m-font-size);\n ${selectTokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n ${selectTokens.fontWeight}: var(--plasma-typo-body-m-font-weight);\n ${selectTokens.fontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${selectTokens.fontLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${selectTokens.checkboxTriggerSize}: 1.25rem;\n ${selectTokens.checkboxTriggerSizeTight}: 1.25rem;\n ${selectTokens.checkboxTriggerBorderRadius}: 0.375rem;\n ${selectTokens.checkboxTriggerBorderRadiusTight}: 0.375rem;\n ${selectTokens.checkboxFillColor}: var(--text-accent);\n ${selectTokens.checkboxIconColor}: var(--on-dark-text-primary);\n ${selectTokens.checkboxTriggerBorderColor}: var(--text-secondary);\n\n ${selectTokens.indicatorSize}: 0.375rem;\n\n ${selectTokens.chipGap}: 0.25rem;\n ${selectTokens.chipBorderRadius}: 0.375rem;\n ${selectTokens.chipHeight}: 2.25rem;\n ${selectTokens.chipPaddingRight}: 0.875rem;\n ${selectTokens.chipPaddingLeft}: 0.625rem;\n ${selectTokens.chipClearContentMarginLeft}: 0.5rem;\n ${selectTokens.chipClearContentMarginRight}: 0rem;\n ${selectTokens.chipCloseIconSize}: 1rem;\n\n ${selectTokens.targetButtonArrowMargin}: 0 -0.125rem 0 0.375rem;\n ${selectTokens.targetTextfieldArrowMargin}: 0 0 0 0.625rem;\n ${selectTokens.targetHeight}: 3rem;\n ${selectTokens.targetButtonPadding}: 1.25rem 0 1.25rem;\n ${selectTokens.targetTextfieldPadding}: 0.875rem 0 1rem;\n ${selectTokens.targetTextfieldChipPadding}: 0.875rem 0 0.25rem;\n\n ${selectTokens.labelOffset}: 0.625rem;\n\n ${selectTokens.innerLabelGap}: 0.125rem;\n\n ${selectTokens.helperTextOffset}: 0.25rem;\n\n ${selectTokens.spinnerSize}: 1.5rem;\n ${selectTokens.spinnerSizeTight}: 1.5rem;\n `,\n l: css`\n ${selectTokens.padding}: 0.125rem;\n ${selectTokens.borderRadius}: 0.875rem;\n ${selectTokens.focusOffset}: 0.125rem;\n\n ${selectTokens.itemHeight}: 1.5rem;\n ${selectTokens.itemPadding}: 1rem 1rem 1rem 0.875rem;\n ${selectTokens.itemPaddingTight}: 0.75rem 1rem 0.75rem 0.875rem;\n ${selectTokens.itemBorderRadius}: 0.75rem;\n ${selectTokens.itemIconMargin}: 0 0.5rem 0 0;\n ${selectTokens.itemIconSize}: 1.5rem;\n ${selectTokens.itemIconSizeTight}: 1.5rem;\n\n ${selectTokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n ${selectTokens.fontSize}: var(--plasma-typo-body-l-font-size);\n ${selectTokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n ${selectTokens.fontWeight}: var(--plasma-typo-body-l-font-weight);\n ${selectTokens.fontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${selectTokens.fontLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${selectTokens.checkboxTriggerSize}: 1.25rem;\n ${selectTokens.checkboxTriggerSizeTight}: 1.25rem;\n ${selectTokens.checkboxTriggerBorderRadius}: 0.375rem;\n ${selectTokens.checkboxTriggerBorderRadiusTight}: 0.375rem;\n ${selectTokens.checkboxFillColor}: var(--text-accent);\n ${selectTokens.checkboxIconColor}: var(--on-dark-text-primary);\n ${selectTokens.checkboxTriggerBorderColor}: var(--text-secondary);\n\n ${selectTokens.indicatorSize}: 0.375rem;\n\n ${selectTokens.chipGap}: 0.25rem;\n ${selectTokens.chipBorderRadius}: 0.5rem;\n ${selectTokens.chipHeight}: 2.75rem;\n ${selectTokens.chipPaddingRight}: 0.75rem;\n ${selectTokens.chipPaddingLeft}: 1rem;\n ${selectTokens.chipClearContentMarginLeft}: 0.625rem;\n ${selectTokens.chipClearContentMarginRight}: 0rem;\n ${selectTokens.chipCloseIconSize}: 1rem;\n\n ${selectTokens.targetButtonArrowMargin}: 0 -0.125rem 0 0.5rem;\n ${selectTokens.targetTextfieldArrowMargin}: 0 0 0 0.75rem;\n ${selectTokens.targetHeight}: 3.5rem;\n ${selectTokens.targetButtonPadding}: 1.5rem 0 1.5rem;\n ${selectTokens.targetTextfieldPadding}: 1rem 0 1.125rem;\n ${selectTokens.targetTextfieldChipPadding}: 1rem 0 0.25rem;\n\n ${selectTokens.labelOffset}: 0.75rem;\n\n ${selectTokens.innerLabelGap}: 0.125rem;\n\n ${selectTokens.helperTextOffset}: 0.25rem;\n\n ${selectTokens.spinnerSize}: 1.5rem;\n ${selectTokens.spinnerSizeTight}: 1.5rem;\n `,\n },\n view: {\n default: css`\n ${selectTokens.helperTextColor}: var(--text-secondary);\n ${selectTokens.targetButtonColor}: var(--inverse-text-primary);\n ${selectTokens.targetButtonColorHover}: var(--inverse-text-primary-hover);\n ${selectTokens.targetButtonColorActive}: var(--inverse-text-primary-active);\n ${selectTokens.targetButtonArrowColor}: var(--inverse-text-secondary);\n ${selectTokens.targetButtonArrowColorHover}: var(--inverse-text-secondary-hover);\n ${selectTokens.targetButtonArrowColorActive}: var(--inverse-text-secondary-hover);\n ${selectTokens.targetTextfieldArrowColor}: var(--text-secondary);\n ${selectTokens.targetTextfieldArrowColorHover}: var(--text-secondary-hover);\n ${selectTokens.targetTextfieldArrowColorActive}: var(--text-secondary-hover);\n ${selectTokens.targetButtonBackgroundColor}: var(--surface-solid-default);\n ${selectTokens.targetButtonBackgroundColorHover}: var(--surface-solid-default-hover);\n ${selectTokens.targetButtonBackgroundColorActive}: var(--surface-solid-default-hover);\n ${selectTokens.targetTextfieldBackgroundColor}: var(--surface-clear);\n ${selectTokens.targetTextfieldBackgroundColorOpened}: var(--surface-clear);\n ${selectTokens.targetTextfieldBorderColor}: var(--surface-transparent-tertiary);\n `,\n positive: css`\n ${selectTokens.helperTextColor}: var(--text-positive);\n ${selectTokens.targetButtonColor}: var(--on-dark-text-primary);\n ${selectTokens.targetButtonColorHover}: var(--on-dark-text-primary-hover);\n ${selectTokens.targetButtonColorActive}: var(--on-dark-text-primary-active);\n ${selectTokens.targetButtonArrowColor}: var(--on-dark-text-secondary);\n ${selectTokens.targetButtonArrowColorHover}: var(--on-dark-text-secondary-hover);\n ${selectTokens.targetButtonArrowColorActive}: var(--on-dark-text-secondary-hover);\n ${selectTokens.targetTextfieldArrowColor}: var(--text-secondary);\n ${selectTokens.targetTextfieldArrowColorHover}: var(--text-secondary-hover);\n ${selectTokens.targetTextfieldArrowColorActive}: var(--text-secondary-hover);\n ${selectTokens.targetButtonBackgroundColor}:var(--surface-positive);\n ${selectTokens.targetButtonBackgroundColorHover}:var(--surface-positive-hover);\n ${selectTokens.targetButtonBackgroundColorActive}:var(--surface-positive-active);\n ${selectTokens.targetTextfieldBackgroundColor}: var(--surface-clear);\n ${selectTokens.targetTextfieldBackgroundColorOpened}: var(--surface-clear);\n ${selectTokens.targetTextfieldBorderColor}: var(--surface-positive);\n `,\n warning: css`\n ${selectTokens.helperTextColor}: var(--text-warning);\n ${selectTokens.targetButtonColor}: var(--on-dark-text-primary);\n ${selectTokens.targetButtonColorHover}: var(--on-dark-text-primary-hover);\n ${selectTokens.targetButtonColorActive}: var(--on-dark-text-primary-active);\n ${selectTokens.targetButtonArrowColor}: var(--on-dark-text-secondary);\n ${selectTokens.targetButtonArrowColorHover}: var(--on-dark-text-secondary-hover);\n ${selectTokens.targetButtonArrowColorActive}: var(--on-dark-text-secondary-hover);\n ${selectTokens.targetTextfieldArrowColor}: var(--text-secondary);\n ${selectTokens.targetTextfieldArrowColorHover}: var(--text-secondary-hover);\n ${selectTokens.targetTextfieldArrowColorActive}: var(--text-secondary-hover);\n ${selectTokens.targetButtonBackgroundColor}:var(--surface-warning);\n ${selectTokens.targetButtonBackgroundColorHover}:var(--surface-warning-hover);\n ${selectTokens.targetButtonBackgroundColorActive}:var(--surface-warning-active);\n ${selectTokens.targetTextfieldBackgroundColor}: var(--surface-clear);\n ${selectTokens.targetTextfieldBackgroundColorOpened}: var(--surface-clear);\n ${selectTokens.targetTextfieldBorderColor}: var(--surface-warning);\n `,\n negative: css`\n ${selectTokens.helperTextColor}: var(--text-negative);\n ${selectTokens.targetButtonColor}: var(--on-dark-text-primary);\n ${selectTokens.targetButtonColorHover}: var(--on-dark-text-primary-hover);\n ${selectTokens.targetButtonColorActive}: var(--on-dark-text-primary-active);\n ${selectTokens.targetButtonArrowColor}: var(--on-dark-text-secondary);\n ${selectTokens.targetButtonArrowColorHover}: var(--on-dark-text-secondary-hover);\n ${selectTokens.targetButtonArrowColorActive}: var(--on-dark-text-secondary-hover);\n ${selectTokens.targetTextfieldArrowColor}: var(--text-secondary);\n ${selectTokens.targetTextfieldArrowColorHover}: var(--text-secondary-hover);\n ${selectTokens.targetTextfieldArrowColorActive}: var(--text-secondary-hover);\n ${selectTokens.targetButtonBackgroundColor}:var(--surface-negative);\n ${selectTokens.targetButtonBackgroundColorHover}: var(--surface-negative-hover);\n ${selectTokens.targetButtonBackgroundColorActive}:var(--surface-negative-active);\n ${selectTokens.targetTextfieldBackgroundColor}: var(--surface-clear);\n ${selectTokens.targetTextfieldBackgroundColorOpened}: var(--surface-clear);\n ${selectTokens.targetTextfieldBorderColor}: var(--surface-negative);\n `,\n accent: css`\n ${selectTokens.targetButtonColor}: var(--on-dark-text-primary);\n ${selectTokens.targetButtonColorHover}: var(--on-dark-text-primary-hover);\n ${selectTokens.targetButtonColorActive}: var(--on-dark-text-primary-active);\n ${selectTokens.targetButtonArrowColor}: var(--on-dark-text-secondary);\n ${selectTokens.targetButtonArrowColorHover}: var(--on-dark-text-secondary-hover);\n ${selectTokens.targetButtonArrowColorActive}: var(--on-dark-text-secondary-hover);\n ${selectTokens.targetButtonBackgroundColor}: var(--surface-accent);\n ${selectTokens.targetButtonBackgroundColorHover}: var(--surface-accent-hover);\n ${selectTokens.targetButtonBackgroundColorActive}: var(--surface-accent-active);\n `,\n secondary: css`\n ${selectTokens.targetButtonColor}: var(--text-primary);\n ${selectTokens.targetButtonColorHover}: var(--text-primary-hover);\n ${selectTokens.targetButtonColorActive}: var(--text-primary-active);\n ${selectTokens.targetButtonArrowColor}: var(--text-secondary);\n ${selectTokens.targetButtonArrowColorHover}: var(--text-secondary-hover);\n ${selectTokens.targetButtonArrowColorActive}: var(--text-secondary-hover);\n ${selectTokens.targetButtonBackgroundColor}: var(--surface-transparent-secondary);\n ${selectTokens.targetButtonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${selectTokens.targetButtonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n `,\n clear: css`\n ${selectTokens.targetButtonColor}: var(--text-primary);\n ${selectTokens.targetButtonColorHover}: var(--text-primary-hover);\n ${selectTokens.targetButtonColorActive}: var(--text-primary-active);\n ${selectTokens.targetButtonArrowColor}: var(--text-secondary);\n ${selectTokens.targetButtonArrowColorHover}: var(--text-secondary-hover);\n ${selectTokens.targetButtonArrowColorActive}: var(--text-secondary-active);\n ${selectTokens.targetButtonBackgroundColor}: var(--surface-clear);\n ${selectTokens.targetButtonBackgroundColorHover}: var(--surface-clear);\n ${selectTokens.targetButtonBackgroundColorActive}: var(--surface-clear);\n `,\n dark: css`\n ${selectTokens.targetButtonColor}: var(--on-dark-text-primary);\n ${selectTokens.targetButtonColorHover}: var(--on-dark-text-primary-hover);\n ${selectTokens.targetButtonColorActive}: var(--on-dark-text-primary-active);\n ${selectTokens.targetButtonArrowColor}: var(--on-dark-text-secondary);\n ${selectTokens.targetButtonArrowColorHover}: var(--on-dark-text-secondary-hover);\n ${selectTokens.targetButtonArrowColorActive}: var(--on-dark-text-secondary-active);\n ${selectTokens.targetButtonBackgroundColor}:var(--on-light-surface-transparent-deep);\n ${selectTokens.targetButtonBackgroundColorHover}:var(--on-light-surface-transparent-deep-hover);\n ${selectTokens.targetButtonBackgroundColorActive}:var(--on-light-surface-transparent-deep-active);\n `,\n black: css`\n ${selectTokens.targetButtonColor}: var(--on-dark-text-primary);\n ${selectTokens.targetButtonColorHover}: var(--on-dark-text-primary-hover);\n ${selectTokens.targetButtonColorActive}: var(--on-dark-text-primary-active);\n ${selectTokens.targetButtonArrowColor}: var(--on-dark-text-secondary);\n ${selectTokens.targetButtonArrowColorHover}: var(--on-dark-text-secondary-hover);\n ${selectTokens.targetButtonArrowColorActive}: var(--on-dark-text-secondary-active);\n ${selectTokens.targetButtonBackgroundColor}:var(--on-light-surface-solid-default);\n ${selectTokens.targetButtonBackgroundColorHover}:var(--on-light-surface-solid-default-hover);\n ${selectTokens.targetButtonBackgroundColorActive}: var(--on-light-surface-solid-default-active);\n `,\n white: css`\n ${selectTokens.targetButtonColor}: var(--on-light-text-primary);\n ${selectTokens.targetButtonColorHover}: var(--on-light-text-primary-hover);\n ${selectTokens.targetButtonColorActive}: var(--on-light-text-primary-active);\n ${selectTokens.targetButtonArrowColor}: var(--on-light-text-secondary);\n ${selectTokens.targetButtonArrowColorHover}: var(--on-light-text-secondary-hover);\n ${selectTokens.targetButtonArrowColorActive}: var(--on-light-text-secondary-active);\n ${selectTokens.targetButtonBackgroundColor}:var(--on-dark-surface-solid-default);\n ${selectTokens.targetButtonBackgroundColorHover}:var(--on-dark-surface-solid-default-hover);\n ${selectTokens.targetButtonBackgroundColorActive}:var(--on-dark-surface-solid-default-active);\n `,\n },\n chipView: {\n default: css`\n ${selectTokens.chipColor}: var(--inverse-text-primary);\n ${selectTokens.chipBackground}: var(--surface-solid-default);\n ${selectTokens.chipBackgroundHover}: var(--surface-solid-default-hover);\n ${selectTokens.chipBackgroundActive}: var(--surface-solid-default-active);\n `,\n secondary: css`\n ${selectTokens.chipColor}: var(--text-primary);\n ${selectTokens.chipBackground}: var(--surface-transparent-secondary);\n ${selectTokens.chipBackgroundHover}: var(--surface-transparent-secondary-hover);\n ${selectTokens.chipBackgroundActive}: var(--surface-transparent-secondary-active);\n `,\n accent: css`\n ${selectTokens.chipColor}: var(--on-dark-text-primary);\n ${selectTokens.chipBackground}: var(--surface-accent);\n ${selectTokens.chipBackgroundHover}: var(--surface-accent-hover);\n ${selectTokens.chipBackgroundActive}: var(--surface-accent-active);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","chipView","size","variations","xs","s","m","l","default","positive","warning","negative","accent","secondary","clear","dark","black","white"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,QAAQ,EAAE,SAAS;AACnBC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFE,MAAAA,EAAE,EAsDD,UAAA;AACDC,MAAAA,CAAC,EAsDA,UAAA;AACDC,MAAAA,CAAC,EAsDA,SAAA;AACDC,MAAAA,CAAC,EAAA,UAAA;KAuDJ;AACDP,IAAAA,IAAI,EAAE;AACFQ,MAAAA,SAAAA,EAiBC,UAAA;AACDC,MAAAA,QAAQ,EAiBP,SAAA;AACDC,MAAAA,OAAO,EAiBN,SAAA;AACDC,MAAAA,QAAQ,EAiBP,SAAA;AACDC,MAAAA,MAAM,EAUL,UAAA;AACDC,MAAAA,SAAS,EAUR,UAAA;AACDC,MAAAA,KAAK,EAUJ,UAAA;AACDC,MAAAA,IAAI,EAUH,UAAA;AACDC,MAAAA,KAAK,EAUJ,UAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KAWR;AACDhB,IAAAA,QAAQ,EAAE;AACNO,MAAAA,SAAAA,EAKC,SAAA;AACDK,MAAAA,SAAS,EAKR,UAAA;AACDD,MAAAA,MAAM,EAAA,SAAA;AAMV,KAAA;AACJ,GAAA;AACJ;;;;"}
1
+ {"version":3,"file":"Select.config.js","sources":["../../../../src-css/components/Select/Select.config.ts"],"sourcesContent":["import { css, selectTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n chipView: 'default',\n size: 'm',\n },\n variations: {\n size: {\n xs: css`\n ${selectTokens.padding}: 0.125rem;\n ${selectTokens.borderRadius}: 0.5rem;\n ${selectTokens.focusOffset}: 0.125rem;\n\n ${selectTokens.itemHeight}: 1rem;\n ${selectTokens.itemPadding}: 0.5rem 0.5rem 0.5rem 0.375rem;\n ${selectTokens.itemPaddingTight}: 0.25rem 0.5rem 0.25rem 0.375rem;\n ${selectTokens.itemBorderRadius}: 0.375rem;\n ${selectTokens.itemIconSize}: 1rem;\n ${selectTokens.itemIconSizeTight}: 1rem;\n ${selectTokens.itemIconMargin}: 0 0.25rem 0 0;\n\n ${selectTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n ${selectTokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n ${selectTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n ${selectTokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${selectTokens.fontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${selectTokens.fontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${selectTokens.checkboxTriggerSize}: 0.875rem;\n ${selectTokens.checkboxTriggerSizeTight}: 0.875rem;\n ${selectTokens.checkboxTriggerBorderRadius}: 0.25rem;\n ${selectTokens.checkboxTriggerBorderRadiusTight}: 0.25rem;\n ${selectTokens.checkboxFillColor}: var(--text-accent);\n ${selectTokens.checkboxIconColor}: var(--on-dark-text-primary);\n ${selectTokens.checkboxTriggerBorderColor}: var(--text-secondary);\n\n ${selectTokens.indicatorSize}: 0.375rem;\n\n ${selectTokens.chipGap}: 0.25rem;\n ${selectTokens.chipBorderRadius}: 0.125rem;\n ${selectTokens.chipHeight}: 1.25rem;\n ${selectTokens.chipPaddingRight}: 0.375rem;\n ${selectTokens.chipPaddingLeft}: 0.625rem;\n ${selectTokens.chipClearContentMarginLeft}: 0.25rem;\n ${selectTokens.chipClearContentMarginRight}: 0rem;\n ${selectTokens.chipCloseIconSize}: 0.75rem;\n\n ${selectTokens.targetButtonArrowMargin}: 0 -0.125rem 0 0.25rem;\n ${selectTokens.targetTextfieldArrowMargin}: 0 0 0 0.375rem;\n ${selectTokens.targetHeight}: 2rem;\n ${selectTokens.targetButtonPadding}: 0.75rem 0 0.75rem;\n ${selectTokens.targetTextfieldPadding}: 0.5rem 0 0.625rem;\n ${selectTokens.targetTextfieldChipPadding}: 0.5rem 0 0.25rem;\n\n ${selectTokens.labelOffset}: 0.375rem;\n\n ${selectTokens.innerLabelGap}: 0;\n\n ${selectTokens.helperTextOffset}: 0.25rem;\n\n ${selectTokens.spinnerSize}: 1rem;\n ${selectTokens.spinnerSizeTight}: 1rem;\n\n ${selectTokens.targetTextfieldBorderSize}: 0.0625rem;\n ${selectTokens.popoverBorderWidth}: 0.0625rem;\n `,\n s: css`\n ${selectTokens.padding}: 0.125rem;\n ${selectTokens.borderRadius}: 0.625rem;\n ${selectTokens.focusOffset}: 0.125rem;\n\n ${selectTokens.itemHeight}: 1.5rem;\n ${selectTokens.itemPadding}: 0.5rem 0.75rem 0.5rem 0.675rem;\n ${selectTokens.itemPaddingTight}: 0.25rem 0.75rem 0.25rem 0.675rem;\n ${selectTokens.itemBorderRadius}: 0.5rem;\n ${selectTokens.itemIconSize}: 1.5rem;\n ${selectTokens.itemIconSizeTight}: 1rem;\n ${selectTokens.itemIconMargin}: 0 0.375rem 0 0;\n\n ${selectTokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n ${selectTokens.fontSize}: var(--plasma-typo-body-s-font-size);\n ${selectTokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n ${selectTokens.fontWeight}: var(--plasma-typo-body-s-font-weight);\n ${selectTokens.fontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${selectTokens.fontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${selectTokens.checkboxTriggerSize}: 1.25rem;\n ${selectTokens.checkboxTriggerSizeTight}: 0.875rem;\n ${selectTokens.checkboxTriggerBorderRadius}: 0.375rem;\n ${selectTokens.checkboxTriggerBorderRadiusTight}: 0.25rem;\n ${selectTokens.checkboxFillColor}: var(--text-accent);\n ${selectTokens.checkboxIconColor}: var(--on-dark-text-primary);\n ${selectTokens.checkboxTriggerBorderColor}: var(--text-secondary);\n\n ${selectTokens.indicatorSize}: 0.375rem;\n\n ${selectTokens.chipGap}: 0.25rem;\n ${selectTokens.chipBorderRadius}: 0.25rem;\n ${selectTokens.chipHeight}: 1.75rem;\n ${selectTokens.chipPaddingRight}: 0.5rem;\n ${selectTokens.chipPaddingLeft}: 0.75rem;\n ${selectTokens.chipClearContentMarginLeft}: 0.375rem;\n ${selectTokens.chipClearContentMarginRight}: 0rem;\n ${selectTokens.chipCloseIconSize}: 0.75rem;\n\n ${selectTokens.targetButtonArrowMargin}: 0 -0.125rem 0 0.25rem;\n ${selectTokens.targetTextfieldArrowMargin}: 0 0 0 0.375rem;\n ${selectTokens.targetHeight}: 2.5rem;\n ${selectTokens.targetButtonPadding}: 1rem 0 1rem;\n ${selectTokens.targetTextfieldPadding}: 0.75rem 0 0.875rem;\n ${selectTokens.targetTextfieldChipPadding}: 0.75rem 0 0.25rem;\n\n ${selectTokens.labelOffset}: 0.5rem;\n\n ${selectTokens.innerLabelGap}: 0;\n\n ${selectTokens.helperTextOffset}: 0.25rem;\n\n ${selectTokens.spinnerSize}: 1.5rem;\n ${selectTokens.spinnerSizeTight}: 1rem;\n\n ${selectTokens.targetTextfieldBorderSize}: 0.0625rem;\n `,\n m: css`\n ${selectTokens.padding}: 0.125rem;\n ${selectTokens.borderRadius}: 0.75rem;\n ${selectTokens.focusOffset}: 0.125rem;\n\n ${selectTokens.itemHeight}: 1.5rem;\n ${selectTokens.itemPadding}: 0.75rem 0.75rem 0.75rem 0.75rem;\n ${selectTokens.itemPaddingTight}: 0.5rem 0.75rem 0.5rem 0.75rem;\n ${selectTokens.itemBorderRadius}: 0.625rem;\n ${selectTokens.itemIconMargin}: 0 0.375rem 0 0;\n ${selectTokens.itemIconSize}: 1.5rem;\n ${selectTokens.itemIconSizeTight}: 1.5rem;\n\n ${selectTokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n ${selectTokens.fontSize}: var(--plasma-typo-body-m-font-size);\n ${selectTokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n ${selectTokens.fontWeight}: var(--plasma-typo-body-m-font-weight);\n ${selectTokens.fontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${selectTokens.fontLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${selectTokens.checkboxTriggerSize}: 1.25rem;\n ${selectTokens.checkboxTriggerSizeTight}: 1.25rem;\n ${selectTokens.checkboxTriggerBorderRadius}: 0.375rem;\n ${selectTokens.checkboxTriggerBorderRadiusTight}: 0.375rem;\n ${selectTokens.checkboxFillColor}: var(--text-accent);\n ${selectTokens.checkboxIconColor}: var(--on-dark-text-primary);\n ${selectTokens.checkboxTriggerBorderColor}: var(--text-secondary);\n\n ${selectTokens.indicatorSize}: 0.375rem;\n\n ${selectTokens.chipGap}: 0.25rem;\n ${selectTokens.chipBorderRadius}: 0.375rem;\n ${selectTokens.chipHeight}: 2.25rem;\n ${selectTokens.chipPaddingRight}: 0.875rem;\n ${selectTokens.chipPaddingLeft}: 0.625rem;\n ${selectTokens.chipClearContentMarginLeft}: 0.5rem;\n ${selectTokens.chipClearContentMarginRight}: 0rem;\n ${selectTokens.chipCloseIconSize}: 1rem;\n\n ${selectTokens.targetButtonArrowMargin}: 0 -0.125rem 0 0.375rem;\n ${selectTokens.targetTextfieldArrowMargin}: 0 0 0 0.625rem;\n ${selectTokens.targetHeight}: 3rem;\n ${selectTokens.targetButtonPadding}: 1.25rem 0 1.25rem;\n ${selectTokens.targetTextfieldPadding}: 0.875rem 0 1rem;\n ${selectTokens.targetTextfieldChipPadding}: 0.875rem 0 0.25rem;\n\n ${selectTokens.labelOffset}: 0.625rem;\n\n ${selectTokens.innerLabelGap}: 0.125rem;\n\n ${selectTokens.helperTextOffset}: 0.25rem;\n\n ${selectTokens.spinnerSize}: 1.5rem;\n ${selectTokens.spinnerSizeTight}: 1.5rem;\n\n ${selectTokens.targetTextfieldBorderSize}: 0.0625rem;\n `,\n l: css`\n ${selectTokens.padding}: 0.125rem;\n ${selectTokens.borderRadius}: 0.875rem;\n ${selectTokens.focusOffset}: 0.125rem;\n\n ${selectTokens.itemHeight}: 1.5rem;\n ${selectTokens.itemPadding}: 1rem 1rem 1rem 0.875rem;\n ${selectTokens.itemPaddingTight}: 0.75rem 1rem 0.75rem 0.875rem;\n ${selectTokens.itemBorderRadius}: 0.75rem;\n ${selectTokens.itemIconMargin}: 0 0.5rem 0 0;\n ${selectTokens.itemIconSize}: 1.5rem;\n ${selectTokens.itemIconSizeTight}: 1.5rem;\n\n ${selectTokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n ${selectTokens.fontSize}: var(--plasma-typo-body-l-font-size);\n ${selectTokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n ${selectTokens.fontWeight}: var(--plasma-typo-body-l-font-weight);\n ${selectTokens.fontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${selectTokens.fontLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${selectTokens.checkboxTriggerSize}: 1.25rem;\n ${selectTokens.checkboxTriggerSizeTight}: 1.25rem;\n ${selectTokens.checkboxTriggerBorderRadius}: 0.375rem;\n ${selectTokens.checkboxTriggerBorderRadiusTight}: 0.375rem;\n ${selectTokens.checkboxFillColor}: var(--text-accent);\n ${selectTokens.checkboxIconColor}: var(--on-dark-text-primary);\n ${selectTokens.checkboxTriggerBorderColor}: var(--text-secondary);\n\n ${selectTokens.indicatorSize}: 0.375rem;\n\n ${selectTokens.chipGap}: 0.25rem;\n ${selectTokens.chipBorderRadius}: 0.5rem;\n ${selectTokens.chipHeight}: 2.75rem;\n ${selectTokens.chipPaddingRight}: 0.75rem;\n ${selectTokens.chipPaddingLeft}: 1rem;\n ${selectTokens.chipClearContentMarginLeft}: 0.625rem;\n ${selectTokens.chipClearContentMarginRight}: 0rem;\n ${selectTokens.chipCloseIconSize}: 1rem;\n\n ${selectTokens.targetButtonArrowMargin}: 0 -0.125rem 0 0.5rem;\n ${selectTokens.targetTextfieldArrowMargin}: 0 0 0 0.75rem;\n ${selectTokens.targetHeight}: 3.5rem;\n ${selectTokens.targetButtonPadding}: 1.5rem 0 1.5rem;\n ${selectTokens.targetTextfieldPadding}: 1rem 0 1.125rem;\n ${selectTokens.targetTextfieldChipPadding}: 1rem 0 0.25rem;\n\n ${selectTokens.labelOffset}: 0.75rem;\n\n ${selectTokens.innerLabelGap}: 0.125rem;\n\n ${selectTokens.helperTextOffset}: 0.25rem;\n\n ${selectTokens.spinnerSize}: 1.5rem;\n ${selectTokens.spinnerSizeTight}: 1.5rem;\n\n ${selectTokens.targetTextfieldBorderSize}: 0.0625rem;\n `,\n },\n view: {\n default: css`\n ${selectTokens.helperTextColor}: var(--text-secondary);\n ${selectTokens.targetButtonColor}: var(--inverse-text-primary);\n ${selectTokens.targetButtonColorHover}: var(--inverse-text-primary-hover);\n ${selectTokens.targetButtonColorActive}: var(--inverse-text-primary-active);\n ${selectTokens.targetButtonArrowColor}: var(--inverse-text-secondary);\n ${selectTokens.targetButtonArrowColorHover}: var(--inverse-text-secondary-hover);\n ${selectTokens.targetButtonArrowColorActive}: var(--inverse-text-secondary-hover);\n ${selectTokens.targetTextfieldArrowColor}: var(--text-secondary);\n ${selectTokens.targetTextfieldArrowColorHover}: var(--text-secondary-hover);\n ${selectTokens.targetTextfieldArrowColorActive}: var(--text-secondary-hover);\n ${selectTokens.targetButtonBackgroundColor}: var(--surface-solid-default);\n ${selectTokens.targetButtonBackgroundColorHover}: var(--surface-solid-default-hover);\n ${selectTokens.targetButtonBackgroundColorActive}: var(--surface-solid-default-hover);\n ${selectTokens.targetTextfieldBackgroundColor}: var(--surface-clear);\n ${selectTokens.targetTextfieldBackgroundColorOpened}: var(--surface-clear);\n ${selectTokens.targetTextfieldBorderColor}: var(--surface-transparent-tertiary);\n ${selectTokens.targetTextfieldBorderOpenedColor}: var(--surface-transparent-tertiary);\n ${selectTokens.targetTextfieldBorderColorHover}: var(--surface-transparent-tertiary);\n `,\n positive: css`\n ${selectTokens.helperTextColor}: var(--text-positive);\n ${selectTokens.targetButtonColor}: var(--on-dark-text-primary);\n ${selectTokens.targetButtonColorHover}: var(--on-dark-text-primary-hover);\n ${selectTokens.targetButtonColorActive}: var(--on-dark-text-primary-active);\n ${selectTokens.targetButtonArrowColor}: var(--on-dark-text-secondary);\n ${selectTokens.targetButtonArrowColorHover}: var(--on-dark-text-secondary-hover);\n ${selectTokens.targetButtonArrowColorActive}: var(--on-dark-text-secondary-hover);\n ${selectTokens.targetTextfieldArrowColor}: var(--text-secondary);\n ${selectTokens.targetTextfieldArrowColorHover}: var(--text-secondary-hover);\n ${selectTokens.targetTextfieldArrowColorActive}: var(--text-secondary-hover);\n ${selectTokens.targetButtonBackgroundColor}:var(--surface-positive);\n ${selectTokens.targetButtonBackgroundColorHover}:var(--surface-positive-hover);\n ${selectTokens.targetButtonBackgroundColorActive}:var(--surface-positive-active);\n ${selectTokens.targetTextfieldBackgroundColor}: var(--surface-clear);\n ${selectTokens.targetTextfieldBackgroundColorOpened}: var(--surface-clear);\n ${selectTokens.targetTextfieldBorderColor}: var(--surface-positive);\n ${selectTokens.targetTextfieldBorderOpenedColor}: var(--surface-positive);\n ${selectTokens.targetTextfieldBorderColorHover}: var(--surface-positive);\n `,\n warning: css`\n ${selectTokens.helperTextColor}: var(--text-warning);\n ${selectTokens.targetButtonColor}: var(--on-dark-text-primary);\n ${selectTokens.targetButtonColorHover}: var(--on-dark-text-primary-hover);\n ${selectTokens.targetButtonColorActive}: var(--on-dark-text-primary-active);\n ${selectTokens.targetButtonArrowColor}: var(--on-dark-text-secondary);\n ${selectTokens.targetButtonArrowColorHover}: var(--on-dark-text-secondary-hover);\n ${selectTokens.targetButtonArrowColorActive}: var(--on-dark-text-secondary-hover);\n ${selectTokens.targetTextfieldArrowColor}: var(--text-secondary);\n ${selectTokens.targetTextfieldArrowColorHover}: var(--text-secondary-hover);\n ${selectTokens.targetTextfieldArrowColorActive}: var(--text-secondary-hover);\n ${selectTokens.targetButtonBackgroundColor}:var(--surface-warning);\n ${selectTokens.targetButtonBackgroundColorHover}:var(--surface-warning-hover);\n ${selectTokens.targetButtonBackgroundColorActive}:var(--surface-warning-active);\n ${selectTokens.targetTextfieldBackgroundColor}: var(--surface-clear);\n ${selectTokens.targetTextfieldBackgroundColorOpened}: var(--surface-clear);\n ${selectTokens.targetTextfieldBorderColor}: var(--surface-warning);\n ${selectTokens.targetTextfieldBorderOpenedColor}: var(--surface-warning);\n ${selectTokens.targetTextfieldBorderColorHover}: var(--surface-warning);\n `,\n negative: css`\n ${selectTokens.helperTextColor}: var(--text-negative);\n ${selectTokens.targetButtonColor}: var(--on-dark-text-primary);\n ${selectTokens.targetButtonColorHover}: var(--on-dark-text-primary-hover);\n ${selectTokens.targetButtonColorActive}: var(--on-dark-text-primary-active);\n ${selectTokens.targetButtonArrowColor}: var(--on-dark-text-secondary);\n ${selectTokens.targetButtonArrowColorHover}: var(--on-dark-text-secondary-hover);\n ${selectTokens.targetButtonArrowColorActive}: var(--on-dark-text-secondary-hover);\n ${selectTokens.targetTextfieldArrowColor}: var(--text-secondary);\n ${selectTokens.targetTextfieldArrowColorHover}: var(--text-secondary-hover);\n ${selectTokens.targetTextfieldArrowColorActive}: var(--text-secondary-hover);\n ${selectTokens.targetButtonBackgroundColor}:var(--surface-negative);\n ${selectTokens.targetButtonBackgroundColorHover}: var(--surface-negative-hover);\n ${selectTokens.targetButtonBackgroundColorActive}:var(--surface-negative-active);\n ${selectTokens.targetTextfieldBackgroundColor}: var(--surface-clear);\n ${selectTokens.targetTextfieldBackgroundColorOpened}: var(--surface-clear);\n ${selectTokens.targetTextfieldBorderColor}: var(--surface-negative);\n ${selectTokens.targetTextfieldBorderOpenedColor}: var(--surface-negative);\n ${selectTokens.targetTextfieldBorderColorHover}: var(--surface-negative);\n `,\n accent: css`\n ${selectTokens.targetButtonColor}: var(--on-dark-text-primary);\n ${selectTokens.targetButtonColorHover}: var(--on-dark-text-primary-hover);\n ${selectTokens.targetButtonColorActive}: var(--on-dark-text-primary-active);\n ${selectTokens.targetButtonArrowColor}: var(--on-dark-text-secondary);\n ${selectTokens.targetButtonArrowColorHover}: var(--on-dark-text-secondary-hover);\n ${selectTokens.targetButtonArrowColorActive}: var(--on-dark-text-secondary-hover);\n ${selectTokens.targetButtonBackgroundColor}: var(--surface-accent);\n ${selectTokens.targetButtonBackgroundColorHover}: var(--surface-accent-hover);\n ${selectTokens.targetButtonBackgroundColorActive}: var(--surface-accent-active);\n `,\n secondary: css`\n ${selectTokens.targetButtonColor}: var(--text-primary);\n ${selectTokens.targetButtonColorHover}: var(--text-primary-hover);\n ${selectTokens.targetButtonColorActive}: var(--text-primary-active);\n ${selectTokens.targetButtonArrowColor}: var(--text-secondary);\n ${selectTokens.targetButtonArrowColorHover}: var(--text-secondary-hover);\n ${selectTokens.targetButtonArrowColorActive}: var(--text-secondary-hover);\n ${selectTokens.targetButtonBackgroundColor}: var(--surface-transparent-secondary);\n ${selectTokens.targetButtonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${selectTokens.targetButtonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n `,\n clear: css`\n ${selectTokens.targetButtonColor}: var(--text-primary);\n ${selectTokens.targetButtonColorHover}: var(--text-primary-hover);\n ${selectTokens.targetButtonColorActive}: var(--text-primary-active);\n ${selectTokens.targetButtonArrowColor}: var(--text-secondary);\n ${selectTokens.targetButtonArrowColorHover}: var(--text-secondary-hover);\n ${selectTokens.targetButtonArrowColorActive}: var(--text-secondary-active);\n ${selectTokens.targetButtonBackgroundColor}: var(--surface-clear);\n ${selectTokens.targetButtonBackgroundColorHover}: var(--surface-clear);\n ${selectTokens.targetButtonBackgroundColorActive}: var(--surface-clear);\n `,\n dark: css`\n ${selectTokens.targetButtonColor}: var(--on-dark-text-primary);\n ${selectTokens.targetButtonColorHover}: var(--on-dark-text-primary-hover);\n ${selectTokens.targetButtonColorActive}: var(--on-dark-text-primary-active);\n ${selectTokens.targetButtonArrowColor}: var(--on-dark-text-secondary);\n ${selectTokens.targetButtonArrowColorHover}: var(--on-dark-text-secondary-hover);\n ${selectTokens.targetButtonArrowColorActive}: var(--on-dark-text-secondary-active);\n ${selectTokens.targetButtonBackgroundColor}:var(--on-light-surface-transparent-deep);\n ${selectTokens.targetButtonBackgroundColorHover}:var(--on-light-surface-transparent-deep-hover);\n ${selectTokens.targetButtonBackgroundColorActive}:var(--on-light-surface-transparent-deep-active);\n `,\n black: css`\n ${selectTokens.targetButtonColor}: var(--on-dark-text-primary);\n ${selectTokens.targetButtonColorHover}: var(--on-dark-text-primary-hover);\n ${selectTokens.targetButtonColorActive}: var(--on-dark-text-primary-active);\n ${selectTokens.targetButtonArrowColor}: var(--on-dark-text-secondary);\n ${selectTokens.targetButtonArrowColorHover}: var(--on-dark-text-secondary-hover);\n ${selectTokens.targetButtonArrowColorActive}: var(--on-dark-text-secondary-active);\n ${selectTokens.targetButtonBackgroundColor}:var(--on-light-surface-solid-default);\n ${selectTokens.targetButtonBackgroundColorHover}:var(--on-light-surface-solid-default-hover);\n ${selectTokens.targetButtonBackgroundColorActive}: var(--on-light-surface-solid-default-active);\n `,\n white: css`\n ${selectTokens.targetButtonColor}: var(--on-light-text-primary);\n ${selectTokens.targetButtonColorHover}: var(--on-light-text-primary-hover);\n ${selectTokens.targetButtonColorActive}: var(--on-light-text-primary-active);\n ${selectTokens.targetButtonArrowColor}: var(--on-light-text-secondary);\n ${selectTokens.targetButtonArrowColorHover}: var(--on-light-text-secondary-hover);\n ${selectTokens.targetButtonArrowColorActive}: var(--on-light-text-secondary-active);\n ${selectTokens.targetButtonBackgroundColor}:var(--on-dark-surface-solid-default);\n ${selectTokens.targetButtonBackgroundColorHover}:var(--on-dark-surface-solid-default-hover);\n ${selectTokens.targetButtonBackgroundColorActive}:var(--on-dark-surface-solid-default-active);\n `,\n },\n chipView: {\n default: css`\n ${selectTokens.chipColor}: var(--inverse-text-primary);\n ${selectTokens.chipBackground}: var(--surface-solid-default);\n ${selectTokens.chipBackgroundHover}: var(--surface-solid-default-hover);\n ${selectTokens.chipBackgroundActive}: var(--surface-solid-default-active);\n `,\n secondary: css`\n ${selectTokens.chipColor}: var(--text-primary);\n ${selectTokens.chipBackground}: var(--surface-transparent-secondary);\n ${selectTokens.chipBackgroundHover}: var(--surface-transparent-secondary-hover);\n ${selectTokens.chipBackgroundActive}: var(--surface-transparent-secondary-active);\n `,\n accent: css`\n ${selectTokens.chipColor}: var(--on-dark-text-primary);\n ${selectTokens.chipBackground}: var(--surface-accent);\n ${selectTokens.chipBackgroundHover}: var(--surface-accent-hover);\n ${selectTokens.chipBackgroundActive}: var(--surface-accent-active);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","chipView","size","variations","xs","s","m","l","default","positive","warning","negative","accent","secondary","clear","dark","black","white"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,QAAQ,EAAE,SAAS;AACnBC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFE,MAAAA,EAAE,EAyDD,UAAA;AACDC,MAAAA,CAAC,EAwDA,UAAA;AACDC,MAAAA,CAAC,EAwDA,SAAA;AACDC,MAAAA,CAAC,EAAA,UAAA;KAyDJ;AACDP,IAAAA,IAAI,EAAE;AACFQ,MAAAA,SAAAA,EAmBC,UAAA;AACDC,MAAAA,QAAQ,EAmBP,SAAA;AACDC,MAAAA,OAAO,EAmBN,SAAA;AACDC,MAAAA,QAAQ,EAmBP,SAAA;AACDC,MAAAA,MAAM,EAUL,UAAA;AACDC,MAAAA,SAAS,EAUR,UAAA;AACDC,MAAAA,KAAK,EAUJ,UAAA;AACDC,MAAAA,IAAI,EAUH,UAAA;AACDC,MAAAA,KAAK,EAUJ,UAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KAWR;AACDhB,IAAAA,QAAQ,EAAE;AACNO,MAAAA,SAAAA,EAKC,SAAA;AACDK,MAAAA,SAAS,EAKR,UAAA;AACDD,MAAAA,MAAM,EAAA,SAAA;AAMV,KAAA;AACJ,GAAA;AACJ;;;;"}