@itcase/ui 1.1.17 → 1.1.18

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 (160) hide show
  1. package/dist/css/components/Accordion/Accordion.css +87 -11
  2. package/dist/css/components/Avatar/Avatar.css +102 -7
  3. package/dist/css/components/Badge/Badge.css +66 -8
  4. package/dist/css/components/Button/Button.css +335 -16
  5. package/dist/css/components/Caption/Caption.css +22 -4
  6. package/dist/css/components/Card/Card.css +18 -3
  7. package/dist/css/components/Cell/Cell.css +119 -13
  8. package/dist/css/components/Checkbox/Checkbox.css +95 -5
  9. package/dist/css/components/Chips/Chips.css +59 -5
  10. package/dist/css/components/Choice/Choice.css +84 -6
  11. package/dist/css/components/Choice/css/__item/choice__item.css +0 -2
  12. package/dist/css/components/Code/Code.css +38 -6
  13. package/dist/css/components/ContextMenu/ContextMenu.css +36 -5
  14. package/dist/css/components/ContextMenu/css/__item/context-menu__item.css +0 -2
  15. package/dist/css/components/CookiesWarning/CookiesWarning.css +36 -2
  16. package/dist/css/components/DadataHintField/DadataHintField.css +36 -6
  17. package/dist/css/components/DatePicker/DatePicker.css +1175 -8
  18. package/dist/css/components/Divider/Divider.css +48 -6
  19. package/dist/css/components/Dot/Dot.css +25 -5
  20. package/dist/css/components/Drawer/Drawer.css +52 -4
  21. package/dist/css/components/Dropdown/Dropdown.css +129 -13
  22. package/dist/css/components/Flex/Flex.css +178 -17
  23. package/dist/css/components/Flex/css/__item/flex__item.css +0 -2
  24. package/dist/css/components/Flex/css/__item/flex__item_align.css +0 -2
  25. package/dist/css/components/Flex/css/__item/flex__item_direction.css +0 -2
  26. package/dist/css/components/Flex/css/__item/flex__item_grow.css +0 -2
  27. package/dist/css/components/Flex/css/__item/flex__item_justify-content.css +0 -2
  28. package/dist/css/components/Flex/css/__item/flex__item_shape.css +0 -2
  29. package/dist/css/components/Flex/css/__item/flex__item_wrap.css +0 -2
  30. package/dist/css/components/Grid/Grid.css +218 -22
  31. package/dist/css/components/Grid/css/__item/grid__item.css +0 -2
  32. package/dist/css/components/Grid/css/__item/grid__item_align-self.css +0 -2
  33. package/dist/css/components/Grid/css/__item/grid__item_column.css +0 -2
  34. package/dist/css/components/Grid/css/__item/grid__item_justify-self.css +0 -2
  35. package/dist/css/components/Grid/css/__item/grid__item_row.css +0 -2
  36. package/dist/css/components/Grid/css/__row/grid__row.css +0 -2
  37. package/dist/css/components/Group/Group.css +94 -9
  38. package/dist/css/components/HTMLContent/HTMLContent.css +98 -7
  39. package/dist/css/components/Icon/Icon.css +123 -12
  40. package/dist/css/components/Image/Image.css +132 -9
  41. package/dist/css/components/Input/Input.css +85 -6
  42. package/dist/css/components/InputMask/Input.css +77 -6
  43. package/dist/css/components/InputPassword/InputPassword.css +68 -5
  44. package/dist/css/components/Label/Label.css +83 -8
  45. package/dist/css/components/Link/Link.css +32 -5
  46. package/dist/css/components/List/List.css +112 -9
  47. package/dist/css/components/Loader/Loader.css +44 -4
  48. package/dist/css/components/Logo/Logo.css +55 -7
  49. package/dist/css/components/Menu/Menu.css +56 -6
  50. package/dist/css/components/MenuItem/MenuItem.css +81 -9
  51. package/dist/css/components/Modal/Modal.css +39 -5
  52. package/dist/css/components/Notification/Notification.css +143 -11
  53. package/dist/css/components/Notification/css/__item/notification__item_set_float.css +0 -2
  54. package/dist/css/components/Notification/css/__item/notification__item_set_form.css +0 -2
  55. package/dist/css/components/Notification/css/__item/notification__item_set_toast.css +0 -2
  56. package/dist/css/components/Notification/css/__item/notification__item_set_top.css +0 -2
  57. package/dist/css/components/Notification/css/__item/notification__item_status.css +0 -2
  58. package/dist/css/components/Notification/css/__item/notification__item_type_close-button.css +0 -2
  59. package/dist/css/components/Overlay/Overlay.css +43 -5
  60. package/dist/css/components/Page/Page.css +8 -3
  61. package/dist/css/components/Pagination/Pagination.css +107 -8
  62. package/dist/css/components/Pagination/css/__item/pagination__item.css +0 -2
  63. package/dist/css/components/Pagination/css/__item/pagination__item_state_active.css +0 -2
  64. package/dist/css/components/Pagination/css/__item/pagination__item_state_disabled.css +0 -2
  65. package/dist/css/components/Panel/Panel.css +107 -10
  66. package/dist/css/components/Radio/Radio.css +113 -6
  67. package/dist/css/components/RangeSlider/RangeSlider.css +418 -15
  68. package/dist/css/components/Response/Response.css +29 -4
  69. package/dist/css/components/SVGContent/SVGContent.css +2 -3
  70. package/dist/css/components/ScrollOnDrag/ScrollOnDrag.css +30 -2
  71. package/dist/css/components/Scrollbar/Scrollbar.css +58 -3
  72. package/dist/css/components/Search/Search.css +114 -10
  73. package/dist/css/components/Search/css/search-input/search-input.css +0 -2
  74. package/dist/css/components/Search/css/search-input/search-input_shape.css +0 -2
  75. package/dist/css/components/Search/css/search-input/search-input_size.css +0 -2
  76. package/dist/css/components/Search/css/search-result/search-result.css +0 -2
  77. package/dist/css/components/Search/css/search-result/search-result_shape.css +0 -2
  78. package/dist/css/components/Segmented/Segmented.css +117 -6
  79. package/dist/css/components/Select/Select.css +373 -22
  80. package/dist/css/components/Select/css/__control/select__control.css +0 -2
  81. package/dist/css/components/Select/css/__control/select__control_fill.css +0 -2
  82. package/dist/css/components/Select/css/__control/select__control_shape.css +0 -2
  83. package/dist/css/components/Select/css/__indicators/select__indicators.css +0 -2
  84. package/dist/css/components/Select/css/__input-container/select__input-container.css +0 -2
  85. package/dist/css/components/Select/css/__menu/select__menu-list-item_size.css +0 -2
  86. package/dist/css/components/Select/css/__menu/select__menu-notice.css +0 -2
  87. package/dist/css/components/Select/css/__menu/select__menu.css +0 -2
  88. package/dist/css/components/Select/css/__multi-value/select__multi-value.css +0 -2
  89. package/dist/css/components/Select/css/__option/select__option.css +0 -2
  90. package/dist/css/components/Select/css/__placeholder/select__placeholder.css +0 -2
  91. package/dist/css/components/Select/css/__single-value/select__single-value.css +0 -2
  92. package/dist/css/components/Select/css/__value-container/select__value-container.css +0 -2
  93. package/dist/css/components/SiteMenu/SiteMenu.css +37 -3
  94. package/dist/css/components/Swiper/Swiper.css +973 -7
  95. package/dist/css/components/Swiper/css/__item/swiper-block__item.css +0 -2
  96. package/dist/css/components/Switch/Switch.css +68 -5
  97. package/dist/css/components/Tab/Tab.css +69 -9
  98. package/dist/css/components/Text/Text.css +57 -6
  99. package/dist/css/components/Textarea/Textarea.css +40 -5
  100. package/dist/css/components/Tile/Tile.css +47 -6
  101. package/dist/css/components/Title/Title.css +59 -7
  102. package/dist/css/components/Tooltip/Tooltip.css +121 -9
  103. package/dist/css/components/Video/Video.css +37 -7
  104. package/dist/css/components/Wrapper/Wrapper.css +35 -4
  105. package/dist/css/styles/align/align.css +0 -2
  106. package/dist/css/styles/align/align_horizontal-reverse.css +0 -2
  107. package/dist/css/styles/align/align_horizontal.css +0 -2
  108. package/dist/css/styles/align/align_vertical-reverse.css +0 -2
  109. package/dist/css/styles/align/align_vertical.css +0 -2
  110. package/dist/css/styles/alignment/alignment.css +0 -2
  111. package/dist/css/styles/border-color/border-color.css +0 -2
  112. package/dist/css/styles/border-color/border-color_focus.css +0 -2
  113. package/dist/css/styles/border-color/border-color_hover.css +0 -2
  114. package/dist/css/styles/border-type/border-type.css +0 -2
  115. package/dist/css/styles/border-width/border-width.css +0 -2
  116. package/dist/css/styles/caret-color/caret-color.css +0 -2
  117. package/dist/css/styles/column-gap/column-gap.css +0 -2
  118. package/dist/css/styles/constraints/constraints.css +0 -2
  119. package/dist/css/styles/cursor/cursor.css +0 -2
  120. package/dist/css/styles/direction/direction.css +0 -2
  121. package/dist/css/styles/elevation/elevation.css +0 -2
  122. package/dist/css/styles/elevation/elevation_hover.css +0 -2
  123. package/dist/css/styles/fill/fill.css +0 -2
  124. package/dist/css/styles/fill/fill_active.css +0 -2
  125. package/dist/css/styles/fill/fill_active_hover.css +0 -2
  126. package/dist/css/styles/fill/fill_disabled.css +0 -2
  127. package/dist/css/styles/fill/fill_hover.css +0 -2
  128. package/dist/css/styles/fill-gradient/fill-gradient.css +0 -2
  129. package/dist/css/styles/flex/flex-grow.css +0 -2
  130. package/dist/css/styles/gap/gap.css +0 -2
  131. package/dist/css/styles/height/height.css +0 -2
  132. package/dist/css/styles/hover/hover-fill-color.css +0 -2
  133. package/dist/css/styles/hover/hover-item-color.css +0 -2
  134. package/dist/css/styles/hover/hover-text-color.css +0 -2
  135. package/dist/css/styles/justify-content/justify-content.css +0 -2
  136. package/dist/css/styles/mediaqueries.css +24 -2
  137. package/dist/css/styles/mixin_elevation.css +0 -2
  138. package/dist/css/styles/mixin_fill-gradient.css +0 -2
  139. package/dist/css/styles/mixin_global.css +0 -2
  140. package/dist/css/styles/opacity/opacity.css +0 -2
  141. package/dist/css/styles/placeholder-text-color/placeholder-text-color.css +0 -2
  142. package/dist/css/styles/position/position.css +0 -2
  143. package/dist/css/styles/resize-horizontal/resize-horizontal.css +0 -2
  144. package/dist/css/styles/resize-vertical/resize-vertical.css +0 -2
  145. package/dist/css/styles/row-gap/row-gap.css +0 -2
  146. package/dist/css/styles/shape/shape.css +0 -2
  147. package/dist/css/styles/svg-color/svg_fill.css +1 -2
  148. package/dist/css/styles/svg-color/svg_fill_hover.css +0 -2
  149. package/dist/css/styles/text-align/text-align.css +0 -2
  150. package/dist/css/styles/text-color/text-color.css +0 -2
  151. package/dist/css/styles/text-color/text-color_active.css +0 -2
  152. package/dist/css/styles/text-color/text-color_hover.css +0 -2
  153. package/dist/css/styles/text-decoration/text-decoration.css +0 -2
  154. package/dist/css/styles/text-gradient/text-gradient.css +0 -2
  155. package/dist/css/styles/text-style/text-style.css +0 -2
  156. package/dist/css/styles/text-truncate/text-truncate.css +0 -2
  157. package/dist/css/styles/text-weight/text-weight.css +0 -2
  158. package/dist/css/styles/width/width.css +0 -2
  159. package/dist/css/styles/word-wrap/word-wrap.css +0 -2
  160. package/package.json +5 -5
