@haiilo/catalyst 8.0.0 → 8.0.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.
- package/dist/catalyst/catalyst.css +0 -21
- package/dist/catalyst/catalyst.esm.js +1 -1
- package/dist/catalyst/index.esm.js +1 -1
- package/dist/catalyst/index.esm.js.map +1 -1
- package/dist/catalyst/{p-8a447e2d.entry.js → p-402a81e9.entry.js} +2 -2
- package/dist/catalyst/p-402a81e9.entry.js.map +1 -0
- package/dist/catalyst/scss/index.scss +3 -1
- package/dist/cjs/cat-alert_26.cjs.entry.js +3 -3
- package/dist/cjs/cat-alert_26.cjs.entry.js.map +1 -1
- package/dist/cjs/index.cjs.js +2 -2
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/collection/components/cat-datepicker/cat-datepicker.js +2 -2
- package/dist/collection/components/cat-datepicker/cat-datepicker.js.map +1 -1
- package/dist/collection/components/cat-input/cat-input.js +3 -3
- package/dist/collection/components/cat-input/cat-input.js.map +1 -1
- package/dist/collection/components/cat-select/cat-select.js +7 -7
- package/dist/collection/components/cat-select/cat-select.js.map +1 -1
- package/dist/collection/components/cat-select/connectors.js +2 -2
- package/dist/collection/components/cat-select/connectors.js.map +1 -1
- package/dist/collection/components/cat-textarea/cat-textarea.js +3 -3
- package/dist/collection/components/cat-textarea/cat-textarea.js.map +1 -1
- package/dist/collection/scss/index.scss +3 -1
- package/dist/components/cat-datepicker.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-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/index.js +2 -2
- package/dist/components/index.js.map +1 -1
- package/dist/esm/cat-alert_26.entry.js +3 -3
- package/dist/esm/cat-alert_26.entry.js.map +1 -1
- package/dist/esm/index.js +2 -2
- package/dist/esm/index.js.map +1 -1
- package/dist/types/components/cat-datepicker/cat-datepicker.d.ts +1 -1
- package/dist/types/components/cat-input/cat-input.d.ts +1 -1
- package/dist/types/components/cat-select/cat-select.d.ts +1 -1
- package/dist/types/components/cat-select/connectors.d.ts +2 -3
- package/dist/types/components/cat-textarea/cat-textarea.d.ts +1 -1
- package/dist/types/components.d.ts +4 -4
- package/package.json +2 -2
- package/dist/catalyst/p-8a447e2d.entry.js.map +0 -1
- package/dist/types/@types/Intl.d.ts +0 -3
- package/dist/types/components/cat-select/autosize.d.ts +0 -1
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
// -- Reset
|
|
2
2
|
@import 'sanitize.css/sanitize.css';
|
|
3
|
-
|
|
3
|
+
// had to be removed because transition events are not firing any more
|
|
4
|
+
// could be re-introduce with a transition-duration of 1ms
|
|
5
|
+
// @import 'sanitize.css/reduce-motion.css';
|
|
4
6
|
|
|
5
7
|
// -- Vendor
|
|
6
8
|
@import 'toastify-js/src/toastify.css';
|
|
@@ -7592,7 +7592,7 @@ const CatInput = class {
|
|
|
7592
7592
|
return (index.h("div", { class: {
|
|
7593
7593
|
'input-field': true,
|
|
7594
7594
|
'input-horizontal': this.horizontal
|
|
7595
|
-
} }, index.h("div", { class: { 'label-container': true, hidden: this.labelHidden } }, (this.hasSlottedLabel || this.label) && (index.h("label", { htmlFor: this.id }, index.h("span", { class: "label-wrapper", part: "label" }, (this.hasSlottedLabel && index.h("slot", { name: "label" })) || this.label, index.h("div", { class: "label-metadata" }, !this.required && this.requiredMarker.startsWith('optional') && (index.h("span", { class: "label-optional", "aria-hidden": "true" }, "(", of.catI18nRegistry.t('input.optional'), ")")), this.required && this.requiredMarker
|
|
7595
|
+
} }, index.h("div", { class: { 'label-container': true, hidden: this.labelHidden } }, (this.hasSlottedLabel || this.label) && (index.h("label", { htmlFor: this.id }, index.h("span", { class: "label-wrapper", part: "label" }, (this.hasSlottedLabel && index.h("slot", { name: "label" })) || this.label, index.h("div", { class: "label-metadata" }, !this.required && (this.requiredMarker ?? 'optional').startsWith('optional') && (index.h("span", { class: "label-optional", "aria-hidden": "true" }, "(", of.catI18nRegistry.t('input.optional'), ")")), this.required && this.requiredMarker?.startsWith('required') && (index.h("span", { class: "label-optional", "aria-hidden": "true" }, "(", of.catI18nRegistry.t('input.required'), ")")), this.maxLength && (index.h("div", { class: "label-character-count", "aria-hidden": "true" }, this.value?.toString().length ?? 0, "/", this.maxLength))))))), index.h("div", { class: "input-container" }, index.h("div", { class: {
|
|
7596
7596
|
'input-wrapper': true,
|
|
7597
7597
|
'input-round': this.round,
|
|
7598
7598
|
'input-readonly': this.readonly,
|
|
@@ -8383,7 +8383,7 @@ const CatSelect = class {
|
|
|
8383
8383
|
return (index.h(index.Host, null, index.h("div", { class: {
|
|
8384
8384
|
'select-field': true,
|
|
8385
8385
|
'select-horizontal': this.horizontal
|
|
8386
|
-
} }, index.h("div", { class: { 'label-container': true, hidden: this.labelHidden } }, (this.hasSlottedLabel || this.label) && (index.h("label", { htmlFor: this.id }, index.h("span", { class: "label-wrapper", part: "label" }, (this.hasSlottedLabel && index.h("slot", { name: "label" })) || this.label, index.h("div", { class: "label-metadata" }, !this.required && this.requiredMarker.startsWith('optional') && (index.h("span", { class: "label-optional", "aria-hidden": "true" }, "(", of.catI18nRegistry.t('input.optional'), ")")), this.required && this.requiredMarker
|
|
8386
|
+
} }, index.h("div", { class: { 'label-container': true, hidden: this.labelHidden } }, (this.hasSlottedLabel || this.label) && (index.h("label", { htmlFor: this.id }, index.h("span", { class: "label-wrapper", part: "label" }, (this.hasSlottedLabel && index.h("slot", { name: "label" })) || this.label, index.h("div", { class: "label-metadata" }, !this.required && (this.requiredMarker ?? 'optional').startsWith('optional') && (index.h("span", { class: "label-optional", "aria-hidden": "true" }, "(", of.catI18nRegistry.t('input.optional'), ")")), this.required && this.requiredMarker?.startsWith('required') && (index.h("span", { class: "label-optional", "aria-hidden": "true" }, "(", of.catI18nRegistry.t('input.required'), ")"))))))), index.h("div", { class: "select-container" }, index.h("div", { class: { 'select-wrapper': true, 'select-disabled': this.disabled, 'select-invalid': this.invalid }, ref: el => (this.trigger = el), id: this.id, role: "combobox", "aria-expanded": this.state.isOpen || this.isPillboxActive(), "aria-controls": this.isPillboxActive() ? `select-pillbox-${this.id}` : `select-listbox-${this.id}`, "aria-required": this.required ? 'true' : false, "aria-activedescendant": this.activeDescendant, onClick: e => this.onClick(e) }, index.h("div", { class: "select-wrapper-inner" }, this.multiple && this.state.selection.length ? (index.h("div", { id: `select-pillbox-${this.id}`, role: "listbox", "aria-orientation": "horizontal", class: "select-pills" }, this.state.selection.map((item, i) => (index.h("span", { class: {
|
|
8387
8387
|
pill: true,
|
|
8388
8388
|
'select-no-open': true,
|
|
8389
8389
|
'select-option-active': this.state.activeSelectionIndex === i
|
|
@@ -10387,7 +10387,7 @@ const CatTextarea = class {
|
|
|
10387
10387
|
return (index.h(index.Host, null, index.h("div", { class: {
|
|
10388
10388
|
'textarea-field': true,
|
|
10389
10389
|
'textarea-horizontal': this.horizontal
|
|
10390
|
-
} }, index.h("div", { class: { 'label-container': true, hidden: this.labelHidden } }, (this.hasSlottedLabel || this.label) && (index.h("label", { htmlFor: this.id }, index.h("span", { class: "label-wrapper", part: "label" }, (this.hasSlottedLabel && index.h("slot", { name: "label" })) || this.label, index.h("div", { class: "label-metadata" }, !this.required && this.requiredMarker.startsWith('optional') && (index.h("span", { class: "label-optional", "aria-hidden": "true" }, "(", of.catI18nRegistry.t('input.optional'), ")")), this.required && this.requiredMarker
|
|
10390
|
+
} }, index.h("div", { class: { 'label-container': true, hidden: this.labelHidden } }, (this.hasSlottedLabel || this.label) && (index.h("label", { htmlFor: this.id }, index.h("span", { class: "label-wrapper", part: "label" }, (this.hasSlottedLabel && index.h("slot", { name: "label" })) || this.label, index.h("div", { class: "label-metadata" }, !this.required && (this.requiredMarker ?? 'optional').startsWith('optional') && (index.h("span", { class: "label-optional", "aria-hidden": "true" }, "(", of.catI18nRegistry.t('input.optional'), ")")), this.required && this.requiredMarker?.startsWith('required') && (index.h("span", { class: "label-optional", "aria-hidden": "true" }, "(", of.catI18nRegistry.t('input.required'), ")")), this.maxLength && (index.h("div", { class: "label-character-count", "aria-hidden": "true" }, this.value?.length ?? 0, "/", this.maxLength))))))), index.h("div", { class: "textarea-container" }, index.h("div", { class: {
|
|
10391
10391
|
'textarea-wrapper': true,
|
|
10392
10392
|
'textarea-readonly': this.readonly,
|
|
10393
10393
|
'textarea-disabled': this.disabled,
|