claritas-web-framework 8.5.8 → 8.5.91

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 (86) hide show
  1. package/.prettierrc +10 -10
  2. package/README.md +1 -1
  3. package/dist/index.css +1 -1
  4. package/index.html +20 -20
  5. package/index.js +2 -2
  6. package/package.json +33 -33
  7. package/sass/_functions.scss +55 -55
  8. package/sass/_helpers.scss +8 -8
  9. package/sass/_mixins.scss +12 -12
  10. package/sass/_modules.scss +30 -30
  11. package/sass/_reboot.scss +264 -264
  12. package/sass/_root.scss +56 -56
  13. package/sass/_utilities.scss +17 -17
  14. package/sass/_variables.scss +445 -445
  15. package/sass/helpers/_container.scss +11 -11
  16. package/sass/helpers/_embed.scss +36 -36
  17. package/sass/helpers/_grid.scss +53 -53
  18. package/sass/helpers/_image.scss +5 -5
  19. package/sass/helpers/_link.scss +15 -15
  20. package/sass/helpers/_rfs.scss +303 -303
  21. package/sass/helpers/_screenReader.scss +13 -13
  22. package/sass/helpers/_wrap.scss +5 -5
  23. package/sass/index.scss +12 -12
  24. package/sass/mixins/_breakpoints.scss +133 -133
  25. package/sass/mixins/_button.scss +116 -116
  26. package/sass/mixins/_caret.scss +41 -41
  27. package/sass/mixins/_clearfix.scss +7 -7
  28. package/sass/mixins/_colors.scss +23 -23
  29. package/sass/mixins/_container.scss +21 -21
  30. package/sass/mixins/_gradient.scss +55 -55
  31. package/sass/mixins/_grid.scss +156 -156
  32. package/sass/mixins/_group.scss +70 -70
  33. package/sass/mixins/_list.scss +18 -18
  34. package/sass/mixins/_screenReader.scss +22 -22
  35. package/sass/mixins/_wrap.scss +7 -7
  36. package/sass/modules/_alert.scss +60 -60
  37. package/sass/modules/_breadcrumbs.scss +43 -43
  38. package/sass/modules/_button.scss +170 -170
  39. package/sass/modules/_card.scss +107 -107
  40. package/sass/modules/_close.scss +59 -59
  41. package/sass/modules/_details.scss +48 -48
  42. package/sass/modules/_dialog.scss +47 -47
  43. package/sass/modules/_dropdown.scss +44 -43
  44. package/sass/modules/_form.scss +261 -261
  45. package/sass/modules/_list.scss +78 -78
  46. package/sass/modules/_loader.scss +183 -183
  47. package/sass/modules/_modal.scss +45 -45
  48. package/sass/modules/_nav.scss +136 -135
  49. package/sass/modules/_pill.scss +61 -61
  50. package/sass/modules/_table.scss +96 -96
  51. package/sass/modules/_tabs.scss +88 -93
  52. package/sass/modules/_tag.scss +72 -72
  53. package/sass/modules/_tile.scss +101 -101
  54. package/sass/modules/_tooltip.scss +108 -108
  55. package/sass/modules/form/_checkbox.scss +78 -78
  56. package/sass/modules/form/_file.scss +149 -149
  57. package/sass/modules/form/_formFieldGroup.scss +60 -60
  58. package/sass/modules/form/_output.scss +6 -6
  59. package/sass/modules/form/_progress.scss +55 -55
  60. package/sass/modules/form/_radio.scss +57 -57
  61. package/sass/modules/form/_range.scss +144 -144
  62. package/sass/modules/form/_select.scss +22 -22
  63. package/sass/modules/form/_text.scss +28 -28
  64. package/sass/modules/form/_textarea.scss +3 -3
  65. package/sass/modules/form/_toggle.scss +68 -68
  66. package/sass/utilities/_align.scss +25 -25
  67. package/sass/utilities/_border.scss +59 -59
  68. package/sass/utilities/_colors.scss +76 -76
  69. package/sass/utilities/_display.scss +25 -25
  70. package/sass/utilities/_flex.scss +65 -65
  71. package/sass/utilities/_float.scss +17 -17
  72. package/sass/utilities/_order.scss +23 -23
  73. package/sass/utilities/_overflow.scss +25 -25
  74. package/sass/utilities/_pointerEvents.scss +17 -17
  75. package/sass/utilities/_position.scss +59 -59
  76. package/sass/utilities/_shadow.scss +7 -7
  77. package/sass/utilities/_size.scss +118 -118
  78. package/sass/utilities/_spacing.scss +107 -107
  79. package/sass/utilities/_translate.scss +15 -15
  80. package/sass/utilities/_typography.scss +62 -62
  81. package/sass/utilities/_visibility.scss +17 -17
  82. package/sass/utilities/_zIndex.scss +15 -15
  83. package/tests.js +5 -5
  84. package/webpack.config.js +27 -27
  85. package/webpack.plugins.js +15 -15
  86. package/webpack.rules.js +8 -8