@@ -1,7 +1,51 @@
1
- @import './css/divider.css';
2
- @import './css/divider_size.css';
3
- @import './css/divider_direction.css';
4
-
1
+ .divider {
2
+ padding: 0;
3
+ margin: 0;
4
+ border: none;
5
+ }
6
+ .divider {
7
+ &_size {
8
+ @each $size in xs, s, m, l, xl {
9
+ &_$(size) {
10
+ height: var(--divider-size-$(size)-height);
11
+ }
12
+ }
13
+ }
14
+ &_direction {
15
+ &_horizontal {
16
+ &^^&_size {
17
+ @each $size in xs, s, m, l, xl {
18
+ &_$(size) {
19
+ height: var(--divider-size-$(size)-height);
20
+ }
21
+ }
22
+ }
23
+ }
24
+ &_vertical {
25
+ &^^&_size {
26
+ @each $size in xs, s, m, l, xl {
27
+ &_$(size) {
28
+ width: var(--divider-size-$(size)-width);
29
+ }
30
+ }
31
+ }
32
+ }
33
+ }
34
+ }
35
+ .divider {
36
+ &_direction {
37
+ &_horizontal {
38
+ min-width: 100%;
39
+ display: flex;
40
+ flex-direction: row;
41
+ }
42
+ &_vertical {
43
+ min-height: 100%;
44
+ display: flex;
45
+ flex-direction: column;
46
+ }
47
+ }
48
+ }
5
49
  :root {
6
50
  --divider-size-xs-height: 1px;
7
51
  --divider-size-s-height: 2px;
@@ -14,5 +58,3 @@
14
58
  --divider-size-l-width: 4px;
15
59
  --divider-size-xl-width: 5px;
16
60
  }
