claritas-web-framework 8.0.28 → 8.0.29

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 (72) hide show
  1. package/dist/index.css +1 -1
  2. package/dist/index.html +1 -1
  3. package/index.html +29 -1
  4. package/package.json +2 -2
  5. package/sass/_functions.scss +2 -1
  6. package/sass/_helpers.scss +7 -7
  7. package/sass/_mixins.scss +12 -12
  8. package/sass/_modules.scss +31 -31
  9. package/sass/_reboot.scss +3 -2
  10. package/sass/_root.scss +2 -2
  11. package/sass/_utilities.scss +17 -17
  12. package/sass/helpers/_container.scss +2 -2
  13. package/sass/helpers/_embed.scss +1 -1
  14. package/sass/helpers/_grid.scss +4 -3
  15. package/sass/helpers/_screenReader.scss +1 -1
  16. package/sass/helpers/_wrap.scss +1 -1
  17. package/sass/index.scss +8 -8
  18. package/sass/mixins/_breakpoints.scss +2 -1
  19. package/sass/mixins/_button.scss +3 -2
  20. package/sass/mixins/_caret.scss +1 -1
  21. package/sass/mixins/_colors.scss +3 -2
  22. package/sass/mixins/_container.scss +2 -2
  23. package/sass/mixins/_gradient.scss +2 -1
  24. package/sass/mixins/_grid.scss +3 -2
  25. package/sass/mixins/_group.scss +6 -12
  26. package/sass/mixins/_list.scss +2 -2
  27. package/sass/modules/_alert.scss +2 -1
  28. package/sass/modules/_breadcrumbs.scss +4 -5
  29. package/sass/modules/_button.scss +3 -2
  30. package/sass/modules/_card.scss +3 -2
  31. package/sass/modules/_close.scss +2 -2
  32. package/sass/modules/_details.scss +2 -2
  33. package/sass/modules/_dialog.scss +2 -1
  34. package/sass/modules/_dropdown.scss +2 -3
  35. package/sass/modules/_form.scss +5 -3
  36. package/sass/modules/_list.scss +4 -3
  37. package/sass/modules/_loader.scss +1 -1
  38. package/sass/modules/_modal.scss +2 -1
  39. package/sass/modules/_nav.scss +3 -2
  40. package/sass/modules/_pill.scss +5 -3
  41. package/sass/modules/_table.scss +1 -1
  42. package/sass/modules/_tabs.scss +2 -1
  43. package/sass/modules/_tag.scss +6 -4
  44. package/sass/modules/_tile.scss +3 -2
  45. package/sass/modules/_tooltip.scss +2 -1
  46. package/sass/modules/form/_checkbox.scss +3 -2
  47. package/sass/modules/form/_file.scss +3 -2
  48. package/sass/modules/form/_formFieldGroup.scss +1 -1
  49. package/sass/modules/form/_output.scss +2 -1
  50. package/sass/modules/form/_progress.scss +2 -1
  51. package/sass/modules/form/_radio.scss +3 -2
  52. package/sass/modules/form/_range.scss +2 -1
  53. package/sass/modules/form/_select.scss +2 -2
  54. package/sass/modules/form/_switch.scss +3 -2
  55. package/sass/modules/form/_text.scss +2 -1
  56. package/sass/modules/form/_toggle.scss +3 -2
  57. package/sass/utilities/_align.scss +3 -2
  58. package/sass/utilities/_border.scss +23 -18
  59. package/sass/utilities/_colors.scss +2 -2
  60. package/sass/utilities/_display.scss +3 -2
  61. package/sass/utilities/_flex.scss +3 -2
  62. package/sass/utilities/_float.scss +3 -2
  63. package/sass/utilities/_order.scss +3 -2
  64. package/sass/utilities/_overflow.scss +3 -2
  65. package/sass/utilities/_pointerEvents.scss +3 -2
  66. package/sass/utilities/_position.scss +3 -2
  67. package/sass/utilities/_shadow.scss +1 -1
  68. package/sass/utilities/_size.scss +3 -2
  69. package/sass/utilities/_spacing.scss +3 -2
  70. package/sass/utilities/_typography.scss +3 -2
  71. package/sass/utilities/_visibility.scss +3 -2
  72. package/sass/utilities/_zIndex.scss +3 -2
package/sass/modules/_tooltip.scss CHANGED
@@ -1,5 +1,6 @@
1
1
  @use "sass:color";
2
- @use "./../variables" as *;
2
+
3
+ @use "~/sass/variables" as *;
3
4
 
