indicator-ui 0.1.46 → 0.1.47

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 (187) hide show
  1. package/README.md +25 -25
  2. package/dist/index.css +5 -0
  3. package/dist/index.css.map +1 -1
  4. package/dist/index.js +686 -678
  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/InputFields/index.scss +6 -6
  70. package/dist/scss/ui/MicroButton/styles/mixins/base-button.scss +17 -17
  71. package/dist/scss/ui/MicroButton/styles/mixins/index.scss +1 -1
  72. package/dist/scss/ui/MicroButton/styles/mixins/micro-button.scss +68 -68
  73. package/dist/scss/ui/MicroButton/styles/mixins/properties/blue-light.scss +18 -18
  74. package/dist/scss/ui/MicroButton/styles/mixins/properties/color-fill.scss +20 -20
  75. package/dist/scss/ui/MicroButton/styles/mixins/properties/color-hover.scss +20 -20
  76. package/dist/scss/ui/MicroButton/styles/mixins/properties/color.scss +20 -20
  77. package/dist/scss/ui/MicroButton/styles/mixins/properties/dark.scss +18 -18
  78. package/dist/scss/ui/MicroButton/styles/mixins/properties/gray-fill.scss +20 -20
  79. package/dist/scss/ui/MicroButton/styles/mixins/properties/gray.scss +20 -20
  80. package/dist/scss/ui/MicroButton/styles/mixins/properties/index.scss +17 -17
  81. package/dist/scss/ui/MicroButton/styles/mixins/properties/light.scss +20 -20
  82. package/dist/scss/ui/MicroButton/styles/mixins/properties/red-fill.scss +20 -20
  83. package/dist/scss/ui/MicroButton/styles/mixins/properties/red-hover.scss +20 -20
  84. package/dist/scss/ui/MicroButton/styles/mixins/properties/rose.scss +20 -20
  85. package/dist/scss/ui/MicroButton/styles/mixins/properties/size-14.scss +11 -11
  86. package/dist/scss/ui/MicroButton/styles/mixins/properties/size-16.scss +11 -11
  87. package/dist/scss/ui/MicroButton/styles/mixins/properties/size-20.scss +11 -11
  88. package/dist/scss/ui/MicroButton/styles/mixins/properties/size-24.scss +11 -11
  89. package/dist/scss/ui/MicroButton/styles/mixins/properties/size-28.scss +11 -11
  90. package/dist/scss/ui/Tag/styles/properties/active.scss +15 -15
  91. package/dist/scss/ui/Tag/styles/properties/base.scss +33 -33
  92. package/dist/scss/ui/Tag/styles/properties/clicked.scss +2 -2
  93. package/dist/scss/ui/Tag/styles/properties/hover.scss +4 -4
  94. package/dist/scss/ui/Tag/styles/properties/index.scss +6 -6
  95. package/dist/scss/ui/Tag/styles/properties/large.scss +18 -18
  96. package/dist/scss/ui/Tag/styles/properties/medium.scss +18 -18
  97. package/dist/scss/ui/Tag/styles/properties/small.scss +18 -18
  98. package/dist/scss/ui/ToggleBase/styles/mixins/active.scss +12 -12
  99. package/dist/scss/ui/ToggleBase/styles/mixins/base-button.scss +8 -8
  100. package/dist/scss/ui/ToggleBase/styles/mixins/base.scss +13 -13
  101. package/dist/scss/ui/ToggleBase/styles/mixins/disabled.scss +5 -5
  102. package/dist/scss/ui/ToggleBase/styles/mixins/error.scss +6 -6
  103. package/dist/scss/ui/ToggleBase/styles/mixins/hover.scss +22 -22
  104. package/dist/scss/ui/ToggleBase/styles/mixins/index.scss +8 -8
  105. package/dist/scss/ui/ToggleBase/styles/mixins/large.scss +8 -8
  106. package/dist/scss/ui/ToggleBase/styles/mixins/medium.scss +8 -8
  107. package/dist/scss/ui/ToggleBase/styles/mixins/spacer.scss +4 -4
  108. package/dist/types/src/test/App.d.ts +1 -1
  109. package/dist/types/src/test/layout/PageLayout.d.ts +1 -1
  110. package/dist/types/src/test/pages/ButtonsPage.d.ts +1 -1
  111. package/dist/types/src/test/pages/CascadeSelectorPage.d.ts +1 -1
  112. package/dist/types/src/test/pages/CheckboxMarkPage.d.ts +1 -1
  113. package/dist/types/src/test/pages/CheckboxPage.d.ts +1 -1
  114. package/dist/types/src/test/pages/DateTimeFieldMaskPage.d.ts +1 -1
  115. package/dist/types/src/test/pages/DateTimeFieldsPage.d.ts +1 -1
  116. package/dist/types/src/test/pages/DateTimePickerPage.d.ts +1 -1
  117. package/dist/types/src/test/pages/DropdownItemPage.d.ts +1 -1
  118. package/dist/types/src/test/pages/FieldsPage.d.ts +1 -1
  119. package/dist/types/src/test/pages/FormBuilderPage.d.ts +1 -1
  120. package/dist/types/src/test/pages/HomePage.d.ts +1 -1
  121. package/dist/types/src/test/pages/LoadingIndicatorPage.d.ts +1 -1
  122. package/dist/types/src/test/pages/MediaPlayerPage.d.ts +1 -1
  123. package/dist/types/src/test/pages/MicroButtonsPage.d.ts +1 -1
  124. package/dist/types/src/test/pages/ModalsPage.d.ts +1 -1
  125. package/dist/types/src/test/pages/PaginationPage.d.ts +1 -1
  126. package/dist/types/src/test/pages/SlideTransitionPage.d.ts +1 -1
  127. package/dist/types/src/test/pages/TabFramePage.d.ts +1 -1
  128. package/dist/types/src/test/pages/TagPage.d.ts +1 -1
  129. package/dist/types/src/test/pages/TestPage.d.ts +1 -1
  130. package/dist/types/src/test/pages/ToggleBasePage.d.ts +1 -1
  131. package/dist/types/src/test/pages/TogglePage.d.ts +1 -1
  132. package/dist/types/src/test/pages/TooltipTage.d.ts +1 -1
  133. package/dist/types/src/test/pages/UiAnimationsPage.d.ts +1 -1
  134. package/dist/types/src/test/pages/UseSmartPositionPage.d.ts +1 -1
  135. package/dist/types/src/test/pages/UseSmartScrollPage.d.ts +1 -1
  136. package/dist/types/src/test/pages/UserPickPage.d.ts +1 -1
  137. package/dist/types/src/ui/Carousel/ui/Carousel.d.ts +1 -1
  138. package/dist/types/src/ui/CascadeSelector/ui/CascadeSelector.d.ts +1 -1
  139. package/dist/types/src/ui/DateTimePicker/ui/components/CalendarButton.d.ts +1 -1
  140. package/dist/types/src/ui/DateTimePicker/ui/components/CalendarDay.d.ts +1 -1
  141. package/dist/types/src/ui/DateTimePicker/ui/components/CalendarMonth.d.ts +1 -1
  142. package/dist/types/src/ui/DateTimePicker/ui/components/CalendarYear.d.ts +1 -1
  143. package/dist/types/src/ui/DateTimePicker/ui/components/TimePickerFeed.d.ts +1 -1
  144. package/dist/types/src/ui/DateTimePicker/ui/components/TimePickerTag.d.ts +1 -1
  145. package/dist/types/src/ui/DateTimePicker/ui/parts/Footer.d.ts +1 -1
  146. package/dist/types/src/ui/DateTimePicker/ui/parts/Header.d.ts +1 -1
  147. package/dist/types/src/ui/DateTimePicker/ui/parts/Main.d.ts +1 -1
  148. package/dist/types/src/ui/DateTimePicker/ui/pickers/DatePicker.d.ts +1 -1
  149. package/dist/types/src/ui/DateTimePicker/ui/pickers/MonthPicker.d.ts +1 -1
  150. package/dist/types/src/ui/DateTimePicker/ui/pickers/TimePicker.d.ts +1 -1
  151. package/dist/types/src/ui/DateTimePicker/ui/pickers/YearPicker.d.ts +1 -1
  152. package/dist/types/src/ui/Dropdown/types/DropdownTypes.d.ts +5 -0
  153. package/dist/types/src/ui/DropdownItem/types/DropdownItemTypes.d.ts +5 -0
  154. package/dist/types/src/ui/FormBuilder/lib/formBuilder.d.ts +1 -1
  155. package/dist/types/src/ui/InputFields/DateTimeField/ui/DateField.d.ts +1 -1
  156. package/dist/types/src/ui/InputFields/DateTimeField/ui/DateFieldBase.d.ts +1 -1
  157. package/dist/types/src/ui/InputFields/DateTimeField/ui/DateTimeField.d.ts +1 -1
  158. package/dist/types/src/ui/InputFields/DateTimeField/ui/TimeField.d.ts +1 -1
  159. package/dist/types/src/ui/InputFields/DateTimeField/ui/TimeFieldBase.d.ts +1 -1
  160. package/dist/types/src/ui/InputFields/DateTimeFieldMask/ui/DateTimeFieldMask.d.ts +1 -1
  161. package/dist/types/src/ui/InputFields/DateTimeRangeField/ui/DateRangeField.d.ts +1 -1
  162. package/dist/types/src/ui/InputFields/DateTimeRangeField/ui/DateTimeRangeField.d.ts +1 -1
  163. package/dist/types/src/ui/InputFields/DateTimeRangeField/ui/TimeRangeField.d.ts +1 -1
  164. package/dist/types/src/ui/InputFields/SelectField/types/SelectFieldTypes.d.ts +4 -0
  165. package/dist/types/src/ui/InputFields/TextareaField/ui/TextareaField.d.ts +1 -1
  166. package/dist/types/src/ui/Loaders/ui/LoadingIndicator.d.ts +1 -1
  167. package/dist/types/src/ui/MediaViewer/ui/components/ControlBar.d.ts +1 -1
  168. package/dist/types/src/ui/MediaViewer/ui/components/VideoProgressBar.d.ts +1 -1
  169. package/dist/types/src/ui/PaginationBar/ui/PageSwitcher.d.ts +1 -1
  170. package/dist/types/src/ui/PaginationBar/ui/PaginationBar.d.ts +1 -1
  171. package/dist/types/src/ui/PlayButton/ui/PlayButton.d.ts +1 -1
  172. package/dist/types/src/ui/SlideTransition/ui/SlideTransition.d.ts +1 -1
  173. package/dist/types/src/ui/TabButtons/ui/TabButtons.d.ts +1 -1
  174. package/dist/types/src/ui/TabFrame/ui/TabFrame.d.ts +1 -1
  175. package/dist/types/src/ui/Tag/ui/Tag.d.ts +1 -1
  176. package/dist/types/src/ui/Tag/ui/TagCheckbox.d.ts +1 -1
  177. package/dist/types/src/ui/Tag/ui/TagCount.d.ts +1 -1
  178. package/dist/types/src/ui/Toggle/ui/Toggle.d.ts +1 -1
  179. package/dist/types/src/ui/Tooltip/ui/Tooltip.d.ts +1 -1
  180. package/dist/types/src/ui/UserPick/ui/UserPick.d.ts +1 -1
  181. package/docs/CSSVariables/CSSVariables.md +62 -62
  182. package/docs/CSSVariables/CSSVariablesCalifornia.md +61 -61
  183. package/docs/ForDev.md +106 -106
  184. package/docs/FormBuilderDocs.md +204 -204
  185. package/docs/Notes.md +55 -55
  186. package/docs/SCSSVariables.md +28 -28
  187. package/package.json +1 -1