17
-
18
- /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0RpdmlkZXIvRGl2aWRlci5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEiLCJmaWxlIjoiRGl2aWRlci5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJAaW1wb3J0ICcuL2Nzcy9kaXZpZGVyLmNzcyc7XG5AaW1wb3J0ICcuL2Nzcy9kaXZpZGVyX3NpemUuY3NzJztcbkBpbXBvcnQgJy4vY3NzL2RpdmlkZXJfZGlyZWN0aW9uLmNzcyc7XG5cbjpyb290IHtcbiAgLS1kaXZpZGVyLXNpemUteHMtaGVpZ2h0OiAxcHg7XG4gIC0tZGl2aWRlci1zaXplLXMtaGVpZ2h0OiAycHg7XG4gIC0tZGl2aWRlci1zaXplLW0taGVpZ2h0OiAzcHg7XG4gIC0tZGl2aWRlci1zaXplLWwtaGVpZ2h0OiA0cHg7XG4gIC0tZGl2aWRlci1zaXplLXhsLWhlaWdodDogNXB4O1xuICAtLWRpdmlkZXItc2l6ZS14cy13aWR0aDogMXB4O1xuICAtLWRpdmlkZXItc2l6ZS1zLXdpZHRoOiAycHg7XG4gIC0tZGl2aWRlci1zaXplLW0td2lkdGg6IDNweDtcbiAgLS1kaXZpZGVyLXNpemUtbC13aWR0aDogNHB4O1xuICAtLWRpdmlkZXItc2l6ZS14bC13aWR0aDogNXB4O1xufVxuIl19 */
@@ -1,5 +1,25 @@
1
- @import './css/dot.css';
2
- @import './css/dot_size.css';
3
- @import './css/dot_shape.css';
4
-
5
- /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0RvdC9Eb3QuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBIiwiZmlsZSI6IkRvdC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJAaW1wb3J0ICcuL2Nzcy9kb3QuY3NzJztcbkBpbXBvcnQgJy4vY3NzL2RvdF9zaXplLmNzcyc7XG5AaW1wb3J0ICcuL2Nzcy9kb3Rfc2hhcGUuY3NzJztcbiJdfQ== */
1
+ .dot {
2
+ }
3
+ .dot {
4
+ &_size {
5
+ @each $size in s, m, l {
6
+ &_$(size) {
7
+ min-width: var(--dot-size-$(size)-width, 16px);
8
+ min-height: var(--dot-size-$(size)-height, 16px);
9
+ max-width: var(--dot-size-$(size)-width, 16px);
10
+ max-height: var(--dot-size-$(size)-height, 16px);
11
+ }
12
+ }
13
+ }
14
+ }
15
+ .dot_shape {
16
+ &_rounded {
17
+ border-radius: var(--dot-shape-rounded, 12px);
18
+ }
19
+ &_circular {
20
+ border-radius: 50%;
21
+ }
22
+ &_geometric {
23
+ border-radius: 0;
24
+ }
25
+ }
@@ -1,4 +1,52 @@
1
- @import 'react-modern-drawer/dist/index.css';
2
- @import './css/drawer.css';
3
-
4
- /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0RyYXdlci9EcmF3ZXIuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBIiwiZmlsZSI6IkRyYXdlci5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJAaW1wb3J0ICdyZWFjdC1tb2Rlcm4tZHJhd2VyL2Rpc3QvaW5kZXguY3NzJztcbkBpbXBvcnQgJy4vY3NzL2RyYXdlci5jc3MnO1xuIl19 */
1
+ .EZDrawer .EZDrawer__checkbox {
2
+ display: none;
3
+ }
4
+ .EZDrawer .EZDrawer__checkbox:checked ~ .EZDrawer__overlay {
5
+ display: block;
6
+ opacity: 1;
7
+ }
8
+ .EZDrawer .EZDrawer__checkbox:checked ~ .EZDrawer__container {
9
+ visibility: visible;
10
+ transform: translate3d(0, 0, 0) !important;
11
+ }
12
+ .EZDrawer .EZDrawer__overlay {
13
+ display: none;
14
+ height: 100vh;
15
+ left: 0;
16
+ position: fixed;
17
+ top: 0;
18
+ width: 100%;
19
+ }
20
+ .EZDrawer .EZDrawer__container {
21
+ position: fixed;
22
+ visibility: hidden;
23
+ background: white;
24
+ transition: all;
25
+ box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
26
+ }
27
+ .drawer {
28
+ overflow-y: scroll;
29
+ display: flex;
30
+ flex-flow: column nowrap;
31
+ &__overlay {
32
+ background: rgba(116, 116, 116, 0.5) !important;
33
+ opacity: 100% !important;
34
+ backdrop-filter: blur(10px) !important;
35
+ }
36
+ &__wrapper {
37
+ flex: 1;
38
+ }
39
+ &__after {
40
+ z-index: 10;
41
+ }
42
+ &_type {
43
+ &_sticky-button {
44
+ ^^&__after {
45
+ width: 100%;
46
+ position: sticky;
47
+ left: 0;
48
+ bottom: 0;
49
+ }
50
+ }
51
+ }
52
+ }
@@ -1,13 +1,129 @@
1
- @import './css/dropdown.css';
2
- @import './css/dropdown_animation.css';
3
- @import './css/dropdown_set.css';
4
- @import './css/dropdown_shape.css';
5
- @import './css/dropdown_state_close.css';
6
- @import './css/dropdown_state_open.css';
7
-
8
- @import './css/dropdown__item.css';
9
- @import './css/dropdown__item_shape.css';
10
- @import './css/dropdown__item_size.css';
11
- @import './css/dropdown__item_width.css';
12
-
13
- /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0Ryb3Bkb3duL0Ryb3Bkb3duLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSIsImZpbGUiOiJEcm9wZG93bi5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJAaW1wb3J0ICcuL2Nzcy9kcm9wZG93bi5jc3MnO1xuQGltcG9ydCAnLi9jc3MvZHJvcGRvd25fYW5pbWF0aW9uLmNzcyc7XG5AaW1wb3J0ICcuL2Nzcy9kcm9wZG93bl9zZXQuY3NzJztcbkBpbXBvcnQgJy4vY3NzL2Ryb3Bkb3duX3NoYXBlLmNzcyc7XG5AaW1wb3J0ICcuL2Nzcy9kcm9wZG93bl9zdGF0ZV9jbG9zZS5jc3MnO1xuQGltcG9ydCAnLi9jc3MvZHJvcGRvd25fc3RhdGVfb3Blbi5jc3MnO1xuXG5AaW1wb3J0ICcuL2Nzcy9kcm9wZG93bl9faXRlbS5jc3MnO1xuQGltcG9ydCAnLi9jc3MvZHJvcGRvd25fX2l0ZW1fc2hhcGUuY3NzJztcbkBpbXBvcnQgJy4vY3NzL2Ryb3Bkb3duX19pdGVtX3NpemUuY3NzJztcbkBpbXBvcnQgJy4vY3NzL2Ryb3Bkb3duX19pdGVtX3dpZHRoLmNzcyc7XG4iXX0= */
1
+ .dropdown {
2
+ position: relative;
3
+ display: flex;
4
+ }
5
+ .dropdown {
6
+ &_animation {
7
+ &_close {
8
+ ^^&__wrapper {
9
+ animation-name: dropDownAnimationClose;
10
+ }
11
+ }
12
+ &_open {
13
+ ^^&__wrapper {
14
+ animation-name: dropDownAnimationOpen;
15
+ }
16
+ }
17
+ }
18
+ }
19
+ .dropdown {
20
+ &_set {
21
+ &_default {
22
+ ^^&__wrapper {
23
+ padding: var(--dropdown-default-padding, 0);
24
+ display: flex;
25
+ flex-direction: column;
26
+ gap: var(--dropdown-default-gap, 0);
27
+ }
28
+ }
29
+ &_normal {
30
+ ^^&__wrapper {
31
+ padding: var(--dropdown-normal-padding, 12px 0);
32
+ display: flex;
33
+ flex-direction: column;
34
+ gap: var(--dropdown-normal-gap, 0);
35
+ }
36
+ }
37
+ &_compact {
38
+ ^^&__wrapper {
39
+ padding: var(--dropdown-compact-padding, 8px 0);
40
+ display: flex;
41
+ flex-direction: column;
42
+ gap: var(--dropdown-compact-gap, 0);
43
+ }
44
+ }
45
+ }
46
+ }
47
+ .dropdown {
48
+ &_shape {
49
+ &_rounded {
50
+ border-radius: var(--dropdown-shape-rounded, 12px);
51
+ ^^&__wrapper {
52
+ border-radius: var(--dropdown-shape-rounded, 12px);
53
+ overflow: hidden;
54
+ }
55
+ }
56
+ }
57
+ }
58
+ .dropdown {
59
+ &_state_close {
60
+ visibility: hidden;
61
+ opacity: 0%;
62
+ }
63
+ }
64
+ .dropdown {
65
+ &&_state_open {
66
+ visibility: visible;
67
+ opacity: 100%;
68
+ }
69
+ }
70
+ .dropdown {
71
+ &__item {
72
+ display: flex;
73
+ flex-direction: column;
74
+ justify-content: center;
75
+ align-items: center;
76
+ &-link {
77
+ display: flex;
78
+ justify-content: space-between;
79
+ align-items: center;
80
+ }
81
+ &-wrapper {
82
+ width: 100%;
83
+ display: flex;
84
+ justify-content: space-between;
85
+ align-items: center;
86
+ }
87
+ &-label {
88
+ flex-grow: 1;
89
+ }
90
+ }
91
+ }
92
+ .dropdown {
93
+ &__item {
94
+ &_shape {
95
+ &_rounded {
96
+ border-radius: var(--dropdown-item-shape-rounded, 4px);
97
+ }
98
+ }
99
+ }
100
+ }
101
+ .dropdown {
102
+ &__item {
103
+ &_size {
104
+ @each $size in xs, l {
105
+ &_$(size) {
106
+ ^^&-wrapper {
107
+ gap: var(--dropdown-item-size-$(size)-gap, 8px);
108
+ padding: var(--dropdown-item-size-$(size)-padding, 8px);
109
+ }
110
+ }
111
+ }
112
+ }
113
+ }
114
+ }
115
+ .dropdown__item {
116
+ &_width {
117
+ &_fixed {
118
+ min-width: 240px;
119
+ }
120
+ &_hug {
121
+ min-width: 62px;
122
+ display: inline-flex;
123
+ }
124
+ &_fill {
125
+ width: 100%;
126
+ max-width: none !important;
127
+ }
128
+ }
129
+ }
@@ -1,18 +1,179 @@
1
- @import './css/flex.css';
2
- @import './css/flex_align-content.css';
3
- @import './css/flex_align.css';
4
- @import './css/flex_direction.css';
5
- @import './css/flex_justify-content.css';
6
- @import './css/flex_shape.css';
7
- @import './css/flex_wrap.css';
1
+ .flex {
2
+ width: 100%;
3
+ display: flex;
4
+ &__wrapper {
5
+ width: 100%;
6
+ display: flex;
7
+ max-width: var(--max);
8
+ margin: 0 auto;
9
+ }
10
+ }
11
+ .flex {
12
+ @each $val in flex-start, flex-end, center, space-between, space-around, stretch {
13
+ &_align-content_$(val) {
14
+ & > div {
15
+ align-content: $(val);
16
+ }
17
+ }
18
+ }
19
+ }
20
+ .flex {
21
+ @each $val in stretch, flex-start, flex-end, center, baseline, auto {
22
+ &_align-self_$(val) {
23
+ & > div {
24
+ align-self: $(val);
25
+ }
26
+ }
27
+ &_align-items_$(val) {
28
+ & > div {
29
+ align-items: $(val);
30
+ }
31
+ }
32
+ }
33
+ }
34
+ .flex {
35
+ &_direction {
36
+ &_horizontal {
37
+ & > div {
38
+ flex-direction: row;
39
+ }
40
+ }
41
+ &_vertical {
42
+ & > div {
43
+ flex-direction: column;
44
+ }
45
+ }
46
+ &_horizontal-reverse {
47
+ & > div {
48
+ flex-direction: row-reverse;
49
+ }
50
+ }
51
+ &_vertical-reverse {
52
+ & > div {
53
+ flex-direction: column-reverse;
54
+ }
55
+ }
56
+ }
57
+ @each $val in row, row-reverse, column, column-reverse {
58
+ &&_direction_$(val) {
59
+ & > div {
60
+ flex-direction: $(val);
61
+ }
62
+ }
63
+ }
64
+ }
65
+ .flex {
66
+ @each $val in flex-start, flex-end, center, space-between, space-around, space-evenly, flexStart, flexEnd, center, spaceBetween, spaceAround, spaceEvenly {
67
+ &_justify-content_$(val) {
68
+ & > div {
69
+ justify-content: $(val);
70
+ }
71
+ }
72
+ }
73
+ }
74
+ .flex {
75
+ &_shape {
76
+ &_rounded {
77
+ border-radius: var(--flex-shape-rounded, 12px);
78
+ }
79
+ &_circular {
80
+ border-radius: 50%;
81
+ }
82
+ }
83
+ }
84
+ .flex {
85
+ &_wrap {
86
+ &_wrap {
87
+ ^^&__wrapper {
88
+ flex-wrap: wrap;
89
+ }
90
+ }
91
+ &_nowrap {
92
+ ^^&__wrapper {
93
+ flex-wrap: nowrap;
94
+ }
95
+ }
96
+ &_wrap-reverse {
97
+ ^^&__wrapper {
98
+ flex-wrap: wrap-reverse;
99
+ }
100
+ }
101
+ }
102
+ }
103
+ .flex {
104
+ &__item {
105
+ display: flex;
106
+ }
107
+ }
108
+ .flex {
109
+ &__item {
110
+ @each $val in stretch, flex-start, flex-end, center, baseline, auto {
111
+ &_align-self_$(val) {
112
+ align-self: $(val);
113
+ }
114
+ &_align-items_$(val) {
115
+ align-items: $(val);
116
+ }
117
+ &_align-content_$(val) {
118
+ align-content: $(val);
119
+ }
120
+ }
121
+ }
122
+ }
123
+ .flex {
124
+ &__item {
125
+ &_direction {
126
+ &_horizontal {
127
+ flex-direction: row;
128
+ }
129
+ &_vertical {
130
+ flex-direction: column;
131
+ }
132
+ @each $val in row, row-reverse, column, column-reverse {
133
+ &_$(val) {
134
+ flex-direction: $(val);
135
+ }
136
+ }
137
+ }
138
+ }
139
+ }
140
+ .flex {
141
+ &__item {
142
+ @each $val in 0, 1 {
143
+ &_grow_$(val) {
144
+ flex-grow: $(val);
145
+ }
146
+ }
147
+ }
148
+ }
149
+ .flex {
150
+ &__item {
151
+ @each $val in flex-start, flex-end, center, space-between, space-around, space-evenly {
152
+ &_justify-content_$(val) {
153
+ justify-content: $(val);
154
+ }
155
+ }
156
+ }
157
+ }
158
+ .flex {
159
+ &__item {
160
+ &_shape {
161
+ &_rounded {
162
+ border-radius: var(--flex-item-shape-rounded, 12px);
163
+ }
164
+ &_circular {
165
+ border-radius: 50%;
166
+ }
167
+ }
168
+ }
169
+ }
170
+ .flex {
171
+ &__item {
172
+ &_wrap {
173
+ &_wrap {
174
+ flex-wrap: wrap;
175
+ }
176
+ }
177
+ }
178
+ }
8
179
 
