@haiilo/catalyst 8.5.0 → 9.1.0
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.
- package/dist/catalyst/catalyst.css +82 -48
- package/dist/catalyst/catalyst.esm.js +1 -1
- package/dist/catalyst/index.esm.js +1 -1
- package/dist/catalyst/p-609000a1.entry.js +10 -0
- package/dist/catalyst/p-609000a1.entry.js.map +1 -0
- package/dist/catalyst/p-f65e3491.js +2 -0
- package/dist/catalyst/p-f65e3491.js.map +1 -0
- package/dist/catalyst/scss/core/_dialog.scss +38 -0
- package/dist/catalyst/scss/utils/_color.scss +6 -6
- package/dist/cjs/cat-alert_26.cjs.entry.js +7 -6
- package/dist/cjs/cat-alert_26.cjs.entry.js.map +1 -1
- package/dist/cjs/catalyst.cjs.js +1 -1
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{of-7a292448.js → of-4c3bdf21.js} +13 -6
- package/dist/cjs/of-4c3bdf21.js.map +1 -0
- package/dist/collection/components/cat-alert/cat-alert.css +18 -18
- package/dist/collection/components/cat-i18n/cat-i18n-registry.js +12 -5
- package/dist/collection/components/cat-i18n/cat-i18n-registry.js.map +1 -1
- package/dist/collection/components/cat-input/cat-input.css +48 -48
- package/dist/collection/components/cat-radio/cat-radio.js +4 -3
- package/dist/collection/components/cat-radio/cat-radio.js.map +1 -1
- package/dist/collection/components/cat-radio-group/cat-radio-group.js +3 -3
- package/dist/collection/components/cat-radio-group/cat-radio-group.js.map +1 -1
- package/dist/collection/components/cat-select/cat-select.css +48 -48
- package/dist/collection/components/cat-textarea/cat-textarea.css +48 -48
- package/dist/collection/components/cat-tooltip/cat-tooltip.css +2 -2
- package/dist/collection/index.js.map +1 -1
- package/dist/collection/scss/core/_dialog.scss +38 -0
- package/dist/collection/scss/utils/_color.scss +6 -6
- package/dist/components/cat-alert.js +1 -1
- package/dist/components/cat-alert.js.map +1 -1
- package/dist/components/cat-i18n-registry.js +12 -5
- package/dist/components/cat-i18n-registry.js.map +1 -1
- package/dist/components/cat-input2.js +1 -1
- package/dist/components/cat-input2.js.map +1 -1
- package/dist/components/cat-radio-group.js +1 -1
- package/dist/components/cat-radio-group.js.map +1 -1
- package/dist/components/cat-radio.js +2 -1
- package/dist/components/cat-radio.js.map +1 -1
- package/dist/components/cat-select2.js +1 -1
- package/dist/components/cat-select2.js.map +1 -1
- package/dist/components/cat-textarea.js +1 -1
- package/dist/components/cat-textarea.js.map +1 -1
- package/dist/components/cat-tooltip.js +1 -1
- package/dist/components/cat-tooltip.js.map +1 -1
- package/dist/esm/cat-alert_26.entry.js +7 -6
- package/dist/esm/cat-alert_26.entry.js.map +1 -1
- package/dist/esm/catalyst.js +1 -1
- package/dist/esm/index.js +2 -2
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{of-3ff1086e.js → of-ec88a583.js} +13 -6
- package/dist/esm/of-ec88a583.js.map +1 -0
- package/dist/types/components/cat-i18n/cat-i18n-registry.d.ts +3 -2
- package/dist/types/components/cat-radio/cat-radio.d.ts +1 -1
- package/dist/types/components/cat-radio-group/cat-radio-group.d.ts +1 -1
- package/dist/types/components.d.ts +4 -4
- package/dist/types/index.d.ts +1 -1
- package/package.json +2 -2
- package/dist/catalyst/p-2f032de7.js +0 -2
- package/dist/catalyst/p-2f032de7.js.map +0 -1
- package/dist/catalyst/p-7a8cae77.entry.js +0 -10
- package/dist/catalyst/p-7a8cae77.entry.js.map +0 -1
- package/dist/cjs/of-7a292448.js.map +0 -1
- package/dist/esm/of-3ff1086e.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cat-i18n-registry.js","sourceRoot":"","sources":["../../../src/components/cat-i18n/cat-i18n-registry.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"cat-i18n-registry.js","sourceRoot":"","sources":["../../../src/components/cat-i18n/cat-i18n-registry.ts"],"names":[],"mappings":"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","sourcesContent":["import log from 'loglevel';\n\nexport type CatI18nTranslationFn = (key: string, params?: unknown) => string;\n\nexport class CatI18nRegistry {\n private static instance: CatI18nRegistry;\n\n private readonly id = (Math.random() + 1).toString(36).substring(2);\n private readonly i18n: Map<string, string> = new Map();\n\n private _locale?: string;\n private _translator?: CatI18nTranslationFn;\n\n private constructor() {\n // hide constructor\n\n // In rare cases, the registry can be initialized twice. This can happen in\n // a micro frontend architecture where the registry is initialized in the\n // host application and in the micro frontend. To prevent the registry in\n // one application from overwriting the registry in the other, we listen for\n // events that are dispatched when messages are added or removed in other\n // applications and add or remove messages if the event was not dispatched\n // by this registry.\n window.addEventListener('cat-i18n-setLocale', event => {\n const { detail } = (event as CustomEvent) || {};\n if (detail && detail.id !== this.id) {\n this.setLocale(detail.locale, true);\n }\n });\n window.addEventListener('cat-i18n-set', event => {\n const { detail } = (event as CustomEvent) || {};\n if (detail && detail.id !== this.id) {\n this.set(detail.i18n, true);\n }\n });\n window.addEventListener('cat-i18n-clear', event => {\n const { detail } = (event as CustomEvent) || {};\n if (detail && detail.id !== this.id) {\n this.clear(true);\n }\n });\n }\n\n static getInstance(): CatI18nRegistry {\n if (!CatI18nRegistry.instance) {\n CatI18nRegistry.instance = new CatI18nRegistry();\n }\n return CatI18nRegistry.instance;\n }\n\n getLocale(): string {\n return this._locale ?? window?.navigator?.language ?? 'en';\n }\n\n setLocale(locale: string, silent = false): void {\n try {\n this._locale = Intl.getCanonicalLocales(locale)[0];\n log.info(`[CatI18nRegistry] Set locale: ${this._locale}`);\n !silent && window.dispatchEvent(this.buildEvent('cat-i18n-setLocale', { locale, id: this.id }));\n } catch (err) {\n log.error(`[CatI18nRegistry] Invalid locale: ${locale}`);\n }\n }\n\n set(i18n: { [key: string]: string } | CatI18nTranslationFn, silent = false): void {\n if (typeof i18n === 'function') {\n this._translator = i18n;\n log.info(`[CatI18nRegistry] Registered translator`);\n } else {\n const i18nEntries = Object.entries(i18n);\n i18nEntries.forEach(([key, message]) => this.i18n.set(key, message));\n log.info(`[CatI18nRegistry] Registered ${i18nEntries.length !== 1 ? 'messages' : 'message'}`);\n }\n !silent && window.dispatchEvent(this.buildEvent('cat-i18n-set', { i18n, id: this.id }));\n }\n\n clear(silent = false): void {\n this.i18n.clear();\n log.info(`[CatI18nRegistry] Cleared messages`);\n !silent && window.dispatchEvent(this.buildEvent('cat-i18n-clear'));\n }\n\n t(key: string, params?: { [key: string]: unknown }): string {\n const message =\n this._translator?.(key, params) ??\n this.i18n.get(key)?.replace(/{{\\s*([-a-zA-Z._]+)\\s*}}/g, (_match, key) => `${params?.[key] ?? ''}`);\n if (message === undefined) {\n log.error(`[CatI18nRegistry] Unknown message key: ${key}`);\n return key;\n }\n return message;\n }\n\n private buildEvent<T>(name: string, detail?: T) {\n return new CustomEvent(name, {\n bubbles: true,\n composed: true,\n detail\n });\n }\n}\n\nexport const catI18nRegistry = CatI18nRegistry.getInstance();\n"]}
|
|
@@ -26,9 +26,9 @@
|
|
|
26
26
|
.cat-bg-primary {
|
|
27
27
|
background-color: rgb(var(--cat-primary-bg, 0, 129, 148)) !important;
|
|
28
28
|
color: rgb(var(--cat-primary-fill, 255, 255, 255)) !important;
|
|
29
|
-
--cat-primary-text: cat-
|
|
30
|
-
--cat-primary-text-hover: cat-
|
|
31
|
-
--cat-primary-text-active: cat-
|
|
29
|
+
--cat-primary-text: var(--cat-primary-fill, 255, 255, 255);
|
|
30
|
+
--cat-primary-text-hover: var(--cat-primary-fill-hover, 255, 255, 255);
|
|
31
|
+
--cat-primary-text-active: var(--cat-primary-fill-active, 255, 255, 255);
|
|
32
32
|
--cat-link-decoration: underline;
|
|
33
33
|
}
|
|
34
34
|
|
|
@@ -38,9 +38,9 @@
|
|
|
38
38
|
.cat-bg-primary-hover:hover {
|
|
39
39
|
background-color: rgb(var(--cat-primary-bg-hover, 1, 115, 132)) !important;
|
|
40
40
|
color: rgb(var(--cat-primary-fill-hover, 255, 255, 255)) !important;
|
|
41
|
-
--cat-primary-text: cat-
|
|
42
|
-
--cat-primary-text-hover: cat-
|
|
43
|
-
--cat-primary-text-active: cat-
|
|
41
|
+
--cat-primary-text: var(--cat-primary-fill, 255, 255, 255);
|
|
42
|
+
--cat-primary-text-hover: var(--cat-primary-fill-hover, 255, 255, 255);
|
|
43
|
+
--cat-primary-text-active: var(--cat-primary-fill-active, 255, 255, 255);
|
|
44
44
|
--cat-link-decoration: underline;
|
|
45
45
|
}
|
|
46
46
|
|
|
@@ -65,9 +65,9 @@
|
|
|
65
65
|
.cat-bg-primaryInverted {
|
|
66
66
|
background-color: #93b4f2 !important;
|
|
67
67
|
color: black !important;
|
|
68
|
-
--cat-primary-text:
|
|
69
|
-
--cat-primary-text-hover:
|
|
70
|
-
--cat-primary-text-active:
|
|
68
|
+
--cat-primary-text: 0, 0, 0;
|
|
69
|
+
--cat-primary-text-hover: 0, 0, 0;
|
|
70
|
+
--cat-primary-text-active: 0, 0, 0;
|
|
71
71
|
--cat-link-decoration: underline;
|
|
72
72
|
}
|
|
73
73
|
|
|
@@ -77,9 +77,9 @@
|
|
|
77
77
|
.cat-bg-primaryInverted-hover:hover {
|
|
78
78
|
background-color: #93b4f2 !important;
|
|
79
79
|
color: black !important;
|
|
80
|
-
--cat-primary-text:
|
|
81
|
-
--cat-primary-text-hover:
|
|
82
|
-
--cat-primary-text-active:
|
|
80
|
+
--cat-primary-text: 0, 0, 0;
|
|
81
|
+
--cat-primary-text-hover: 0, 0, 0;
|
|
82
|
+
--cat-primary-text-active: 0, 0, 0;
|
|
83
83
|
--cat-link-decoration: underline;
|
|
84
84
|
}
|
|
85
85
|
|
|
@@ -104,9 +104,9 @@
|
|
|
104
104
|
.cat-bg-secondary {
|
|
105
105
|
background-color: rgb(var(--cat-secondary-bg, 105, 118, 135)) !important;
|
|
106
106
|
color: rgb(var(--cat-secondary-fill, 255, 255, 255)) !important;
|
|
107
|
-
--cat-primary-text: cat-
|
|
108
|
-
--cat-primary-text-hover: cat-
|
|
109
|
-
--cat-primary-text-active: cat-
|
|
107
|
+
--cat-primary-text: var(--cat-secondary-fill, 255, 255, 255);
|
|
108
|
+
--cat-primary-text-hover: var(--cat-secondary-fill-hover, 255, 255, 255);
|
|
109
|
+
--cat-primary-text-active: var(--cat-secondary-fill-active, 255, 255, 255);
|
|
110
110
|
--cat-link-decoration: underline;
|
|
111
111
|
}
|
|
112
112
|
|
|
@@ -116,9 +116,9 @@
|
|
|
116
116
|
.cat-bg-secondary-hover:hover {
|
|
117
117
|
background-color: rgb(var(--cat-secondary-bg-hover, 105, 118, 135)) !important;
|
|
118
118
|
color: rgb(var(--cat-secondary-fill-hover, 255, 255, 255)) !important;
|
|
119
|
-
--cat-primary-text: cat-
|
|
120
|
-
--cat-primary-text-hover: cat-
|
|
121
|
-
--cat-primary-text-active: cat-
|
|
119
|
+
--cat-primary-text: var(--cat-secondary-fill, 255, 255, 255);
|
|
120
|
+
--cat-primary-text-hover: var(--cat-secondary-fill-hover, 255, 255, 255);
|
|
121
|
+
--cat-primary-text-active: var(--cat-secondary-fill-active, 255, 255, 255);
|
|
122
122
|
--cat-link-decoration: underline;
|
|
123
123
|
}
|
|
124
124
|
|
|
@@ -143,9 +143,9 @@
|
|
|
143
143
|
.cat-bg-secondaryInverted {
|
|
144
144
|
background-color: #697687 !important;
|
|
145
145
|
color: black !important;
|
|
146
|
-
--cat-primary-text:
|
|
147
|
-
--cat-primary-text-hover:
|
|
148
|
-
--cat-primary-text-active:
|
|
146
|
+
--cat-primary-text: 0, 0, 0;
|
|
147
|
+
--cat-primary-text-hover: 0, 0, 0;
|
|
148
|
+
--cat-primary-text-active: 0, 0, 0;
|
|
149
149
|
--cat-link-decoration: underline;
|
|
150
150
|
}
|
|
151
151
|
|
|
@@ -155,9 +155,9 @@
|
|
|
155
155
|
.cat-bg-secondaryInverted-hover:hover {
|
|
156
156
|
background-color: #697687 !important;
|
|
157
157
|
color: black !important;
|
|
158
|
-
--cat-primary-text:
|
|
159
|
-
--cat-primary-text-hover:
|
|
160
|
-
--cat-primary-text-active:
|
|
158
|
+
--cat-primary-text: 0, 0, 0;
|
|
159
|
+
--cat-primary-text-hover: 0, 0, 0;
|
|
160
|
+
--cat-primary-text-active: 0, 0, 0;
|
|
161
161
|
--cat-link-decoration: underline;
|
|
162
162
|
}
|
|
163
163
|
|
|
@@ -182,9 +182,9 @@
|
|
|
182
182
|
.cat-bg-info {
|
|
183
183
|
background-color: rgb(var(--cat-success-bg, 0, 115, 230)) !important;
|
|
184
184
|
color: rgb(var(--cat-success-fill, 255, 255, 255)) !important;
|
|
185
|
-
--cat-primary-text: cat-
|
|
186
|
-
--cat-primary-text-hover: cat-
|
|
187
|
-
--cat-primary-text-active: cat-
|
|
185
|
+
--cat-primary-text: var(--cat-success-fill, 255, 255, 255);
|
|
186
|
+
--cat-primary-text-hover: var(--cat-success-fill-hover, 255, 255, 255);
|
|
187
|
+
--cat-primary-text-active: var(--cat-success-fill-active, 255, 255, 255);
|
|
188
188
|
--cat-link-decoration: underline;
|
|
189
189
|
}
|
|
190
190
|
|
|
@@ -194,9 +194,9 @@
|
|
|
194
194
|
.cat-bg-info-hover:hover {
|
|
195
195
|
background-color: rgb(var(--cat-success-bg-hover, 0, 107, 227)) !important;
|
|
196
196
|
color: rgb(var(--cat-success-fill-hover, 255, 255, 255)) !important;
|
|
197
|
-
--cat-primary-text: cat-
|
|
198
|
-
--cat-primary-text-hover: cat-
|
|
199
|
-
--cat-primary-text-active: cat-
|
|
197
|
+
--cat-primary-text: var(--cat-success-fill, 255, 255, 255);
|
|
198
|
+
--cat-primary-text-hover: var(--cat-success-fill-hover, 255, 255, 255);
|
|
199
|
+
--cat-primary-text-active: var(--cat-success-fill-active, 255, 255, 255);
|
|
200
200
|
--cat-link-decoration: underline;
|
|
201
201
|
}
|
|
202
202
|
|
|
@@ -221,9 +221,9 @@
|
|
|
221
221
|
.cat-bg-success {
|
|
222
222
|
background-color: rgb(var(--cat-success-bg, 0, 132, 88)) !important;
|
|
223
223
|
color: rgb(var(--cat-success-fill, 255, 255, 255)) !important;
|
|
224
|
-
--cat-primary-text: cat-
|
|
225
|
-
--cat-primary-text-hover: cat-
|
|
226
|
-
--cat-primary-text-active: cat-
|
|
224
|
+
--cat-primary-text: var(--cat-success-fill, 255, 255, 255);
|
|
225
|
+
--cat-primary-text-hover: var(--cat-success-fill-hover, 255, 255, 255);
|
|
226
|
+
--cat-primary-text-active: var(--cat-success-fill-active, 255, 255, 255);
|
|
227
227
|
--cat-link-decoration: underline;
|
|
228
228
|
}
|
|
229
229
|
|
|
@@ -233,9 +233,9 @@
|
|
|
233
233
|
.cat-bg-success-hover:hover {
|
|
234
234
|
background-color: rgb(var(--cat-success-bg-hover, 0, 117, 78)) !important;
|
|
235
235
|
color: rgb(var(--cat-success-fill-hover, 255, 255, 255)) !important;
|
|
236
|
-
--cat-primary-text: cat-
|
|
237
|
-
--cat-primary-text-hover: cat-
|
|
238
|
-
--cat-primary-text-active: cat-
|
|
236
|
+
--cat-primary-text: var(--cat-success-fill, 255, 255, 255);
|
|
237
|
+
--cat-primary-text-hover: var(--cat-success-fill-hover, 255, 255, 255);
|
|
238
|
+
--cat-primary-text-active: var(--cat-success-fill-active, 255, 255, 255);
|
|
239
239
|
--cat-link-decoration: underline;
|
|
240
240
|
}
|
|
241
241
|
|
|
@@ -260,9 +260,9 @@
|
|
|
260
260
|
.cat-bg-warning {
|
|
261
261
|
background-color: rgb(var(--cat-warning-bg, 255, 206, 128)) !important;
|
|
262
262
|
color: rgb(var(--cat-warning-fill, 0, 0, 0)) !important;
|
|
263
|
-
--cat-primary-text: cat-
|
|
264
|
-
--cat-primary-text-hover: cat-
|
|
265
|
-
--cat-primary-text-active: cat-
|
|
263
|
+
--cat-primary-text: var(--cat-warning-fill, 0, 0, 0);
|
|
264
|
+
--cat-primary-text-hover: var(--cat-warning-fill-hover, 0, 0, 0);
|
|
265
|
+
--cat-primary-text-active: var(--cat-warning-fill-active, 0, 0, 0);
|
|
266
266
|
--cat-link-decoration: underline;
|
|
267
267
|
}
|
|
268
268
|
|
|
@@ -272,9 +272,9 @@
|
|
|
272
272
|
.cat-bg-warning-hover:hover {
|
|
273
273
|
background-color: rgb(var(--cat-warning-bg-hover, 255, 214, 148)) !important;
|
|
274
274
|
color: rgb(var(--cat-warning-fill-hover, 0, 0, 0)) !important;
|
|
275
|
-
--cat-primary-text: cat-
|
|
276
|
-
--cat-primary-text-hover: cat-
|
|
277
|
-
--cat-primary-text-active: cat-
|
|
275
|
+
--cat-primary-text: var(--cat-warning-fill, 0, 0, 0);
|
|
276
|
+
--cat-primary-text-hover: var(--cat-warning-fill-hover, 0, 0, 0);
|
|
277
|
+
--cat-primary-text-active: var(--cat-warning-fill-active, 0, 0, 0);
|
|
278
278
|
--cat-link-decoration: underline;
|
|
279
279
|
}
|
|
280
280
|
|
|
@@ -299,9 +299,9 @@
|
|
|
299
299
|
.cat-bg-danger {
|
|
300
300
|
background-color: rgb(var(--cat-danger-bg, 217, 52, 13)) !important;
|
|
301
301
|
color: rgb(var(--cat-danger-fill, 255, 255, 255)) !important;
|
|
302
|
-
--cat-primary-text: cat-
|
|
303
|
-
--cat-primary-text-hover: cat-
|
|
304
|
-
--cat-primary-text-active: cat-
|
|
302
|
+
--cat-primary-text: var(--cat-danger-fill, 255, 255, 255);
|
|
303
|
+
--cat-primary-text-hover: var(--cat-danger-fill-hover, 255, 255, 255);
|
|
304
|
+
--cat-primary-text-active: var(--cat-danger-fill-active, 255, 255, 255);
|
|
305
305
|
--cat-link-decoration: underline;
|
|
306
306
|
}
|
|
307
307
|
|
|
@@ -311,9 +311,9 @@
|
|
|
311
311
|
.cat-bg-danger-hover:hover {
|
|
312
312
|
background-color: rgb(var(--cat-danger-bg-hover, 194, 46, 11)) !important;
|
|
313
313
|
color: rgb(var(--cat-danger-fill-hover, 255, 255, 255)) !important;
|
|
314
|
-
--cat-primary-text: cat-
|
|
315
|
-
--cat-primary-text-hover: cat-
|
|
316
|
-
--cat-primary-text-active: cat-
|
|
314
|
+
--cat-primary-text: var(--cat-danger-fill, 255, 255, 255);
|
|
315
|
+
--cat-primary-text-hover: var(--cat-danger-fill-hover, 255, 255, 255);
|
|
316
|
+
--cat-primary-text-active: var(--cat-danger-fill-active, 255, 255, 255);
|
|
317
317
|
--cat-link-decoration: underline;
|
|
318
318
|
}
|
|
319
319
|
|
|
@@ -63,6 +63,7 @@ export class CatRadio {
|
|
|
63
63
|
}
|
|
64
64
|
onInput() {
|
|
65
65
|
this.checked = true;
|
|
66
|
+
console.log('onInput', this.value);
|
|
66
67
|
this.catChange.emit(this.value);
|
|
67
68
|
}
|
|
68
69
|
onFocus(event) {
|
|
@@ -210,11 +211,11 @@ export class CatRadio {
|
|
|
210
211
|
"defaultValue": "false"
|
|
211
212
|
},
|
|
212
213
|
"value": {
|
|
213
|
-
"type": "
|
|
214
|
+
"type": "any",
|
|
214
215
|
"mutable": false,
|
|
215
216
|
"complexType": {
|
|
216
|
-
"original": "
|
|
217
|
-
"resolved": "
|
|
217
|
+
"original": "any",
|
|
218
|
+
"resolved": "any",
|
|
218
219
|
"references": {}
|
|
219
220
|
},
|
|
220
221
|
"required": false,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cat-radio.js","sourceRoot":"","sources":["../../../src/components/cat-radio/cat-radio.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtG,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAE7D,IAAI,YAAY,GAAG,CAAC,CAAC;AAErB;;;;;;;;GAQG;AAMH,MAAM,OAAO,QAAQ;;QACF,QAAG,GAAG,aAAa,EAAE,YAAY,EAAE,CAAC;+BAS1B,KAAK;8BAEN,KAAK;uBAKI,KAAK;wBAKrB,KAAK;;qBAUR,EAAE;2BAKI,KAAK;;wBAUR,KAAK;
|
|
1
|
+
{"version":3,"file":"cat-radio.js","sourceRoot":"","sources":["../../../src/components/cat-radio/cat-radio.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, State } from '@stencil/core';\nimport log from 'loglevel';\nimport { CatFormHint } from '../cat-form-hint/cat-form-hint';\n\nlet nextUniqueId = 0;\n\n/**\n * Radio Buttons are graphical interface elements that allow user to choose\n * only one of a predefined set of mutually exclusive options.\n *\n * @slot hint - Optional hint element to be displayed with the radio.\n * @slot label - The slotted label. If both the label property and the label slot are present, only the label slot will be displayed.\n * @part label - The label content.\n * @part input - The native input element.\n */\n@Component({\n tag: 'cat-radio',\n styleUrl: 'cat-radio.scss',\n shadow: true\n})\nexport class CatRadio {\n private readonly _id = `cat-radio-${++nextUniqueId}`;\n private get id() {\n return this.identifier || this._id;\n }\n\n private input!: HTMLInputElement;\n\n @Element() hostElement!: HTMLElement;\n\n @State() hasSlottedLabel = false;\n\n @State() hasSlottedHint = false;\n\n /**\n * Whether this radio is checked.\n */\n @Prop({ mutable: true }) checked = false;\n\n /**\n * Whether this radio is disabled.\n */\n @Prop() disabled = false;\n\n /**\n * A unique identifier for the input.\n */\n @Prop() identifier?: string;\n\n /**\n * The label of the radio that is visible.\n */\n @Prop() label = '';\n\n /**\n * Visually hide the label, but still show it to assistive technologies like screen readers.\n */\n @Prop() labelHidden = false;\n\n /**\n * The name of the radio component.\n */\n @Prop() name?: string;\n\n /**\n * Whether the radio is required.\n */\n @Prop() required = false;\n\n /**\n * The value of the radio component.\n */\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n @Prop() value: any = '';\n\n /**\n * Optional hint text(s) to be displayed with the radio.\n */\n @Prop() hint?: string | string[];\n\n /**\n * Whether the label should appear to the left of the radio component.\n */\n @Prop() labelLeft = false;\n\n /**\n * Attributes that will be added to the native HTML input element.\n */\n @Prop() nativeAttributes?: { [key: string]: string };\n\n /**\n * Emitted when the radio is changed.\n */\n @Event() catChange!: EventEmitter<boolean | string>;\n\n /**\n * Emitted when the radio received focus.\n */\n @Event() catFocus!: EventEmitter<FocusEvent>;\n\n /**\n * Emitted when the radio loses focus.\n */\n @Event() catBlur!: EventEmitter<FocusEvent>;\n\n componentWillRender(): void {\n this.hasSlottedLabel = !!this.hostElement.querySelector('[slot=\"label\"]');\n this.hasSlottedHint = !!this.hostElement.querySelector('[slot=\"hint\"]');\n if (!this.label && !this.hasSlottedLabel) {\n log.warn('[A11y] Missing ARIA label on radio', this);\n }\n }\n\n /**\n * Programmatically move focus to the radio button. Use this method instead of\n * `input.focus()`.\n *\n * @param options An optional object providing options to control aspects of\n * the focusing process.\n */\n @Method()\n async doFocus(options?: FocusOptions): Promise<void> {\n this.input.focus(options);\n }\n\n /**\n * Programmatically remove focus from the radio button. Use this method\n * instead of `input.blur()`.\n */\n @Method()\n async doBlur(): Promise<void> {\n this.input.blur();\n }\n\n render() {\n return (\n <Host>\n <label\n htmlFor={this.id}\n class={{ 'is-hidden': this.labelHidden, 'is-disabled': this.disabled, 'label-left': this.labelLeft }}\n role=\"radio\"\n aria-checked={this.checked ? 'true' : 'false'}\n >\n <span class=\"radio\">\n <input\n {...this.nativeAttributes}\n part=\"input\"\n ref={el => (this.input = el as HTMLInputElement)}\n id={this.identifier || this.id}\n type=\"radio\"\n name={this.name}\n value={this.value}\n checked={this.checked}\n required={this.required}\n disabled={this.disabled}\n onInput={this.onInput.bind(this)}\n onFocus={this.onFocus.bind(this)}\n onBlur={this.onBlur.bind(this)}\n aria-describedby={this.hasHint ? this.id + '-hint' : undefined}\n />\n <span class=\"circle\"></span>\n </span>\n <span class=\"label\" part=\"label\">\n {(this.hasSlottedLabel && <slot name=\"label\"></slot>) || this.label}\n </span>\n </label>\n {this.hasHint && (\n <div class={{ 'hint-wrapper': true, 'label-left': this.labelLeft }}>\n <div class=\"circle-placeholder\"></div>\n <CatFormHint id={this.id} hint={this.hint} slottedHint={this.hasSlottedHint && <slot name=\"hint\"></slot>} />\n </div>\n )}\n </Host>\n );\n }\n\n private get hasHint() {\n return !!this.hint || !!this.hasSlottedHint;\n }\n\n private onInput() {\n this.checked = true;\n console.log('onInput', this.value);\n this.catChange.emit(this.value);\n }\n\n private onFocus(event: FocusEvent) {\n this.catFocus.emit(event);\n }\n\n private onBlur(event: FocusEvent) {\n this.catBlur.emit(event);\n }\n}\n"]}
|
|
@@ -117,11 +117,11 @@ export class CatRadioGroup {
|
|
|
117
117
|
"reflect": false
|
|
118
118
|
},
|
|
119
119
|
"value": {
|
|
120
|
-
"type": "
|
|
120
|
+
"type": "any",
|
|
121
121
|
"mutable": true,
|
|
122
122
|
"complexType": {
|
|
123
|
-
"original": "
|
|
124
|
-
"resolved": "
|
|
123
|
+
"original": "any",
|
|
124
|
+
"resolved": "any",
|
|
125
125
|
"references": {}
|
|
126
126
|
},
|
|
127
127
|
"required": false,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cat-radio-group.js","sourceRoot":"","sources":["../../../src/components/cat-radio-group/cat-radio-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEhG;;GAEG;AAMH,MAAM,OAAO,aAAa;;QAChB,kBAAa,GAA0B,EAAE,CAAC;;;
|
|
1
|
+
{"version":3,"file":"cat-radio-group.js","sourceRoot":"","sources":["../../../src/components/cat-radio-group/cat-radio-group.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Listen, Prop, Watch } from '@stencil/core';\n\n/**\n * A group of radio buttons.\n */\n@Component({\n tag: 'cat-radio-group',\n styleUrl: 'cat-radio-group.scss',\n shadow: true\n})\nexport class CatRadioGroup {\n private catRadioGroup: HTMLCatRadioElement[] = [];\n private mutationObserver?: MutationObserver;\n\n @Element() hostElement!: HTMLElement;\n\n /**\n * The name of the radio group component.\n */\n @Prop() name?: string;\n\n /**\n * The value of the radio group.\n */\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n @Prop({ mutable: true }) value?: any;\n\n /**\n * Whether this radio group is disabled.\n */\n @Prop() disabled = false;\n\n /**\n * Adds an accessible label for the radio group that\n * it is only shown in assistive technologies, like screen readers.\n */\n @Prop({ attribute: 'a11y-label' }) a11yLabel?: string;\n\n /**\n * Whether the label of the radios should appear to the left of them.\n */\n @Prop() labelLeft = false;\n\n /**\n * Emitted when the value is changed.\n */\n @Event() catChange!: EventEmitter<boolean | string>;\n\n /**\n * Emitted when the radio group received focus.\n */\n @Event() catFocus!: EventEmitter<FocusEvent>;\n\n /**\n * Emitted when the radio group loses focus.\n */\n @Event() catBlur!: EventEmitter<FocusEvent>;\n\n @Watch('name')\n onNameChanged(newName?: string) {\n this.catRadioGroup.forEach(catRadio => (catRadio.name = newName));\n }\n\n @Watch('value')\n onValueChanged(newValue?: string) {\n this.catRadioGroup.forEach(catRadio => (catRadio.checked = catRadio.value === newValue));\n this.updateTabIndex();\n }\n\n @Watch('disabled')\n onDisabledChanged(disabled: boolean) {\n this.catRadioGroup.forEach(catRadio => (catRadio.disabled = catRadio.disabled || disabled));\n }\n\n @Watch('labelLeft')\n onLabelLeftChanged(labelLeft: boolean) {\n this.catRadioGroup.forEach(catRadio => (catRadio.labelLeft = catRadio.labelLeft || labelLeft));\n }\n\n componentDidLoad(): void {\n this.init();\n this.mutationObserver = new MutationObserver(\n mutations => mutations.some(value => value.target.nodeName === 'CAT-RADIO') && this.init()\n );\n this.mutationObserver?.observe(this.hostElement, {\n childList: true,\n attributes: true,\n subtree: true\n });\n }\n\n disconnectedCallback() {\n this.mutationObserver?.disconnect();\n }\n\n @Listen('keydown')\n onKeydown(event: KeyboardEvent): void {\n if (['ArrowDown', 'ArrowUp', 'ArrowRight', 'ArrowLeft'].includes(event.key) && this.catRadioGroup.length) {\n const targetElements = this.catRadioGroup.filter(catRadio => !catRadio.disabled);\n const activeElement = document.activeElement as HTMLCatRadioElement;\n const activeIdx = this.catRadioGroup.findIndex(catRadio => catRadio === activeElement);\n const activeOff = ['ArrowDown', 'ArrowRight'].includes(event.key) ? 1 : -1;\n const targetIdx = activeIdx < 0 ? 0 : (activeIdx + activeOff + targetElements.length) % targetElements.length;\n targetElements[targetIdx].doFocus();\n targetElements[targetIdx].shadowRoot?.querySelector('input')?.click();\n this.updateTabIndex();\n event.preventDefault();\n }\n }\n\n @Listen('input')\n onInput(event: MouseEvent): void {\n const radio = this.catRadioGroup.find(radio => radio === event.target);\n if (radio?.localName === 'cat-radio') {\n this.value = radio?.checked ? radio?.value : undefined;\n this.catChange.emit(this.value);\n }\n }\n\n @Listen('focus', { capture: true })\n onFocus(event: FocusEvent): void {\n if (!event.relatedTarget) {\n this.catBlur.emit(event);\n }\n }\n\n @Listen('blur', { capture: true })\n onBlur(event: FocusEvent): void {\n if (!event.relatedTarget) {\n this.catBlur.emit(event);\n }\n }\n\n render() {\n return (\n <div role=\"radiogroup\" aria-label={this.a11yLabel}>\n <slot></slot>\n </div>\n );\n }\n\n private init() {\n this.catRadioGroup = Array.from(this.hostElement.querySelectorAll(`cat-radio`));\n this.onNameChanged(this.name);\n this.onValueChanged(this.value);\n this.onDisabledChanged(this.disabled);\n this.onLabelLeftChanged(this.labelLeft);\n }\n\n private updateTabIndex() {\n if (this.catRadioGroup.length) {\n this.catRadioGroup.forEach(value => value.shadowRoot?.querySelector('input')?.setAttribute('tabindex', '-1'));\n const checkedRadioIndex = this.catRadioGroup.findIndex(value => value.checked);\n this.catRadioGroup[checkedRadioIndex >= 0 ? checkedRadioIndex : 0].shadowRoot\n ?.querySelector('input')\n ?.setAttribute('tabindex', '0');\n }\n }\n}\n"]}
|
|
@@ -26,9 +26,9 @@
|
|
|
26
26
|
.cat-bg-primary {
|
|
27
27
|
background-color: rgb(var(--cat-primary-bg, 0, 129, 148)) !important;
|
|
28
28
|
color: rgb(var(--cat-primary-fill, 255, 255, 255)) !important;
|
|
29
|
-
--cat-primary-text: cat-
|
|
30
|
-
--cat-primary-text-hover: cat-
|
|
31
|
-
--cat-primary-text-active: cat-
|
|
29
|
+
--cat-primary-text: var(--cat-primary-fill, 255, 255, 255);
|
|
30
|
+
--cat-primary-text-hover: var(--cat-primary-fill-hover, 255, 255, 255);
|
|
31
|
+
--cat-primary-text-active: var(--cat-primary-fill-active, 255, 255, 255);
|
|
32
32
|
--cat-link-decoration: underline;
|
|
33
33
|
}
|
|
34
34
|
|
|
@@ -38,9 +38,9 @@
|
|
|
38
38
|
.cat-bg-primary-hover:hover {
|
|
39
39
|
background-color: rgb(var(--cat-primary-bg-hover, 1, 115, 132)) !important;
|
|
40
40
|
color: rgb(var(--cat-primary-fill-hover, 255, 255, 255)) !important;
|
|
41
|
-
--cat-primary-text: cat-
|
|
42
|
-
--cat-primary-text-hover: cat-
|
|
43
|
-
--cat-primary-text-active: cat-
|
|
41
|
+
--cat-primary-text: var(--cat-primary-fill, 255, 255, 255);
|
|
42
|
+
--cat-primary-text-hover: var(--cat-primary-fill-hover, 255, 255, 255);
|
|
43
|
+
--cat-primary-text-active: var(--cat-primary-fill-active, 255, 255, 255);
|
|
44
44
|
--cat-link-decoration: underline;
|
|
45
45
|
}
|
|
46
46
|
|
|
@@ -65,9 +65,9 @@
|
|
|
65
65
|
.cat-bg-primaryInverted {
|
|
66
66
|
background-color: #93b4f2 !important;
|
|
67
67
|
color: black !important;
|
|
68
|
-
--cat-primary-text:
|
|
69
|
-
--cat-primary-text-hover:
|
|
70
|
-
--cat-primary-text-active:
|
|
68
|
+
--cat-primary-text: 0, 0, 0;
|
|
69
|
+
--cat-primary-text-hover: 0, 0, 0;
|
|
70
|
+
--cat-primary-text-active: 0, 0, 0;
|
|
71
71
|
--cat-link-decoration: underline;
|
|
72
72
|
}
|
|
73
73
|
|
|
@@ -77,9 +77,9 @@
|
|
|
77
77
|
.cat-bg-primaryInverted-hover:hover {
|
|
78
78
|
background-color: #93b4f2 !important;
|
|
79
79
|
color: black !important;
|
|
80
|
-
--cat-primary-text:
|
|
81
|
-
--cat-primary-text-hover:
|
|
82
|
-
--cat-primary-text-active:
|
|
80
|
+
--cat-primary-text: 0, 0, 0;
|
|
81
|
+
--cat-primary-text-hover: 0, 0, 0;
|
|
82
|
+
--cat-primary-text-active: 0, 0, 0;
|
|
83
83
|
--cat-link-decoration: underline;
|
|
84
84
|
}
|
|
85
85
|
|
|
@@ -104,9 +104,9 @@
|
|
|
104
104
|
.cat-bg-secondary {
|
|
105
105
|
background-color: rgb(var(--cat-secondary-bg, 105, 118, 135)) !important;
|
|
106
106
|
color: rgb(var(--cat-secondary-fill, 255, 255, 255)) !important;
|
|
107
|
-
--cat-primary-text: cat-
|
|
108
|
-
--cat-primary-text-hover: cat-
|
|
109
|
-
--cat-primary-text-active: cat-
|
|
107
|
+
--cat-primary-text: var(--cat-secondary-fill, 255, 255, 255);
|
|
108
|
+
--cat-primary-text-hover: var(--cat-secondary-fill-hover, 255, 255, 255);
|
|
109
|
+
--cat-primary-text-active: var(--cat-secondary-fill-active, 255, 255, 255);
|
|
110
110
|
--cat-link-decoration: underline;
|
|
111
111
|
}
|
|
112
112
|
|
|
@@ -116,9 +116,9 @@
|
|
|
116
116
|
.cat-bg-secondary-hover:hover {
|
|
117
117
|
background-color: rgb(var(--cat-secondary-bg-hover, 105, 118, 135)) !important;
|
|
118
118
|
color: rgb(var(--cat-secondary-fill-hover, 255, 255, 255)) !important;
|
|
119
|
-
--cat-primary-text: cat-
|
|
120
|
-
--cat-primary-text-hover: cat-
|
|
121
|
-
--cat-primary-text-active: cat-
|
|
119
|
+
--cat-primary-text: var(--cat-secondary-fill, 255, 255, 255);
|
|
120
|
+
--cat-primary-text-hover: var(--cat-secondary-fill-hover, 255, 255, 255);
|
|
121
|
+
--cat-primary-text-active: var(--cat-secondary-fill-active, 255, 255, 255);
|
|
122
122
|
--cat-link-decoration: underline;
|
|
123
123
|
}
|
|
124
124
|
|
|
@@ -143,9 +143,9 @@
|
|
|
143
143
|
.cat-bg-secondaryInverted {
|
|
144
144
|
background-color: #697687 !important;
|
|
145
145
|
color: black !important;
|
|
146
|
-
--cat-primary-text:
|
|
147
|
-
--cat-primary-text-hover:
|
|
148
|
-
--cat-primary-text-active:
|
|
146
|
+
--cat-primary-text: 0, 0, 0;
|
|
147
|
+
--cat-primary-text-hover: 0, 0, 0;
|
|
148
|
+
--cat-primary-text-active: 0, 0, 0;
|
|
149
149
|
--cat-link-decoration: underline;
|
|
150
150
|
}
|
|
151
151
|
|
|
@@ -155,9 +155,9 @@
|
|
|
155
155
|
.cat-bg-secondaryInverted-hover:hover {
|
|
156
156
|
background-color: #697687 !important;
|
|
157
157
|
color: black !important;
|
|
158
|
-
--cat-primary-text:
|
|
159
|
-
--cat-primary-text-hover:
|
|
160
|
-
--cat-primary-text-active:
|
|
158
|
+
--cat-primary-text: 0, 0, 0;
|
|
159
|
+
--cat-primary-text-hover: 0, 0, 0;
|
|
160
|
+
--cat-primary-text-active: 0, 0, 0;
|
|
161
161
|
--cat-link-decoration: underline;
|
|
162
162
|
}
|
|
163
163
|
|
|
@@ -182,9 +182,9 @@
|
|
|
182
182
|
.cat-bg-info {
|
|
183
183
|
background-color: rgb(var(--cat-success-bg, 0, 115, 230)) !important;
|
|
184
184
|
color: rgb(var(--cat-success-fill, 255, 255, 255)) !important;
|
|
185
|
-
--cat-primary-text: cat-
|
|
186
|
-
--cat-primary-text-hover: cat-
|
|
187
|
-
--cat-primary-text-active: cat-
|
|
185
|
+
--cat-primary-text: var(--cat-success-fill, 255, 255, 255);
|
|
186
|
+
--cat-primary-text-hover: var(--cat-success-fill-hover, 255, 255, 255);
|
|
187
|
+
--cat-primary-text-active: var(--cat-success-fill-active, 255, 255, 255);
|
|
188
188
|
--cat-link-decoration: underline;
|
|
189
189
|
}
|
|
190
190
|
|
|
@@ -194,9 +194,9 @@
|
|
|
194
194
|
.cat-bg-info-hover:hover {
|
|
195
195
|
background-color: rgb(var(--cat-success-bg-hover, 0, 107, 227)) !important;
|
|
196
196
|
color: rgb(var(--cat-success-fill-hover, 255, 255, 255)) !important;
|
|
197
|
-
--cat-primary-text: cat-
|
|
198
|
-
--cat-primary-text-hover: cat-
|
|
199
|
-
--cat-primary-text-active: cat-
|
|
197
|
+
--cat-primary-text: var(--cat-success-fill, 255, 255, 255);
|
|
198
|
+
--cat-primary-text-hover: var(--cat-success-fill-hover, 255, 255, 255);
|
|
199
|
+
--cat-primary-text-active: var(--cat-success-fill-active, 255, 255, 255);
|
|
200
200
|
--cat-link-decoration: underline;
|
|
201
201
|
}
|
|
202
202
|
|
|
@@ -221,9 +221,9 @@
|
|
|
221
221
|
.cat-bg-success {
|
|
222
222
|
background-color: rgb(var(--cat-success-bg, 0, 132, 88)) !important;
|
|
223
223
|
color: rgb(var(--cat-success-fill, 255, 255, 255)) !important;
|
|
224
|
-
--cat-primary-text: cat-
|
|
225
|
-
--cat-primary-text-hover: cat-
|
|
226
|
-
--cat-primary-text-active: cat-
|
|
224
|
+
--cat-primary-text: var(--cat-success-fill, 255, 255, 255);
|
|
225
|
+
--cat-primary-text-hover: var(--cat-success-fill-hover, 255, 255, 255);
|
|
226
|
+
--cat-primary-text-active: var(--cat-success-fill-active, 255, 255, 255);
|
|
227
227
|
--cat-link-decoration: underline;
|
|
228
228
|
}
|
|
229
229
|
|
|
@@ -233,9 +233,9 @@
|
|
|
233
233
|
.cat-bg-success-hover:hover {
|
|
234
234
|
background-color: rgb(var(--cat-success-bg-hover, 0, 117, 78)) !important;
|
|
235
235
|
color: rgb(var(--cat-success-fill-hover, 255, 255, 255)) !important;
|
|
236
|
-
--cat-primary-text: cat-
|
|
237
|
-
--cat-primary-text-hover: cat-
|
|
238
|
-
--cat-primary-text-active: cat-
|
|
236
|
+
--cat-primary-text: var(--cat-success-fill, 255, 255, 255);
|
|
237
|
+
--cat-primary-text-hover: var(--cat-success-fill-hover, 255, 255, 255);
|
|
238
|
+
--cat-primary-text-active: var(--cat-success-fill-active, 255, 255, 255);
|
|
239
239
|
--cat-link-decoration: underline;
|
|
240
240
|
}
|
|
241
241
|
|
|
@@ -260,9 +260,9 @@
|
|
|
260
260
|
.cat-bg-warning {
|
|
261
261
|
background-color: rgb(var(--cat-warning-bg, 255, 206, 128)) !important;
|
|
262
262
|
color: rgb(var(--cat-warning-fill, 0, 0, 0)) !important;
|
|
263
|
-
--cat-primary-text: cat-
|
|
264
|
-
--cat-primary-text-hover: cat-
|
|
265
|
-
--cat-primary-text-active: cat-
|
|
263
|
+
--cat-primary-text: var(--cat-warning-fill, 0, 0, 0);
|
|
264
|
+
--cat-primary-text-hover: var(--cat-warning-fill-hover, 0, 0, 0);
|
|
265
|
+
--cat-primary-text-active: var(--cat-warning-fill-active, 0, 0, 0);
|
|
266
266
|
--cat-link-decoration: underline;
|
|
267
267
|
}
|
|
268
268
|
|
|
@@ -272,9 +272,9 @@
|
|
|
272
272
|
.cat-bg-warning-hover:hover {
|
|
273
273
|
background-color: rgb(var(--cat-warning-bg-hover, 255, 214, 148)) !important;
|
|
274
274
|
color: rgb(var(--cat-warning-fill-hover, 0, 0, 0)) !important;
|
|
275
|
-
--cat-primary-text: cat-
|
|
276
|
-
--cat-primary-text-hover: cat-
|
|
277
|
-
--cat-primary-text-active: cat-
|
|
275
|
+
--cat-primary-text: var(--cat-warning-fill, 0, 0, 0);
|
|
276
|
+
--cat-primary-text-hover: var(--cat-warning-fill-hover, 0, 0, 0);
|
|
277
|
+
--cat-primary-text-active: var(--cat-warning-fill-active, 0, 0, 0);
|
|
278
278
|
--cat-link-decoration: underline;
|
|
279
279
|
}
|
|
280
280
|
|
|
@@ -299,9 +299,9 @@
|
|
|
299
299
|
.cat-bg-danger {
|
|
300
300
|
background-color: rgb(var(--cat-danger-bg, 217, 52, 13)) !important;
|
|
301
301
|
color: rgb(var(--cat-danger-fill, 255, 255, 255)) !important;
|
|
302
|
-
--cat-primary-text: cat-
|
|
303
|
-
--cat-primary-text-hover: cat-
|
|
304
|
-
--cat-primary-text-active: cat-
|
|
302
|
+
--cat-primary-text: var(--cat-danger-fill, 255, 255, 255);
|
|
303
|
+
--cat-primary-text-hover: var(--cat-danger-fill-hover, 255, 255, 255);
|
|
304
|
+
--cat-primary-text-active: var(--cat-danger-fill-active, 255, 255, 255);
|
|
305
305
|
--cat-link-decoration: underline;
|
|
306
306
|
}
|
|
307
307
|
|
|
@@ -311,9 +311,9 @@
|
|
|
311
311
|
.cat-bg-danger-hover:hover {
|
|
312
312
|
background-color: rgb(var(--cat-danger-bg-hover, 194, 46, 11)) !important;
|
|
313
313
|
color: rgb(var(--cat-danger-fill-hover, 255, 255, 255)) !important;
|
|
314
|
-
--cat-primary-text: cat-
|
|
315
|
-
--cat-primary-text-hover: cat-
|
|
316
|
-
--cat-primary-text-active: cat-
|
|
314
|
+
--cat-primary-text: var(--cat-danger-fill, 255, 255, 255);
|
|
315
|
+
--cat-primary-text-hover: var(--cat-danger-fill-hover, 255, 255, 255);
|
|
316
|
+
--cat-primary-text-active: var(--cat-danger-fill-active, 255, 255, 255);
|
|
317
317
|
--cat-link-decoration: underline;
|
|
318
318
|
}
|
|
319
319
|
|