@haiilo/catalyst 6.3.0 → 6.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 (60) hide show
  1. package/dist/catalyst/catalyst.esm.js +1 -1
  2. package/dist/catalyst/catalyst.esm.js.map +1 -1
  3. package/dist/catalyst/p-2257ac13.entry.js +10 -0
  4. package/dist/catalyst/p-2257ac13.entry.js.map +1 -0
  5. package/dist/catalyst/scss/fonts/_fonts.mixins.lato.scss +36 -18
  6. package/dist/catalyst/scss/utils/_color.scss +3 -1
  7. package/dist/catalyst/scss/utils/_typography.mixins.scss +10 -2
  8. package/dist/catalyst/scss/vendor/_flatpickr.scss +5 -2
  9. package/dist/cjs/cat-alert_26.cjs.entry.js +539 -261
  10. package/dist/cjs/cat-alert_26.cjs.entry.js.map +1 -1
  11. package/dist/cjs/catalyst.cjs.js +1 -1
  12. package/dist/cjs/loader.cjs.js +1 -1
  13. package/dist/collection/components/cat-button/cat-button.css +0 -1
  14. package/dist/collection/components/cat-datepicker/cat-datepicker.config.js +6 -0
  15. package/dist/collection/components/cat-datepicker/cat-datepicker.config.js.map +1 -1
  16. package/dist/collection/components/cat-datepicker/cat-datepicker.js +42 -9
  17. package/dist/collection/components/cat-datepicker/cat-datepicker.js.map +1 -1
  18. package/dist/collection/components/cat-datepicker-inline/cat-datepicker-inline.js +32 -11
  19. package/dist/collection/components/cat-datepicker-inline/cat-datepicker-inline.js.map +1 -1
  20. package/dist/collection/components/cat-dropdown/cat-dropdown.js +10 -5
  21. package/dist/collection/components/cat-dropdown/cat-dropdown.js.map +1 -1
  22. package/dist/collection/components/cat-select/cat-select.js +22 -11
  23. package/dist/collection/components/cat-select/cat-select.js.map +1 -1
  24. package/dist/collection/components/cat-tabs/cat-tabs.css +7 -1
  25. package/dist/collection/components/cat-tooltip/cat-tooltip.js +1 -1
  26. package/dist/collection/scss/fonts/_fonts.mixins.lato.scss +36 -18
  27. package/dist/collection/scss/utils/_color.scss +3 -1
  28. package/dist/collection/scss/utils/_typography.mixins.scss +10 -2
  29. package/dist/collection/scss/vendor/_flatpickr.scss +5 -2
  30. package/dist/components/cat-button2.js +1 -1
  31. package/dist/components/cat-button2.js.map +1 -1
  32. package/dist/components/cat-checkbox2.js.map +1 -1
  33. package/dist/components/cat-datepicker-inline.js +18 -13
  34. package/dist/components/cat-datepicker-inline.js.map +1 -1
  35. package/dist/components/cat-datepicker.js +28 -9
  36. package/dist/components/cat-datepicker.js.map +1 -1
  37. package/dist/components/cat-datepicker.locale.js +6 -0
  38. package/dist/components/cat-datepicker.locale.js.map +1 -1
  39. package/dist/components/cat-dropdown2.js +252 -99
  40. package/dist/components/cat-dropdown2.js.map +1 -1
  41. package/dist/components/cat-input2.js.map +1 -1
  42. package/dist/components/cat-select2.js +21 -10
  43. package/dist/components/cat-select2.js.map +1 -1
  44. package/dist/components/cat-tabs.js +1 -1
  45. package/dist/components/cat-tabs.js.map +1 -1
  46. package/dist/components/cat-textarea.js.map +1 -1
  47. package/dist/components/cat-tooltip.js.map +1 -1
  48. package/dist/components/floating-ui.dom.esm.js +215 -129
  49. package/dist/components/floating-ui.dom.esm.js.map +1 -1
  50. package/dist/esm/cat-alert_26.entry.js +539 -261
  51. package/dist/esm/cat-alert_26.entry.js.map +1 -1
  52. package/dist/esm/catalyst.js +1 -1
  53. package/dist/esm/loader.js +1 -1
  54. package/dist/types/components/cat-datepicker/cat-datepicker.config.d.ts +3 -0
  55. package/dist/types/components/cat-datepicker/cat-datepicker.d.ts +8 -2
  56. package/dist/types/components/cat-datepicker-inline/cat-datepicker-inline.d.ts +7 -1
  57. package/dist/types/components.d.ts +16 -0
  58. package/package.json +11 -11
  59. package/dist/catalyst/p-90e9d18f.entry.js +0 -10
  60. package/dist/catalyst/p-90e9d18f.entry.js.map +0 -1