package/docs/Notes.md CHANGED
@@ -1,55 +1,55 @@
1
- [🔙 Назад](../README.md)
2
-
3
- # Всякие интересные заметки
4
-
5
- ---
6
-
7
- ---
8
-
9
- ## Перетаскивание файлов на ios (на других os apple тоже наверное)
10
-
11
- У *__Apple__* есть система перетаскивания файлов (к примеру изображений).
12
-
13
- Вот так
14
-
15
- ---
16
-
17
- <img src="./assets/Notes/apple/dragImage.png" style="width:200px;padding: 20px;">
18
-
19
- ---
20
-
21
- И при правильно написанном коде должен быть такой эффект.
22
-
23
- ___
24
-
25
- <img src="./assets/Notes/apple/dragging.png" style="width:200px;padding: 20px;">
26
-
27
- ---
28
-
29
- Чтобы его получить надо навесить на элемент `dragover` слушатель и обязательно отменить ванильное поведение события.
30
-
31
-
32
- ```typescript
33
- newEl.addEventListener("dragover", e => {
34
- // Отменяем ванильное поведение события
35
- e.preventDefault()
36
- console.log('dragover')
37
- })
38
- ```
39
-
40
- ---
41
-
42
- ---
43
-
44
- ## Как дать возможность фокусироваться на элементе
45
-
46
- `TabIndex` дает возможность фокусироваться на элементе, нужно просто указать его.
47
-
48
- ---
49
-
50
- ---
51
-
52
- ## `Keydown` событие
53
-
54
- `Keydown` событие срабатывает только на сфокусированном объекте и всплывает вверх по дереву, пока не встретит слушатель.
55
- После обработки слушателем идет дальше - искать следующий (если не отменить всплытие).
1
+ [🔙 Назад](../README.md)
2
+
3
+ # Всякие интересные заметки
4
+
5
+ ---
6
+
7
+ ---
8
+
9
+ ## Перетаскивание файлов на ios (на других os apple тоже наверное)
10
+
11
+ У *__Apple__* есть система перетаскивания файлов (к примеру изображений).
12
+
13
+ Вот так
14
+
15
+ ---
16
+
17
+ <img src="./assets/Notes/apple/dragImage.png" style="width:200px;padding: 20px;">
18
+
19
+ ---
20
+
21
+ И при правильно написанном коде должен быть такой эффект.
22
+
23
+ ___
24
+
25
+ <img src="./assets/Notes/apple/dragging.png" style="width:200px;padding: 20px;">
26
+
27
+ ---
28
+
29
+ Чтобы его получить надо навесить на элемент `dragover` слушатель и обязательно отменить ванильное поведение события.
30
+
31
+
32
+ ```typescript
33
+ newEl.addEventListener("dragover", e => {
34
+ // Отменяем ванильное поведение события
35
+ e.preventDefault()
36
+ console.log('dragover')
37
+ })
38
+ ```
39
+
40
+ ---
41
+
42
+ ---
43
+
44
+ ## Как дать возможность фокусироваться на элементе
45
+
46
+ `TabIndex` дает возможность фокусироваться на элементе, нужно просто указать его.
47
+
48
+ ---
49
+
50
+ ---
51
+
52
+ ## `Keydown` событие
53
+
54
+ `Keydown` событие срабатывает только на сфокусированном объекте и всплывает вверх по дереву, пока не встретит слушатель.
55
+ После обработки слушателем идет дальше - искать следующий (если не отменить всплытие).
@@ -1,28 +1,28 @@
1
- [🔙 Назад](../README.md)
2
-
3
- ### SCSS Переменные
4
-
5
- ---
6
-
7
- #### 🚀 Для разработки
8
-
9
- Для создания цветов в библиотеке, которые будут использованы в проекте, нужно создать переменные и убедиться, что они попадут в конечный экспорт. Это несложно. Чтобы можно было переопределить переменную, добавьте `!default` после значения:
10
-
11
- ```scss
12
- $color: #fff !default;
13
- ```
14
-
15
- **Заметка**: `!default` говорит, что если переменная не была определена ранее, то будет использовано значение, указанное в данный момент (`#fff`). Если же переменная была определена выше, то будет использовано именно это значение.
16
-
17
- ---
18
-
19
- #### 🔧 При использовании
20
-
21
- Самое сложное — это переопределение значений переменных `scss`. Вот как это можно сделать по порядку:
22
-
23
- 1. Как уже было сказано, `!default` подставит новое значение, если переменная не была определена раньше. Поэтому нужно указать это до использования миксинов или импорта.
24
-
25
- 2. Можно создать отдельный файл, где будут переопределены переменные, а затем импортировать его везде, где это нужно.
26
-
27
- 3. Возможно, придет мысль импортировать файл в условный `global.scss` и использовать переменные без дополнительного импорта. Но это **не работает** (по крайней мере у автора, но стоит учитывать, что автор тупой), скорее всего потому, что в итоговом CSS файл `global.scss` находится ниже, чем остальные стили.
28
-
1
+ [🔙 Назад](../README.md)
2
+
3
+ ### SCSS Переменные
4
+
5
+ ---
6
+
7
+ #### 🚀 Для разработки
8
+
9
+ Для создания цветов в библиотеке, которые будут использованы в проекте, нужно создать переменные и убедиться, что они попадут в конечный экспорт. Это несложно. Чтобы можно было переопределить переменную, добавьте `!default` после значения:
10
+
11
+ ```scss
12
+ $color: #fff !default;
13
+ ```
14
+
15
+ **Заметка**: `!default` говорит, что если переменная не была определена ранее, то будет использовано значение, указанное в данный момент (`#fff`). Если же переменная была определена выше, то будет использовано именно это значение.
16
+
17
+ ---
18
+
19
+ #### 🔧 При использовании
20
+
21
+ Самое сложное — это переопределение значений переменных `scss`. Вот как это можно сделать по порядку:
22
+
23
+ 1. Как уже было сказано, `!default` подставит новое значение, если переменная не была определена раньше. Поэтому нужно указать это до использования миксинов или импорта.
24
+
25
+ 2. Можно создать отдельный файл, где будут переопределены переменные, а затем импортировать его везде, где это нужно.
26
+
27
+ 3. Возможно, придет мысль импортировать файл в условный `global.scss` и использовать переменные без дополнительного импорта. Но это **не работает** (по крайней мере у автора, но стоит учитывать, что автор тупой), скорее всего потому, что в итоговом CSS файл `global.scss` находится ниже, чем остальные стили.
28
+
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "indicator-ui",
3
- "version": "0.1.46",
3
+ "version": "0.1.47",
4
4
  "main": "dist/index.js",
5
5
  "types": "dist/types/src/index.d.ts",
6
6
  "style": "dist/index.css",