claritas-web-framework 8.3.0 → 8.3.2

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 (61) hide show
  1. package/dist/index.css +1 -1
  2. package/dist/index.html +1 -1
  3. package/index.html +1 -16
  4. package/package.json +9 -9
  5. package/sass/_functions.scss +1 -4
  6. package/sass/_helpers.scss +1 -0
  7. package/sass/_modules.scss +0 -1
  8. package/sass/_reboot.scss +1 -4
  9. package/sass/_root.scss +0 -1
  10. package/sass/helpers/_container.scss +0 -1
  11. package/sass/helpers/_grid.scss +0 -4
  12. package/sass/helpers/_rfs.scss +303 -0
  13. package/sass/mixins/_breakpoints.scss +0 -1
  14. package/sass/mixins/_button.scss +0 -2
  15. package/sass/mixins/_colors.scss +0 -2
  16. package/sass/mixins/_container.scss +0 -1
  17. package/sass/mixins/_gradient.scss +0 -1
  18. package/sass/mixins/_grid.scss +0 -4
  19. package/sass/mixins/_list.scss +0 -1
  20. package/sass/modules/_alert.scss +0 -1
  21. package/sass/modules/_breadcrumbs.scss +0 -2
  22. package/sass/modules/_button.scss +3 -9
  23. package/sass/modules/_card.scss +0 -2
  24. package/sass/modules/_close.scss +0 -1
  25. package/sass/modules/_details.scss +0 -1
  26. package/sass/modules/_dialog.scss +0 -2
  27. package/sass/modules/_dropdown.scss +0 -1
  28. package/sass/modules/_form.scss +1 -5
  29. package/sass/modules/_list.scss +2 -14
  30. package/sass/modules/_modal.scss +0 -2
  31. package/sass/modules/_nav.scss +0 -4
  32. package/sass/modules/_pill.scss +1 -5
  33. package/sass/modules/_tabs.scss +0 -1
  34. package/sass/modules/_tag.scss +1 -6
  35. package/sass/modules/_tile.scss +0 -2
  36. package/sass/modules/_tooltip.scss +0 -1
  37. package/sass/modules/form/_checkbox.scss +0 -2
  38. package/sass/modules/form/_file.scss +0 -2
  39. package/sass/modules/form/_output.scss +0 -1
  40. package/sass/modules/form/_progress.scss +0 -1
  41. package/sass/modules/form/_radio.scss +0 -3
  42. package/sass/modules/form/_range.scss +0 -21
  43. package/sass/modules/form/_select.scss +0 -1
  44. package/sass/modules/form/_text.scss +0 -1
  45. package/sass/modules/form/_toggle.scss +0 -2
  46. package/sass/utilities/_align.scss +0 -2
  47. package/sass/utilities/_border.scss +0 -2
  48. package/sass/utilities/_colors.scss +0 -1
  49. package/sass/utilities/_display.scss +0 -2
  50. package/sass/utilities/_flex.scss +0 -2
  51. package/sass/utilities/_float.scss +0 -2
  52. package/sass/utilities/_order.scss +0 -2
  53. package/sass/utilities/_overflow.scss +0 -2
  54. package/sass/utilities/_pointerEvents.scss +0 -2
  55. package/sass/utilities/_position.scss +0 -3
  56. package/sass/utilities/_size.scss +0 -3
  57. package/sass/utilities/_spacing.scss +0 -2
  58. package/sass/utilities/_typography.scss +0 -3
  59. package/sass/utilities/_visibility.scss +0 -2
  60. package/sass/utilities/_zIndex.scss +0 -2
  61. package/sass/modules/form/_switch.scss +0 -49
package/sass/modules/_nav.scss CHANGED
@@ -1,9 +1,6 @@
1
1
  @use "sass:color";
2
-
3
2
  @use "./../variables" as *;
4
-
5
3
  @use "./../mixins/list" as *;
6
-
7
4
  @use "./../mixins/colors" as *;
8
5
 
9
6
  .nav,
@@ -17,7 +14,6 @@
17
14
  @include make-list-unstyled;
18
15
 