package/dist/catalyst/scss/fonts/_fonts.mixins.lato.scss CHANGED
@@ -5,7 +5,8 @@
5
5
  @if list.index($weights, 100) {
6
6
  @font-face {
7
7
  font-family: Lato;
8
- src: url('#{$path}/#{cat-token("asset.font.lato.woff2Hairline")}') format('woff2'),
8
+ src:
9
+ url('#{$path}/#{cat-token("asset.font.lato.woff2Hairline")}') format('woff2'),
9
10
  url('#{$path}/#{cat-token("asset.font.lato.woffHairline")}') format('woff');
10
11
  font-style: normal;
11
12
  font-weight: 100;
@@ -14,7 +15,8 @@
14
15
  }
15
16
  @font-face {
16
17
  font-family: Lato;
17
- src: url('#{$path}/#{cat-token("asset.font.lato.woff2HairlineItalic")}') format('woff2'),
18
+ src:
19
+ url('#{$path}/#{cat-token("asset.font.lato.woff2HairlineItalic")}') format('woff2'),
18
20
  url('#{$path}/#{cat-token("asset.font.lato.woffHairlineItalic")}') format('woff');
19
21
  font-style: italic;
20
22
  font-weight: 100;
@@ -25,7 +27,8 @@
25
27
  @if list.index($weights, 200) {
26
28
  @font-face {
27
29
  font-family: Lato;
28
- src: url('#{$path}/#{cat-token("asset.font.lato.woff2Thin")}') format('woff2'),
30
+ src:
31
+ url('#{$path}/#{cat-token("asset.font.lato.woff2Thin")}') format('woff2'),
29
32
  url('#{$path}/#{cat-token("asset.font.lato.woffThin")}') format('woff');
30
33
  font-style: normal;
31
34
  font-weight: 200;
@@ -34,7 +37,8 @@
34
37
  }
35
38
  @font-face {
36
39
  font-family: Lato;
37
- src: url('#{$path}/#{cat-token("asset.font.lato.woff2ThinItalic")}') format('woff2'),
40
+ src:
41
+ url('#{$path}/#{cat-token("asset.font.lato.woff2ThinItalic")}') format('woff2'),
38
42
  url('#{$path}/#{cat-token("asset.font.lato.woffThinItalic")}') format('woff');
39
43
  font-style: italic;
40
44
  font-weight: 200;
@@ -45,7 +49,8 @@
45
49
  @if list.index($weights, 300) {
46
50
  @font-face {
47
51
  font-family: Lato;
48
- src: url('#{$path}/#{cat-token("asset.font.lato.woff2Light")}') format('woff2'),
52
+ src:
53
+ url('#{$path}/#{cat-token("asset.font.lato.woff2Light")}') format('woff2'),
49
54
  url('#{$path}/#{cat-token("asset.font.lato.woffLight")}') format('woff');
50
55
  font-style: normal;
51
56
  font-weight: 300;
@@ -54,7 +59,8 @@
54
59
  }
55
60
  @font-face {
56
61
  font-family: Lato;
57
- src: url('#{$path}/#{cat-token("asset.font.lato.woff2LightItalic")}') format('woff2'),
62
+ src:
63
+ url('#{$path}/#{cat-token("asset.font.lato.woff2LightItalic")}') format('woff2'),
58
64
  url('#{$path}/#{cat-token("asset.font.lato.woffLightItalic")}') format('woff');
59
65
  font-style: italic;
60
66
  font-weight: 300;
@@ -65,7 +71,8 @@
65
71
  @if list.index($weights, 400) {
66
72
  @font-face {
67
73
  font-family: Lato;
68
- src: url('#{$path}/#{cat-token("asset.font.lato.woff2Regular")}') format('woff2'),
74
+ src:
75
+ url('#{$path}/#{cat-token("asset.font.lato.woff2Regular")}') format('woff2'),
69
76
  url('#{$path}/#{cat-token("asset.font.lato.woffRegular")}') format('woff');
70
77
  font-style: normal;
71
78
  font-weight: 400;
@@ -74,7 +81,8 @@
74
81
  }
75
82
  @font-face {
76
83
  font-family: Lato;
77
- src: url('#{$path}/#{cat-token("asset.font.lato.woff2Italic")}') format('woff2'),
84
+ src:
85
+ url('#{$path}/#{cat-token("asset.font.lato.woff2Italic")}') format('woff2'),
78
86
  url('#{$path}/#{cat-token("asset.font.lato.woffItalic")}') format('woff');
79
87
  font-style: italic;
80
88
  font-weight: 400;
@@ -85,7 +93,8 @@
85
93
  @if list.index($weights, 500) {
86
94
  @font-face {
87
95
  font-family: Lato;
88
- src: url('#{$path}/#{cat-token("asset.font.lato.woff2Medium")}') format('woff2'),
96
+ src:
97
+ url('#{$path}/#{cat-token("asset.font.lato.woff2Medium")}') format('woff2'),
89
98
  url('#{$path}/#{cat-token("asset.font.lato.woffMedium")}') format('woff');
90
99
  font-style: normal;
91
100
  font-weight: 500;
@@ -94,7 +103,8 @@
94
103
  }
95
104
  @font-face {
96
105
  font-family: Lato;
97
- src: url('#{$path}/#{cat-token("asset.font.lato.woff2MediumItalic")}') format('woff2'),
106
+ src:
107
+ url('#{$path}/#{cat-token("asset.font.lato.woff2MediumItalic")}') format('woff2'),
98
108
  url('#{$path}/#{cat-token("asset.font.lato.woffMediumItalic")}') format('woff');
99
109
  font-style: italic;
100
110
  font-weight: 500;
@@ -105,7 +115,8 @@
105
115
  @if list.index($weights, 600) {
106
116
  @font-face {
107
117
  font-family: Lato;
108
- src: url('#{$path}/#{cat-token("asset.font.lato.woff2Semibold")}') format('woff2'),
118
+ src:
119
+ url('#{$path}/#{cat-token("asset.font.lato.woff2Semibold")}') format('woff2'),
109
120
  url('#{$path}/#{cat-token("asset.font.lato.woffSemibold")}') format('woff');
110
121
  font-style: normal;
111
122
  font-weight: 600;
@@ -114,7 +125,8 @@
114
125
  }
115
126
  @font-face {
116
127
  font-family: Lato;
117
- src: url('#{$path}/#{cat-token("asset.font.lato.woff2SemiboldItalic")}') format('woff2'),
128
+ src:
129
+ url('#{$path}/#{cat-token("asset.font.lato.woff2SemiboldItalic")}') format('woff2'),
118
130
  url('#{$path}/#{cat-token("asset.font.lato.woffSemiboldItalic")}') format('woff');
119
131
  font-style: italic;
120
132
  font-weight: 600;
@@ -125,7 +137,8 @@
125
137
  @if list.index($weights, 700) {
126
138
  @font-face {
127
139
  font-family: Lato;
128
- src: url('#{$path}/#{cat-token("asset.font.lato.woff2Bold")}') format('woff2'),
140
+ src:
141
+ url('#{$path}/#{cat-token("asset.font.lato.woff2Bold")}') format('woff2'),
129
142
  url('#{$path}/#{cat-token("asset.font.lato.woffBold")}') format('woff');
130
143
  font-style: normal;
131
144
  font-weight: 700;
@@ -134,7 +147,8 @@
134
147
  }
135
148
  @font-face {
136
149
  font-family: Lato;
137
- src: url('#{$path}/#{cat-token("asset.font.lato.woff2BoldItalic")}') format('woff2'),
150
+ src:
151
+ url('#{$path}/#{cat-token("asset.font.lato.woff2BoldItalic")}') format('woff2'),
138
152
  url('#{$path}/#{cat-token("asset.font.lato.woffBoldItalic")}') format('woff');
139
153
  font-style: italic;
140
154
  font-weight: 700;
@@ -145,7 +159,8 @@
145
159
  @if list.index($weights, 800) {
146
160
  @font-face {
147
161
  font-family: Lato;
148
- src: url('#{$path}/#{cat-token("asset.font.lato.woff2Heavy")}') format('woff2'),
162
+ src:
163
+ url('#{$path}/#{cat-token("asset.font.lato.woff2Heavy")}') format('woff2'),
149
164
  url('#{$path}/#{cat-token("asset.font.lato.woffHeavy")}') format('woff');
150
165
  font-style: normal;
151
166
  font-weight: 800;
@@ -154,7 +169,8 @@
154
169
  }
155
170
  @font-face {
156
171
  font-family: Lato;
157
- src: url('#{$path}/#{cat-token("asset.font.lato.woff2HeavyItalic")}') format('woff2'),
172
+ src:
173
+ url('#{$path}/#{cat-token("asset.font.lato.woff2HeavyItalic")}') format('woff2'),
158
174
  url('#{$path}/#{cat-token("asset.font.lato.woffHeavyItalic")}') format('woff');
159
175
  font-style: italic;
160
176
  font-weight: 800;
@@ -165,7 +181,8 @@
165
181
  @if list.index($weights, 900) {
166
182
  @font-face {
167
183
  font-family: Lato;
168
- src: url('#{$path}/#{cat-token("asset.font.lato.woff2Black")}') format('woff2'),
184
+ src:
185
+ url('#{$path}/#{cat-token("asset.font.lato.woff2Black")}') format('woff2'),
169
186
  url('#{$path}/#{cat-token("asset.font.lato.woffBlack")}') format('woff');
170
187
  font-style: normal;
171
188
  font-weight: 900;
@@ -174,7 +191,8 @@
174
191
  }
175
192
  @font-face {
176
193
  font-family: Lato;
177
- src: url('#{$path}/#{cat-token("asset.font.lato.woff2BlackItalic")}') format('woff2'),
194
+ src:
195
+ url('#{$path}/#{cat-token("asset.font.lato.woff2BlackItalic")}') format('woff2'),
178
196
  url('#{$path}/#{cat-token("asset.font.lato.woffBlackItalic")}') format('woff');
179
197
  font-style: italic;
180
198
  font-weight: 900;
package/dist/catalyst/scss/utils/_color.scss CHANGED
@@ -7,7 +7,9 @@
7
7
  }
8
8
 
9
9
  .cat-bg-#{$name}-hover {
10
- transition: background-color cat-token('time.transition.s'), color cat-token('time.transition.s');
10
+ transition:
11
+ background-color cat-token('time.transition.s'),
12
+ color cat-token('time.transition.s');
11
13
 
12
14
  &:hover {
13
15
  background-color: cat-token('color.theme.#{$name}.bgHover') !important;
package/dist/catalyst/scss/utils/_typography.mixins.scss CHANGED
@@ -1,8 +1,16 @@
1
1
  @use '../variables' as *;
2
2
 
3
3
  /* stylelint-disable value-keyword-case */
4
- $font-fallback-sans-serif: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans',
5
- 'Liberation Sans', Arial, sans-serif !default;
4
+ $font-fallback-sans-serif:
5
+ system-ui,
6
+ -apple-system,
7
+ 'Segoe UI',
8
+ Roboto,
9
+ 'Helvetica Neue',
10
+ 'Noto Sans',
11
+ 'Liberation Sans',
12
+ Arial,
13
+ sans-serif !default;
6
14
  $font-fallback-emoji: 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' !default;
7
15
  $font-fallback-monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace !default;
8
16
  /* stylelint-enable value-keyword-case */
package/dist/catalyst/scss/vendor/_flatpickr.scss CHANGED
@@ -14,7 +14,8 @@
14
14
  &:not(.inline).animate {
15
15
  transform: translateY(-1rem);
16
16
  opacity: 0;
17
- transition: transform cat-token('time.transition.s') cubic-bezier(0.3, 0, 0.8, 0.15),
17
+ transition:
18
+ transform cat-token('time.transition.s') cubic-bezier(0.3, 0, 0.8, 0.15),
18
19
  opacity cat-token('time.transition.s') cubic-bezier(0.3, 0, 0.8, 0.15);
19
20
  }
20
21
 
@@ -44,7 +45,8 @@
44
45
  &.animate {
45
46
  opacity: 1;
46
47
  transform: translateY(0);
47
- transition: transform cat-token('time.transition.l') cubic-bezier(0.05, 0.7, 0.1, 1),
48
+ transition:
49
+ transform cat-token('time.transition.l') cubic-bezier(0.05, 0.7, 0.1, 1),
48
50
  opacity cat-token('time.transition.l') cubic-bezier(0.05, 0.7, 0.1, 1);
49
51
  }
50
52
  }
@@ -109,6 +111,7 @@
109
111
 
110
112
  .flatpickr-weekdays {
111
113
  height: 2rem;
114
+
112
115
  .flatpickr-weekday {
113
116
  color: cat-token('color.ui.font.muted');
114
117
  @include cat-body(xs, $weight: 700);