9
- @import './css/__item/flex__item.css';
10
- @import './css/__item/flex__item_align.css';
11
- @import './css/__item/flex__item_direction.css';
12
- @import './css/__item/flex__item_grow.css';
13
- @import './css/__item/flex__item_justify-content.css';
14
- @import './css/__item/flex__item_shape.css';
15
- @import './css/__item/flex__item_wrap.css';
16
-
17
-
18
- /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0ZsZXgvRmxleC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEiLCJmaWxlIjoiRmxleC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJAaW1wb3J0ICcuL2Nzcy9mbGV4LmNzcyc7XG5AaW1wb3J0ICcuL2Nzcy9mbGV4X2FsaWduLWNvbnRlbnQuY3NzJztcbkBpbXBvcnQgJy4vY3NzL2ZsZXhfYWxpZ24uY3NzJztcbkBpbXBvcnQgJy4vY3NzL2ZsZXhfZGlyZWN0aW9uLmNzcyc7XG5AaW1wb3J0ICcuL2Nzcy9mbGV4X2p1c3RpZnktY29udGVudC5jc3MnO1xuQGltcG9ydCAnLi9jc3MvZmxleF9zaGFwZS5jc3MnO1xuQGltcG9ydCAnLi9jc3MvZmxleF93cmFwLmNzcyc7XG5cbkBpbXBvcnQgJy4vY3NzL19faXRlbS9mbGV4X19pdGVtLmNzcyc7XG5AaW1wb3J0ICcuL2Nzcy9fX2l0ZW0vZmxleF9faXRlbV9hbGlnbi5jc3MnO1xuQGltcG9ydCAnLi9jc3MvX19pdGVtL2ZsZXhfX2l0ZW1fZGlyZWN0aW9uLmNzcyc7XG5AaW1wb3J0ICcuL2Nzcy9fX2l0ZW0vZmxleF9faXRlbV9ncm93LmNzcyc7XG5AaW1wb3J0ICcuL2Nzcy9fX2l0ZW0vZmxleF9faXRlbV9qdXN0aWZ5LWNvbnRlbnQuY3NzJztcbkBpbXBvcnQgJy4vY3NzL19faXRlbS9mbGV4X19pdGVtX3NoYXBlLmNzcyc7XG5AaW1wb3J0ICcuL2Nzcy9fX2l0ZW0vZmxleF9faXRlbV93cmFwLmNzcyc7XG5cbiJdfQ== */
@@ -3,5 +3,3 @@
3
3
  display: flex;
