@haiilo/catalyst 6.2.1 → 6.2.3

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 (98) hide show
  1. package/dist/catalyst/catalyst.css +24 -23
  2. package/dist/catalyst/catalyst.esm.js +1 -1
  3. package/dist/catalyst/catalyst.esm.js.map +1 -1
  4. package/dist/catalyst/p-0c98e803.entry.js +10 -0
  5. package/dist/catalyst/p-0c98e803.entry.js.map +1 -0
  6. package/dist/catalyst/scss/_mixins.scss +2 -1
  7. package/dist/catalyst/scss/_snippets/_form-label.scss +4 -4
  8. package/dist/catalyst/scss/_variables.scss +1 -8
  9. package/dist/catalyst/scss/core/_nav.scss +2 -3
  10. package/dist/catalyst/scss/utils/_layout.scss +7 -3
  11. package/dist/catalyst/scss/utils/_z-index.mixins.scss +7 -0
  12. package/dist/catalyst/scss/vendor/_flatpickr.scss +1 -1
  13. package/dist/cjs/cat-alert_25.cjs.entry.js +103 -90
  14. package/dist/cjs/cat-alert_25.cjs.entry.js.map +1 -1
  15. package/dist/cjs/catalyst.cjs.js +1 -1
  16. package/dist/cjs/loader.cjs.js +1 -1
  17. package/dist/collection/components/cat-alert/cat-alert.css +1 -1
  18. package/dist/collection/components/cat-badge/cat-badge.css +1 -1
  19. package/dist/collection/components/cat-button/cat-button.css +23 -7
  20. package/dist/collection/components/cat-button/cat-button.js +18 -2
  21. package/dist/collection/components/cat-button/cat-button.js.map +1 -1
  22. package/dist/collection/components/cat-button/cat-button.spec.js +3 -1
  23. package/dist/collection/components/cat-button/cat-button.spec.js.map +1 -1
  24. package/dist/collection/components/cat-checkbox/cat-checkbox.css +2 -2
  25. package/dist/collection/components/cat-datepicker/cat-datepicker.js +57 -37
  26. package/dist/collection/components/cat-datepicker/cat-datepicker.js.map +1 -1
  27. package/dist/collection/components/cat-dropdown/cat-dropdown.css +35 -12
  28. package/dist/collection/components/cat-form-group/cat-form-group.js +6 -6
  29. package/dist/collection/components/cat-form-group/cat-form-group.js.map +1 -1
  30. package/dist/collection/components/cat-input/cat-input.css +26 -21
  31. package/dist/collection/components/cat-input/cat-input.js +4 -7
  32. package/dist/collection/components/cat-input/cat-input.js.map +1 -1
  33. package/dist/collection/components/cat-radio-group/cat-radio-group.js +4 -2
  34. package/dist/collection/components/cat-radio-group/cat-radio-group.js.map +1 -1
  35. package/dist/collection/components/cat-select/cat-select.css +28 -24
  36. package/dist/collection/components/cat-select/cat-select.js +16 -16
  37. package/dist/collection/components/cat-select/cat-select.js.map +1 -1
  38. package/dist/collection/components/cat-tab/cat-tab.js +16 -0
  39. package/dist/collection/components/cat-tab/cat-tab.js.map +1 -1
  40. package/dist/collection/components/cat-tabs/cat-tabs.css +24 -2
  41. package/dist/collection/components/cat-tabs/cat-tabs.js +3 -3
  42. package/dist/collection/components/cat-tabs/cat-tabs.js.map +1 -1
  43. package/dist/collection/components/cat-textarea/cat-textarea.css +21 -21
  44. package/dist/collection/components/cat-textarea/cat-textarea.js +4 -7
  45. package/dist/collection/components/cat-textarea/cat-textarea.js.map +1 -1
  46. package/dist/collection/components/cat-toggle/cat-toggle.css +2 -2
  47. package/dist/collection/components/cat-tooltip/cat-tooltip.css +2 -2
  48. package/dist/collection/scss/_mixins.scss +2 -1
  49. package/dist/collection/scss/_snippets/_form-label.scss +4 -4
  50. package/dist/collection/scss/_variables.scss +1 -8
  51. package/dist/collection/scss/core/_nav.scss +2 -3
  52. package/dist/collection/scss/utils/_layout.scss +7 -3
  53. package/dist/collection/scss/utils/_z-index.mixins.scss +7 -0
  54. package/dist/collection/scss/vendor/_flatpickr.scss +1 -1
  55. package/dist/components/cat-alert.js +1 -1
  56. package/dist/components/cat-alert.js.map +1 -1
  57. package/dist/components/cat-badge.js +1 -1
  58. package/dist/components/cat-badge.js.map +1 -1
  59. package/dist/components/cat-button2.js +5 -3
  60. package/dist/components/cat-button2.js.map +1 -1
  61. package/dist/components/cat-checkbox2.js +1 -1
  62. package/dist/components/cat-datepicker.js +52 -37
  63. package/dist/components/cat-datepicker.js.map +1 -1
  64. package/dist/components/cat-dropdown2.js +1 -1
  65. package/dist/components/cat-dropdown2.js.map +1 -1
  66. package/dist/components/cat-form-group.js +6 -6
  67. package/dist/components/cat-form-group.js.map +1 -1
  68. package/dist/components/cat-input2.js +5 -8
  69. package/dist/components/cat-input2.js.map +1 -1
  70. package/dist/components/cat-radio-group.js +4 -2
  71. package/dist/components/cat-radio-group.js.map +1 -1
  72. package/dist/components/cat-select2.js +17 -17
  73. package/dist/components/cat-select2.js.map +1 -1
  74. package/dist/components/cat-tab.js +3 -1
  75. package/dist/components/cat-tab.js.map +1 -1
  76. package/dist/components/cat-tabs.js +4 -4
  77. package/dist/components/cat-tabs.js.map +1 -1
  78. package/dist/components/cat-textarea.js +5 -8
  79. package/dist/components/cat-textarea.js.map +1 -1
  80. package/dist/components/cat-toggle.js +1 -1
  81. package/dist/components/cat-tooltip.js +1 -1
  82. package/dist/components/cat-tooltip.js.map +1 -1
  83. package/dist/esm/cat-alert_25.entry.js +103 -90
  84. package/dist/esm/cat-alert_25.entry.js.map +1 -1
  85. package/dist/esm/catalyst.js +1 -1
  86. package/dist/esm/loader.js +1 -1
  87. package/dist/types/components/cat-button/cat-button.d.ts +6 -0
  88. package/dist/types/components/cat-datepicker/cat-datepicker.d.ts +3 -0
  89. package/dist/types/components/cat-form-group/cat-form-group.d.ts +2 -2
  90. package/dist/types/components/cat-input/cat-input.d.ts +1 -1
  91. package/dist/types/components/cat-select/cat-select.d.ts +4 -4
  92. package/dist/types/components/cat-tab/cat-tab.d.ts +6 -0
  93. package/dist/types/components/cat-tabs/cat-tabs.d.ts +1 -1
  94. package/dist/types/components/cat-textarea/cat-textarea.d.ts +1 -1
  95. package/dist/types/components.d.ts +16 -0
  96. package/package.json +2 -2
  97. package/dist/catalyst/p-3cb0e306.entry.js +0 -10
  98. package/dist/catalyst/p-3cb0e306.entry.js.map +0 -1
