diff --git a/app/Views/_assets/modules/MultiSelect.ts b/app/Views/_assets/modules/MultiSelect.ts index 87ef62be..9268b76f 100644 --- a/app/Views/_assets/modules/MultiSelect.ts +++ b/app/Views/_assets/modules/MultiSelect.ts @@ -23,6 +23,7 @@ const MultiSelect = (): void => { inputCloned: "multiselect__input--cloned", list: "multiselect__list", listItems: "multiselect__list--multiple", + listSingle: "multiselect__list--single", listDropdown: "multiselect__list--dropdown", item: "multiselect__item", itemSelectable: "multiselect__item--selectable", @@ -32,6 +33,16 @@ const MultiSelect = (): void => { group: "multiselect__group", groupHeading: "multiselect__heading", button: "multiselect__button", + activeState: "is-active", + focusState: "is-focused", + openState: "is-open", + disabledState: "is-disabled", + highlightedState: "is-highlighted", + selectedState: "is-selected", + flippedState: "is-flipped", + loadingState: "is-loading", + noResults: "has-no-results", + noChoices: "has-no-choices", }, }); } diff --git a/app/Views/_assets/styles/multiSelect.css b/app/Views/_assets/styles/multiSelect.css index 05fcdc74..22dde765 100644 --- a/app/Views/_assets/styles/multiSelect.css +++ b/app/Views/_assets/styles/multiSelect.css @@ -1,7 +1,8 @@ -@layer components { - /*=============================== +/*=============================== = MultiSelect = ===============================*/ + +@layer components { .multiselect { @apply relative; @@ -177,6 +178,6 @@ .multiselect__placeholder { @apply opacity-50; } - - /*===== End of Choices ======*/ } + +/*===== End of Multiselect ======*/