4
4
  }
5
5
  }
6
-
7
- /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0ZsZXgvY3NzL19faXRlbS9mbGV4X19pdGVtLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSIsImZpbGUiOiJmbGV4X19pdGVtLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5mbGV4IHtcbiAgJl9faXRlbSB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgfVxufVxuIl19 */
@@ -13,5 +13,3 @@
13
13
  }
14
14
  }
15
15
  }
16
-
17
- /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0ZsZXgvY3NzL19faXRlbS9mbGV4X19pdGVtX2FsaWduLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSIsImZpbGUiOiJmbGV4X19pdGVtX2FsaWduLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5mbGV4IHtcbiAgJl9faXRlbSB7XG4gICAgQGVhY2ggJHZhbCBpbiBzdHJldGNoLCBmbGV4LXN0YXJ0LCBmbGV4LWVuZCwgY2VudGVyLCBiYXNlbGluZSwgYXV0byB7XG4gICAgICAmX2FsaWduLXNlbGZfJCh2YWwpIHtcbiAgICAgICAgYWxpZ24tc2VsZjogJCh2YWwpO1xuICAgICAgfVxuICAgICAgJl9hbGlnbi1pdGVtc18kKHZhbCkge1xuICAgICAgICBhbGlnbi1pdGVtczogJCh2YWwpO1xuICAgICAgfVxuICAgICAgJl9hbGlnbi1jb250ZW50XyQodmFsKSB7XG4gICAgICAgIGFsaWduLWNvbnRlbnQ6ICQodmFsKTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbn1cbiJdfQ== */
@@ -15,5 +15,3 @@
15
15
  }