package/dist/catalyst/scss/_mixins.scss CHANGED
@@ -3,6 +3,7 @@
3
3
  @forward 'utils/disabled.mixins';
4
4
  @forward 'utils/elevation.mixins';
5
5
  @forward 'utils/media.mixins';
6
+ @forward 'utils/ratio.mixins';
6
7
  @forward 'utils/typography.mixins';
7
8
  @forward 'utils/visibility.mixins';
8
- @forward 'utils/ratio.mixins';
9
+ @forward 'utils/z-index.mixins';
package/dist/catalyst/scss/_snippets/_form-label.scss CHANGED
@@ -11,14 +11,14 @@ $cat-input-height: 2.5rem;
11
11
  .label-container {
12
12
  flex-basis: var(--label-size, 33.33%);
13
13
 
14
- &.hidden {
15
- @include cat-visually-hidden;
16
- }
17
-
18
14
  .label-wrapper {
19
15
  display: flex;
20
16
  gap: 0.25rem;
21
17
  }
18
+
19
+ .hidden {
20
+ @include cat-visually-hidden;
21
+ }
22
22
  }
23
23
 
24
24
  .label-metadata {
package/dist/catalyst/scss/_variables.scss CHANGED
@@ -7,7 +7,7 @@
7
7
 
8
8
  $cat-head-margin-bottom: 0.5rem;
9
9
  $cat-body-margin-bottom: 1rem;
10
- $cat-nav-padding-horizontal: 1.25rem;
10
+ $cat-nav-padding-horizontal: 0.75rem;
11
11
 
12
12
  // --------
13
13
  // -- Typography
@@ -15,13 +15,6 @@ $cat-nav-padding-horizontal: 1.25rem;
15
15
 
16
16
  $cat-mark-color: cat-token('color.theme.primary.bg', 0.2);
17
17
 
18
- // --------
19
- // -- z-indexes
20
- // --------
21
-
22
- $cat-dropdown-z-index: 100 !default;
23
- $cat-tooltip-z-index: 200 !default;
24
-
25
18
  // --------
26
19
  // -- Elevations
27
20
  // --------
package/dist/catalyst/scss/core/_nav.scss CHANGED
@@ -4,13 +4,12 @@
4
4
  nav {
5
5
  hr,
6
6
  .cat-hr {
7
- margin-top: $cat-nav-padding-horizontal * 0.5;
8
- margin-bottom: $cat-nav-padding-horizontal * 0.5;
7
+ margin: 0.25rem -0.25rem;
9
8
  }
10
9
 
11
10
  .cat-nav-head,
12
11
  .cat-nav-text {
13
- padding: $cat-nav-padding-horizontal * 0.5 $cat-nav-padding-horizontal;
12
+ padding: $cat-nav-padding-horizontal * 0.75 $cat-nav-padding-horizontal;
14
13
 
15
14
  > :last-child {
16
15
  margin-bottom: 0 !important;
package/dist/catalyst/scss/utils/_layout.scss CHANGED
@@ -2,15 +2,19 @@
2
2
 
3
3
  @mixin -layout-property($name, $property, $value) {
4
4
  .cat-#{$name} {
5
- #{$property}: #{$value};
6
5
  @content;
6
+ #{$property}: #{$value};
7
7
  }
8
8
  }
9
9
 
10
10
  // -- Direction
11
11
 
12
- @include -layout-property('flex-row', 'flex-direction', 'row');
13
- @include -layout-property('flex-col', 'flex-direction', 'column');
12
+ @include -layout-property('flex-row', 'flex-direction', 'row') {
13
+ display: flex;
14
+ }
15
+ @include -layout-property('flex-col', 'flex-direction', 'column') {
16
+ display: flex;
17
+ }
14
18
 
15
19
  // -- Flex
16
20
 
package/dist/catalyst/scss/utils/_z-index.mixins.scss ADDED
@@ -0,0 +1,7 @@
1
+ @use '../variables' as *;
2
+
3
+ @function cat-z-index($key) {
4
+ $base: cat-token('z-index.base');
5
+ $value: cat-token('z-index.' + $key);
6
+ @return calc($base + $value);
7
+ }
package/dist/catalyst/scss/vendor/_flatpickr.scss CHANGED
@@ -24,7 +24,7 @@
24
24
  }
25
25
 
26
26
  &.open {
27
- z-index: $cat-dropdown-z-index;
27
+ z-index: cat-z-index('dropdown');
28
28
  width: auto !important;
29
29
  margin-top: 0.75rem;
30
30
  margin-left: -0.75rem;