indicator-ui 0.1.69 → 0.1.71

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 (195) hide show
  1. package/README.md +25 -25
  2. package/dist/index.css +22 -0
  3. package/dist/index.css.map +1 -1
  4. package/dist/index.js +904 -878
  5. package/dist/index.js.map +1 -1
  6. package/dist/scss/styles/adaptive/index.scss +142 -142
  7. package/dist/scss/styles/colors/index.scss +1 -1
  8. package/dist/scss/styles/colors/primary.scss +54 -54
  9. package/dist/scss/styles/colors/secondary.scss +12 -12
  10. package/dist/scss/styles/index.scss +2 -2
  11. package/dist/scss/styles/mixins/centerInsideContent.scss +6 -6
  12. package/dist/scss/styles/mixins/changeSvg.scss +25 -25
  13. package/dist/scss/styles/mixins/fnt-flex.scss +38 -38
  14. package/dist/scss/styles/mixins/fnt.scss +25 -25
  15. package/dist/scss/styles/mixins/hiddeScrollBar.scss +9 -9
  16. package/dist/scss/styles/mixins/index.scss +7 -7
  17. package/dist/scss/styles/mixins/modify-flex.scss +17 -17
  18. package/dist/scss/styles/mixins/modify-svg.scss +30 -30
  19. package/dist/scss/test/global.scss +82 -82
  20. package/dist/scss/ui/Buttons/styles/mixins/baseButton.scss +48 -48
  21. package/dist/scss/ui/Buttons/styles/mixins/index.scss +1 -1
  22. package/dist/scss/ui/Buttons/styles/mixins/properties/index.scss +21 -21
  23. package/dist/scss/ui/Buttons/styles/mixins/properties/large.scss +28 -28
  24. package/dist/scss/ui/Buttons/styles/mixins/properties/link-black.scss +47 -47
  25. package/dist/scss/ui/Buttons/styles/mixins/properties/link-color.scss +47 -47
  26. package/dist/scss/ui/Buttons/styles/mixins/properties/link-dark-theme.scss +47 -47
  27. package/dist/scss/ui/Buttons/styles/mixins/properties/link-gray.scss +47 -47
  28. package/dist/scss/ui/Buttons/styles/mixins/properties/medium.scss +28 -28
  29. package/dist/scss/ui/Buttons/styles/mixins/properties/primary.scss +59 -59
  30. package/dist/scss/ui/Buttons/styles/mixins/properties/secondary-color.scss +72 -72
  31. package/dist/scss/ui/Buttons/styles/mixins/properties/secondary-gray.scss +90 -90
  32. package/dist/scss/ui/Buttons/styles/mixins/properties/small.scss +28 -28
  33. package/dist/scss/ui/Buttons/styles/mixins/properties/tab-active.scss +51 -51
  34. package/dist/scss/ui/Buttons/styles/mixins/properties/tab.scss +51 -51
  35. package/dist/scss/ui/Buttons/styles/mixins/properties/tertiary-color.scss +82 -82
  36. package/dist/scss/ui/Buttons/styles/mixins/properties/tertiary-gray.scss +42 -42
  37. package/dist/scss/ui/Buttons/styles/mixins/properties/tertiary-white.scss +83 -83
  38. package/dist/scss/ui/Buttons/styles/mixins/properties/ultra.scss +28 -28
  39. package/dist/scss/ui/Buttons/styles/mixins/properties/warning-link-color.scss +44 -44
  40. package/dist/scss/ui/Buttons/styles/mixins/properties/warning-primary.scss +36 -36
  41. package/dist/scss/ui/Buttons/styles/mixins/properties/warning-secondary-color.scss +40 -40
  42. package/dist/scss/ui/CheckboxMark/styles/mixins/base.scss +30 -30
  43. package/dist/scss/ui/CheckboxMark/styles/mixins/checkbox-mark.scss +95 -95
  44. package/dist/scss/ui/CheckboxMark/styles/mixins/index.scss +2 -2
  45. package/dist/scss/ui/CheckboxMark/styles/mixins/properties/checkbox.scss +2 -2
  46. package/dist/scss/ui/CheckboxMark/styles/mixins/properties/checked.scss +21 -21
  47. package/dist/scss/ui/CheckboxMark/styles/mixins/properties/correct.scss +48 -48
  48. package/dist/scss/ui/CheckboxMark/styles/mixins/properties/disabled.scss +28 -28
  49. package/dist/scss/ui/CheckboxMark/styles/mixins/properties/error.scss +23 -23
  50. package/dist/scss/ui/CheckboxMark/styles/mixins/properties/incorrect.scss +48 -48
  51. package/dist/scss/ui/CheckboxMark/styles/mixins/properties/indeterminate.scss +18 -18
  52. package/dist/scss/ui/CheckboxMark/styles/mixins/properties/index.scss +7 -7
  53. package/dist/scss/ui/CheckboxMark/styles/mixins/properties/radio.scss +14 -14
  54. package/dist/scss/ui/FormBuilder/styles/CustomFields/CustomInputField/CustomInput.scss +125 -125
  55. package/dist/scss/ui/FormBuilder/styles/CustomFields/CustomInputField/CustomInputField.scss +32 -32
  56. package/dist/scss/ui/FormBuilder/styles/CustomFields/CustomInputField/CustomTextareaInput.scss +29 -29
  57. package/dist/scss/ui/FormBuilder/styles/CustomFields/CustomInputField/index.scss +1 -1
  58. package/dist/scss/ui/FormBuilder/styles/CustomFields/CustomInputWrapper/CustomInputWrapper.scss +54 -54
  59. package/dist/scss/ui/FormBuilder/styles/CustomFields/CustomInputWrapper/config.scss +4 -4
  60. package/dist/scss/ui/FormBuilder/styles/CustomFields/CustomOptionsInput/index.scss +47 -47
  61. package/dist/scss/ui/FormBuilder/styles/CustomFields/CustomSelectField/CustomSelectField.scss +53 -53
  62. package/dist/scss/ui/FormBuilder/styles/CustomFields/CustomSelectField/CustomSelectFieldOption.scss +50 -50
  63. package/dist/scss/ui/FormBuilder/styles/CustomFields/CustomSelectField/CustomSelectFieldViewField.scss +27 -27
  64. package/dist/scss/ui/FormBuilder/styles/CustomFields/CustomSwitchersField/CustomSwitchersField.scss +16 -16
  65. package/dist/scss/ui/FormBuilder/styles/CustomFields/CustomSwitchersField/components/option.scss +33 -33
  66. package/dist/scss/ui/FormBuilder/styles/CustomFields/index.scss +4 -4
  67. package/dist/scss/ui/InputFields/FlexField/styles/mixins/flexField.scss +150 -150
  68. package/dist/scss/ui/InputFields/InputFieldWrapper/styles/mixins/inputFieldWrapper.scss +49 -49
  69. package/dist/scss/ui/MicroButton/styles/mixins/base-button.scss +17 -17
  70. package/dist/scss/ui/MicroButton/styles/mixins/index.scss +1 -1
  71. package/dist/scss/ui/MicroButton/styles/mixins/micro-button.scss +68 -68
  72. package/dist/scss/ui/MicroButton/styles/mixins/properties/blue-light.scss +18 -18
  73. package/dist/scss/ui/MicroButton/styles/mixins/properties/color-fill.scss +20 -20
  74. package/dist/scss/ui/MicroButton/styles/mixins/properties/color-hover.scss +20 -20
  75. package/dist/scss/ui/MicroButton/styles/mixins/properties/color.scss +20 -20
  76. package/dist/scss/ui/MicroButton/styles/mixins/properties/dark.scss +18 -18
  77. package/dist/scss/ui/MicroButton/styles/mixins/properties/gray-fill.scss +20 -20
  78. package/dist/scss/ui/MicroButton/styles/mixins/properties/gray.scss +20 -20
  79. package/dist/scss/ui/MicroButton/styles/mixins/properties/index.scss +17 -17
  80. package/dist/scss/ui/MicroButton/styles/mixins/properties/light.scss +20 -20
  81. package/dist/scss/ui/MicroButton/styles/mixins/properties/red-fill.scss +20 -20
  82. package/dist/scss/ui/MicroButton/styles/mixins/properties/red-hover.scss +20 -20
  83. package/dist/scss/ui/MicroButton/styles/mixins/properties/rose.scss +20 -20
  84. package/dist/scss/ui/MicroButton/styles/mixins/properties/size-14.scss +11 -11
  85. package/dist/scss/ui/MicroButton/styles/mixins/properties/size-16.scss +11 -11
  86. package/dist/scss/ui/MicroButton/styles/mixins/properties/size-20.scss +11 -11
  87. package/dist/scss/ui/MicroButton/styles/mixins/properties/size-24.scss +11 -11
  88. package/dist/scss/ui/MicroButton/styles/mixins/properties/size-28.scss +11 -11
  89. package/dist/scss/ui/Tag/styles/properties/active.scss +15 -15
  90. package/dist/scss/ui/Tag/styles/properties/base.scss +33 -33
  91. package/dist/scss/ui/Tag/styles/properties/clicked.scss +2 -2
  92. package/dist/scss/ui/Tag/styles/properties/hover.scss +4 -4
  93. package/dist/scss/ui/Tag/styles/properties/index.scss +6 -6
  94. package/dist/scss/ui/Tag/styles/properties/large.scss +18 -18
  95. package/dist/scss/ui/Tag/styles/properties/medium.scss +18 -18
  96. package/dist/scss/ui/Tag/styles/properties/small.scss +18 -18
  97. package/dist/scss/ui/ToggleBase/styles/mixins/active.scss +12 -12
  98. package/dist/scss/ui/ToggleBase/styles/mixins/base-button.scss +8 -8
  99. package/dist/scss/ui/ToggleBase/styles/mixins/base.scss +13 -13
  100. package/dist/scss/ui/ToggleBase/styles/mixins/disabled.scss +5 -5
  101. package/dist/scss/ui/ToggleBase/styles/mixins/error.scss +6 -6
  102. package/dist/scss/ui/ToggleBase/styles/mixins/hover.scss +22 -22
  103. package/dist/scss/ui/ToggleBase/styles/mixins/index.scss +8 -8
  104. package/dist/scss/ui/ToggleBase/styles/mixins/large.scss +8 -8
  105. package/dist/scss/ui/ToggleBase/styles/mixins/medium.scss +8 -8
  106. package/dist/scss/ui/ToggleBase/styles/mixins/spacer.scss +4 -4
  107. package/dist/scss/ui/formFields/FormFieldWrapper/styles/mixins/inputFieldWrapper.scss +49 -49
  108. package/dist/types/src/hooks/forms/types/scheme.d.ts +2 -2
  109. package/dist/types/src/hooks/forms/useForm.d.ts +2 -2
  110. package/dist/types/src/test/App.d.ts +1 -1
  111. package/dist/types/src/test/layout/PageLayout.d.ts +1 -1
  112. package/dist/types/src/test/pages/ButtonsPage.d.ts +1 -1
  113. package/dist/types/src/test/pages/CascadeSelectorPage.d.ts +1 -1
  114. package/dist/types/src/test/pages/CheckboxMarkPage.d.ts +1 -1
  115. package/dist/types/src/test/pages/CheckboxPage.d.ts +1 -1
  116. package/dist/types/src/test/pages/DateTimeFieldMaskPage.d.ts +1 -1
  117. package/dist/types/src/test/pages/DateTimeFieldsPage.d.ts +1 -1
  118. package/dist/types/src/test/pages/DateTimePickerPage.d.ts +1 -1
  119. package/dist/types/src/test/pages/DropdownItemPage.d.ts +1 -1
  120. package/dist/types/src/test/pages/FieldsPage.d.ts +1 -1
  121. package/dist/types/src/test/pages/FormBuilderPage.d.ts +1 -1
  122. package/dist/types/src/test/pages/FormPage.d.ts +1 -1
  123. package/dist/types/src/test/pages/HomePage.d.ts +1 -1
  124. package/dist/types/src/test/pages/LoadingIndicatorPage.d.ts +1 -1
  125. package/dist/types/src/test/pages/MediaPlayerPage.d.ts +1 -1
  126. package/dist/types/src/test/pages/MicroButtonsPage.d.ts +1 -1
  127. package/dist/types/src/test/pages/ModalsPage.d.ts +1 -1
  128. package/dist/types/src/test/pages/PaginationPage.d.ts +1 -1
  129. package/dist/types/src/test/pages/SlideTransitionPage.d.ts +1 -1
  130. package/dist/types/src/test/pages/TabFramePage.d.ts +1 -1
  131. package/dist/types/src/test/pages/TagPage.d.ts +1 -1
  132. package/dist/types/src/test/pages/TestPage.d.ts +1 -1
  133. package/dist/types/src/test/pages/ToggleBasePage.d.ts +1 -1
  134. package/dist/types/src/test/pages/TogglePage.d.ts +1 -1
  135. package/dist/types/src/test/pages/TooltipTage.d.ts +1 -1
  136. package/dist/types/src/test/pages/UiAnimationsPage.d.ts +1 -1
  137. package/dist/types/src/test/pages/UseSmartPositionPage.d.ts +1 -1
  138. package/dist/types/src/test/pages/UseSmartScrollPage.d.ts +1 -1
  139. package/dist/types/src/test/pages/UserPickPage.d.ts +1 -1
  140. package/dist/types/src/types/mixins.d.ts +2 -2
  141. package/dist/types/src/ui/Carousel/ui/Carousel.d.ts +1 -1
  142. package/dist/types/src/ui/CascadeSelector/ui/CascadeSelector.d.ts +1 -1
  143. package/dist/types/src/ui/DateTimePicker/ui/components/CalendarButton.d.ts +1 -1
  144. package/dist/types/src/ui/DateTimePicker/ui/components/CalendarDay.d.ts +1 -1
  145. package/dist/types/src/ui/DateTimePicker/ui/components/CalendarMonth.d.ts +1 -1
  146. package/dist/types/src/ui/DateTimePicker/ui/components/CalendarYear.d.ts +1 -1
  147. package/dist/types/src/ui/DateTimePicker/ui/components/TimePickerFeed.d.ts +1 -1
  148. package/dist/types/src/ui/DateTimePicker/ui/components/TimePickerTag.d.ts +1 -1
  149. package/dist/types/src/ui/DateTimePicker/ui/parts/Footer.d.ts +1 -1
  150. package/dist/types/src/ui/DateTimePicker/ui/parts/Header.d.ts +1 -1
  151. package/dist/types/src/ui/DateTimePicker/ui/parts/Main.d.ts +1 -1
  152. package/dist/types/src/ui/DateTimePicker/ui/pickers/DatePicker.d.ts +1 -1
  153. package/dist/types/src/ui/DateTimePicker/ui/pickers/MonthPicker.d.ts +1 -1
  154. package/dist/types/src/ui/DateTimePicker/ui/pickers/TimePicker.d.ts +1 -1
  155. package/dist/types/src/ui/DateTimePicker/ui/pickers/YearPicker.d.ts +1 -1
  156. package/dist/types/src/ui/FormBuilder/lib/formBuilder.d.ts +1 -1
  157. package/dist/types/src/ui/InputFields/DateTimeField/ui/DateField.d.ts +1 -1
  158. package/dist/types/src/ui/InputFields/DateTimeField/ui/DateFieldBase.d.ts +1 -1
  159. package/dist/types/src/ui/InputFields/DateTimeField/ui/DateTimeField.d.ts +1 -1
  160. package/dist/types/src/ui/InputFields/DateTimeField/ui/TimeField.d.ts +1 -1
  161. package/dist/types/src/ui/InputFields/DateTimeField/ui/TimeFieldBase.d.ts +1 -1
  162. package/dist/types/src/ui/InputFields/DateTimeFieldMask/ui/DateTimeFieldMask.d.ts +1 -1
  163. package/dist/types/src/ui/InputFields/DateTimeRangeField/ui/DateRangeField.d.ts +1 -1
  164. package/dist/types/src/ui/InputFields/DateTimeRangeField/ui/DateTimeRangeField.d.ts +1 -1
  165. package/dist/types/src/ui/InputFields/DateTimeRangeField/ui/TimeRangeField.d.ts +1 -1
  166. package/dist/types/src/ui/InputFields/TextareaField/ui/TextareaField.d.ts +1 -1
  167. package/dist/types/src/ui/Loaders/types/LoadingIndicatorTypes.d.ts +1 -0
  168. package/dist/types/src/ui/Loaders/ui/LoadingIndicator.d.ts +1 -1
  169. package/dist/types/src/ui/MediaViewer/ui/components/ControlBar.d.ts +1 -1
  170. package/dist/types/src/ui/MediaViewer/ui/components/VideoProgressBar.d.ts +1 -1
  171. package/dist/types/src/ui/PaginationBar/ui/PageSwitcher.d.ts +1 -1
  172. package/dist/types/src/ui/PaginationBar/ui/PaginationBar.d.ts +1 -1
  173. package/dist/types/src/ui/PlayButton/ui/PlayButton.d.ts +1 -1
  174. package/dist/types/src/ui/SlideTransition/ui/SlideTransition.d.ts +1 -1
  175. package/dist/types/src/ui/TabButtons/ui/TabButtons.d.ts +1 -1
  176. package/dist/types/src/ui/TabFrame/ui/TabFrame.d.ts +1 -1
  177. package/dist/types/src/ui/Tag/ui/Tag.d.ts +1 -1
  178. package/dist/types/src/ui/Tag/ui/TagCheckbox.d.ts +1 -1
  179. package/dist/types/src/ui/Tag/ui/TagCount.d.ts +1 -1
  180. package/dist/types/src/ui/Toggle/ui/Toggle.d.ts +1 -1
  181. package/dist/types/src/ui/Tooltip/ui/Tooltip.d.ts +1 -1
  182. package/dist/types/src/ui/UserPick/ui/UserPick.d.ts +1 -1
  183. package/dist/types/src/ui/formFields/FormRadioField/ui/FieldItem.d.ts +1 -1
  184. package/dist/types/src/ui/formFields/FormRadioField/ui/FormRadioField.d.ts +1 -1
  185. package/dist/types/src/ui/formFields/FormSelectField/ui/FormSelectFieldBase.d.ts +1 -1
  186. package/dist/types/src/ui/formFields/FormTextareaField/ui/FormTextareaField.d.ts +1 -1
  187. package/dist/types/src/ui/formFields/extends/ui/DropdownArrow.d.ts +1 -1
  188. package/dist/types/src/ui/formFields/extends/ui/InputInnerButton.d.ts +1 -1
  189. package/docs/CSSVariables/CSSVariables.md +62 -62
  190. package/docs/CSSVariables/CSSVariablesCalifornia.md +61 -61
  191. package/docs/ForDev.md +106 -106
  192. package/docs/FormBuilderDocs.md +204 -204
  193. package/docs/Notes.md +189 -189
  194. package/docs/SCSSVariables.md +28 -28
  195. package/package.json +1 -1
