@steroidsjs/bootstrap 3.0.0-beta.86 → 3.0.0-beta.88

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 (68) hide show
  1. package/content/Accordion/AccordionItemView.scss +6 -6
  2. package/content/Alert/AlertView.scss +15 -15
  3. package/content/Avatar/AvatarView.scss +11 -11
  4. package/content/Badge/BadgeView.scss +20 -20
  5. package/content/Calendar/CalendarView.scss +24 -24
  6. package/content/Calendar/CaptionElement.scss +12 -12
  7. package/content/Card/CardView.scss +10 -10
  8. package/content/Detail/DetailView.scss +12 -12
  9. package/content/DropDown/DropDownView.scss +3 -3
  10. package/content/Menu/MenuItemView.scss +4 -4
  11. package/content/Menu/MenuView.scss +3 -3
  12. package/form/AutoCompleteField/AutoCompleteFieldView.scss +34 -34
  13. package/form/Button/ButtonView.scss +24 -24
  14. package/form/CheckboxField/CheckboxFieldView.scss +24 -24
  15. package/form/DateField/DateFieldView.scss +2 -2
  16. package/form/DateRangeField/DateRangeFieldView.scss +2 -2
  17. package/form/DateTimeField/DateTimeFieldView.scss +2 -2
  18. package/form/DateTimeRangeField/DateTimeRangeFieldView.scss +2 -2
  19. package/form/DropDownField/DropDownFieldView.scss +44 -44
  20. package/form/DropDownFieldItem/DropDownFieldItemView.scss +12 -12
  21. package/form/FieldLayout/FieldLayoutView.scss +26 -26
  22. package/form/FieldList/FieldListItemView.scss +2 -2
  23. package/form/FieldList/FieldListView.scss +9 -9
  24. package/form/FieldSet/FieldSetView.scss +2 -2
  25. package/form/FileField/FileFieldItemView.scss +17 -17
  26. package/form/FileField/FileFieldView.scss +2 -2
  27. package/form/ImageField/ImageFieldView.scss +2 -2
  28. package/form/InputField/InputFieldView.scss +32 -32
  29. package/form/NumberField/NumberFieldView.scss +22 -22
  30. package/form/PasswordField/PasswordFieldView.js +1 -1
  31. package/form/PasswordField/PasswordFieldView.scss +21 -21
  32. package/form/RadioField/RadioFieldView.scss +25 -25
  33. package/form/RateField/RateFieldView.scss +9 -9
  34. package/form/SliderField/SliderFieldView.scss +16 -16
  35. package/form/SwitcherField/SwitcherFieldView.scss +18 -18
  36. package/form/TextField/TextFieldView.scss +21 -21
  37. package/form/TimeField/TimeFieldView.scss +2 -2
  38. package/form/TimeField/TimePanelView.scss +11 -11
  39. package/form/TimeRangeField/TimeRangeFieldView.scss +2 -2
  40. package/layout/Header/HeaderView.scss +14 -14
  41. package/layout/Loader/LoaderView.scss +2 -2
  42. package/layout/ProgressBar/CircleProgressBarView.scss +8 -8
  43. package/layout/ProgressBar/LineProgressBarView.scss +9 -9
  44. package/layout/Sidebar/FooterIcons/FooterIcons.scss +1 -1
  45. package/layout/Sidebar/SidebarLogo/SidebarLogo.scss +7 -7
  46. package/layout/Sidebar/SidebarUser/SidebarUser.scss +5 -5
  47. package/layout/Sidebar/SidebarView.scss +8 -8
  48. package/layout/Skeleton/SkeletonView.scss +6 -6
  49. package/layout/Tooltip/TooltipView.scss +2 -2
  50. package/list/Empty/EmptyView.scss +2 -2
  51. package/list/FlexGrid/FlexGridView.scss +4 -4
  52. package/list/Grid/GridView.scss +14 -14
  53. package/list/Grid/views/ContentColumnView/ContentColumnView.scss +8 -8
  54. package/list/Grid/views/DiagramColumnView/DiagramColumnView.scss +12 -12
  55. package/list/List/ListView.scss +2 -2
  56. package/list/Pagination/PaginationButtonView.scss +14 -14
  57. package/list/Steps/StepItemView.scss +13 -13
  58. package/list/Steps/StepsView.scss +2 -2
  59. package/modal/Modal/ModalView.scss +12 -12
  60. package/nav/Breadcrubms/BreadcrumbsView.scss +5 -5
  61. package/nav/ButtonGroup/ButtonGroupView.scss +4 -4
  62. package/nav/Nav/NavBarView.scss +4 -4
  63. package/nav/Nav/NavIconView.scss +5 -5
  64. package/nav/Nav/NavTabsView.scss +8 -8
  65. package/nav/Tree/TreeView.scss +6 -6
  66. package/package.json +1 -1
  67. package/typography/Text/TextView.scss +4 -4
  68. package/typography/Title/TitleView.scss +4 -4
