@salutejs/sdds-dfa 0.323.0-canary.2237.17941275054.0 → 0.323.0-canary.2237.18091710245.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (30) hide show
  1. package/components/Autocomplete/Autocomplete.config.js +5 -3
  2. package/components/Combobox/Combobox.config.js +13 -7
  3. package/components/DatePicker/DatePicker.config.js +10 -5
  4. package/components/Note/Note.d.ts +2 -2
  5. package/components/Range/Range.config.js +1 -1
  6. package/components/Select/Select.config.js +8 -5
  7. package/components/TextArea/TextArea.config.d.ts +3 -0
  8. package/components/TextArea/TextArea.config.js +19 -2
  9. package/components/TextArea/TextArea.d.ts +3 -0
  10. package/components/TextField/TextField.config.js +16 -9
  11. package/components/TimePicker/TimePicker.config.d.ts +23 -0
  12. package/components/TimePicker/TimePicker.config.js +347 -0
  13. package/components/TimePicker/TimePicker.d.ts +42 -0
  14. package/components/TimePicker/TimePicker.js +14 -0
  15. package/components/TimePicker/index.d.ts +2 -0
  16. package/components/TimePicker/index.js +23 -0
  17. package/es/components/Autocomplete/Autocomplete.config.js +5 -3
  18. package/es/components/Combobox/Combobox.config.js +13 -7
  19. package/es/components/DatePicker/DatePicker.config.js +10 -5
  20. package/es/components/Range/Range.config.js +1 -1
  21. package/es/components/Select/Select.config.js +8 -5
  22. package/es/components/TextArea/TextArea.config.js +19 -2
  23. package/es/components/TextField/TextField.config.js +16 -9
  24. package/es/components/TimePicker/TimePicker.config.js +337 -0
  25. package/es/components/TimePicker/TimePicker.js +4 -0
  26. package/es/components/TimePicker/index.js +2 -0
  27. package/es/index.js +1 -0
  28. package/index.d.ts +1 -0
  29. package/index.js +1 -0
  30. package/package.json +3 -3