@@ -1,19 +1,19 @@
1
- @use '../../../../../styles' as *;
2
-
3
- @mixin blue-light() {
4
- background: none;
5
- border: 1px solid transparent;
6
- @include modify-svg($stroke: var(--primary-50));
7
-
8
- @include tablet-plus {
9
- &:not(&:disabled):hover {
10
- @include modify-svg($stroke: var(--primary-200));
11
- }
12
- }
13
-
14
- @include tablet {
15
- &:active {
16
- @include modify-svg($stroke: var(--primary-200));
17
- }
18
- }
1
+ @use '../../../../../styles' as *;
2
+
3
+ @mixin blue-light() {
4
+ background: none;
5
+ border: 1px solid transparent;
6
+ @include modify-svg($stroke: var(--primary-50));
7
+
8
+ @include tablet-plus {
9
+ &:not(&:disabled):hover {
10
+ @include modify-svg($stroke: var(--primary-200));
11
+ }
12
+ }
13
+
14
+ @include tablet {
15
+ &:active {
16
+ @include modify-svg($stroke: var(--primary-200));
17
+ }
18
+ }
19
19
  }
@@ -1,21 +1,21 @@
1
- @use '../../../../../styles' as *;
2
-
3
- @mixin color-fill() {
4
- background: var(--base-white);
5
- border: 1px solid var(--primary-200);
6
- @include modify-svg($stroke: var(--primary-500));
7
-
8
- @include tablet-plus {
9
- &:not(&:disabled):hover {
10
- background: var(--primary-50);
11
- @include modify-svg($stroke: var(--primary-500));
12
- }
13
- }
14
-
15
- @include tablet {
16
- &:active {
17
- background: var(--primary-50);
18
- @include modify-svg($stroke: var(--primary-500));
19
- }
20
- }
1
+ @use '../../../../../styles' as *;
2
+
3
+ @mixin color-fill() {
4
+ background: var(--base-white);
5
+ border: 1px solid var(--primary-200);
6
+ @include modify-svg($stroke: var(--primary-500));
7
+
8
+ @include tablet-plus {
9
+ &:not(&:disabled):hover {
10
+ background: var(--primary-50);
11
+ @include modify-svg($stroke: var(--primary-500));
12
+ }
13
+ }
14
+
15
+ @include tablet {
16
+ &:active {
17
+ background: var(--primary-50);
18
+ @include modify-svg($stroke: var(--primary-500));
19
+ }
20
+ }
21
21
  }
@@ -1,21 +1,21 @@
1
- @use '../../../../../styles' as *;
2
-
3
- @mixin color-hover() {
4
- background: none;
5
- border: 1px solid transparent;
6
- @include modify-svg($stroke: var(--primary-400));
7
-
8
- @include tablet-plus {
9
- &:not(&:disabled):hover {
10
- background-color: var(--primary-100);
11
- @include modify-svg($stroke: var(--primary-500));
12
- }
13
- }
14
-
15
- @include tablet {
16
- &:active {
17
- background-color: var(--primary-100);
18
- @include modify-svg($stroke: var(--primary-500));
19
- }
20
- }
1
+ @use '../../../../../styles' as *;
2
+
3
+ @mixin color-hover() {
4
+ background: none;
5
+ border: 1px solid transparent;
6
+ @include modify-svg($stroke: var(--primary-400));
7
+
8
+ @include tablet-plus {
9
+ &:not(&:disabled):hover {
10
+ background-color: var(--primary-100);
11
+ @include modify-svg($stroke: var(--primary-500));
12
+ }
13
+ }
14
+
15
+ @include tablet {
16
+ &:active {
17
+ background-color: var(--primary-100);
18
+ @include modify-svg($stroke: var(--primary-500));
19
+ }
20
+ }
21
21
  }
@@ -1,21 +1,21 @@
1
- @use '../../../../../styles' as *;
2
-
3
- @mixin color() {
4
- background: none;
5
- border: 1px solid transparent;
6
- @include modify-svg($stroke: var(--primary-500));
7
-
8
- @include tablet-plus {
9
- &:not(&:disabled):hover {
10
- background-color: var(--base-white);
11
- @include modify-svg($stroke: var(--primary-600));
12
- }
13
- }
14
-
15
- @include tablet {
16
- &:active {
17
- background-color: var(--base-white);
18
- @include modify-svg($stroke: var(--primary-600));
19
- }
20
- }
1
+ @use '../../../../../styles' as *;
2
+
3
+ @mixin color() {
4
+ background: none;
5
+ border: 1px solid transparent;
6
+ @include modify-svg($stroke: var(--primary-500));
7
+
8
+ @include tablet-plus {
9
+ &:not(&:disabled):hover {
10
+ background-color: var(--base-white);
11
+ @include modify-svg($stroke: var(--primary-600));
12
+ }
13
+ }
14
+
15
+ @include tablet {
16
+ &:active {
17
+ background-color: var(--base-white);
18
+ @include modify-svg($stroke: var(--primary-600));
19
+ }
20
+ }
21
21
  }
@@ -1,19 +1,19 @@
1
- @use '../../../../../styles' as *;
2
-
3
- @mixin dark() {
4
- background-color: #0C111D80;
5
- border: 1px solid transparent;
6
- @include modify-svg($stroke: var(--base-white));
7
-
8
- @include tablet-plus {
9
- &:not(&:disabled):hover {
10
- background-color: #0C111DCC;
11
- }
12
- }
13
-
14
- @include tablet {
15
- &:active {
16
- background-color: #0C111DCC;
17
- }
18
- }
1
+ @use '../../../../../styles' as *;
2
+
3
+ @mixin dark() {
4
+ background-color: #0C111D80;
5
+ border: 1px solid transparent;
6
+ @include modify-svg($stroke: var(--base-white));
7
+
8
+ @include tablet-plus {
9
+ &:not(&:disabled):hover {
10
+ background-color: #0C111DCC;
11
+ }
12
+ }
13
+
14
+ @include tablet {
15
+ &:active {
16
+ background-color: #0C111DCC;
17
+ }
18
+ }
19
19
  }
@@ -1,21 +1,21 @@
1
- @use '../../../../../styles' as *;
2
-
3
- @mixin gray-fill() {
4
- background: var(--base-white);
5
- border: 1px solid var(--gray-300);
6
- @include modify-svg($stroke: var(--gray-700));
7
-
8
- @include tablet-plus {
9
- &:not(&:disabled):hover {
10
- background: var(--gray-50);
11
- @include modify-svg($stroke: var(--gray-900));
12
- }
13
- }
14
-
15
- @include tablet {
16
- &:active {
17
- background: var(--gray-50);
18
- @include modify-svg($stroke: var(--gray-900));
19
- }
20
- }
1
+ @use '../../../../../styles' as *;
2
+
3
+ @mixin gray-fill() {
4
+ background: var(--base-white);
5
+ border: 1px solid var(--gray-300);
6
+ @include modify-svg($stroke: var(--gray-700));
7
+
8
+ @include tablet-plus {
9
+ &:not(&:disabled):hover {
10
+ background: var(--gray-50);
11
+ @include modify-svg($stroke: var(--gray-900));
12
+ }
13
+ }
14
+
15
+ @include tablet {
16
+ &:active {
17
+ background: var(--gray-50);
18
+ @include modify-svg($stroke: var(--gray-900));
19
+ }
20
+ }
21
21
  }
@@ -1,21 +1,21 @@
1
- @use '../../../../../styles' as *;
2
-
3
- @mixin gray() {
4
- background-color: transparent;
5
- border: 1px solid transparent;
6
- @include modify-svg($stroke: var(--gray-500));
7
-
8
- @include tablet-plus {
9
- &:not(&:disabled):hover {
10
- background-color: var(--base-white);
11
- @include modify-svg($stroke: var(--gray-600));
12
- }
13
- }
14
-
15
- @include tablet {
16
- &:active {
17
- background-color: var(--base-white);
18
- @include modify-svg($stroke: var(--gray-600));
19
- }
20
- }
1
+ @use '../../../../../styles' as *;
2
+
3
+ @mixin gray() {
4
+ background-color: transparent;
5
+ border: 1px solid transparent;
6
+ @include modify-svg($stroke: var(--gray-500));
7
+
8
+ @include tablet-plus {
9
+ &:not(&:disabled):hover {
10
+ background-color: var(--base-white);
11
+ @include modify-svg($stroke: var(--gray-600));
12
+ }
13
+ }
14
+
15
+ @include tablet {
16
+ &:active {
17
+ background-color: var(--base-white);
18
+ @include modify-svg($stroke: var(--gray-600));
19
+ }
20
+ }
21
21
  }
@@ -1,17 +1,17 @@
1
- @forward "rose";
2
- @forward "light";
3
- @forward "dark";
4
- @forward "color";
5
- @forward "color-fill";
6
- @forward "color-hover";
7
- @forward "gray";
8
- @forward "gray-fill";
9
- @forward "red-fill";
10
- @forward "red-hover";
11
- @forward "blue-light";
12
-
13
- @forward "size-14";
14
- @forward "size-16";
15
- @forward "size-20";
16
- @forward "size-24";
17
- @forward "size-28";
1
+ @forward "rose";
2
+ @forward "light";
3
+ @forward "dark";
4
+ @forward "color";
5
+ @forward "color-fill";
6
+ @forward "color-hover";
7
+ @forward "gray";
8
+ @forward "gray-fill";
9
+ @forward "red-fill";
10
+ @forward "red-hover";
11
+ @forward "blue-light";
12
+
13
+ @forward "size-14";
14
+ @forward "size-16";
15
+ @forward "size-20";
16
+ @forward "size-24";
17
+ @forward "size-28";
@@ -1,21 +1,21 @@
1
- @use '../../../../../styles' as *;
2
-
3
- @mixin light() {
4
- background: none;
5
- border: 1px solid transparent;
6
- @include modify-svg($stroke: var(--gray-400));
7
-
8
- @include tablet-plus {
9
- &:not(&:disabled):hover {
10
- background-color: var(--gray-200);
11
- @include modify-svg($stroke: var(--gray-600));
12
- }
13
- }
14
-
15
- @include tablet {
16
- &:active {
17
- background-color: var(--gray-200);
18
- @include modify-svg($stroke: var(--gray-600));
19
- }
20
- }
1
+ @use '../../../../../styles' as *;
2
+
3
+ @mixin light() {
4
+ background: none;
5
+ border: 1px solid transparent;
6
+ @include modify-svg($stroke: var(--gray-400));
7
+
8
+ @include tablet-plus {
9
+ &:not(&:disabled):hover {
10
+ background-color: var(--gray-200);
11
+ @include modify-svg($stroke: var(--gray-600));
12
+ }
13
+ }
14
+
15
+ @include tablet {
16
+ &:active {
17
+ background-color: var(--gray-200);
18
+ @include modify-svg($stroke: var(--gray-600));
19
+ }
20
+ }
21
21
  }
@@ -1,21 +1,21 @@
1
- @use '../../../../../styles' as *;
2
-
3
- @mixin red-fill() {
4
- background: var(--base-white);
5
- border: 1px solid var(--error-300);
6
- @include modify-svg($stroke: var(--error-500));
7
-
8
- @include tablet-plus {
9
- &:not(&:disabled):hover {
10
- background: var(--error-50);
11
- @include modify-svg($stroke: var(--error-600));
12
- }
13
- }
14
-
15
- @include tablet {
16
- &:active {
17
- background: var(--error-50);
18
- @include modify-svg($stroke: var(--error-600));
19
- }
20
- }
1
+ @use '../../../../../styles' as *;
2
+
3
+ @mixin red-fill() {
4
+ background: var(--base-white);
5
+ border: 1px solid var(--error-300);
6
+ @include modify-svg($stroke: var(--error-500));
7
+
8
+ @include tablet-plus {
9
+ &:not(&:disabled):hover {
10
+ background: var(--error-50);
11
+ @include modify-svg($stroke: var(--error-600));
12
+ }
13
+ }
14
+
15
+ @include tablet {
16
+ &:active {
17
+ background: var(--error-50);
18
+ @include modify-svg($stroke: var(--error-600));
19
+ }
20
+ }
21
21
  }
@@ -1,21 +1,21 @@
1
- @use '../../../../../styles' as *;
2
-
3
- @mixin red-hover() {
4
- background: none;
5
- border: 1px solid transparent;
6
- @include modify-svg($stroke: var(--error-400));
7
-
8
- @include tablet-plus {
9
- &:not(&:disabled):hover {
10
- background-color: var(--error-100);
11
- @include modify-svg($stroke: var(--error-500));
12
- }
13
- }
14
-
15
- @include tablet {
16
- &:active {
17
- background-color: var(--error-100);
18
- @include modify-svg($stroke: var(--error-500));
19
- }
20
- }
1
+ @use '../../../../../styles' as *;
2
+
3
+ @mixin red-hover() {
4
+ background: none;
5
+ border: 1px solid transparent;
6
+ @include modify-svg($stroke: var(--error-400));
7
+
8
+ @include tablet-plus {
9
+ &:not(&:disabled):hover {
10
+ background-color: var(--error-100);
11
+ @include modify-svg($stroke: var(--error-500));
12
+ }
13
+ }
14
+
15
+ @include tablet {
16
+ &:active {
17
+ background-color: var(--error-100);
18
+ @include modify-svg($stroke: var(--error-500));
19
+ }
20
+ }
21
21
  }
@@ -1,21 +1,21 @@
1
- @use '../../../../../styles' as *;
2
-
3
- @mixin rose() {
4
- background: none;
5
- border: 1px solid transparent;
6
- @include modify-svg($stroke: var(--rose-600));
7
-
8
- @include tablet-plus {
9
- &:not(&:disabled):hover {
10
- background-color: var(--rose-900);
11
- @include modify-svg($stroke: var(--rose-500));
12
- }
13
- }
14
-
15
- @include tablet {
16
- &:active {
17
- background-color: var(--rose-900);
18
- @include modify-svg($stroke: var(--rose-500));
19
- }
20
- }
1
+ @use '../../../../../styles' as *;
2
+
3
+ @mixin rose() {
4
+ background: none;
5
+ border: 1px solid transparent;
6
+ @include modify-svg($stroke: var(--rose-600));
7
+
8
+ @include tablet-plus {
9
+ &:not(&:disabled):hover {
10
+ background-color: var(--rose-900);
11
+ @include modify-svg($stroke: var(--rose-500));
12
+ }
13
+ }
14
+
15
+ @include tablet {
16
+ &:active {
17
+ background-color: var(--rose-900);
18
+ @include modify-svg($stroke: var(--rose-500));
19
+ }
20
+ }
21
21
  }
@@ -1,12 +1,12 @@
1
- @use '../../../../../styles' as *;
2
-
3
- @mixin size-14() {
4
- border-radius: 3px;
5
- // 2 - 1 для учета border
6
- padding: 1px;
7
-
8
- @include modify-svg() {
9
- width: 10px;
10
- height: 10px;
11
- }
1
+ @use '../../../../../styles' as *;
2
+
3
+ @mixin size-14() {
4
+ border-radius: 3px;
5
+ // 2 - 1 для учета border
6
+ padding: 1px;
7
+
8
+ @include modify-svg() {
9
+ width: 10px;
10
+ height: 10px;
11
+ }
12
12
  }
@@ -1,12 +1,12 @@
1
- @use '../../../../../styles' as *;
2
-
3
- @mixin size-16() {
4
- border-radius: 3px;
5
- // 2 - 1 для учета border
6
- padding: 1px;
7
-
8
- @include modify-svg() {
9
- width: 12px;
10
- height: 12px;
11
- }
1
+ @use '../../../../../styles' as *;
2
+
3
+ @mixin size-16() {
4
+ border-radius: 3px;
5
+ // 2 - 1 для учета border
6
+ padding: 1px;
7
+
8
+ @include modify-svg() {
9
+ width: 12px;
10
+ height: 12px;
11
+ }
12
12
  }
@@ -1,12 +1,12 @@
1
- @use '../../../../../styles' as *;
2
-
3
- @mixin size-20() {
4
- border-radius: 3px;
5
- // 3 - 1 для учета border
6
- padding: 2px;
7
-
8
- @include modify-svg() {
9
- width: 14px;
10
- height: 14px;
11
- }
1
+ @use '../../../../../styles' as *;
2
+
3
+ @mixin size-20() {
4
+ border-radius: 3px;
5
+ // 3 - 1 для учета border
6
+ padding: 2px;
7
+
8
+ @include modify-svg() {
9
+ width: 14px;
10
+ height: 14px;
11
+ }
12
12
  }
@@ -1,12 +1,12 @@
1
- @use '../../../../../styles' as *;
2
-
3
- @mixin size-24() {
4
- border-radius: 4px;
5
- // 4 - 1 для учета border
6
- padding: 3px;
7
-
8
- @include modify-svg() {
9
- width: 16px;
10
- height: 16px;
11
- }
1
+ @use '../../../../../styles' as *;
2
+
3
+ @mixin size-24() {
4
+ border-radius: 4px;
5
+ // 4 - 1 для учета border
6
+ padding: 3px;
7
+
8
+ @include modify-svg() {
9
+ width: 16px;
10
+ height: 16px;
11
+ }
12
12
  }
@@ -1,12 +1,12 @@
1
- @use '../../../../../styles' as *;
2
-
3
- @mixin size-28() {
4
- border-radius: 4px;
5
- // 4 - 1 для учета border
6
- padding: 3px;
7
-
8
- @include modify-svg() {
9
- width: 20px;
10
- height: 20px;
11
- }
1
+ @use '../../../../../styles' as *;
2
+
3
+ @mixin size-28() {
4
+ border-radius: 4px;
5
+ // 4 - 1 для учета border
6
+ padding: 3px;
7
+
8
+ @include modify-svg() {
9
+ width: 20px;
10
+ height: 20px;
11
+ }
12
12
  }
@@ -1,16 +1,16 @@
1
- @use '../../../../styles' as *;
2
-
3
- @mixin active() {
4
- border: 1px solid var(--primary-200);
5
- background-color: var(--primary-50);
6
-
7
- &:hover {
8
- border: 1px solid var(--primary-300);
9
- background-color: var(--primary-100);
10
- }
11
- }
12
-
13
- @mixin active-hover() {
14
- border: 1px solid var(--primary-300);
15
- background-color: var(--primary-100);
1
+ @use '../../../../styles' as *;
2
+
3
+ @mixin active() {
4
+ border: 1px solid var(--primary-200);
5
+ background-color: var(--primary-50);
6
+
7
+ &:hover {
8
+ border: 1px solid var(--primary-300);
9
+ background-color: var(--primary-100);
10
+ }
11
+ }
12
+
13
+ @mixin active-hover() {
14
+ border: 1px solid var(--primary-300);
15
+ background-color: var(--primary-100);
16
16
  }