16
16
  }
17
17
  }
18
-
19
- /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0ZsZXgvY3NzL19faXRlbS9mbGV4X19pdGVtX2RpcmVjdGlvbi5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEiLCJmaWxlIjoiZmxleF9faXRlbV9kaXJlY3Rpb24uY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmZsZXgge1xuICAmX19pdGVtIHtcbiAgICAmX2RpcmVjdGlvbiB7XG4gICAgICAmX2hvcml6b250YWwge1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgICAgfVxuICAgICAgJl92ZXJ0aWNhbCB7XG4gICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICB9XG4gICAgICBAZWFjaCAkdmFsIGluIHJvdywgcm93LXJldmVyc2UsIGNvbHVtbiwgY29sdW1uLXJldmVyc2Uge1xuICAgICAgICAmXyQodmFsKSB7XG4gICAgICAgICAgZmxleC1kaXJlY3Rpb246ICQodmFsKTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgfVxufVxuIl19 */
@@ -7,5 +7,3 @@
7
7
  }
8
8
  }
9
9
  }
10
-
11
- /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0ZsZXgvY3NzL19faXRlbS9mbGV4X19pdGVtX2dyb3cuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBIiwiZmlsZSI6ImZsZXhfX2l0ZW1fZ3Jvdy5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuZmxleCB7XG4gICZfX2l0ZW0ge1xuICAgIEBlYWNoICR2YWwgaW4gMCwgMSB7XG4gICAgICAmX2dyb3dfJCh2YWwpIHtcbiAgICAgICAgZmxleC1ncm93OiAkKHZhbCk7XG4gICAgICB9XG4gICAgfVxuICB9XG59XG4iXX0= */
@@ -7,5 +7,3 @@
7
7
  }