package/nav/Breadcrubms/BreadcrumbsView.scss CHANGED
@@ -1,4 +1,4 @@
1
- @use "../../scss/variables" as vars;
1
+ @use "../../scss/variables";
2
2
 
3
3
  :root {
4
4
  --last-link-color: rgba(0, 0, 0, 0.3);;
@@ -19,11 +19,11 @@ $last-link-color: var(--last-link-color);
19
19
  display: flex;
20
20
 
21
21
  svg {
22
- stroke: vars.$link-color;
22
+ stroke: variables.$link-color;
23
23
  }
24
24
 
25
25
  svg:hover {
26
- stroke: vars.$link-color-hover;
26
+ stroke: variables.$link-color-hover;
27
27
  }
28
28
 
29
29
  svg path, svg circle {
@@ -52,7 +52,7 @@ $last-link-color: var(--last-link-color);
52
52
  content: $breadcrumb-item-separator;
53
53
  display: inline-block;
54
54
  margin: 0 8px;
55
- color: vars.$link-color;
55
+ color: variables.$link-color;
56
56
  }
57
57
 
58
58
  span {
@@ -61,7 +61,7 @@ $last-link-color: var(--last-link-color);
61
61
  }
62
62
 
63
63
  span:hover {
64
- color: vars.$link-color-hover;
64
+ color: variables.$link-color-hover;
65
65
  }
66
66
  }
67
67
  }
package/nav/ButtonGroup/ButtonGroupView.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  @use "sass:map";
2
- @use "../../scss/variables" as vars;
2
+ @use "../../scss/variables";
3
3
 
