@tabler/core 1.0.0-beta14 → 1.0.0-beta16

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 (108) hide show
  1. package/dist/css/demo.css +4 -4
  2. package/dist/css/demo.min.css +2 -2
  3. package/dist/css/demo.rtl.css +4 -4
  4. package/dist/css/demo.rtl.min.css +2 -2
  5. package/dist/css/tabler-flags.css +4 -4
  6. package/dist/css/tabler-flags.min.css +3 -3
  7. package/dist/css/tabler-flags.rtl.css +4 -4
  8. package/dist/css/tabler-flags.rtl.min.css +3 -3
  9. package/dist/css/tabler-payments.css +4 -4
  10. package/dist/css/tabler-payments.min.css +3 -3
  11. package/dist/css/tabler-payments.rtl.css +4 -4
  12. package/dist/css/tabler-payments.rtl.min.css +3 -3
  13. package/dist/css/tabler-vendors.css +7 -23
  14. package/dist/css/tabler-vendors.min.css +3 -3
  15. package/dist/css/tabler-vendors.rtl.css +7 -23
  16. package/dist/css/tabler-vendors.rtl.min.css +3 -3
  17. package/dist/css/tabler.css +2057 -1252
  18. package/dist/css/tabler.min.css +4 -4
  19. package/dist/css/tabler.rtl.css +2059 -1250
  20. package/dist/css/tabler.rtl.min.css +4 -4
  21. package/dist/js/demo-theme.js +2 -2
  22. package/dist/js/demo-theme.min.js +2 -2
  23. package/dist/js/demo.js +8 -20
  24. package/dist/js/demo.min.js +2 -2
  25. package/dist/js/tabler.esm.js +2 -2
  26. package/dist/js/tabler.esm.min.js +2 -2
  27. package/dist/js/tabler.js +2 -2
  28. package/dist/js/tabler.min.js +2 -2
  29. package/dist/libs/apexcharts/dist/apexcharts.amd.js +1 -1
  30. package/dist/libs/apexcharts/dist/apexcharts.common.js +4 -4
  31. package/dist/libs/apexcharts/dist/apexcharts.css +193 -303
  32. package/dist/libs/apexcharts/dist/apexcharts.esm.js +4 -4
  33. package/dist/libs/apexcharts/dist/apexcharts.js +22774 -22066
  34. package/dist/libs/apexcharts/dist/apexcharts.min.js +4 -4
  35. package/dist/libs/tom-select/dist/js/plugins/caret_position.js +57 -8
  36. package/dist/libs/tom-select/dist/js/plugins/caret_position.js.map +1 -1
  37. package/dist/libs/tom-select/dist/js/plugins/change_listener.js +2 -2
  38. package/dist/libs/tom-select/dist/js/plugins/change_listener.js.map +1 -1
  39. package/dist/libs/tom-select/dist/js/plugins/checkbox_options.js +57 -8
  40. package/dist/libs/tom-select/dist/js/plugins/checkbox_options.js.map +1 -1
  41. package/dist/libs/tom-select/dist/js/plugins/clear_button.js +57 -8
  42. package/dist/libs/tom-select/dist/js/plugins/clear_button.js.map +1 -1
  43. package/dist/libs/tom-select/dist/js/plugins/drag_drop.js +1 -1
  44. package/dist/libs/tom-select/dist/js/plugins/dropdown_header.js +57 -8
  45. package/dist/libs/tom-select/dist/js/plugins/dropdown_header.js.map +1 -1
  46. package/dist/libs/tom-select/dist/js/plugins/dropdown_input.js +58 -9
  47. package/dist/libs/tom-select/dist/js/plugins/dropdown_input.js.map +1 -1
  48. package/dist/libs/tom-select/dist/js/plugins/input_autogrow.js +2 -2
  49. package/dist/libs/tom-select/dist/js/plugins/input_autogrow.js.map +1 -1
  50. package/dist/libs/tom-select/dist/js/plugins/no_active_items.js +1 -1
  51. package/dist/libs/tom-select/dist/js/plugins/no_backspace_delete.js +1 -1
  52. package/dist/libs/tom-select/dist/js/plugins/optgroup_columns.js +57 -8
  53. package/dist/libs/tom-select/dist/js/plugins/optgroup_columns.js.map +1 -1
  54. package/dist/libs/tom-select/dist/js/plugins/remove_button.js +58 -9
  55. package/dist/libs/tom-select/dist/js/plugins/remove_button.js.map +1 -1
  56. package/dist/libs/tom-select/dist/js/plugins/restore_on_backspace.js +1 -1
  57. package/dist/libs/tom-select/dist/js/plugins/virtual_scroll.js +57 -8
  58. package/dist/libs/tom-select/dist/js/plugins/virtual_scroll.js.map +1 -1
  59. package/dist/libs/tom-select/dist/js/tom-select.base.js +77 -39
  60. package/dist/libs/tom-select/dist/js/tom-select.base.js.map +1 -1
  61. package/dist/libs/tom-select/dist/js/tom-select.base.min.js +132 -133
  62. package/dist/libs/tom-select/dist/js/tom-select.base.min.js.map +1 -1
  63. package/dist/libs/tom-select/dist/js/tom-select.complete.js +77 -39
  64. package/dist/libs/tom-select/dist/js/tom-select.complete.js.map +1 -1
  65. package/dist/libs/tom-select/dist/js/tom-select.complete.min.js +157 -158
  66. package/dist/libs/tom-select/dist/js/tom-select.complete.min.js.map +1 -1
  67. package/dist/libs/tom-select/dist/js/tom-select.popular.js +77 -39
  68. package/dist/libs/tom-select/dist/js/tom-select.popular.js.map +1 -1
  69. package/dist/libs/tom-select/dist/js/tom-select.popular.min.js +144 -145
  70. package/dist/libs/tom-select/dist/js/tom-select.popular.min.js.map +1 -1
  71. package/package.json +45 -25
  72. package/src/scss/{_mixins-override.scss → _bootstrap-override.scss} +9 -2
  73. package/src/scss/_config.scss +1 -1
  74. package/src/scss/_core.scss +2 -0
  75. package/src/scss/_variables.scss +28 -14
  76. package/src/scss/layout/_animations.scss +62 -0
  77. package/src/scss/layout/_page.scss +1 -1
  78. package/src/scss/layout/_root.scss +1 -1
  79. package/src/scss/mixins/_functions.scss +2 -1
  80. package/src/scss/mixins/_mixins.scss +6 -24
  81. package/src/scss/ui/_alerts.scss +4 -4
  82. package/src/scss/ui/_avatars.scss +2 -13
  83. package/src/scss/ui/_badges.scss +28 -7
  84. package/src/scss/ui/_breadcrumbs.scss +23 -1
  85. package/src/scss/ui/_button-group.scss +14 -0
  86. package/src/scss/ui/_buttons.scss +32 -15
  87. package/src/scss/ui/_calendars.scss +1 -1
  88. package/src/scss/ui/_cards.scss +3 -3
  89. package/src/scss/ui/_dropdowns.scss +1 -1
  90. package/src/scss/ui/_empty.scss +2 -2
  91. package/src/scss/ui/_forms.scss +4 -20
  92. package/src/scss/ui/_icons.scss +26 -57
  93. package/src/scss/ui/_images.scss +7 -2
  94. package/src/scss/ui/_lists.scss +5 -5
  95. package/src/scss/ui/_loaders.scss +2 -12
  96. package/src/scss/ui/_modals.scss +1 -1
  97. package/src/scss/ui/_nav.scss +1 -1
  98. package/src/scss/ui/_pagination.scss +1 -1
  99. package/src/scss/ui/_ribbons.scss +2 -2
  100. package/src/scss/ui/_steps.scss +81 -59
  101. package/src/scss/ui/_type.scss +8 -2
  102. package/src/scss/ui/forms/_form-check.scss +1 -1
  103. package/src/scss/ui/forms/_form-colorinput.scss +1 -2
  104. package/src/scss/ui/forms/_form-imagecheck.scss +1 -1
  105. package/src/scss/ui/forms/_form-selectgroup.scss +4 -4
  106. package/src/scss/ui/typo/_hr.scss +1 -1
  107. package/src/scss/utils/_colors.scss +12 -7
  108. package/src/scss/vendor/_tom-select.scss +1 -0