19
16
  & ul {
20
-
21
17
  @include make-list-unstyled;
22
18
 
23
19
  margin: 0;
package/sass/modules/_pill.scss CHANGED
@@ -1,11 +1,7 @@
1
1
  @use "sass:color";
2
-
3
- @use "rfs/scss" as *;
4
-
2
+ @use "./../helpers" as *;
5
3
  @use "./../variables" as *;
6
-
7
4
  @use "./../functions" as *;
8
-
9
5
  @use "./../mixins/group" as *;
10
6
 
11
7
  .pill {
package/sass/modules/_tabs.scss CHANGED
@@ -1,5 +1,4 @@
1
1
  @use "sass:color";
2
-
3
2
  @use "./../variables" as *;
4
3
 
5
4
  .tabs--wrapper {
package/sass/modules/_tag.scss CHANGED
@@ -1,13 +1,8 @@
1
1
  @use "sass:color";
2
-
3
- @use "rfs/scss" as *;
4
-
2
+ @use "./../helpers" as *;
5
3
  @use "./../variables" as *;
6
-
7
4
  @use "./../functions" as *;
8
-
9
5
  @use "./../mixins/colors" as *;
10
-
11
6
  @use "./../mixins/group" as *;
12
7
 
13
8
  .tag {
package/sass/modules/_tile.scss CHANGED
@@ -1,7 +1,5 @@
1
1
  @use "sass:color";
2
-
3
2
  @use "./../variables" as *;
4
-
5
3
  @use "./../mixins/group" as *;
6
4
 
7
5
  .tile {
package/sass/modules/_tooltip.scss CHANGED
@@ -1,5 +1,4 @@
1
1
  @use "sass:color";
2
-
3
2
  @use "./../variables" as *;
4
3
 
5
4
  [data-tooltip] {
package/sass/modules/form/_checkbox.scss CHANGED
@@ -1,7 +1,5 @@
1
1
  @use "sass:color";
2
-
3
2
  @use "./../../variables" as *;
4
-
5
3
  @use "./../../mixins/breakpoints" as *;
6
4
 
7
5
  .form--control-checkbox {
package/sass/modules/form/_file.scss CHANGED
@@ -1,7 +1,5 @@
1
1
  @use "sass:color";
2
-
3
2
  @use "./../../variables" as *;
4
-
5
3
  @use "./../../functions" as *;
6
4
 
7
5
  .form--control-fancyfile {
package/sass/modules/form/_output.scss CHANGED
@@ -1,5 +1,4 @@
1
1
  @use "sass:color";
2
-
3
2
  @use "./../../variables" as *;
4
3
 
5
4
  output {
package/sass/modules/form/_progress.scss CHANGED
@@ -1,5 +1,4 @@
1
1
  @use "sass:color";
2
-
3
2
  @use "./../../variables" as *;
4
3
 
5
4
  progress {
package/sass/modules/form/_radio.scss CHANGED
@@ -1,9 +1,6 @@
1
1
  @use "sass:map";
2
-
3
2
  @use "sass:color";
4
-
5
3
  @use "./../../variables" as *;
6
-
7
4
  @use "./../../mixins/breakpoints" as *;
8
5
 
9
6
  .form--control-radio {
package/sass/modules/form/_range.scss CHANGED
@@ -1,5 +1,4 @@
1
1
  @use "sass:color";
2
-
3
2
  @use "./../../variables" as *;
4
3
 
5
4
  @mixin make-track() {
@@ -56,39 +55,31 @@ input[type="range"] {
56
55
  margin: calc(var(--spacer) * 0.5) 0;
57
56
 
58
57
  &::-moz-range-track {
59
-
60
58
  @include make-track;
61
59
  }
62
60
 
63
61
  &::-webkit-slider-runnable-track {
64
-
65
62
  @include make-track;
66
63
  }
67
64
 
68
65
  &::-moz-range-thumb {
69
-
70
66
  @include make-thumb(false, false);
71
67
  }
72
68
 
73
69
  &::-webkit-slider-thumb {
74
-
75
70
  @include make-thumb(false, false);
76
71
  }
77
72
 
78
73
  &:focus {
79
-
80
74
  &::-webkit-slider-runnable-track {
81
-
82
75
  @include make-track;
83
76
  }
84
77
 
85
78
  &::-moz-range-track {
86
-
87
79
  @include make-track;
88
80
  }
89
81
 
90
82
  &::-webkit-slider-thumb {
91
-
92
83
  @include make-thumb(true, false);
93
84
  }
94
85
  }
@@ -99,22 +90,18 @@ input[type="range"] {
99
90
  --input-disabled-detail-background: hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) + 20%));
100
91
 
101
92
  &::-webkit-slider-runnable-track {
102
-
103
93
  @include make-track;
104
94
  }
105
95
 
106
96
  &::-moz-range-track {
107
-
108
97
  @include make-track;
109
98
  }
110
99
 
111
100
  &::-moz-range-thumb {
112
-
113
101
  @include make-thumb(false, true);
114
102
  }
115
103
 
116
104
  &::-webkit-slider-thumb {
117
-
118
105
  @include make-thumb(false, true);
119
106
  }
120
107
  }
@@ -124,24 +111,19 @@ input[type="range"] {
124
111
  --input-disabled-detail-background: hsl(var(--#{$key}-h) var(--#{$key}-s) calc(var(--#{$key}-l) + 20%));
125
112
 
126
113
  &::-moz-range-thumb {
127
-
128
114
  @include make-thumb(false, false, $value, hsl(var(--#{$key}-h) var(--#{$key}-s) var(--#{$key}-l) / 25%));
129
115
  }
130
116
 
131
117
  &::-webkit-slider-thumb {
132
-
133
118
  @include make-thumb(false, false, $value, hsl(var(--#{$key}-h) var(--#{$key}-s) var(--#{$key}-l) / 25%));
134
119
  }
135
120
 
136
121
  &:focus {
137
-
138
122
  &::-moz-range-thumb {
139
-
140
123
  @include make-thumb(true, false, $value, hsl(var(--#{$key}-h) var(--#{$key}-s) var(--#{$key}-l) / 25%));
141
124
  }
142
125
 
143
126
  &::-webkit-slider-thumb {
144
-
145
127
  @include make-thumb(true, false, $value, hsl(var(--#{$key}-h) var(--#{$key}-s) var(--#{$key}-l) / 25%));
146
128
  }
147
129
  }
@@ -149,14 +131,11 @@ input[type="range"] {
149
131
  &:disabled,
150
132
  &.disabled,
151
133
  &[aria-disabled="true"] {
152
-
153
134
  &::-moz-range-thumb {
154
-
155
135
  @include make-thumb(false, true, $value, hsl(var(--#{$key}-h) var(--#{$key}-s) var(--#{$key}-l) / 25%));
156
136
  }
157
137
 
158
138
  &::-webkit-slider-thumb {
159
-
160
139
  @include make-thumb(false, true, $value, hsl(var(--#{$key}-h) var(--#{$key}-s) var(--#{$key}-l) / 25%));
161
140
  }
162
141
  }
package/sass/modules/form/_select.scss CHANGED
@@ -1,5 +1,4 @@
1
1
  @use "./../../variables" as *;
2
-
3
2
  @use "./../../functions" as *;
4
3
 
5
4
  select {
package/sass/modules/form/_text.scss CHANGED
@@ -1,5 +1,4 @@
1
1
  @use "sass:color";
2
-
3
2
  @use "./../../variables" as *;
4
3
 
5
4
  .input--text {
package/sass/modules/form/_toggle.scss CHANGED
@@ -1,7 +1,5 @@
1
1
  @use "sass:color";
2
-
3
2
  @use "./../../variables" as *;
4
-
5
3
  @use "./../../mixins/breakpoints" as *;
6
4
 
7
5
  .form--control-toggle {
package/sass/utilities/_align.scss CHANGED
@@ -1,7 +1,5 @@
1
1
  @use "sass:map";
2
-
3
2
  @use "./../variables" as *;
4
-
5
3
  @use "./../mixins/breakpoints" as *;
6
4
 
7
5
  $alignments: (baseline, top, middle, bottom, text-bottom, text-top) !default;
package/sass/utilities/_border.scss CHANGED
@@ -1,7 +1,5 @@
1
1
  @use "sass:color";
2
-
3
2
  @use "./../variables" as *;
4
-
5
3
  @use "./../mixins" as *;
6
4
 
7
5
  .border {
package/sass/utilities/_colors.scss CHANGED
@@ -1,5 +1,4 @@
1
1
  @use "./../variables" as *;
2
-
3
2
  @use "./../mixins/colors" as *;
4
3
 
5
4
  @each $key, $value in $all-colors {
package/sass/utilities/_display.scss CHANGED
@@ -1,7 +1,5 @@
1
1
  @use "sass:map";
2
-
3
2
  @use "./../variables" as *;
4
-
5
3
  @use "./../mixins/breakpoints" as *;
6
4
 
7
5
  $displays: (initial, none, inline, inline-block, block, table-row, table-cell, flex, inline-flex, grid) !default;
package/sass/utilities/_flex.scss CHANGED
@@ -1,7 +1,5 @@
1
1
  @use "sass:map";
2
-
3
2
  @use "./../variables" as *;
4
-
5
3
  @use "./../mixins/breakpoints" as *;
6
4
 
7
5
  $flex-directions: (row, column, row-reverse, column-reverse) !default;
package/sass/utilities/_float.scss CHANGED
@@ -1,7 +1,5 @@
1
1
  @use "sass:map";
2
-
3
2
  @use "./../variables" as *;
4
-
5
3
  @use "./../mixins/breakpoints" as *;
6
4
 
7
5
  $floats: (left, right, none) !default;
package/sass/utilities/_order.scss CHANGED
@@ -1,7 +1,5 @@
1
1
  @use "sass:map";
2
-
3
2
  @use "./../variables" as *;
4
-
5
3
  @use "./../mixins/breakpoints" as *;
6
4
 
7
5
  @each $breakpoint in map.keys($breakpoints) {
package/sass/utilities/_overflow.scss CHANGED
@@ -1,7 +1,5 @@
1
1
  @use "sass:map";
2
-
3
2
  @use "./../variables" as *;
4
-
5
3
  @use "./../mixins/breakpoints" as *;
6
4
 
7
5
  $overflows: (auto, hidden, visible, scroll) !default;
package/sass/utilities/_pointerEvents.scss CHANGED
@@ -1,7 +1,5 @@
1
1
  @use "sass:map";
2
-
3
2
  @use "./../variables" as *;
4
-
5
3
  @use "./../mixins/breakpoints" as *;
6
4
 
7
5
  $pointer-events: (auto, none) !default;
package/sass/utilities/_position.scss CHANGED
@@ -1,14 +1,11 @@
1
1
  @use "sass:map";
2
-
3
2
  @use "./../variables" as *;
4
-
5
3
  @use "./../mixins/breakpoints" as *;
6
4
 
7
5
  $positions: (static, relative, absolute, fixed, sticky) !default;
8
6
  $position-ints: (0, 25, 50, 75, 100) !default;
9
7
 
10
8
  @each $breakpoint in map.keys($breakpoints) {
11
-
12
9
  @include media-breakpoint-up($breakpoint) {
13
10
  $infix: breakpoint-infix($breakpoint, $breakpoints);
14
11
 
package/sass/utilities/_size.scss CHANGED
@@ -1,9 +1,6 @@
1
1
  @use "sass:map";
2
-
3
2
  @use "sass:list";
4
-
5
3
  @use "./../variables" as *;
6
-
7
4
  @use "./../mixins/breakpoints" as *;
8
5
 
9
6
  @each $key in ("none", "auto") {
package/sass/utilities/_spacing.scss CHANGED
@@ -1,7 +1,5 @@
1
1
  @use "sass:map";
2
-
3
2
  @use "./../variables" as *;
4
-
5
3
  @use "./../mixins/breakpoints" as *;
6
4
 
7
5
  @each $breakpoint in map.keys($breakpoints) {
package/sass/utilities/_typography.scss CHANGED
@@ -1,7 +1,5 @@
1
1
  @use "sass:map";
2
-
3
2
  @use "./../variables" as *;
4
-
5
3
  @use "./../mixins/breakpoints" as *;
6
4
 
7
5
  @each $key, $value in $font-sizes {
@@ -17,7 +15,6 @@
17
15
  }
18
16
 
19
17
  @each $breakpoint in map.keys($breakpoints) {
20
-
21
18
  @include media-breakpoint-up($breakpoint) {
22
19
  $infix: breakpoint-infix($breakpoint, $breakpoints);
23
20
 
package/sass/utilities/_visibility.scss CHANGED
@@ -1,7 +1,5 @@
1
1
  @use "sass:map";
2
-
3
2
  @use "./../variables" as *;
4
-
5
3
  @use "./../mixins/breakpoints" as *;
6
4
 
7
5
  $visibilities: (visible, hidden) !default;
package/sass/utilities/_zIndex.scss CHANGED
@@ -1,7 +1,5 @@
1
1
  @use "sass:map";
2
-
3
2
  @use "./../variables" as *;
4
-
5
3
  @use "./../mixins/breakpoints" as *;
6
4
 
7
5
  @each $breakpoint in map.keys($breakpoints) {
package/sass/modules/form/_switch.scss DELETED
@@ -1,49 +0,0 @@
1
- @use "sass:color";
2
-
3
- @use "./../../variables" as *;
4
-
5
- @use "./../../mixins" as *;
6
-
7
- .button--switch {
8
- position: absolute;
9
- clip: rect(0, 0, 0, 0);
10
- pointer-events: none;
11
- padding: 0;
12
- height: 100%;
13
- margin: 0 !important;
14
-
15
- &[disabled],
16
- &:disabled {
17
- + .button {
18
- pointer-events: none;
19
- filter: none;
20
- opacity: 0.65;
21
- }
22
- }
23
- }
24
-
25
- .switches {
26
- @include make-group-row;
27
-
28
- &.switches--grouped {
29
- gap: 0;
30
- flex-wrap: nowrap;
31
-
32
- & > .button {
33
- &:not(:last-child) {
34
- border-bottom-right-radius: 0;
35
- border-top-right-radius: 0;
36
- margin-right: -1px;
37
- }
38
-
39
- &:not(:nth-child(2)) {
40
- border-bottom-left-radius: 0;
41
- border-top-left-radius: 0;
42
- }
43
-
44
- &:last-child {
45
- margin-right: 0;
46
- }
47
- }
48
- }
49
- }