4
4
  :root {
5
5
  --button-group-background: #DBE2E6;
@@ -48,13 +48,13 @@ $button-group-separator-color: var(--button-group-separator-color);
48
48
  &_default {
49
49
  background-color: transparent;
50
50
  border-color: transparent;
51
- color: vars.$text-color;
52
- transition: opacity vars.$transition-duration ease-in-out;
51
+ color: variables.$text-color;
52
+ transition: opacity variables.$transition-duration ease-in-out;
53
53
 
54
54
  &:hover {
55
55
  background-color: transparent;
56
56
  border-color: transparent;
57
- color: vars.$text-color;
57
+ color: variables.$text-color;
58
58
  opacity: 0.7;
59
59
  }
60
60
 
package/nav/Nav/NavBarView.scss CHANGED
@@ -1,10 +1,10 @@
1
- @use "../../scss/variables" as vars;
1
+ @use "../../scss/variables";
2
2
  @use '../../scss/mixins';
3
3
 
4
4
  .NavBarView {
5
5
  $root: &;
6
6
 
7
- color: vars.$text-color;
7
+ color: variables.$text-color;
8
8
 
9
9
  &__list {
10
10
  display: flex;
@@ -13,13 +13,13 @@
13
13
 
14
14
  &-item {
15
15
  .ButtonView__text {
16
- color: vars.$element-placeholder-color;
16
+ color: variables.$element-placeholder-color;
17
17
  }
18
18
 
19
19
 
20
20
  &_active {
21
21
  .ButtonView__text {
22
- color: vars.$white;
22
+ color: variables.$white;
23
23
  }
24
24
  }
25
25
 
package/nav/Nav/NavIconView.scss CHANGED
@@ -1,4 +1,4 @@
1
- @use "../../scss/variables" as vars;
1
+ @use "../../scss/variables";
2
2
 
3
3
  .NavIconView {
4
4
  &__list {
@@ -11,19 +11,19 @@
11
11
  display: flex;
12
12
  flex-flow: column nowrap;
13
13
  align-items: center;
14
- color: vars.$text-color;
14
+ color: variables.$text-color;
15
15
  column-gap: 8px;
16
16
 
17
17
  .ButtonView__text {
18
- color: vars.$text-color;
18
+ color: variables.$text-color;
19
19
  }
20
20
 
21
21
  &_disabled .ButtonView_disabled .ButtonView__link:hover .ButtonView__text {
22
- color: vars.$element-placeholder-color-disabled;
22
+ color: variables.$element-placeholder-color-disabled;
23
23
  }
24
24
 
25
25
  &_disabled .ButtonView_disabled .ButtonView__link .ButtonView__text {
26
- color: vars.$element-placeholder-color-disabled;
26
+ color: variables.$element-placeholder-color-disabled;
27
27
  }
28
28
 
29
29
  &-nested {
package/nav/Nav/NavTabsView.scss CHANGED
@@ -1,38 +1,38 @@
1
- @use "../../scss/variables" as vars;
1
+ @use "../../scss/variables";
2
2
  @use '../../scss/mixins';
3
3
 
4
4
  .NavTabsView {
5
5
  $root: &;
6
6
 
7
- color: vars.$text-color;
7
+ color: variables.$text-color;
8
8
 
9
9
  &__list {
10
10
  display: inline-flex;
11
11
  flex-flow: row nowrap;
12
12
  align-items: center;
13
13
 
14
- border-bottom: 1px solid vars.$element-border-color;
14
+ border-bottom: 1px solid variables.$element-border-color;
15
15
 
16
16
  &-item {
17
17
  .ButtonView__text {
18
- color: vars.$element-placeholder-color;
18
+ color: variables.$element-placeholder-color;
19
19
  }
20
20
 
21
21
  &_active {
22
22
  .ButtonView__text {
23
- color: vars.$white;
23
+ color: variables.$white;
24
24
  }
25
25
 
26
26
  .ButtonView {
27
27
  &_size {
28
28
  &_sm {
29
- border-radius: vars.$radius-small vars.$radius-small 0 0;
29
+ border-radius: variables.$radius-small variables.$radius-small 0 0;
30
30
  }
31
31
  &_md {
32
- border-radius: vars.$radius-large vars.$radius-large 0 0;
32
+ border-radius: variables.$radius-large variables.$radius-large 0 0;
33
33
  }
34
34
  &_lg {
35
- border-radius: vars.$radius-large vars.$radius-large 0 0;
35
+ border-radius: variables.$radius-large variables.$radius-large 0 0;
36
36
  }
37
37
  }
38
38
  }
package/nav/Tree/TreeView.scss CHANGED
@@ -1,4 +1,4 @@
1
- @use "../../scss/variables" as vars;
1
+ @use "../../scss/variables";
2
2
 
3
3
  .TreeView {
4
4
  list-style: none;
@@ -20,11 +20,11 @@
20
20
  display: flex;
21
21
  flex-direction: row;
22
22
  justify-content: flex-start;
23
- background-color: vars.$background-color;
23
+ background-color: variables.$background-color;
24
24
 
25
25
  .ButtonView__link {
26
26
  .ButtonView__text {
27
- color: vars.$text-color;
27
+ color: variables.$text-color;
28
28
  }
29
29
  }
30
30
 
@@ -39,10 +39,10 @@
39
39
  }
40
40
  }
41
41
  &__item_selected &__item-label {
42
- background-color: vars.$secondary;
42
+ background-color: variables.$secondary;
43
43
  &,
44
44
  &::before {
45
- color: vars.$text-color;
45
+ color: variables.$text-color;
46
46
  }
47
47
  }
48
48
  &__item-label::before {
@@ -54,7 +54,7 @@
54
54
  font-size: 12px;
55
55
  font-weight: bold;
56
56
  margin-left: 10px;
57
- color: vars.$text-color;
57
+ color: variables.$text-color;
58
58
  position: relative;
59
59
  top: 1px;
60
60
  left: 3px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@steroidsjs/bootstrap",
3
- "version": "3.0.0-beta.86",
3
+ "version": "3.0.0-beta.88",
4
4
  "description": "",
5
5
  "main": "index.js",
6
6
  "author": "Vladimir Kozhin <hello@kozhindev.com>",
package/typography/Text/TextView.scss CHANGED
@@ -1,17 +1,17 @@
1
- @use "../../scss/variables" as vars;
1
+ @use "../../scss/variables";
2
2
  @use '../../scss/mixins';
3
3
 
4
4
  .TextView {
5
5
  margin-bottom: 1em;
6
- font-family: vars.$font-family-nunito;
6
+ font-family: variables.$font-family-nunito;
7
7
 
8
- @each $typeName, $typeMap in vars.$text-types {
8
+ @each $typeName, $typeMap in variables.$text-types {
9
9
  &_type_#{$typeName} {
10
10
  @include mixins.typography-type($typeMap);
11
11
  }
12
12
  }
13
13
 
14
- @each $colorName, $color in vars.$typography-colors {
14
+ @each $colorName, $color in variables.$typography-colors {
15
15
  &_color_#{$colorName} {
16
16
  color: $color;
17
17
  }
package/typography/Title/TitleView.scss CHANGED
@@ -1,17 +1,17 @@
1
- @use "../../scss/variables" as vars;
1
+ @use "../../scss/variables";
2
2
  @use '../../scss/mixins';
3
3
 
4
4
  .TitleView {
5
5
  margin-bottom: 1em;
6
- font-family: vars.$font-family-nunito;
6
+ font-family: variables.$font-family-nunito;
7
7
 
8
- @each $typeName, $typeMap in vars.$title-types {
8
+ @each $typeName, $typeMap in variables.$title-types {
9
9
  &_type_#{$typeName} {
10
10
  @include mixins.typography-type($typeMap);
11
11
  }
12
12
  }
13
13
 
14
- @each $colorName, $color in vars.$typography-colors {
14
+ @each $colorName, $color in variables.$typography-colors {
15
15
  &_color_#{$colorName} {
16
16
  color: $color;
17
17
  }