8
8
  }
9
9
  }
10
-
11
- /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0ZsZXgvY3NzL19faXRlbS9mbGV4X19pdGVtX2p1c3RpZnktY29udGVudC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEiLCJmaWxlIjoiZmxleF9faXRlbV9qdXN0aWZ5LWNvbnRlbnQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmZsZXgge1xuICAmX19pdGVtIHtcbiAgICBAZWFjaCAkdmFsIGluIGZsZXgtc3RhcnQsIGZsZXgtZW5kLCBjZW50ZXIsIHNwYWNlLWJldHdlZW4sIHNwYWNlLWFyb3VuZCwgc3BhY2UtZXZlbmx5IHtcbiAgICAgICZfanVzdGlmeS1jb250ZW50XyQodmFsKSB7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogJCh2YWwpO1xuICAgICAgfVxuICAgIH1cbiAgfVxufVxuIl19 */
@@ -10,5 +10,3 @@
10
10
  }
11
11
  }
12
12
  }
13
-
14
- /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0ZsZXgvY3NzL19faXRlbS9mbGV4X19pdGVtX3NoYXBlLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSIsImZpbGUiOiJmbGV4X19pdGVtX3NoYXBlLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5mbGV4IHtcbiAgJl9faXRlbSB7XG4gICAgJl9zaGFwZSB7XG4gICAgICAmX3JvdW5kZWQge1xuICAgICAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1mbGV4LWl0ZW0tc2hhcGUtcm91bmRlZCwgMTJweCk7XG4gICAgICB9XG4gICAgICAmX2NpcmN1bGFyIHtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgICAgfVxuICAgIH1cbiAgfVxufVxuIl19 */
@@ -7,5 +7,3 @@
7
7
  }
8
8
  }
9
9
  }
10
-
11
- /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0ZsZXgvY3NzL19faXRlbS9mbGV4X19pdGVtX3dyYXAuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBIiwiZmlsZSI6ImZsZXhfX2l0ZW1fd3JhcC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuZmxleCB7XG4gICZfX2l0ZW0ge1xuICAgICZfd3JhcCB7XG4gICAgICAmX3dyYXAge1xuICAgICAgICBmbGV4LXdyYXA6IHdyYXA7XG4gICAgICB9XG4gICAgfVxuICB9XG59XG4iXX0= */