4
5
  [data-tooltip] {
5
6
  position: relative;
package/sass/modules/form/_checkbox.scss CHANGED
@@ -1,6 +1,7 @@
1
1
  @use "sass:color";
2
- @use "./../../variables" as *;
3
- @use "./../../mixins/breakpoints" as *;
2
+
3
+ @use "~/sass/variables" as *;
4
+ @use "~/sass/mixins/breakpoints" as *;
4
5
 
5
6
  .form--control-checkbox {
6
7
  & > * {
package/sass/modules/form/_file.scss CHANGED
@@ -1,6 +1,7 @@
1
1
  @use "sass:color";
2
- @use "./../../variables" as *;
3
- @use "./../../functions" as *;
2
+
3
+ @use "~/sass/variables" as *;
4
+ @use "~/sass/functions" as *;
4
5
 
5
6
  .form--control-fancyfile {
6
7
  display: flex;
package/sass/modules/form/_formFieldGroup.scss CHANGED
@@ -1,4 +1,4 @@
1
- @use "./../../variables" as *;
1
+ @use "~/sass/variables" as *;
2
2
 
3
3
  .form--field-group {
4
4
  display: flex;
package/sass/modules/form/_output.scss CHANGED
@@ -1,5 +1,6 @@
1
1
  @use "sass:color";
2
- @use "./../../variables" as *;
2
+
3
+ @use "~/sass/variables" as *;
3
4
 
4
5
  output {
5
6
  --input-background: hsl(var(--body-color-h) var(--body-color-s) 95% / 100%);
package/sass/modules/form/_progress.scss CHANGED
@@ -1,5 +1,6 @@
1
1
  @use "sass:color";
2
- @use "./../../variables" as *;
2
+
3
+ @use "~/sass/variables" as *;
3
4
 
4
5
  progress {
5
6
  --input-padding-x: 1px;
package/sass/modules/form/_radio.scss CHANGED
@@ -1,7 +1,8 @@
1
1
  @use "sass:map";
2
2
  @use "sass:color";
3
- @use "./../../variables" as *;
4
- @use "./../../mixins/breakpoints" as *;
3
+
4
+ @use "~/sass/variables" as *;
5
+ @use "~/sass/mixins/breakpoints" as *;
5
6
 
6
7
  .form--control-radio {
7
8
  & > * {
package/sass/modules/form/_range.scss CHANGED
@@ -1,5 +1,6 @@
1
1
  @use "sass:color";
2
- @use "./../../variables" as *;
2
+
3
+ @use "~/sass/variables" as *;
3
4
 
4
5
  @mixin make-track() {
5
6
  background: hsl(var(--border-color-h) var(--border-color-s) var(--border-color-l) / 10%);
package/sass/modules/form/_select.scss CHANGED
@@ -1,5 +1,5 @@
1
- @use "./../../variables" as *;
2
- @use "./../../functions" as *;
1
+ @use "~/sass/variables" as *;
2
+ @use "~/sass/functions" as *;
3
3
 
4
4
  select {
5
5
  padding-right: calc(var(--spacer) * 2);
package/sass/modules/form/_switch.scss CHANGED
@@ -1,6 +1,7 @@
1
1
  @use "sass:color";
2
- @use "./../../variables" as *;
3
- @use "./../../mixins" as *;
2
+
3
+ @use "~/sass/variables" as *;
4
+ @use "~/sass/mixins" as *;
4
5
 
5
6
  .button--switch {
6
7
  position: absolute;
package/sass/modules/form/_text.scss CHANGED
@@ -1,5 +1,6 @@
1
1
  @use "sass:color";
2
- @use "./../../variables" as *;
2
+
3
+ @use "~/sass/variables" as *;
3
4
 
4
5
  .input--text {
5
6
  --input-border-width: 0 0 1px;
package/sass/modules/form/_toggle.scss CHANGED
@@ -1,6 +1,7 @@
1
1
  @use "sass:color";
2
- @use "./../../variables" as *;
3
- @use "./../../mixins/breakpoints" as *;
2
+
3
+ @use "~/sass/variables" as *;
4
+ @use "~/sass/mixins/breakpoints" as *;
4
5
 
5
6
  .form--control-toggle {
6
7
  & > * {
package/sass/utilities/_align.scss CHANGED
@@ -1,6 +1,7 @@
1
1
  @use "sass:map";
2
- @use "./../variables" as *;
3
- @use "./../mixins/breakpoints" as *;
2
+
3
+ @use "~/sass/variables" as *;
4
+ @use "~/sass/mixins/breakpoints" as *;
4
5
 
5
6
  $alignments: (baseline, top, middle, bottom, text-bottom, text-top) !default;
6
7
 
package/sass/utilities/_border.scss CHANGED
@@ -1,6 +1,7 @@
1
1
  @use "sass:color";
2
- @use "./../variables" as *;
3
- @use "./../mixins" as *;
2
+
3
+ @use "~/sass/variables" as *;
4
+ @use "~/sass/mixins" as *;
4
5
 
5
6
  .border {
6
7
  border-width: 1px !important;
@@ -13,34 +14,38 @@
13
14
 
14
15
  .border--top,
15
16
  .border-top {
16
- border-top: 1px solid hsl(
17
- var(--border-color-h) var(--border-color-s) var(--border-color-l) /
18
- calc(var(--border-color-a) * #{$border-opacity-value})
19
- ) !important;
17
+ border-top: 1px solid
18
+ hsl(
19
+ var(--border-color-h) var(--border-color-s) var(--border-color-l) /
20
+ calc(var(--border-color-a) * #{$border-opacity-value})
21
+ ) !important;
20
22
  }
21
23
 
22
24
  .border--right,
23
25
  .border-right {
24
- border-right: 1px solid hsl(
25
- var(--border-color-h) var(--border-color-s) var(--border-color-l) /
26
- calc(var(--border-color-a) * #{$border-opacity-value})
27
- ) !important;
26
+ border-right: 1px solid
27
+ hsl(
28
+ var(--border-color-h) var(--border-color-s) var(--border-color-l) /
29
+ calc(var(--border-color-a) * #{$border-opacity-value})
30
+ ) !important;
28
31
  }
29
32
 
30
33
  .border--bottom,
31
34
  .border-bottom {
32
- border-bottom: 1px solid hsl(
33
- var(--border-color-h) var(--border-color-s) var(--border-color-l) /
34
- calc(var(--border-color-a) * #{$border-opacity-value})
35
- ) !important;
35
+ border-bottom: 1px solid
36
+ hsl(
37
+ var(--border-color-h) var(--border-color-s) var(--border-color-l) /
38
+ calc(var(--border-color-a) * #{$border-opacity-value})
39
+ ) !important;
36
40
  }
37
41
 
38
42
  .border--left,
39
43
  .border-left {
40
- border-left: 1px solid hsl(
41
- var(--border-color-h) var(--border-color-s) var(--border-color-l) /
42
- calc(var(--border-color-a) * #{$border-opacity-value})
43
- ) !important;
44
+ border-left: 1px solid
45
+ hsl(
46
+ var(--border-color-h) var(--border-color-s) var(--border-color-l) /
47
+ calc(var(--border-color-a) * #{$border-opacity-value})
48
+ ) !important;
44
49
  }
45
50
 
46
51
  .border--none {
package/sass/utilities/_colors.scss CHANGED
@@ -1,5 +1,5 @@
1
- @use "./../variables" as *;
2
- @use "./../mixins/colors" as *;
1
+ @use "~/sass/variables" as *;
2
+ @use "~/sass/mixins/colors" as *;
3
3
 
4
4
  @each $key, $value in $all-colors {
5
5
  .color--#{$key} {
package/sass/utilities/_display.scss CHANGED
@@ -1,6 +1,7 @@
1
1
  @use "sass:map";
2
- @use "./../variables" as *;
3
- @use "./../mixins/breakpoints" as *;
2
+
3
+ @use "~/sass/variables" as *;
4
+ @use "~/sass/mixins/breakpoints" as *;
4
5
 
5
6
  $displays: (initial, none, inline, inline-block, block, table-row, table-cell, flex, inline-flex) !default;
6
7
 
package/sass/utilities/_flex.scss CHANGED
@@ -1,6 +1,7 @@
1
1
  @use "sass:map";
2
- @use "./../variables" as *;
3
- @use "./../mixins/breakpoints" as *;
2
+
3
+ @use "~/sass/variables" as *;
4
+ @use "~/sass/mixins/breakpoints" as *;
4
5
 
5
6
  $flex-directions: (row, column, row-reverse, column-reverse) !default;
6
7
  $flex-wraps: (wrap, nowrap, wrap-reverse) !default;
package/sass/utilities/_float.scss CHANGED
@@ -1,6 +1,7 @@
1
1
  @use "sass:map";
2
- @use "./../variables" as *;
3
- @use "./../mixins/breakpoints" as *;
2
+
3
+ @use "~/sass/variables" as *;
4
+ @use "~/sass/mixins/breakpoints" as *;
4
5
 
5
6
  $floats: (left, right, none) !default;
6
7
 
package/sass/utilities/_order.scss CHANGED
@@ -1,6 +1,7 @@
1
1
  @use "sass:map";
2
- @use "./../variables" as *;
3
- @use "./../mixins/breakpoints" as *;
2
+
3
+ @use "~/sass/variables" as *;
4
+ @use "~/sass/mixins/breakpoints" as *;
4
5
 
5
6
  @each $breakpoint in map.keys($breakpoints) {
6
7
  @include media-breakpoint-up($breakpoint) {
package/sass/utilities/_overflow.scss CHANGED
@@ -1,6 +1,7 @@
1
1
  @use "sass:map";
2
- @use "./../variables" as *;
3
- @use "./../mixins/breakpoints" as *;
2
+
3
+ @use "~/sass/variables" as *;
4
+ @use "~/sass/mixins/breakpoints" as *;
4
5
 
5
6
  $overflows: (auto, hidden, visible, scroll) !default;
6
7
 
package/sass/utilities/_pointerEvents.scss CHANGED
@@ -1,6 +1,7 @@
1
1
  @use "sass:map";
2
- @use "./../variables" as *;
3
- @use "./../mixins/breakpoints" as *;
2
+
3
+ @use "~/sass/variables" as *;
4
+ @use "~/sass/mixins/breakpoints" as *;
4
5
 
5
6
  $pointer-events: (auto, none) !default;
6
7
 
package/sass/utilities/_position.scss CHANGED
@@ -1,6 +1,7 @@
1
1
  @use "sass:map";
2
- @use "./../variables" as *;
3
- @use "./../mixins/breakpoints" as *;
2
+
3
+ @use "~/sass/variables" as *;
4
+ @use "~/sass/mixins/breakpoints" as *;
4
5
 
5
6
  $positions: (static, relative, absolute, fixed, sticky) !default;
6
7
  $position-ints: (0, 25, 50, 75, 100) !default;
package/sass/utilities/_shadow.scss CHANGED
@@ -1,4 +1,4 @@
1
- @use "./../variables" as *;
1
+ @use "~/sass/variables" as *;
2
2
 
3
3
  @each $key, $value in $box-shadows {
4
4
  .box-shadow--#{$key} {
package/sass/utilities/_size.scss CHANGED
@@ -1,7 +1,8 @@
1
1
  @use "sass:map";
2
2
  @use "sass:list";
3
- @use "./../variables" as *;
4
- @use "./../mixins/breakpoints" as *;
3
+
4
+ @use "~/sass/variables" as *;
5
+ @use "~/sass/mixins/breakpoints" as *;
5
6
 
6
7
  @each $key in ("none", "auto") {
7
8
  .width--#{$key} {
package/sass/utilities/_spacing.scss CHANGED
@@ -1,6 +1,7 @@
1
1
  @use "sass:map";
2
- @use "./../variables" as *;
3
- @use "./../mixins/breakpoints" as *;
2
+
3
+ @use "~/sass/variables" as *;
4
+ @use "~/sass/mixins/breakpoints" as *;
4
5
 
5
6
  @each $breakpoint in map.keys($breakpoints) {
6
7
  @include media-breakpoint-up($breakpoint) {
package/sass/utilities/_typography.scss CHANGED
@@ -1,6 +1,7 @@
1
1
  @use "sass:map";
2
- @use "./../variables" as *;
3
- @use "./../mixins/breakpoints" as *;
2
+
3
+ @use "~/sass/variables" as *;
4
+ @use "~/sass/mixins/breakpoints" as *;
4
5
 
5
6
  @each $key, $value in $font-sizes {
6
7
  .font-size--#{$key} {
package/sass/utilities/_visibility.scss CHANGED
@@ -1,6 +1,7 @@
1
1
  @use "sass:map";
2
- @use "./../variables" as *;
3
- @use "./../mixins/breakpoints" as *;
2
+
3
+ @use "~/sass/variables" as *;
4
+ @use "~/sass/mixins/breakpoints" as *;
4
5
 
5
6
  $visibilities: (visible, hidden) !default;
6
7
 
package/sass/utilities/_zIndex.scss CHANGED
@@ -1,6 +1,7 @@
1
1
  @use "sass:map";
2
- @use "./../variables" as *;
3
- @use "./../mixins/breakpoints" as *;
2
+
3
+ @use "~/sass/variables" as *;
4
+ @use "~/sass/mixins/breakpoints" as *;
4
5
 
5
6
  @each $breakpoint in map.keys($breakpoints) {
6
7
  @include media-breakpoint-up($breakpoint) {