@haiilo/catalyst 0.1.0 → 0.1.1

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 (75) hide show
  1. package/dist/catalyst/{app-globals-622e4f87.js → app-globals-f83c9e4a.js} +24 -6
  2. package/dist/catalyst/cat-button.entry.js +2 -2
  3. package/dist/catalyst/cat-icon.entry.js +1 -1
  4. package/dist/catalyst/cat-menu.entry.js +2957 -0
  5. package/dist/catalyst/cat-spinner.entry.js +1 -1
  6. package/dist/catalyst/catalyst.css +7 -0
  7. package/dist/catalyst/catalyst.esm.js +3 -3
  8. package/dist/{esm/index-72a1bbba.js → catalyst/index-45406d3b.js} +2 -2
  9. package/dist/components/cat-menu.d.ts +11 -0
  10. package/dist/types/components/cat-menu/cat-menu.d.ts +23 -0
  11. package/dist/types/components.d.ts +24 -0
  12. package/package.json +9 -6
  13. package/dist/catalyst/index-72a1bbba.js +0 -3031
  14. package/dist/catalyst/p-17a20657.js +0 -1
  15. package/dist/catalyst/p-582935bb.entry.js +0 -1
  16. package/dist/catalyst/p-f3fad7a0.js +0 -1
  17. package/dist/cjs/app-globals-8908fe44.js +0 -132
  18. package/dist/cjs/app-globals-fe9ff8ba.js +0 -706
  19. package/dist/cjs/cat-button.cjs.entry.js +0 -633
  20. package/dist/cjs/cat-button_3.cjs.entry.js +0 -645
  21. package/dist/cjs/cat-icon-registry-850c538c.js +0 -45
  22. package/dist/cjs/cat-icon-registry-da00f7d6.js +0 -1321
  23. package/dist/cjs/cat-icon.cjs.entry.js +0 -31
  24. package/dist/cjs/cat-spinner.cjs.entry.js +0 -25
  25. package/dist/cjs/catalyst.cjs.js +0 -128
  26. package/dist/cjs/css-shim-3bfdba4f.js +0 -6
  27. package/dist/cjs/dom-8ac1ad03.js +0 -75
  28. package/dist/cjs/index-083488c8.js +0 -3065
  29. package/dist/cjs/index.cjs.js +0 -2
  30. package/dist/cjs/loader.cjs.js +0 -38
  31. package/dist/cjs/shadow-css-41d9783d.js +0 -390
  32. package/dist/collection/collection-manifest.json +0 -15
  33. package/dist/collection/components/cat-button/cat-button.css +0 -284
  34. package/dist/collection/components/cat-button/cat-button.js +0 -568
  35. package/dist/collection/components/cat-icon/cat-icon-registry.js +0 -41
  36. package/dist/collection/components/cat-icon/cat-icon.css +0 -49
  37. package/dist/collection/components/cat-icon/cat-icon.js +0 -89
  38. package/dist/collection/components/cat-spinner/cat-spinner.css +0 -63
  39. package/dist/collection/components/cat-spinner/cat-spinner.js +0 -64
  40. package/dist/collection/index.cdn.js +0 -21
  41. package/dist/collection/index.js +0 -1
  42. package/dist/collection/init.js +0 -8
  43. package/dist/collection/utils/breakpoints.js +0 -11
  44. package/dist/collection/utils/media-matcher.js +0 -54
  45. package/dist/collection/utils/platform.js +0 -49
  46. package/dist/collection/utils/utils.js +0 -3
  47. package/dist/components/cat-button.js +0 -680
  48. package/dist/components/cat-icon-registry.js +0 -43
  49. package/dist/components/cat-icon.js +0 -6
  50. package/dist/components/cat-icon2.js +0 -47
  51. package/dist/components/cat-spinner.js +0 -6
  52. package/dist/components/cat-spinner2.js +0 -40
  53. package/dist/components/index.js +0 -705
  54. package/dist/esm/app-globals-000601ea.js +0 -130
  55. package/dist/esm/app-globals-622e4f87.js +0 -704
  56. package/dist/esm/cat-button.entry.js +0 -629
  57. package/dist/esm/cat-button_3.entry.js +0 -639
  58. package/dist/esm/cat-icon-registry-59da2e37.js +0 -43
  59. package/dist/esm/cat-icon-registry-b66e3f57.js +0 -1294
  60. package/dist/esm/cat-icon.entry.js +0 -27
  61. package/dist/esm/cat-spinner.entry.js +0 -21
  62. package/dist/esm/catalyst.js +0 -126
  63. package/dist/esm/css-shim-20dbffa5.js +0 -4
  64. package/dist/esm/dom-c5ed0ba5.js +0 -73
  65. package/dist/esm/index.js +0 -1
  66. package/dist/esm/loader.js +0 -34
  67. package/dist/esm/polyfills/core-js.js +0 -11
  68. package/dist/esm/polyfills/css-shim.js +0 -1
  69. package/dist/esm/polyfills/dom.js +0 -79
  70. package/dist/esm/polyfills/es5-html-element.js +0 -1
  71. package/dist/esm/polyfills/index.js +0 -34
  72. package/dist/esm/polyfills/system.js +0 -6
  73. package/dist/esm/shadow-css-8c625855.js +0 -388
  74. package/dist/index.cjs.js +0 -1
  75. package/dist/index.js +0 -1