package/es/components/Select/Select.config.js CHANGED
@@ -838,6 +838,7 @@ function _templateObject16() {
838
838
  ": var(--surface-solid-default);\n ",
839
839
  ": var(--surface-solid-default-hover);\n ",
840
840
  ": var(--inverse-text-secondary);\n ",
841
+ ": var(--inverse-text-secondary);\n ",
841
842
  ": var(--inverse-text-primary);\n\n ",
842
843
  ": var(--surface-solid-default);\n ",
843
844
  ": var(--inverse-text-primary);\n ",
@@ -857,7 +858,8 @@ function _templateObject17() {
857
858
  ": var(--surface-transparent-secondary);\n ",
858
859
  ": var(--surface-transparent-secondary-hover);\n ",
859
860
  ": var(--text-secondary);\n ",
860
- ": var(--text-secondary-hover);\n\n ",
861
+ ": var(--text-secondary-hover);\n ",
862
+ ": var(--text-secondary);\n\n ",
861
863
  ": var(--surface-transparent-secondary);\n ",
862
864
  ": var(--text-primary);\n ",
863
865
  ": var(--surface-transparent-secondary);\n ",
@@ -876,6 +878,7 @@ function _templateObject18() {
876
878
  ": var(--surface-accent);\n ",
877
879
  ": var(--surface-accent-hover);\n ",
878
880
  ": var(--on-dark-text-secondary);\n ",
881
+ ": var(--on-dark-text-secondary);\n ",
879
882
  ": var(--on-dark-text-primary);\n\n ",
880
883
  ": var(--surface-accent);\n ",
881
884
  ": var(--on-dark-text-primary);\n ",
@@ -969,7 +972,7 @@ function _templateObject23() {
969
972
  var data = _tagged_template_literal([
970
973
  "\n ",
971
974
  ": 0.4;\n ",
972
- ": 0.4;\n ",
975
+ ": 0.1;\n ",
973
976
  ": var(--text-primary);\n ",
974
977
  ": var(--surface-transparent-primary);\n ",
975
978
  ": var(--text-secondary);\n ",
@@ -1015,9 +1018,9 @@ export var config = {
1015
1018
  outer: css(_templateObject15())
1016
1019
  },
1017
1020
  chipView: {
1018
- default: css(_templateObject16(), tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipBackgroundHover, tokens.textFieldChipCloseIconColor, tokens.textFieldChipCloseIconColorHover, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly),
1019
- secondary: css(_templateObject17(), tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipBackgroundHover, tokens.textFieldChipCloseIconColor, tokens.textFieldChipCloseIconColorHover, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly),
1020
- accent: css(_templateObject18(), tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipBackgroundHover, tokens.textFieldChipCloseIconColor, tokens.textFieldChipCloseIconColorHover, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly)
1021
+ default: css(_templateObject16(), tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipBackgroundHover, tokens.textFieldChipCloseIconColor, tokens.textFieldChipCloseIconColorReadonly, tokens.textFieldChipCloseIconColorHover, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly),
1022
+ secondary: css(_templateObject17(), tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipBackgroundHover, tokens.textFieldChipCloseIconColor, tokens.textFieldChipCloseIconColorHover, tokens.textFieldChipCloseIconColorReadonly, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly),
1023
+ accent: css(_templateObject18(), tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipBackgroundHover, tokens.textFieldChipCloseIconColor, tokens.textFieldChipCloseIconColorReadonly, tokens.textFieldChipCloseIconColorHover, tokens.textFieldChipBackgroundReadOnly, tokens.textFieldChipColorReadOnly, tokens.textFieldChipBackgroundReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, tokens.textFieldChipOpacityReadonly)
1021
1024
  },
1022
1025
  hintView: {
1023
1026
  default: css(_templateObject19(), tokens.textFieldTooltipBackgroundColor, tokens.textFieldTooltipBoxShadow, tokens.textFieldTooltipColor, tokens.textFieldTooltipArrowBackground)
package/es/components/TextArea/TextArea.config.js CHANGED
@@ -652,6 +652,20 @@ function _templateObject13() {
652
652
  return data;
653
653
  }
654
654
  function _templateObject14() {
655
+ var data = _tagged_template_literal([
656
+ "\n ",
657
+ ": 0.1;\n ",
658
+ ": var(--surface-transparent-primary);\n ",
659
+ ": var(--text-primary);\n ",
660
+ ": var(--surface-transparent-primary);\n ",
661
+ ": 0.4;\n "
662
+ ]);
663
+ _templateObject14 = function _templateObject() {
664
+ return data;
665
+ };
666
+ return data;
667
+ }
668
+ function _templateObject15() {
655
669
  var data = _tagged_template_literal([
656
670
  "\n ",
657
671
  ": 0.4;\n ",
@@ -659,7 +673,7 @@ function _templateObject14() {
659
673
  ": var(--surface-transparent-primary);\n ",
660
674
  ": var(--text-secondary);\n "
661
675
  ]);
662
- _templateObject14 = function _templateObject() {
676
+ _templateObject15 = function _templateObject() {
663
677
  return data;
664
678
  };
665
679
  return data;
@@ -698,8 +712,11 @@ export var config = {
698
712
  clear: {
699
713
  true: css(_templateObject13())
700
714
  },
715
+ readOnly: {
716
+ true: css(_templateObject14(), textAreaTokens.readOnlyOpacity, textAreaTokens.backgroundColorReadOnly, textAreaTokens.inputColorReadOnly, textAreaTokens.dividerColorReadOnly, textAreaTokens.contentSlotRightOpacityReadOnly)
717
+ },
701
718
  disabled: {
702
- true: css(_templateObject14(), textAreaTokens.disabledOpacity, textAreaTokens.inputColorDisabled, textAreaTokens.dividerColorReadOnly, textAreaTokens.titleCaptionColorReadOnly)
719
+ true: css(_templateObject15(), textAreaTokens.disabledOpacity, textAreaTokens.inputColorDisabled, textAreaTokens.dividerColorReadOnly, textAreaTokens.titleCaptionColorReadOnly)
703
720
  }
704
721
  }
705
722
  };
package/es/components/TextField/TextField.config.js CHANGED
@@ -585,6 +585,7 @@ function _templateObject12() {
585
585
  ": var(--surface-solid-default);\n ",
586
586
  ": var(--inverse-text-primary);\n\n ",
587
587
  ": var(--inverse-text-secondary);\n ",
588
+ ": var(--inverse-text-secondary);\n ",
588
589
  ": var(--inverse-text-secondary-hover);\n ",
589
590
  ": 1;\n "
590
591
  ]);
@@ -607,6 +608,7 @@ function _templateObject13() {
607
608
  ": var(--surface-transparent-secondary);\n ",
608
609
  ": var(--text-primary);\n\n ",
609
610
  ": var(--text-secondary);\n ",
611
+ ": var(--text-secondary);\n ",
610
612
  ": var(--text-secondary-hover);\n ",
611
613
  ": 1;\n "
612
614
  ]);
@@ -629,6 +631,7 @@ function _templateObject14() {
629
631
  ": var(--surface-accent);\n ",
630
632
  ": var(--on-dark-text-primary);\n\n ",
631
633
  ": var(--on-dark-text-secondary);\n ",
634
+ ": var(--on-dark-text-secondary);\n ",
632
635
  ": var(--on-dark-text-secondary-hover);\n ",
633
636
  ": 1;\n "
634
637
  ]);
@@ -651,6 +654,7 @@ function _templateObject15() {
651
654
  ": var(--surface-positive);\n ",
652
655
  ": var(--on-dark-text-primary);\n\n ",
653
656
  ": var(--on-dark-text-secondary);\n ",
657
+ ": var(--on-dark-text-secondary);\n ",
654
658
  ": var(--on-dark-text-secondary-hover);\n ",
655
659
  ": 1;\n "
656
660
  ]);
@@ -673,6 +677,7 @@ function _templateObject16() {
673
677
  ": var(--surface-warning);\n ",
674
678
  ": var(--on-dark-text-primary);\n\n ",
675
679
  ": var(--on-dark-text-secondary);\n ",
680
+ ": var(--on-dark-text-secondary);\n ",
676
681
  ": var(--on-dark-text-secondary-hover);\n ",
677
682
  ": 1;\n "
678
683
  ]);
@@ -695,6 +700,7 @@ function _templateObject17() {
695
700
  ": var(--surface-negative);\n ",
696
701
  ": var(--on-dark-text-primary);\n\n ",
697
702
  ": var(--on-dark-text-secondary);\n ",
703
+ ": var(--on-dark-text-secondary);\n ",
698
704
  ": var(--on-dark-text-secondary-hover);\n ",
699
705
  ": 1;\n "
700
706
  ]);
@@ -783,14 +789,15 @@ function _templateObject21() {
783
789
  function _templateObject22() {
784
790
  var data = _tagged_template_literal([
785
791
  "\n ",
786
- ": 0.4;\n ",
792
+ ": 0.1;\n ",
787
793
  ": var(--text-primary);\n ",
788
794
  ": var(--surface-transparent-primary);\n ",
789
795
  ": var(--text-secondary);\n ",
790
796
  ": var(--text-secondary);\n ",
791
797
  ": var(--text-secondary);\n ",
792
798
  ": var(--text-primary);\n ",
793
- ": var(--surface-transparent-primary);\n "
799
+ ": var(--surface-transparent-primary);\n ",
800
+ ": 0.4;\n "
794
801
  ]);
795
802
  _templateObject22 = function _templateObject() {
796
803
  return data;
@@ -827,12 +834,12 @@ export var config = {
827
834
  true: css(_templateObject11())
828
835
  },
829
836
  chipView: {
830
- default: css(_templateObject12(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly),
831
- secondary: css(_templateObject13(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly),
832
- accent: css(_templateObject14(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly),
833
- positive: css(_templateObject15(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly),
834
- warning: css(_templateObject16(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly),
835
- negative: css(_templateObject17(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly)
837
+ default: css(_templateObject12(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorReadonly, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly),
838
+ secondary: css(_templateObject13(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorReadonly, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly),
839
+ accent: css(_templateObject14(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorReadonly, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly),
840
+ positive: css(_templateObject15(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorReadonly, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly),
841
+ warning: css(_templateObject16(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorReadonly, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly),
842
+ negative: css(_templateObject17(), tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipCloseIconColor, tokens.chipCloseIconColorReadonly, tokens.chipCloseIconColorHover, tokens.chipOpacityReadonly)
836
843
  },
837
844
  hintView: {
838
845
  default: css(_templateObject18(), tokens.tooltipBackgroundColor, tokens.tooltipBoxShadow, tokens.tooltipColor, tokens.tooltipArrowBackground)
@@ -845,7 +852,7 @@ export var config = {
845
852
  true: css(_templateObject21(), tokens.disabledOpacity)
846
853
  },
847
854
  readOnly: {
848
- true: css(_templateObject22(), tokens.readOnlyOpacity, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.dividerColorReadOnly)
855
+ true: css(_templateObject22(), tokens.readOnlyOpacity, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.dividerColorReadOnly, tokens.contentSlotRightOpacityReadOnly)
849
856
  }
850
857
  }
851
858
  };
package/es/components/TimePicker/TimePicker.config.js ADDED
@@ -0,0 +1,337 @@
1
+ function _tagged_template_literal(strings, raw) {
2
+ if (!raw) {
3
+ raw = strings.slice(0);
4
+ }
5
+ return Object.freeze(Object.defineProperties(strings, {
6
+ raw: {
7
+ value: Object.freeze(raw)
8
+ }
9
+ }));
10
+ }
11
+ function _templateObject() {
12
+ var data = _tagged_template_literal([
13
+ "\n ",
14
+ ": var(--surface-transparent-primary);\n ",
15
+ ": var(--surface-transparent-negative);\n ",
16
+ ": var(--surface-transparent-positive);\n\n ",
17
+ ": var(--text-primary);\n\n ",
18
+ ": var(--text-primary);\n ",
19
+ ": var(--text-secondary);\n ",
20
+ ": var(--text-accent);\n\n ",
21
+ ": var(--surface-negative);\n\n ",
22
+ ": var(--surface-transparent-primary);\n ",
23
+ ": var(--surface-transparent-secondary);\n ",
24
+ ": var(--surface-transparent-negative);\n ",
25
+ ": var(--surface-transparent-negative-active);\n ",
26
+ ": var(--surface-transparent-positive);\n ",
27
+ ": var(--surface-transparent-positive-active);\n\n ",
28
+ ": var(--text-tertiary);\n ",
29
+ ": var(--text-tertiary);\n\n ",
30
+ ": var(--text-tertiary);\n\n ",
31
+ ": var(--surface-solid-card);\n ",
32
+ ": var(--surface-transparent-secondary);\n ",
33
+ ": var(--surface-transparent-secondary);\n\n ",
34
+ ": var(--surface-transparent-tertiary);\n ",
35
+ ": var(--surface-transparent-primary);\n "
36
+ ]);
37
+ _templateObject = function _templateObject() {
38
+ return data;
39
+ };
40
+ return data;
41
+ }
42
+ function _templateObject1() {
43
+ var data = _tagged_template_literal([
44
+ "\n ",
45
+ ": 20rem;\n ",
46
+ ": 0.875rem;\n\n ",
47
+ ": 0 0 0 1rem;\n ",
48
+ ": 0;\n\n ",
49
+ ": 0.75rem;\n ",
50
+ ": 0.5625rem 0 0.125rem 0;\n ",
51
+ ": 1.5625rem 0 0.5625rem 0;\n\n ",
52
+ ": var(--plasma-typo-body-l-font-family);\n ",
53
+ ": var(--plasma-typo-body-l-font-style);\n ",
54
+ ": var(--plasma-typo-body-l-font-size);\n ",
55
+ ": var(--plasma-typo-body-l-font-weight);\n ",
56
+ ": var(--plasma-typo-body-l-letter-spacing);\n ",
57
+ ": var(--plasma-typo-body-l-line-height);\n\n ",
58
+ ": 0.5rem;\n ",
59
+ ": 0.375rem;\n ",
60
+ ": 0 0 0 0;\n ",
61
+ ": 0.5rem auto auto -0.75rem;\n ",
62
+ ": 0 0 auto auto;\n ",
63
+ ": 0.25rem -0.625rem auto auto;\n\n ",
64
+ ": 3.5rem;\n ",
65
+ ": 0.875rem;\n ",
66
+ ": 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ",
67
+ ": var(--plasma-typo-body-l-font-family);\n ",
68
+ ": var(--plasma-typo-body-l-font-style);\n ",
69
+ ": var(--plasma-typo-body-l-font-size);\n ",
70
+ ": var(--plasma-typo-body-l-font-weight);\n ",
71
+ ": var(--plasma-typo-body-l-letter-spacing);\n ",
72
+ ": var(--plasma-typo-body-l-line-height);\n\n ",
73
+ ": -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ",
74
+ ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ",
75
+ ": 0 0.25rem 0 0;\n ",
76
+ ": 0 0 0 0.25rem;\n\n ",
77
+ ": 0.875rem;\n ",
78
+ ": 15rem;\n ",
79
+ ": 0.125rem;\n\n ",
80
+ ": 36.25rem;\n\n ",
81
+ ": var(--plasma-typo-body-l-font-family);\n ",
82
+ ": var(--plasma-typo-body-l-font-size);\n ",
83
+ ": var(--plasma-typo-body-l-font-style);\n ",
84
+ ": var(--plasma-typo-body-l-font-weight);\n ",
85
+ ": var(--plasma-typo-body-l-letter-spacing);\n ",
86
+ ": var(--plasma-typo-body-l-line-height);\n\n ",
87
+ ": 3.5rem;\n ",
88
+ ": 0.75rem;\n ",
89
+ ": 0rem;\n\n ",
90
+ ": var(--plasma-typo-body-xs-font-family);\n ",
91
+ ": var(--plasma-typo-body-xs-font-size);\n ",
92
+ ": var(--plasma-typo-body-xs-font-style);\n ",
93
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
94
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
95
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
96
+ ": 0.125rem;\n ",
97
+ ": 0.5rem;\n "
98
+ ]);
99
+ _templateObject1 = function _templateObject() {
100
+ return data;
101
+ };
102
+ return data;
103
+ }
104
+ function _templateObject2() {
105
+ var data = _tagged_template_literal([
106
+ "\n ",
107
+ ": 20rem;\n ",
108
+ ": 0.75rem;\n\n ",
109
+ ": 0 0 0 0.875rem;\n ",
110
+ ": 0;\n\n ",
111
+ ": 0.625rem;\n ",
112
+ ": 0.375rem 0 0.125rem 0;\n ",
113
+ ": 1.375rem 0 0.375rem 0;\n\n ",
114
+ ": var(--plasma-typo-body-m-font-family);\n ",
115
+ ": var(--plasma-typo-body-m-font-style);\n ",
116
+ ": var(--plasma-typo-body-m-font-size);\n ",
117
+ ": var(--plasma-typo-body-m-font-weight);\n ",
118
+ ": var(--plasma-typo-body-m-letter-spacing);\n ",
119
+ ": var(--plasma-typo-body-m-line-height);\n\n ",
120
+ ": 0.5rem;\n ",
121
+ ": 0.375rem;\n ",
122
+ ": 0 0 0 0;\n ",
123
+ ": 0.375rem auto auto -0.75rem;\n ",
124
+ ": 0 0 auto auto;\n ",
125
+ ": 0.25rem -0.6875rem auto auto;\n\n ",
126
+ ": 3rem;\n ",
127
+ ": 0.75rem;\n ",
128
+ ": 0.875rem 1rem 0.875rem 1rem;\n ",
129
+ ": var(--plasma-typo-body-m-font-family);\n ",
130
+ ": var(--plasma-typo-body-m-font-style);\n ",
131
+ ": var(--plasma-typo-body-m-font-size);\n ",
132
+ ": var(--plasma-typo-body-m-font-weight);\n ",
133
+ ": var(--plasma-typo-body-m-letter-spacing);\n ",
134
+ ": var(--plasma-typo-body-m-line-height);\n\n ",
135
+ ": -0.125rem 0.375rem -0.125rem -0.125rem;\n ",
136
+ ": -0.125rem -0.125rem -0.125rem 0.75rem;\n ",
137
+ ": 0 0.25rem 0 0;\n ",
138
+ ": 0 0 0 0.25rem;\n\n ",
139
+ ": 0.75rem;\n ",
140
+ ": 13.75rem;\n ",
141
+ ": 0.125rem;\n\n ",
142
+ ": 31.25rem;\n\n ",
143
+ ": var(--plasma-typo-body-m-font-family);\n ",
144
+ ": var(--plasma-typo-body-m-font-size);\n ",
145
+ ": var(--plasma-typo-body-m-font-style);\n ",
146
+ ": var(--plasma-typo-body-m-font-weight);\n ",
147
+ ": var(--plasma-typo-body-m-letter-spacing);\n ",
148
+ ": var(--plasma-typo-body-m-line-height);\n\n ",
149
+ ": 3rem;\n ",
150
+ ": 0.625rem;\n ",
151
+ ": 0rem;\n\n ",
152
+ ": var(--plasma-typo-body-xs-font-family);\n ",
153
+ ": var(--plasma-typo-body-xs-font-size);\n ",
154
+ ": var(--plasma-typo-body-xs-font-style);\n ",
155
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
156
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
157
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
158
+ ": 0.125rem;\n ",
159
+ ": 0.375rem;\n "
160
+ ]);
161
+ _templateObject2 = function _templateObject() {
162
+ return data;
163
+ };
164
+ return data;
165
+ }
166
+ function _templateObject3() {
167
+ var data = _tagged_template_literal([
168
+ "\n ",
169
+ ": 20rem;\n ",
170
+ ": 0.625rem;\n\n ",
171
+ ": 0 0 0 0.75rem;\n ",
172
+ ": 0;\n\n ",
173
+ ": 0.5rem;\n ",
174
+ ": 0.3125rem 0 0 0;\n ",
175
+ ": 1.0625rem 0 0.3125rem 0;\n\n ",
176
+ ": var(--plasma-typo-body-s-font-family);\n ",
177
+ ": var(--plasma-typo-body-s-font-style);\n ",
178
+ ": var(--plasma-typo-body-s-font-size);\n ",
179
+ ": var(--plasma-typo-body-s-font-weight);\n ",
180
+ ": var(--plasma-typo-body-s-letter-spacing);\n ",
181
+ ": var(--plasma-typo-body-s-line-height);\n\n ",
182
+ ": 0.375rem;\n ",
183
+ ": 0.375rem;\n ",
184
+ ": 0 0 0 0;\n ",
185
+ ": 0.3125rem auto auto -0.6875rem;\n ",
186
+ ": 0 0 auto auto;\n ",
187
+ ": 0.25rem -0.625rem auto auto;\n\n ",
188
+ ": 2.5rem;\n ",
189
+ ": 0.625rem;\n ",
190
+ ": 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ",
191
+ ": var(--plasma-typo-body-s-font-family);\n ",
192
+ ": var(--plasma-typo-body-s-font-style);\n ",
193
+ ": var(--plasma-typo-body-s-font-size);\n ",
194
+ ": var(--plasma-typo-body-s-font-weight);\n ",
195
+ ": var(--plasma-typo-body-s-letter-spacing);\n ",
196
+ ": var(--plasma-typo-body-s-line-height);\n\n ",
197
+ ": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ",
198
+ ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ",
199
+ ": 0 0.25rem 0 0;\n ",
200
+ ": 0 0 0 0.25rem;\n\n ",
201
+ ": 0.625rem;\n ",
202
+ ": 12rem;\n ",
203
+ ": 0.125rem;\n\n ",
204
+ ": 26.25rem;\n\n ",
205
+ ": var(--plasma-typo-body-s-font-family);\n ",
206
+ ": var(--plasma-typo-body-s-font-size);\n ",
207
+ ": var(--plasma-typo-body-s-font-style);\n ",
208
+ ": var(--plasma-typo-body-s-font-weight);\n ",
209
+ ": var(--plasma-typo-body-s-letter-spacing);\n ",
210
+ ": var(--plasma-typo-body-s-line-height);\n\n ",
211
+ ": 2.5rem;\n ",
212
+ ": 0.5rem;\n ",
213
+ ": 0rem;\n\n ",
214
+ ": var(--plasma-typo-body-xs-font-family);\n ",
215
+ ": var(--plasma-typo-body-xs-font-size);\n ",
216
+ ": var(--plasma-typo-body-xs-font-style);\n ",
217
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
218
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
219
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
220
+ ": 0.125rem;\n ",
221
+ ": 0.25rem;\n "
222
+ ]);
223
+ _templateObject3 = function _templateObject() {
224
+ return data;
225
+ };
226
+ return data;
227
+ }
228
+ function _templateObject4() {
229
+ var data = _tagged_template_literal([
230
+ "\n ",
231
+ ": 20rem;\n ",
232
+ ": 0.5rem;\n\n ",
233
+ ": 0 0 0 0.5rem;\n ",
234
+ ": 0;\n\n ",
235
+ ": 0.375rem;\n ",
236
+ ": 0.3125rem 0 0 0;\n ",
237
+ ": 1.0625rem 0 0.3125rem 0;\n\n ",
238
+ ": var(--plasma-typo-body-xs-font-family);\n ",
239
+ ": var(--plasma-typo-body-xs-font-style);\n ",
240
+ ": var(--plasma-typo-body-xs-font-size);\n ",
241
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
242
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
243
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
244
+ ": 0.375rem;\n ",
245
+ ": 0.375rem;\n ",
246
+ ": 0 0 0 0;\n ",
247
+ ": 0.25rem auto auto -0.625rem;\n ",
248
+ ": 0 0 auto auto;\n ",
249
+ ": 0.125rem -0.6875rem auto auto;\n\n ",
250
+ ": 2rem;\n ",
251
+ ": 0.5rem;\n ",
252
+ ": 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ",
253
+ ": var(--plasma-typo-body-xs-font-family);\n ",
254
+ ": var(--plasma-typo-body-xs-font-style);\n ",
255
+ ": var(--plasma-typo-body-xs-font-size);\n ",
256
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
257
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
258
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
259
+ ": -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ",
260
+ ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ",
261
+ ": 0 0.25rem 0 0;\n ",
262
+ ": 0 0 0 0.25rem;\n\n ",
263
+ ": 0.5rem;\n ",
264
+ ": 10rem;\n ",
265
+ ": 0.125rem;\n\n ",
266
+ ": 21.25rem;\n\n ",
267
+ ": var(--plasma-typo-body-xs-font-family);\n ",
268
+ ": var(--plasma-typo-body-xs-font-size);\n ",
269
+ ": var(--plasma-typo-body-xs-font-style);\n ",
270
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
271
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
272
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
273
+ ": 2rem;\n ",
274
+ ": 0.375rem;\n ",
275
+ ": 0rem;\n\n ",
276
+ ": var(--plasma-typo-body-xs-font-family);\n ",
277
+ ": var(--plasma-typo-body-xs-font-size);\n ",
278
+ ": var(--plasma-typo-body-xs-font-style);\n ",
279
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
280
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
281
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
282
+ ": 0.125rem;\n ",
283
+ ": 0.25rem;\n "
284
+ ]);
285
+ _templateObject4 = function _templateObject() {
286
+ return data;
287
+ };
288
+ return data;
289
+ }
290
+ function _templateObject5() {
291
+ var data = _tagged_template_literal([
292
+ "\n ",
293
+ ": 0.4;\n "
294
+ ]);
295
+ _templateObject5 = function _templateObject() {
296
+ return data;
297
+ };
298
+ return data;
299
+ }
300
+ function _templateObject6() {
301
+ var data = _tagged_template_literal([
302
+ "\n ",
303
+ ": var(--surface-transparent-primary);\n ",
304
+ ": var(--text-secondary);\n\n ",
305
+ ": var(--text-secondary);\n ",
306
+ ": var(--surface-transparent-primary);\n ",
307
+ ": var(--text-secondary);\n "
308
+ ]);
309
+ _templateObject6 = function _templateObject() {
310
+ return data;
311
+ };
312
+ return data;
313
+ }
314
+ import { timePickerTokens as tokens, css } from '@salutejs/plasma-new-hope/styled-components';
315
+ export var config = {
316
+ defaults: {
317
+ view: 'default',
318
+ size: 'm'
319
+ },
320
+ variations: {
321
+ view: {
322
+ default: css(_templateObject(), tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.labelColor, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.indicatorColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldPlaceholderColorFocus, tokens.timePickerBackground, tokens.itemBackgroundHover, tokens.itemBackgroundActive, tokens.scrollbarColor, tokens.scrollbarTrackColor)
323
+ },
324
+ size: {
325
+ l: css(_templateObject1(), tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.scrollbarWidth, tokens.scrollbarMargin),
326
+ m: css(_templateObject2(), tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.scrollbarWidth, tokens.scrollbarMargin),
327
+ s: css(_templateObject3(), tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.scrollbarWidth, tokens.scrollbarMargin),
328
+ xs: css(_templateObject4(), tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.scrollbarWidth, tokens.scrollbarMargin)
329
+ },
330
+ disabled: {
331
+ true: css(_templateObject5(), tokens.disabledOpacity)
332
+ },
333
+ readonly: {
334
+ true: css(_templateObject6(), tokens.backgroundReadOnly, tokens.labelColorReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly)
335
+ }
336
+ }
337
+ };
package/es/components/TimePicker/TimePicker.js ADDED
@@ -0,0 +1,4 @@
1
+ import { timePickerConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
2
+ import { config } from './TimePicker.config';
3
+ var mergedConfig = mergeConfig(timePickerConfig, config);
4
+ export var TimePicker = component(mergedConfig);
package/es/components/TimePicker/index.js ADDED
@@ -0,0 +1,2 @@
1
+ export { TimePicker } from './TimePicker';
2
+ export { timePickerClasses, timePickerTokens } from '@salutejs/plasma-new-hope/styled-components';
package/es/index.js CHANGED
@@ -70,5 +70,6 @@ export * from './components/List';
70
70
  export * from './components/Carousel';
71
71
  export * from './components/Tour';
72
72
  export * from './components/EmbedIconButton';
73
+ export * from './components/TimePicker';
73
74
  export * from './mixins';
74
75
  export * from './tokens';
package/index.d.ts CHANGED
@@ -70,5 +70,6 @@ export * from './components/List';
70
70
  export * from './components/Carousel';
71
71
  export * from './components/Tour';
72
72
  export * from './components/EmbedIconButton';
73
+ export * from './components/TimePicker';
73
74
  export * from './mixins';
74
75
  export * from './tokens';
package/index.js CHANGED
@@ -74,6 +74,7 @@ _export_star(require("./components/List"), exports);
74
74
  _export_star(require("./components/Carousel"), exports);
75
75
  _export_star(require("./components/Tour"), exports);
76
76
  _export_star(require("./components/EmbedIconButton"), exports);
77
+ _export_star(require("./components/TimePicker"), exports);
77
78
  _export_star(require("./mixins"), exports);
78
79
  _export_star(require("./tokens"), exports);
79
80
  function _export_star(from, to) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-dfa",
3
- "version": "0.323.0-canary.2237.17941275054.0",
3
+ "version": "0.323.0-canary.2237.18091710245.0",
4
4
  "description": "Salute Design System / React UI kit for SDDS DFA web applications",
5
5
  "author": "Salute Frontend Team <salute.developers@gmail.com>",
6
6
  "license": "MIT",
@@ -19,7 +19,7 @@
19
19
  "directory": "packages/sdds-dfa"
20
20
  },
21
21
  "dependencies": {
22
- "@salutejs/plasma-new-hope": "0.337.0-canary.2237.17941275054.0",
22
+ "@salutejs/plasma-new-hope": "0.337.0-canary.2237.18091710245.0",
23
23
  "@salutejs/sdds-themes": "0.47.0"
24
24
  },
25
25
  "peerDependencies": {
@@ -94,5 +94,5 @@
94
94
  "Anton Vinogradov"
95
95
  ],
96
96
  "sideEffects": false,
97
- "gitHead": "c178db52ca24dd52091e42d978f02cf19a7ff214"
97
+ "gitHead": "864ef5ddfa952139e90c792c8af66be063701f58"
98
98
  }