package/sass/helpers/_container.scss CHANGED
@@ -1,11 +1,11 @@
1
- @use "./../variables" as *;
2
- @use "./../mixins/container" as *;
3
-
4
- .container,
5
- .container--fluid {
6
- @include make-container;
7
- }
8
-
9
- .container {
10
- @include make-container-max-widths($container-max-widths, $breakpoints);
11
- }
1
+ @use "./../variables" as *;
2
+ @use "./../mixins/container" as *;
3
+
4
+ .container,
5
+ .container--fluid {
6
+ @include make-container;
7
+ }
8
+
9
+ .container {
10
+ @include make-container-max-widths($container-max-widths, $breakpoints);
11
+ }
package/sass/helpers/_embed.scss CHANGED
@@ -1,36 +1,36 @@
1
- @use "./../variables" as *;
2
-
3
- .embed--32by9,
4
- .embed--21by9,
5
- .embed--16by9,
6
- .embed--4by3,
7
- .embed--1by1 {
8
- position: relative;
9
- display: block;
10
- width: 100%;
11
- padding: 0;
12
- overflow: hidden;
13
-
14
- &::before {
15
- display: block;
16
- content: "";
17
- }
18
-
19
- & > * {
20
- position: absolute;
21
- top: 0;
22
- bottom: 0;
23
- left: 0;
24
- width: 100%;
25
- height: 100%;
26
- border: 0;
27
- }
28
- }
29
-
30
- @each $key, $value in $embeds {
31
- .embed--#{$key} {
32
- &::before {
33
- padding-top: $value !important;
34
- }
35
- }
36
- }
1
+ @use "./../variables" as *;
2
+
3
+ .embed--32by9,
4
+ .embed--21by9,
5
+ .embed--16by9,
6
+ .embed--4by3,
7
+ .embed--1by1 {
8
+ position: relative;
9
+ display: block;
10
+ width: 100%;
11
+ padding: 0;
12
+ overflow: hidden;
13
+
14
+ &::before {
15
+ display: block;
16
+ content: "";
17
+ }
18
+
19
+ & > * {
20
+ position: absolute;
21
+ top: 0;
22
+ bottom: 0;
23
+ left: 0;
24
+ width: 100%;
25
+ height: 100%;
26
+ border: 0;
27
+ }
28
+ }
29
+
30
+ @each $key, $value in $embeds {
31
+ .embed--#{$key} {
32
+ &::before {
33
+ padding-top: $value !important;
34
+ }
35
+ }
36
+ }
package/sass/helpers/_grid.scss CHANGED
@@ -1,53 +1,53 @@
1
- @use "sass:map";
2
- @use "sass:math";
3
- @use "./../variables" as *;
4
- @use "./../mixins/breakpoints" as *;
5
- @use "./../mixins/grid" as *;
6
-
7
- // Row
8
- // Rows contain your columns.
9
-
10
- :root {
11
- @each $name, $value in $breakpoints {
12
- --breakpoint-#{$name}: #{$value};
13
- }
14
- }
15
-
16
- .grid {
17
- @include make-row;
18
- }
19
-
20
- .grid--tight {
21
- @include make-row($grid-gutter-tight);
22
- }
23
-
24
- .grid,
25
- .grid--tight {
26
- > * {
27
- @include make-col-ready;
28
- }
29
- }
30
-
31
- @if $enable-cssgrid {
32
- .g-grid {
33
- gap: var(--gap, #{$grid-gutter});
34
- }
35
-
36
- .g-grid--tight {
37
- gap: var(--gap, #{$grid-gutter-tight});
38
- }
39
-
40
- .g-grid,
41
- .g-grid--tight {
42
- display: grid;
43
- grid-template-rows: repeat(var(--rows, 1), 1fr);
44
- grid-template-columns: repeat(var(--columns, #{$grid-columns}), 1fr);
45
-
46
- @include make-cssgrid;
47
- }
48
- }
49
-
50
- // Columns
51
- // Common styles for small and large grid columns
52
-
53
- @include make-grid-columns;
1
+ @use "sass:map";
2
+ @use "sass:math";
3
+ @use "./../variables" as *;
4
+ @use "./../mixins/breakpoints" as *;
5
+ @use "./../mixins/grid" as *;
6
+
7
+ // Row
8
+ // Rows contain your columns.
9
+
10
+ :root {
11
+ @each $name, $value in $breakpoints {
12
+ --breakpoint-#{$name}: #{$value};
13
+ }
14
+ }
15
+
16
+ .grid {
17
+ @include make-row;
18
+ }
19
+
20
+ .grid--tight {
21
+ @include make-row($grid-gutter-tight);
22
+ }
23
+
24
+ .grid,
25
+ .grid--tight {
26
+ > * {
27
+ @include make-col-ready;
28
+ }
29
+ }
30
+
31
+ @if $enable-cssgrid {
32
+ .g-grid {
33
+ gap: var(--gap, #{$grid-gutter});
34
+ }
35
+
36
+ .g-grid--tight {
37
+ gap: var(--gap, #{$grid-gutter-tight});
38
+ }
39
+
40
+ .g-grid,
41
+ .g-grid--tight {
42
+ display: grid;
43
+ grid-template-rows: repeat(var(--rows, 1), 1fr);
44
+ grid-template-columns: repeat(var(--columns, #{$grid-columns}), 1fr);
45
+
46
+ @include make-cssgrid;
47
+ }
48
+ }
49
+
50
+ // Columns
51
+ // Common styles for small and large grid columns
52
+
53
+ @include make-grid-columns;
package/sass/helpers/_image.scss CHANGED
@@ -1,5 +1,5 @@
1
- .image--full {
2
- width: auto;
3
- height: auto;
4
- max-width: 100%;
5
- }
1
+ .image--full {
2
+ width: auto;
3
+ height: auto;
4
+ max-width: 100%;
5
+ }
package/sass/helpers/_link.scss CHANGED
@@ -1,15 +1,15 @@
1
- .link--stretched {
2
- &::after,
3
- &::before {
4
- position: absolute;
5
- inset: 0;
6
- z-index: 1;
7
- pointer-events: auto;
8
- content: "";
9
- background-color: transparent;
10
- }
11
-
12
- &::before {
13
- z-index: -1;
14
- }
15
- }
1
+ .link--stretched {
2
+ &::after,
3
+ &::before {
4
+ position: absolute;
5
+ inset: 0;
6
+ z-index: 1;
7
+ pointer-events: auto;
8
+ content: "";
9
+ background-color: transparent;
10
+ }
11
+
12
+ &::before {
13
+ z-index: -1;
14
+ }
15
+ }