package/dist/collection/components/cat-button/cat-button.css DELETED
@@ -1,284 +0,0 @@
1
- /**
2
- * Auto-generated file. Do not edit directly.
3
- */
4
- /* stylelint-disable value-keyword-case */
5
- /* stylelint-enable value-keyword-case */
6
- :host {
7
- display: inline-block;
8
- max-width: 100%;
9
- vertical-align: middle;
10
- /* stylelint-disable property-no-vendor-prefix */
11
- -webkit-user-select: none;
12
- -ms-user-select: none;
13
- user-select: none;
14
- /* stylelint-enable property-no-vendor-prefix */
15
- }
16
- :host[hidden] {
17
- display: none;
18
- }
19
-
20
- .cat-button {
21
- font: inherit;
22
- display: flex;
23
- align-items: center;
24
- justify-content: center;
25
- border: none;
26
- border-radius: 0.25rem;
27
- text-decoration: none;
28
- width: 100%;
29
- box-sizing: border-box;
30
- cursor: pointer;
31
- transition: color 0.13s linear, border-color 0.13s linear, background-color 0.13s linear, box-shadow 0.13s linear;
32
- }
33
- .cat-button:focus-visible {
34
- outline: 2px solid #0071ff;
35
- outline-offset: 1px;
36
- }
37
-
38
- .cat-button-content {
39
- flex: 1 1 auto;
40
- text-align: center;
41
- }
42
- .cat-button-ellipsed .cat-button-content {
43
- /* stylelint-disable value-no-vendor-prefix, property-no-vendor-prefix */
44
- overflow: hidden;
45
- text-overflow: ellipsis;
46
- white-space: nowrap;
47
- /* stylelint-enable value-no-vendor-prefix, property-no-vendor-prefix */
48
- }
49
-
50
- .cat-button-disabled {
51
- cursor: not-allowed;
52
- opacity: 0.65;
53
- filter: grayscale(100%);
54
- }
55
-
56
- .cat-button-round {
57
- border-radius: 10rem;
58
- }
59
-
60
- .cat-button-loading {
61
- cursor: default;
62
- }
63
- .cat-button-loading cat-spinner {
64
- position: absolute;
65
- }
66
- .cat-button-loading > *:not(cat-spinner) {
67
- visibility: hidden;
68
- }
69
-
70
- .cat-button-filled {
71
- background-color: rgb(var(--bg));
72
- color: rgb(var(--fill));
73
- font-weight: 600;
74
- -webkit-font-smoothing: antialiased;
75
- -moz-osx-font-smoothing: greyscale;
76
- }
77
-
78
- .cat-button-outlined {
79
- background-color: white;
80
- box-shadow: inset 0 0 0 1px rgba(var(--base), 0.2);
81
- color: rgb(var(--text));
82
- }
83
- .cat-button-outlined:hover:not(.cat-button-disabled):not(.cat-button-loading) {
84
- background-color: rgba(var(--base), 0.05);
85
- }
86
- .cat-button-outlined:active:not(.cat-button-disabled):not(.cat-button-loading) {
87
- background-color: rgba(var(--base), 0.1);
88
- }
89
-
90
- .cat-button-text {
91
- background-color: transparent;
92
- color: rgb(var(--text));
93
- text-decoration: none;
94
- }
95
- .cat-button-text:hover:not(.cat-button-disabled):not(.cat-button-loading) {
96
- text-decoration: underline;
97
- }
98
-
99
- .cat-button-primary {
100
- --bg: var(--cat-primary-bg, 32, 127, 138);
101
- --fill: var(--cat-primary-fill, 255, 255, 255);
102
- --text: var(--cat-primary-text, 32, 127, 138);
103
- --base: var(--cat-primary-text, 32, 127, 138);
104
- }
105
- .cat-button-primary:hover:not(.cat-button-disabled):not(.cat-button-loading) {
106
- --bg: var(--cat-primary-bg-hover, 28, 112, 122);
107
- --fill: var(--cat-primary-fill-hover, 255, 255, 255);
108
- --text: var(--cat-primary-text-hover, 28, 112, 122);
109
- }
110
- .cat-button-primary:active:not(.cat-button-disabled):not(.cat-button-loading) {
111
- --bg: var(--cat-primary-bg-active, 25, 101, 110);
112
- --fill: var(--cat-primary-fill-active, 255, 255, 255);
113
- --text: var(--cat-primary-text-active, 25, 101, 110);
114
- }
115
-
116
- .cat-button-secondary {
117
- --bg: 248, 248, 251;
118
- --fill: 0, 0, 0;
119
- --text: 0, 0, 0;
120
- --base: 248, 248, 251;
121
- }
122
- .cat-button-secondary:hover:not(.cat-button-disabled):not(.cat-button-loading) {
123
- --bg: 235, 236, 240;
124
- --fill: 0, 0, 0;
125
- --text: 0, 0, 0;
126
- }
127
- .cat-button-secondary:active:not(.cat-button-disabled):not(.cat-button-loading) {
128
- --bg: 235, 236, 240;
129
- --fill: 0, 0, 0;
130
- --text: 0, 0, 0;
131
- }
132
-
133
- .cat-button-success {
134
- --bg: 0, 132, 88;
135
- --fill: 255, 255, 255;
136
- --text: 0, 132, 88;
137
- --base: 0, 132, 88;
138
- }
139
- .cat-button-success:hover:not(.cat-button-disabled):not(.cat-button-loading) {
140
- --bg: 0, 117, 78;
141
- --fill: 255, 255, 255;
142
- --text: 0, 117, 78;
143
- }
144
- .cat-button-success:active:not(.cat-button-disabled):not(.cat-button-loading) {
145
- --bg: 0, 105, 70;
146
- --fill: 255, 255, 255;
147
- --text: 0, 105, 70;
148
- }
149
-
150
- .cat-button-warning {
151
- --bg: 255, 206, 128;
152
- --fill: 0, 0, 0;
153
- --text: 159, 97, 0;
154
- --base: 159, 97, 0;
155
- }
156
- .cat-button-warning:hover:not(.cat-button-disabled):not(.cat-button-loading) {
157
- --bg: 255, 214, 148;
158
- --fill: 0, 0, 0;
159
- --text: 159, 97, 0;
160
- }
161
- .cat-button-warning:active:not(.cat-button-disabled):not(.cat-button-loading) {
162
- --bg: 255, 222, 168;
163
- --fill: 0, 0, 0;
164
- --text: 159, 97, 0;
165
- }
166
-
167
- .cat-button-danger {
168
- --bg: 217, 52, 13;
169
- --fill: 255, 255, 255;
170
- --text: 217, 52, 13;
171
- --base: 217, 52, 13;
172
- }
173
- .cat-button-danger:hover:not(.cat-button-disabled):not(.cat-button-loading) {
174
- --bg: 194, 46, 11;
175
- --fill: 255, 255, 255;
176
- --text: 194, 46, 11;
177
- }
178
- .cat-button-danger:active:not(.cat-button-disabled):not(.cat-button-loading) {
179
- --bg: 174, 42, 10;
180
- --fill: 255, 255, 255;
181
- --text: 174, 42, 10;
182
- }
183
-
184
- .cat-button-xs {
185
- min-width: 1.5rem;
186
- padding: 0.25rem 0.25rem;
187
- font-size: 0.875rem;
188
- line-height: 1rem;
189
- }
190
- .cat-button-xs .cat-button-prefix {
191
- margin-right: 0.25rem;
192
- }
193
- .cat-button-xs .cat-button-suffix {
194
- margin-left: 0.25rem;
195
- }
196
- .cat-button-xs.cat-button-icon {
197
- width: 1.5rem;
198
- padding-left: 0;
199
- padding-right: 0;
200
- }
201
-
202
- .cat-button-s {
203
- min-width: 2rem;
204
- padding: 0.375rem 0.5rem;
205
- font-size: 0.9375rem;
206
- line-height: 1.25rem;
207
- }
208
- .cat-button-s .cat-button-prefix {
209
- margin-right: 0.25rem;
210
- }
211
- .cat-button-s .cat-button-suffix {
212
- margin-left: 0.25rem;
213
- }
214
- .cat-button-s cat-icon {
215
- margin-top: -0.125rem;
216
- margin-bottom: -0.125rem;
217
- }
218
- .cat-button-s.cat-button-icon {
219
- width: 2rem;
220
- padding-left: 0;
221
- padding-right: 0;
222
- }
223
-
224
- .cat-button-m {
225
- min-width: 2.5rem;
226
- padding: 0.625rem 0.75rem;
227
- font-size: 0.9375rem;
228
- line-height: 1.25rem;
229
- }
230
- .cat-button-m .cat-button-prefix {
231
- margin-right: 0.25rem;
232
- }
233
- .cat-button-m .cat-button-suffix {
234
- margin-left: 0.25rem;
235
- }
236
- .cat-button-m cat-icon {
237
- margin-top: -0.125rem;
238
- margin-bottom: -0.125rem;
239
- }
240
- .cat-button-m.cat-button-icon {
241
- width: 2.5rem;
242
- padding-left: 0;
243
- padding-right: 0;
244
- }
245
-
246
- .cat-button-l {
247
- min-width: 3rem;
248
- padding: 0.875rem 1rem;
249
- font-size: 0.9375rem;
250
- line-height: 1.25rem;
251
- }
252
- .cat-button-l .cat-button-prefix {
253
- margin-right: 0.25rem;
254
- }
255
- .cat-button-l .cat-button-suffix {
256
- margin-left: 0.25rem;
257
- }
258
- .cat-button-l cat-icon {
259
- margin-top: -0.125rem;
260
- margin-bottom: -0.125rem;
261
- }
262
- .cat-button-l.cat-button-icon {
263
- width: 3rem;
264
- padding-left: 0;
265
- padding-right: 0;
266
- }
267
-
268
- .cat-button-xl {
269
- min-width: 3.5rem;
270
- padding: 1rem 1.25rem;
271
- font-size: 1.125rem;
272
- line-height: 1.5rem;
273
- }
274
- .cat-button-xl .cat-button-prefix {
275
- margin-right: 0.25rem;
276
- }
277
- .cat-button-xl .cat-button-suffix {
278
- margin-left: 0.25rem;
279
- }
280
- .cat-button-xl.cat-button-icon {
281
- width: 3.5rem;
282
- padding-left: 0;
283
- padding-right: 0;
284
- }