package/src/scss/ui/_type.scss CHANGED
@@ -123,8 +123,14 @@ code {
123
123
  }
124
124
 
125
125
  kbd {
126
- font: inherit;
127
- box-shadow: 0 0 0 1px var(--#{$prefix}border-color), 0 3px 0 0 var(--#{$prefix}bg-surface), 0 3px 0 1px var(--#{$prefix}border-color);
126
+ border: var(--#{$prefix}border-width) var(--#{$prefix}border-style) var(--#{$prefix}border-color);
127
+ display: inline-block;
128
+ box-sizing: border-box;
129
+ max-width: 100%;
130
+ font-size: var(--#{$prefix}font-size-h5);
131
+ font-weight: $kbd-font-weight;
132
+ line-height: 1;
133
+ vertical-align: baseline;
128
134
  }
129
135
 
130
136
  img {
package/src/scss/ui/forms/_form-check.scss CHANGED
@@ -44,7 +44,7 @@ Form check
44
44
 
45
45
  .form-check-description {
46
46
  display: block;
47
- color: $text-muted;
47
+ color: var(--#{$prefix}muted);
48
48
  font-size: $h5-font-size;
49
49
  margin-top: .25rem;
50
50
  }
package/src/scss/ui/forms/_form-colorinput.scss CHANGED
@@ -46,10 +46,9 @@ Color Input
46
46
  box-shadow: $input-btn-focus-box-shadow;
47
47
  }
48
48
 
49
- .form-colorinput-light & {
49
+ @at-root .form-colorinput-light & {
50
50
  &:before {
51
51
  background-image: escape-svg($form-check-input-checked-bg-image-dark);
52
52
  }
53
53
  }
54
54
  }
55
-
package/src/scss/ui/forms/_form-imagecheck.scss CHANGED
@@ -92,7 +92,7 @@ Image check
92
92
  .form-imagecheck-caption {
93
93
  padding: .25rem;
94
94
  font-size: $font-size-sm;
95
- color: $text-muted;
95
+ color: var(--#{$prefix}muted);
96
96
  text-align: center;
97
97
  @include transition(color $transition-time);
98
98
 
package/src/scss/ui/forms/_form-selectgroup.scss CHANGED
@@ -36,7 +36,7 @@ Select group
36
36
  padding: $input-btn-padding-y $input-btn-padding-x;
37
37
  font-size: $input-btn-font-size;
38
38
  line-height: $input-line-height;
39
- color: $text-muted;
39
+ color: var(--#{$prefix}muted);
40
40
  background: $form-check-input-bg;
41
41
  text-align: center;
42
42
  cursor: pointer;
@@ -94,9 +94,9 @@ Select group
94
94
 
95
95
  .form-selectgroup-input:checked + .form-selectgroup-label {
96
96
  z-index: 1;
97
- color: var(--#{$prefix}primary);
98
- background: rgba(var(--#{$prefix}primary-rgb), .04);
99
- border-color: var(--#{$prefix}primary);
97
+ color: #{$active-color};
98
+ background: #{$active-bg};
99
+ border-color: #{$active-border-color};
100
100
  }
101
101
 
102
102
  .form-selectgroup-input:focus + .form-selectgroup-label {
package/src/scss/ui/typo/_hr.scss CHANGED
@@ -36,7 +36,7 @@ Hr text
36
36
  > *:first-child {
37
37
  padding-right: .5rem;
38
38
  padding-left: 0;
39
- color: $text-muted;
39
+ color: var(--#{$prefix}muted);
40
40
  }
41
41
 
42
42
  &.hr-text-left {
package/src/scss/utils/_colors.scss CHANGED
@@ -1,18 +1,22 @@
1
1
  // All colors
2
- @each $color, $value in $theme-colors {
2
+ @each $color, $value in map-merge($theme-colors, ( white: $white )) {
3
3
  .bg-#{"" + $color} {
4
- background-color: var(--#{$prefix}#{$color}) !important;
4
+ --#{$prefix}bg-opacity: 1;
5
+ background-color: rgba(var(--#{$prefix}#{$color}-rgb), var(--#{$prefix}bg-opacity)) !important;
5
6
  }
6
7
 
7
8
  .bg-#{"" + $color}-lt {
8
- color: var(--#{$prefix}#{$color}) !important;
9
- background-color: rgba(var(--#{$prefix}#{$color}-rgb), .1) !important; //todo
9
+ --#{$prefix}bg-opacity: .1;
10
+ --#{$prefix}text-opacity: 1;
11
+ color: rgba(var(--#{$prefix}#{$color}-rgb, var(--#{$prefix}text-opacity))) !important;
12
+ background-color: rgba(var(--#{$prefix}#{$color}-rgb), var(--#{$prefix}bg-opacity)) !important;
10
13
  }
11
14
  }
12
15
 
13
16
  @each $color, $value in $theme-colors {
14
17
  .text-#{"" + $color} {
15
- color: var(--#{$prefix}#{$color}) !important;
18
+ --#{$prefix}text-opacity: 1;
19
+ color: rgba(var(--#{$prefix}#{$color}-rgb), var(--#{$prefix}text-opacity)) !important;
16
20
  }
17
21
 
18
22
  .text-#{"" + $color}-fg {
@@ -22,10 +26,11 @@
22
26
 
23
27
  @each $color, $value in $gray-colors {
24
28
  .bg-#{"" + $color} {
25
- background-color: var(--#{$prefix}#{$color}) !important;
29
+ --#{$prefix}bg-opacity: .1;
30
+ background-color: rgba(var(--#{$prefix}#{$color}-rgb), var(--#{$prefix}bg-opacity)) !important;
26
31
  }
27
32
 
28
33
  .text-#{"" + $color}-fg {
29
- color: color-contrast($value ) !important;
34
+ color: color-contrast($value) !important;
30
35
  }
31
36
  }
package/src/scss/vendor/_tom-select.scss CHANGED
@@ -1,4 +1,5 @@
1
1
  $select-color-dropdown-border-top: red;
2
+ $input-border-width: 1px;
2
3
 
3
4
  @import "~tom-select/src/scss/tom-select.bootstrap5.scss";
4
5