@midas-ds/components 17.14.4 → 17.14.5
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/CHANGELOG.md +10 -0
- package/assets/Checkbox.css +1 -1
- package/assets/ComboBox.css +1 -1
- package/assets/ListBox.css +1 -1
- package/assets/Skeleton.css +1 -1
- package/assets/TagGroup.css +1 -1
- package/assets/default.css +1 -1
- package/checkbox/index.js +2 -2
- package/chunks/{Checkbox-CwzV5QbM.js → Checkbox-CyamRrFD.js} +20 -20
- package/chunks/{CheckboxGroup-D6TFvFxw.js → CheckboxGroup-CmjQm14M.js} +1 -1
- package/chunks/{ComboBox-BRou3Ka8.js → ComboBox-BCfucCKv.js} +30 -30
- package/chunks/{ListBox-CRVACYCg.js → ListBox-CJhp9Hsb.js} +15 -15
- package/chunks/{ListBoxEmptyState-BZpImC1g.js → ListBoxEmptyState-BxWWr2D9.js} +1 -1
- package/chunks/{ListBoxHeader-1lJxEEFx.js → ListBoxHeader-Cl56gGEe.js} +1 -1
- package/chunks/{Select-CpWV3vBJ.js → Select-BQ109AJG.js} +3 -3
- package/chunks/{Skeleton-tiP1Syzf.js → Skeleton-ClvqZoDy.js} +28 -28
- package/chunks/{Table-DBdY7MIw.js → Table-CDdv7GeG.js} +1 -1
- package/chunks/TagGroup-C-pkXtVn.js +119 -0
- package/combobox/index.js +1 -1
- package/index.js +11 -11
- package/list-box/index.js +3 -3
- package/package.json +2 -2
- package/select/index.js +1 -1
- package/skeleton/index.js +1 -1
- package/table/index.js +1 -1
- package/tag/index.js +1 -1
- package/chunks/TagGroup-BEPgjByH.js +0 -119
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,13 @@
|
|
|
1
|
+
## 17.14.5 (2026-05-11)
|
|
2
|
+
|
|
3
|
+
### 🩹 Fixes
|
|
4
|
+
|
|
5
|
+
- **theme,components,select-styles:** swap icon and icon-sm size token values ([25a693d3ea2](https://github.com/migrationsverket/midas/commit/25a693d3ea2))
|
|
6
|
+
|
|
7
|
+
### 🧱 Updated Dependencies
|
|
8
|
+
|
|
9
|
+
- Updated theme to 3.14.6
|
|
10
|
+
|
|
1
11
|
## 17.14.4 (2026-05-11)
|
|
2
12
|
|
|
3
13
|
### 🧱 Updated Dependencies
|
package/assets/Checkbox.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._checkboxInner_v5u0z_1{--border-color: var(--midas-border-color-primary);display:flex;width:var(--midas-size-icon-sm);height:var(--midas-size-icon-sm);box-sizing:border-box;border:1px solid var(--border-color);transition:background-color 50ms,border-color 50ms}._checkboxInner_v5u0z_1[data-readonly]{--border-color: var(--midas-border-color-subtle)}._checkboxInner_v5u0z_1 svg path{stroke-dasharray:24;stroke-dashoffset:24;transition:stroke-dashoffset var(--midas-transition-duration-quick) var(--midas-transition-timing-ease-in-out)}._checkbox_v5u0z_1[data-selected] svg path,._checkbox_v5u0z_1[data-indeterminate] svg path{stroke-dashoffset:0}._checkbox_v5u0z_1{--checkbox-base-color: var(--midas-button-background-primary-base);--checkbox-hover-color: var(--midas-button-background-primary-hover);--checkbox-active-color: var(--midas-button-background-primary-active);--checkbox-disabled-border: var(--midas-border-color-disabled);--checkbox-disabled-background: var(--midas-field-disabled);--checkbox-readonly-border: var(--midas-border-color-subtle);--checkbox-warning-border: var(--midas-support-border-warning);font-family:var(--midas-typography-font-family);font-weight:var(--midas-typography-weight-regular);gap:var(--midas-space-small);align-items:center;display:flex;width:max-content;cursor:pointer;color:var(--midas-text-primary);line-height:var(--midas-typography-line-height-30)}._checkbox_v5u0z_1[data-focus-visible],._checkbox_v5u0z_1:focus-visible{box-shadow:var(--midas-state-focus);outline:none}@media(forced-colors:active){._checkbox_v5u0z_1[data-focus-visible],._checkbox_v5u0z_1:focus-visible{outline:var(--midas-state-focus-contrast-mode-outline) solid;outline-offset:var(--midas-state-focus-contrast-mode-offset)}}._checkbox_v5u0z_1[data-hovered] ._checkboxInner_v5u0z_1{border-color:var(--checkbox-hover-color)}._checkbox_v5u0z_1[data-pressed] ._checkboxInner_v5u0z_1{border-color:var(--checkbox-active-color)}._checkbox_v5u0z_1[data-selected] ._checkboxInner_v5u0z_1,._checkbox_v5u0z_1[data-indeterminate] ._checkboxInner_v5u0z_1{background:var(--checkbox-base-color);border-color:var(--checkbox-base-color)}._checkbox_v5u0z_1[data-selected][data-hovered] ._checkboxInner_v5u0z_1,._checkbox_v5u0z_1[data-indeterminate][data-hovered] ._checkboxInner_v5u0z_1{background:var(--checkbox-hover-color);border-color:var(--checkbox-hover-color)}._checkbox_v5u0z_1[data-selected][data-pressed] ._checkboxInner_v5u0z_1,._checkbox_v5u0z_1[data-indeterminate][data-pressed] ._checkboxInner_v5u0z_1{background:var(--checkbox-active-color);border-color:var(--checkbox-active-color)}._checkbox_v5u0z_1[data-invalid] ._checkboxInner_v5u0z_1{outline:2px solid var(--checkbox-warning-border);outline-offset:-2px}._checkbox_v5u0z_1[data-invalid][data-hovered] ._checkboxInner_v5u0z_1{opacity:.5;transition:opacity 50ms ease}._checkbox_v5u0z_1[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed}._checkbox_v5u0z_1[data-disabled] ._checkboxInner_v5u0z_1{pointer-events:none;border:1px solid var(--checkbox-disabled-border)}._checkbox_v5u0z_1[data-disabled][data-selected] ._checkboxInner_v5u0z_1,._checkbox_v5u0z_1[data-disabled][data-indeterminate] ._checkboxInner_v5u0z_1{background:var(--checkbox-disabled-background)}._checkbox_v5u0z_1[data-readonly],._checkbox_v5u0z_1[data-readonly][data-indeterminate],._checkbox_v5u0z_1[data-readonly][data-selected]{pointer-events:none;background-color:transparent;border-color:var(--checkbox-readonly-border)}:is(._checkbox_v5u0z_1[data-readonly],._checkbox_v5u0z_1[data-readonly][data-indeterminate],._checkbox_v5u0z_1[data-readonly][data-selected]) ._checkboxInner_v5u0z_1{border-color:var(--checkbox-readonly-border);background:transparent}:is(._checkbox_v5u0z_1[data-readonly],._checkbox_v5u0z_1[data-readonly][data-indeterminate],._checkbox_v5u0z_1[data-readonly][data-selected]) svg{stroke:currentColor}._checkboxGroup_v5u0z_144{font-family:var(--midas-typography-font-family);font-size:var(--midas-typography-font-size-30);display:flex;flex-direction:column;min-width:150px}._checkboxGroup_v5u0z_144[data-disabled]{color:var(--midas-text-disabled)}._checkboxGroup_v5u0z_144 ._checkboxList_v5u0z_155{display:flex;flex-direction:column;gap:var(--midas-space-small)}@media(max-width:479px){._checkboxGroup_v5u0z_144 ._checkbox_v5u0z_1{padding:var(--midas-space-70) var(--midas-space-medium);border:1px solid var(--midas-border-color-primary);width:auto}._checkboxGroup_v5u0z_144 ._checkbox_v5u0z_1[data-hovered]{background-color:var(--midas-layer-01-hover)}._checkboxGroup_v5u0z_144 ._checkbox_v5u0z_1[data-invalid]{border:2px solid var(--checkbox-warning-border)}._checkboxGroup_v5u0z_144 ._checkbox_v5u0z_1[data-disabled]{border-color:var(--checkbox-disabled-border);pointer-events:none}._checkboxGroup_v5u0z_144 ._checkbox_v5u0z_1[data-readonly]{border-color:var(--checkbox-readonly-border)}}@media(forced-colors:active){._checkbox_v5u0z_1[data-hovered] ._checkboxInner_v5u0z_1,._checkbox_v5u0z_1[data-selected] ._checkboxInner_v5u0z_1,._checkbox_v5u0z_1[data-indeterminate] ._checkboxInner_v5u0z_1{border-color:SelectedItem}._checkbox_v5u0z_1[data-selected] ._checkboxInner_v5u0z_1,._checkbox_v5u0z_1[data-indeterminate] ._checkboxInner_v5u0z_1{background:SelectedItem}._checkbox_v5u0z_1[data-disabled]{color:GrayText}._checkbox_v5u0z_1[data-disabled] ._checkboxInner_v5u0z_1{border-color:GrayText}._checkbox_v5u0z_1[data-disabled][data-selected] ._checkboxInner_v5u0z_1,._checkbox_v5u0z_1[data-disabled][data-indeterminate] ._checkboxInner_v5u0z_1{background:GrayText}}@media(prefers-reduced-motion){._checkboxInner_v5u0z_1 svg path{transition:none}}
|
package/assets/ComboBox.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._combobox_1uann_1{font-family:var(--midas-typography-font-family);display:flex;flex-direction:column}._combobox_1uann_1[data-invalid] ._inputField_1uann_6{border:.125rem solid var(--midas-support-border-warning)}._inputField_1uann_6{box-sizing:border-box;width:-webkit-fill-available;padding-left:var(--midas-space-medium);padding-right:calc(var(--midas-size-icon) + 2 * var(--midas-space-70));border:none;border-bottom:1px solid var(--midas-border-color-primary);border-radius:0;font-size:var(--midas-typography-font-size-30);color:var(--midas-text-primary);height:var(--midas-size-control);background-color:var(--midas-field-01-base)}@media(forced-colors:active){._inputField_1uann_6{border:1px solid}}._inputField_1uann_6._medium_1uann_28{height:var(--midas-size-control-md)}._inputField_1uann_6[data-hovered],._inputField_1uann_6:has(+[data-hovered]){background-color:var(--midas-field-01-hover)}._inputField_1uann_6::placeholder{color:var(--midas-text-placeholder)}._inputField_1uann_6:focus-visible,._inputField_1uann_6[data-focus-visible]{outline:none}._inputField_1uann_6[data-focused],._inputField_1uann_6[data-focus-visible]{box-shadow:var(--midas-state-focus)}@media(forced-colors:active){._inputField_1uann_6[data-focused],._inputField_1uann_6[data-focus-visible]{outline:3px solid highlight;outline-offset:2px}}._inputField_1uann_6[data-disabled]{color:var(--midas-text-disabled);background:var(--midas-field-disabled);box-shadow:none;border-bottom:1px solid var(--midas-border-color-disabled);cursor:not-allowed}._inputField_1uann_6[data-readonly]{background-color:transparent;border-color:var(--midas-border-color-subtle)}._inputField_1uann_6[data-readonly][data-focused],._inputField_1uann_6[data-readonly][data-focus-visible]{box-shadow:none}._text_1uann_75{font-size:var(--midas-typography-font-size-20);margin-bottom:var(--midas-space-small)}._wrap_1uann_80{grid-area:Input;position:relative}._button_1uann_85{display:flex;align-items:center;border:none;padding:var(--midas-space-70);color:var(--midas-icon-primary);background-color:transparent;position:absolute;top:0;right:0;height:var(--midas-size-control);transition:transform var(--midas-transition-duration-normal) var(--midas-transition-timing-ease-in-out)}._button_1uann_85._medium_1uann_28{height:var(--midas-size-control-md);padding:var(--midas-space-50) var(--midas-space-70)}._button_1uann_85[aria-expanded=true]{transform:rotate(180deg)}._button_1uann_85[data-disabled]{cursor:not-allowed;color:var(--midas-icon-disabled)}[data-readonly] ._button_1uann_85[data-disabled]{color:var(--midas-icon-read-only)}._button_1uann_85[data-hovered]{cursor:pointer}._icon_1uann_122{display:flex;align-items:center;transition:transform var(--midas-transition-duration-normal) var(--midas-transition-timing-ease-in-out)}@media(prefers-reduced-motion){._button_1uann_85,._icon_1uann_122{transition:none}}
|
package/assets/ListBox.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._dropdownAnimation_1ljkv_4{opacity:1;transition:opacity var(--midas-transition-duration-quick) var(--midas-transition-timing-ease-out)}._dropdownAnimation_1ljkv_4[data-entering]{opacity:0}._dropdownAnimation_1ljkv_4[data-exiting]{opacity:0;transition-timing-function:var(--midas-transition-timing-ease-in)}@media(prefers-reduced-motion){._dropdownAnimation_1ljkv_4{transition:none}}.
|
|
1
|
+
._dropdownAnimation_1ljkv_4{opacity:1;transition:opacity var(--midas-transition-duration-quick) var(--midas-transition-timing-ease-out)}._dropdownAnimation_1ljkv_4[data-entering]{opacity:0}._dropdownAnimation_1ljkv_4[data-exiting]{opacity:0;transition-timing-function:var(--midas-transition-timing-ease-in)}@media(prefers-reduced-motion){._dropdownAnimation_1ljkv_4{transition:none}}._listBox_d58ov_4{max-height:min(295px,50dvh);overflow:hidden auto}._listBox_d58ov_4>div{pointer-events:auto!important}._listBoxPopover_d58ov_16{font-family:var(--midas-typography-font-family);width:var(--trigger-width);background:var(--midas-layer-01-base);box-shadow:0 3px 5px #0003}@media(forced-colors:active){._listBoxPopover_d58ov_16{border:1px solid var(--midas-border-color-primary)}}._listBoxSectionHeading_d58ov_31{background-color:var(--midas-layer-01-base);font-family:var(--midas-typography-font-family);display:block;padding:var(--midas-space-medium) var(--midas-space-medium) var(--midas-space-xsmall) var(--midas-space-60);font-weight:var(--midas-typography-weight-medium);font-size:var(--midas-typography-font-size-20);line-height:var(--midas-typography-line-height-20);color:var(--midas-menu-text-section-header)}._listBoxButton_d58ov_43{all:unset;width:100%;box-sizing:border-box;margin-bottom:var(--midas-space-10)!important}._listBoxButton_d58ov_43:focus-visible{box-shadow:var(--midas-state-focus-inset);outline:none}._listBoxItem_d58ov_55{align-items:center;background-color:var(--midas-layer-01-base);box-sizing:border-box;color:var(--midas-text-primary);display:flex;font-family:var(--midas-typography-font-family);justify-content:space-between;line-height:var(--midas-typography-line-height-30);margin-bottom:0;padding:var(--midas-space-70) var(--midas-space-medium);gap:var(--midas-space-medium)}._listBoxItem_d58ov_55 ._textContent_d58ov_68{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;width:100%}._listBoxItem_d58ov_55[data-hovered]:not([data-disabled]){background-color:var(--midas-layer-01-hover);cursor:pointer}._listBoxItem_d58ov_55[data-pressed]:not([data-disabled]){background-color:var(--midas-layer-01-hover)}._listBoxItem_d58ov_55[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed}._listBoxItem_d58ov_55[data-selected]{background-color:var(--midas-layer-01-selected)}._listBoxItem_d58ov_55[data-selected][data-hovered]:not([data-disabled]){background-color:var(--midas-layer-01-selected-hover)}._listBoxItem_d58ov_55[data-focused]{outline:none;box-shadow:none}@media(forced-colors:active){._listBoxItem_d58ov_55[data-focused]{outline:var(--midas-state-focus-contrast-mode-outline) solid highlight!important;outline-offset:calc(var(--midas-state-focus-contrast-mode-outline) * -1)}}._listBoxItem_d58ov_55[data-focus-visible]{box-shadow:var(--midas-state-focus-inset);outline:none}._listBoxItem_d58ov_55[data-selection-mode=single][data-selected] ._textContent_d58ov_68{max-width:calc(100% - var(--midas-space-150))}._listBoxItem_d58ov_55[data-selection-mode=single][data-selected]:after{content:"";background-color:var(--midas-text-primary);width:var(--midas-size-icon-sm);height:var(--midas-size-icon-sm);-webkit-mask:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWNoZWNrLWljb24gbHVjaWRlLWNoZWNrIj48cGF0aCBkPSJNMjAgNiA5IDE3bC01LTUiLz48L3N2Zz4=);mask:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWNoZWNrLWljb24gbHVjaWRlLWNoZWNrIj48cGF0aCBkPSJNMjAgNiA5IDE3bC01LTUiLz48L3N2Zz4=);-webkit-mask-size:var(--midas-size-icon-sm) var(--midas-size-icon-sm);mask-size:var(--midas-size-icon-sm) var(--midas-size-icon-sm);flex-shrink:0}@media(forced-colors:active){._listBoxItem_d58ov_55[data-selection-mode=single][data-selected]:after{filter:invert(1)}}._listBoxItem_d58ov_55[data-selection-mode=multiple]{justify-content:flex-start;gap:var(--midas-space-small)}._listBoxItem_d58ov_55[data-selection-mode=multiple]:before{transition:all .2s;box-sizing:border-box;content:"";border:1px solid var(--midas-border-color-primary);min-width:var(--midas-size-icon-sm);height:var(--midas-size-icon-sm)}._listBoxItem_d58ov_55[data-selection-mode=multiple][data-selected]:before{min-width:var(--midas-size-icon-sm);min-height:var(--midas-size-icon-sm);background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jaGVjay1pY29uIGx1Y2lkZS1jaGVjayI+PHBhdGggZD0iTTIwIDYgOSAxN2wtNS01Ii8+PC9zdmc+);background-size:contain;background-color:var(--midas-button-background-primary-base);border-color:var(--midas-button-background-primary-base)}@media(forced-colors:active){._listBoxItem_d58ov_55[data-selection-mode=multiple][data-selected]:before{background-color:SelectedItem;border-color:SelectedItem}}._listBoxItem_d58ov_55[data-selection-mode=multiple][data-selected][data-hovered]:before{background-color:var(--midas-button-background-primary-hover);border-color:var(--midas-button-background-primary-hover)}@media(forced-colors:active){._listBoxItem_d58ov_55[data-selection-mode=multiple][data-selected][data-hovered]:before{background-color:SelectedItem;border-color:SelectedItem}}._listBoxLoadMoreItem_d58ov_176{align-items:center;display:flex;gap:var(--midas-space-medium);line-height:var(--midas-typography-line-height-30);padding:var(--midas-space-medium) var(--midas-space-medium) var(--midas-space-60) var(--midas-space-medium)}@media(prefers-reduced-motion){._listBoxItem_d58ov_55,._item_d58ov_187,._option_d58ov_188 ._inputCheckbox_d58ov_188{transition:none}}
|
package/assets/Skeleton.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@keyframes
|
|
1
|
+
@keyframes _wave_1o4vz_30{0%{transform:translate(-100%)}to{transform:translate(100%)}}._skeleton_1o4vz_11{background:var(--midas-skeleton-01);display:inline-block;position:relative;overflow:hidden;min-height:1rem;width:100%;height:100%}@media(forced-colors:active){._skeleton_1o4vz_11{background-color:graytext}}._skeleton_1o4vz_11._circle_1o4vz_25{border-radius:50%;aspect-ratio:1 / 1}._skeleton_1o4vz_11._wave_1o4vz_30:after{content:"";position:absolute;top:0;left:0;width:200%;height:100%;opacity:.1;background:linear-gradient(90deg,transparent,var(--midas-background-inverse),transparent);animation:_wave_1o4vz_30 2s infinite var(--midas-transition-timing-ease-in-out)}@media(prefers-reduced-motion){._skeleton_1o4vz_11._wave_1o4vz_30:after{display:none;animation:none}}._onLayer01_1o4vz_54{background-color:var(--midas-skeleton-02)}._form_1o4vz_58{display:flex;flex-direction:column;width:100%}._formLabel_1o4vz_64{height:var(--midas-typography-line-height-30);width:40%;margin-bottom:var(--midas-space-xsmall)}._formDescription_1o4vz_70{height:1.125rem;width:60%;margin-bottom:var(--midas-space-small)}._formInput_1o4vz_76{height:var(--midas-size-control);width:100%}._form_1o4vz_58._medium_1o4vz_81 ._formInput_1o4vz_76{height:var(--midas-size-control-md)}
|
package/assets/TagGroup.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._button_14ocl_1{color:var(--midas-icon-primary);padding:var(--midas-space-xsmall)!important;border-radius:1.5rem;margin-left:var(--midas-space-10)}._tag_14ocl_8{align-items:center;background-color:var(--midas-field-01-base);border-color:var(--midas-border-color-primary);border-radius:1.25rem;border-style:solid;border-width:1px;color:var(--midas-text-primary);display:inline-flex;font-family:var(--midas-typography-font-family);font-size:var(--midas-typography-font-size-20);line-height:var(--midas-typography-line-height-20)}._tag_14ocl_8._sky_14ocl_21,._tag_14ocl_8._blue_14ocl_22{background-color:var(--midas-tag-sky-background);border-color:var(--midas-tag-sky-border-color)}._tag_14ocl_8._mint_14ocl_27,._tag_14ocl_8._green_14ocl_28{background-color:var(--midas-tag-mint-background);border-color:var(--midas-tag-mint-border-color)}._tag_14ocl_8._cream_14ocl_33,._tag_14ocl_8._yellow_14ocl_34{background-color:var(--midas-tag-cream-background);border-color:var(--midas-tag-cream-border-color)}._tag_14ocl_8._teal_14ocl_39{background-color:var(--midas-tag-teal-background);border-color:var(--midas-tag-teal-border-color)}._tag_14ocl_8._lagoon_14ocl_44,._tag_14ocl_8._lagoonblue_14ocl_45{background-color:var(--midas-tag-lagoon-background);border-color:var(--midas-tag-lagoon-border-color)}._tag_14ocl_8._lavender_14ocl_50,._tag_14ocl_8._purple_14ocl_51{background-color:var(--midas-tag-lavender-background);border-color:var(--midas-tag-lavender-border-color)}._tag_14ocl_8._peach_14ocl_56,._tag_14ocl_8._orange_14ocl_57{background-color:var(--midas-tag-peach-background);border-color:var(--midas-tag-peach-border-color)}._tag_14ocl_8._pippin_14ocl_62,._tag_14ocl_8._red_14ocl_63{background-color:var(--midas-tag-pippin-background);border-color:var(--midas-tag-pippin-border-color)}._tag_14ocl_8[data-disabled]{background-color:var(--midas-field-01-base);border-color:var(--midas-border-color-disabled);color:var(--midas-text-disabled);cursor:not-allowed}._tag_14ocl_8[data-focused],._tag_14ocl_8[data-focus-visible]{outline:none}._tag_14ocl_8[data-focus-visible]{box-shadow:var(--midas-state-focus)}@media(forced-colors:active){._tag_14ocl_8[data-focus-visible]{outline:3px solid highlight;outline-offset:2px}}._tagText_14ocl_90{align-items:center;box-sizing:border-box;display:flex;gap:var(--midas-space-xsmall);padding:5px var(--midas-space-small);min-height:1.875rem}._tagText_14ocl_90 svg{width:var(--midas-size-icon);height:var(--midas-size-icon)}._dismissable_14ocl_104 ._tagText_14ocl_90{padding:5px 0 5px var(--midas-space-small)}._tagList_17pz2_1{display:flex;flex-wrap:wrap;gap:var(--midas-space-xsmall)}
|
package/assets/default.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--midas-base-10: .125rem;--midas-base-15: .188rem;--midas-base-20: .25rem;--midas-base-30: .375rem;--midas-base-40: .5rem;--midas-base-50: .625rem;--midas-base-60: .75rem;--midas-base-70: .875rem;--midas-base-75: .938rem;--midas-base-80: 1rem;--midas-base-90: 1.25rem;--midas-base-100: 1.5rem;--midas-base-110: 1.75rem;--midas-base-120: 2rem;--midas-base-130: 2.5rem;--midas-base-140: 2.75rem;--midas-base-150: 3rem;--midas-base-00: 0rem;--midas-base-05: .063rem;--midas-window-sizes-sm: 480px;--midas-window-sizes-md: 768px;--midas-window-sizes-lg: 1024px;--midas-window-sizes-xl: 1280px;--midas-button-background-secondary-base: transparent;--midas-button-icon-active: light-dark(#00000033, #ffffff33);--midas-color-black-base: #000000;--midas-color-black-hover: #0d0d0d;--midas-color-black-opacity5: rgba(0, 0, 0, .05);--midas-color-white-base: #ffffff;--midas-color-white-hover: #e6e6e6;--midas-color-white-opacity13: rgba(255, 255, 255, .13);--midas-color-gray-10: #f2f2f2;--midas-color-gray-20: #e6e6e6;--midas-color-gray-30: #d9d9d9;--midas-color-gray-40: #cccccc;--midas-color-gray-50: #bfbfbf;--midas-color-gray-60: #b3b3b3;--midas-color-gray-70: #a6a6a6;--midas-color-gray-80: #999999;--midas-color-gray-90: #8c8c8c;--midas-color-gray-100: #808080;--midas-color-gray-110: #737373;--midas-color-gray-120: #666666;--midas-color-gray-130: #5d5d5d;--midas-color-gray-140: #525252;--midas-color-gray-150: #474747;--midas-color-gray-160: #383838;--midas-color-gray-170: #333333;--midas-color-gray-180: #262626;--midas-color-gray-190: #212121;--midas-color-gray-200: #171717;--midas-color-blue-10: #eaf2f6;--midas-color-blue-20: #d5e5ed;--midas-color-blue-40: #abcbdb;--midas-color-blue-50: #94bcd1;--midas-color-blue-60: #82b0c9;--midas-color-blue-70: #6ca3c0;--midas-color-blue-80: #5897b8;--midas-color-blue-90: #4289ad;--midas-color-blue-100: #2e7ca5;--midas-color-blue-110: #2c7399;--midas-color-blue-120: #29698c;--midas-color-blue-130: #25607f;--midas-color-blue-150: #143c50;--midas-color-purple-80: #b46ab4;--midas-color-purple-110: #954b95;--midas-color-red-100: #b90835;--midas-color-orange-100: oklch(.66 .18 45);--midas-color-signal-blue-10: #eaf2f6;--midas-color-signal-blue-20: #d5e5ed;--midas-color-signal-blue-100: #0066cc;--midas-color-signal-blue-170: #162b33;--midas-color-signal-blue-180: #112127;--midas-color-signal-green-20: #d5f2d9;--midas-color-signal-green-30: #bae5c5;--midas-color-signal-green-100: #008d3c;--midas-color-signal-green-150: #194b33;--midas-color-signal-green-170: #163328;--midas-color-signal-green-180: #112722;--midas-color-signal-yellow-10: #fff8e2;--midas-color-signal-yellow-20: #fff1cd;--midas-color-signal-yellow-30: #ffeab8;--midas-color-signal-yellow-40: #ffe3a3;--midas-color-signal-yellow-50: #ffdc8b;--midas-color-signal-yellow-60: #ffd47b;--midas-color-signal-yellow-70: #fdcd5d;--midas-color-signal-yellow-80: #fbc640;--midas-color-signal-yellow-90: #fabf1b;--midas-color-signal-yellow-100: #fab900;--midas-color-signal-yellow-110: #daa105;--midas-color-signal-yellow-120: #bd8c1e;--midas-color-signal-yellow-130: #a17927;--midas-color-signal-yellow-140: #88672a;--midas-color-signal-yellow-150: #70562b;--midas-color-signal-yellow-160: #5a4629;--midas-color-signal-yellow-170: #453826;--midas-color-signal-yellow-180: #322a20;--midas-color-signal-yellow-190: #201c18;--midas-color-signal-yellow-200: #0f0e0e;--midas-color-signal-red-10: #ffefef;--midas-color-signal-red-20: #ffdfdf;--midas-color-signal-red-30: #fcc8c8;--midas-color-signal-red-40: #f9b0b0;--midas-color-signal-red-50: #f69999;--midas-color-signal-red-60: #f38181;--midas-color-signal-red-70: #ef6a6a;--midas-color-signal-red-80: #ec5252;--midas-color-signal-red-90: #e93b3b;--midas-color-signal-red-100: #e62323;--midas-color-signal-red-110: #d12020;--midas-color-signal-red-120: #bc1d1d;--midas-color-signal-red-130: #a71919;--midas-color-signal-red-140: #921616;--midas-color-signal-red-150: #7d1313;--midas-color-signal-red-160: #691010;--midas-color-signal-red-170: #540d0d;--midas-color-signal-red-180: #3f0a0a;--midas-color-signal-red-190: #2a0606;--midas-color-signal-red-200: #150303;--midas-color-sky-20: #cde6f3;--midas-color-sky-60: #4a95df;--midas-color-sky-180: #101037;--midas-color-mint-20: #d5f2d9;--midas-color-mint-60: #75b47d;--midas-color-mint-180: #07270b;--midas-color-cream-20: #fff5db;--midas-color-cream-60: #ecbe4a;--midas-color-cream-180: #2c2719;--midas-color-teal-20: #cdf2f2;--midas-color-teal-60: #43bcbc;--midas-color-teal-180: #0d2c2c;--midas-color-lagoon-20: #d2daf9;--midas-color-lagoon-60: #7088e0;--midas-color-lagoon-180: #0a1332;--midas-color-lavender-20: #f6d0f9;--midas-color-lavender-60: #b77dbc;--midas-color-lavender-180: #391c3b;--midas-color-peach-20: #ffe6d9;--midas-color-peach-60: #e87031;--midas-color-peach-180: #421d0a;--midas-color-pippin-20: #ffe0e0;--midas-color-pippin-60: #f17575;--midas-color-pippin-180: #431919;--midas-border-width: 1px;--midas-calendar-date-background-hover: light-dark(#0000001a, #ffffff1a);--midas-overlay-background: rgba(0 0 0 / 30%);--midas-overlay-blur: blur(2px);--midas-card-shadow: 0 3px 5px 0 rgba(0, 0, 0, .3);--midas-state-focus: 0 0 0 2px light-dark(white, black), 0 0 0 4px light-dark(black, white);--midas-state-focus-inset: inset 0 0 0 2px light-dark(black, white), inset 0 0 0 4px light-dark(white, black);--midas-state-focus-contrast-mode-outline: 2px;--midas-state-focus-contrast-mode-offset: 2px;--midas-transition-duration-slow: .5s;--midas-transition-duration-normal: .3s;--midas-transition-duration-fast: .25s;--midas-transition-duration-quick: .15s;--midas-transition-duration-instant: .1s;--midas-transition-timing-ease-out: cubic-bezier(0, 0, .58, 1);--midas-transition-timing-ease-in: cubic-bezier(.42, 0, 1, 1);--midas-transition-timing-ease-in-out: cubic-bezier(.42, 0, .58, 1);--midas-typography-font-family: Inter, sans-serif;--midas-typography-font-size-10: .75rem;--midas-typography-font-size-20: .875rem;--midas-typography-font-size-30: 1rem;--midas-typography-font-size-40: 1.125rem;--midas-typography-font-size-50: 1.25rem;--midas-typography-font-size-60: 1.5rem;--midas-typography-font-size-70: 1.625rem;--midas-typography-font-size-80: 2rem;--midas-typography-font-size-90: 2.25rem;--midas-typography-font-size-100: 2.625rem;--midas-typography-line-height-10: 1rem;--midas-typography-line-height-20: 1.125rem;--midas-typography-line-height-30: 1.25rem;--midas-typography-line-height-40: 1.375rem;--midas-typography-line-height-50: 1.5rem;--midas-typography-line-height-60: 1.75rem;--midas-typography-line-height-70: 2rem;--midas-typography-line-height-80: 2.25rem;--midas-typography-line-height-90: 2.5rem;--midas-typography-line-height-100: 3rem;--midas-typography-weight-thin: 100;--midas-typography-weight-extra-light: 200;--midas-typography-weight-light: 300;--midas-typography-weight-regular: 400;--midas-typography-weight-medium: 500;--midas-typography-weight-semi-bold: 600;--midas-typography-weight-bold: 700;--midas-typography-weight-extra-bold: 800;--midas-typography-weight-black: 900;--midas-z-index-base: 1;--midas-z-index-above: 10;--midas-z-index-sidebar: 500;--midas-z-index-modal: 1000;--midas-z-index-toast: 1100;--midas-z-index-skip-to-content: 1200;--midas-breakpoints-xs: (max-width: calc(var(--midas-window-sizes-sm) - 1px));--midas-breakpoints-sm: (min-width: var(--midas-window-sizes-sm));--midas-breakpoints-md: (min-width: var(--midas-window-sizes-md));--midas-breakpoints-lg: (min-width: var(--midas-window-sizes-lg));--midas-breakpoints-xl: (min-width: var(--midas-window-sizes-xl));--midas-button-background-primary-base: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-100));--midas-button-background-primary-hover: light-dark(var(--midas-color-blue-130), var(--midas-color-blue-130));--midas-button-background-primary-active: light-dark(var(--midas-color-blue-100), var(--midas-color-blue-150));--midas-button-background-secondary-hover: light-dark(var(--midas-color-white-hover), var(--midas-color-gray-190));--midas-button-background-secondary-active: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-180));--midas-button-background-tertiary-hover: light-dark(var(--midas-color-black-opacity5), var(--midas-color-white-opacity13));--midas-button-background-tertiary-active: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-180));--midas-button-background-danger-base: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-100));--midas-button-background-danger-hover: light-dark(var(--midas-color-signal-red-120), var(--midas-color-signal-red-120));--midas-button-background-danger-active: light-dark(var(--midas-color-signal-red-150), var(--midas-color-signal-red-150));--midas-button-background-disabled: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-button-border-secondary: light-dark(var(--midas-color-blue-150), var(--midas-color-gray-10));--midas-button-icon-hover: light-dark(var(--midas-color-black-opacity5), var(--midas-color-white-opacity13));--midas-size-10: var(--midas-base-10);--midas-size-15: var(--midas-base-15);--midas-size-20: var(--midas-base-20);--midas-size-30: var(--midas-base-30);--midas-size-40: var(--midas-base-40);--midas-size-50: var(--midas-base-50);--midas-size-60: var(--midas-base-60);--midas-size-70: var(--midas-base-70);--midas-size-75: var(--midas-base-75);--midas-size-80: var(--midas-base-80);--midas-size-90: var(--midas-base-90);--midas-size-100: var(--midas-base-100);--midas-size-110: var(--midas-base-110);--midas-size-120: var(--midas-base-120);--midas-size-130: var(--midas-base-130);--midas-size-140: var(--midas-base-140);--midas-size-150: var(--midas-base-150);--midas-size-00: var(--midas-base-00);--midas-size-05: var(--midas-base-05);--midas-size-icon: var(--midas-base-80);--midas-size-icon-sm: var(--midas-base-90);--midas-size-option: var(--midas-base-120);--midas-size-control-md: var(--midas-base-130);--midas-size-control: var(--midas-base-150);--midas-background-base: light-dark(var(--midas-color-white-base), var(--midas-color-gray-200));--midas-background-hover: light-dark(var(--midas-color-white-hover), var(--midas-color-gray-190));--midas-background-inverse: light-dark(var(--midas-color-gray-200), var(--midas-color-gray-10));--midas-layer-01-base: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-layer-01-hover: light-dark(var(--midas-color-gray-20), var(--midas-color-gray-170));--midas-layer-01-selected: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-160));--midas-layer-01-selected-hover: light-dark(var(--midas-color-gray-40), var(--midas-color-gray-150));--midas-layer-02-base: light-dark(var(--midas-color-white-base), var(--midas-color-gray-160));--midas-layer-02-hover: light-dark(var(--midas-color-white-hover), var(--midas-color-gray-150));--midas-layer-02-selected: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-140));--midas-layer-02-selected-hover: light-dark(var(--midas-color-gray-40), var(--midas-color-gray-130));--midas-layer-accent-01-base: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-160));--midas-layer-accent-01-hover: light-dark(var(--midas-color-gray-40), var(--midas-color-gray-150));--midas-layer-accent-01-selected: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-140));--midas-layer-accent-02-base: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-layer-accent-02-hover: light-dark(var(--midas-color-gray-20), var(--midas-color-gray-170));--midas-layer-accent-02-selected: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-160));--midas-brand-primary: light-dark(var(--midas-color-red-100), var(--midas-color-red-100));--midas-border-color-primary: light-dark(var(--midas-color-gray-200), var(--midas-color-gray-10));--midas-border-color-secondary: light-dark(var(--midas-color-gray-110), var(--midas-color-gray-90));--midas-border-color-subtle: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-140));--midas-border-color-tertiary: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-100));--midas-border-color-disabled: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-140));--midas-field-01-base: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-field-01-hover: light-dark(var(--midas-color-gray-20), var(--midas-color-gray-170));--midas-field-01-active: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-160));--midas-field-02-base: light-dark(var(--midas-color-white-base), var(--midas-color-gray-160));--midas-field-02-hover: light-dark(var(--midas-color-white-hover), var(--midas-color-gray-150));--midas-field-02-active: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-140));--midas-field-disabled: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-skeleton-01: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-skeleton-02: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-160));--midas-icon-primary: light-dark(var(--midas-color-gray-200), var(--midas-color-gray-10));--midas-icon-secondary: light-dark(var(--midas-color-gray-140), var(--midas-color-gray-70));--midas-icon-tertiary: light-dark(var(--midas-color-blue-150), var(--midas-color-gray-10));--midas-icon-inverse: light-dark(var(--midas-color-white-base), var(--midas-color-gray-200));--midas-icon-on-color: light-dark(var(--midas-color-white-base), var(--midas-color-white-base));--midas-icon-disabled: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-140));--midas-icon-success: light-dark(var(--midas-color-signal-green-100), var(--midas-color-signal-green-100));--midas-icon-info: light-dark(var(--midas-color-signal-blue-100), var(--midas-color-signal-blue-100));--midas-icon-warning: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-100));--midas-icon-important: var(--midas-color-orange-100);--midas-icon-read-only: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-160));--midas-link-enabled: light-dark(var(--midas-color-blue-120), var(--midas-color-blue-70));--midas-link-hover: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-50));--midas-link-pressed: light-dark(var(--midas-color-gray-200), var(--midas-color-blue-40));--midas-link-visited: light-dark(var(--midas-color-purple-110), var(--midas-color-purple-80));--midas-support-border-success: light-dark(var(--midas-color-signal-green-100), var(--midas-color-signal-green-100));--midas-support-border-info: light-dark(var(--midas-color-signal-blue-100), var(--midas-color-signal-blue-100));--midas-support-border-important: var(--midas-color-orange-100);--midas-support-border-warning: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-100));--midas-support-background-success: light-dark(var(--midas-color-signal-green-20), var(--midas-color-signal-green-180));--midas-support-background-success-hover: light-dark(var(--midas-color-signal-green-30), var(--midas-color-signal-green-170));--midas-support-background-info: light-dark(var(--midas-color-signal-blue-10), var(--midas-color-signal-blue-180));--midas-support-background-info-hover: light-dark(var(--midas-color-signal-blue-20), var(--midas-color-signal-blue-170));--midas-support-background-important: light-dark(var(--midas-color-signal-yellow-10), var(--midas-color-signal-yellow-180));--midas-support-background-important-hover: light-dark(var(--midas-color-signal-yellow-20), var(--midas-color-signal-yellow-170));--midas-support-background-warning: light-dark(var(--midas-color-signal-red-20), var(--midas-color-signal-red-180));--midas-support-background-warning-hover: light-dark(var(--midas-color-signal-red-30), var(--midas-color-signal-red-170));--midas-tag-sky-background: light-dark(var(--midas-color-sky-20), var(--midas-color-sky-180));--midas-tag-sky-border-color: var(--midas-color-sky-60);--midas-tag-blue-background: light-dark(var(--midas-color-sky-20), var(--midas-color-sky-180));--midas-tag-blue-border-color: var(--midas-color-sky-60);--midas-tag-mint-background: light-dark(var(--midas-color-mint-20), var(--midas-color-mint-180));--midas-tag-mint-border-color: var(--midas-color-mint-60);--midas-tag-green-background: light-dark(var(--midas-color-mint-20), var(--midas-color-mint-180));--midas-tag-green-border-color: var(--midas-color-mint-60);--midas-tag-cream-background: light-dark(var(--midas-color-cream-20), var(--midas-color-cream-180));--midas-tag-cream-border-color: var(--midas-color-cream-60);--midas-tag-yellow-background: light-dark(var(--midas-color-cream-20), var(--midas-color-cream-180));--midas-tag-yellow-border-color: var(--midas-color-cream-60);--midas-tag-teal-background: light-dark(var(--midas-color-teal-20), var(--midas-color-teal-180));--midas-tag-teal-border-color: var(--midas-color-teal-60);--midas-tag-lagoon-background: light-dark(var(--midas-color-lagoon-20), var(--midas-color-lagoon-180));--midas-tag-lagoon-border-color: var(--midas-color-lagoon-60);--midas-tag-lagoonblue-background: light-dark(var(--midas-color-lagoon-20), var(--midas-color-lagoon-180));--midas-tag-lagoonblue-border-color: var(--midas-color-lagoon-60);--midas-tag-lavender-background: light-dark(var(--midas-color-lavender-20), var(--midas-color-lavender-180));--midas-tag-lavender-border-color: var(--midas-color-lavender-60);--midas-tag-purple-background: light-dark(var(--midas-color-lavender-20), var(--midas-color-lavender-180));--midas-tag-purple-border-color: var(--midas-color-lavender-60);--midas-tag-peach-background: light-dark(var(--midas-color-peach-20), var(--midas-color-peach-180));--midas-tag-peach-border-color: var(--midas-color-peach-60);--midas-tag-orange-background: light-dark(var(--midas-color-peach-20), var(--midas-color-peach-180));--midas-tag-orange-border-color: var(--midas-color-peach-60);--midas-tag-pippin-background: light-dark(var(--midas-color-pippin-20), var(--midas-color-pippin-180));--midas-tag-pippin-border-color: var(--midas-color-pippin-60);--midas-tag-red-background: light-dark(var(--midas-color-pippin-20), var(--midas-color-pippin-180));--midas-tag-red-border-color: var(--midas-color-pippin-60);--midas-text-primary: light-dark(var(--midas-color-gray-200), var(--midas-color-gray-10));--midas-text-secondary: light-dark(var(--midas-color-gray-140), var(--midas-color-gray-70));--midas-text-tertiary: light-dark(var(--midas-color-blue-150), var(--midas-color-gray-10));--midas-text-on-color: light-dark(var(--midas-color-white-base), var(--midas-color-white-base));--midas-text-inverse: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-200));--midas-text-disabled: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-140));--midas-text-warning: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-80));--midas-text-placeholder: light-dark(var(--midas-color-gray-70), var(--midas-color-gray-140));--midas-text-read-only: light-dark(var(--midas-color-gray-110), var(--midas-color-gray-80));--midas-badge-background: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-100));--midas-calendar-date-background-selected: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-80));--midas-calendar-date-background-start-range: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-80));--midas-calendar-date-background-in-range: light-dark(var(--midas-color-blue-20), var(--midas-color-blue-150));--midas-calendar-date-background-end-range: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-80));--midas-logo-primary: light-dark(var(--midas-color-red-100), var(--midas-color-white-base));--midas-menu-item-background-hover: light-dark(var(--midas-color-gray-20), var(--midas-color-gray-190));--midas-menu-item-background-selected: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-menu-text-section-header: light-dark(var(--midas-color-gray-140), var(--midas-color-gray-70));--midas-card-background-base: light-dark(var(--midas-color-white-base), var(--midas-color-gray-180));--midas-space-10: var(--midas-base-10);--midas-space-30: var(--midas-base-30);--midas-space-50: var(--midas-base-50);--midas-space-60: var(--midas-base-60);--midas-space-70: var(--midas-base-70);--midas-space-75: var(--midas-base-75);--midas-space-90: var(--midas-base-90);--midas-space-130: var(--midas-base-130);--midas-space-150: var(--midas-base-150);--midas-space-xsmall: var(--midas-base-20);--midas-space-small: var(--midas-base-40);--midas-space-medium: var(--midas-base-80);--midas-space-large: var(--midas-base-100);--midas-space-xlarge: var(--midas-base-120);--midas-space-05: var(--midas-base-05);--midas-transition-panel-collapse: var(--midas-transition-duration-normal) var(--midas-transition-timing-ease-out) 0ms;--midas-transition-panel-expand: var(--midas-transition-duration-normal) var(--midas-transition-timing-ease-in) 0ms;--midas-typography-body: var(--midas-typography-weight-regular) var(--midas-typography-font-size-30)/var(--midas-typography-line-height-30) var(--midas-typography-font-family);--midas-typography-body-small: var(--midas-typography-weight-regular) var(--midas-typography-font-size-20)/var(--midas-typography-line-height-20) var(--midas-typography-font-family);--midas-typography-description: var(--midas-typography-weight-regular) var(--midas-typography-font-size-20)/var(--midas-typography-line-height-20) var(--midas-typography-font-family);--midas-typography-description-small: var(--midas-typography-weight-regular) var(--midas-typography-font-size-10)/var(--midas-typography-line-height-10) var(--midas-typography-font-family);--midas-spacing-10: var(--midas-space-10);--midas-spacing-20: var(--midas-space-xsmall);--midas-spacing-30: var(--midas-space-small);--midas-spacing-40: var(--midas-space-60);--midas-spacing-50: var(--midas-space-medium);--midas-spacing-60: var(--midas-space-large);--midas-spacing-70: var(--midas-space-xlarge);--midas-spacing-80: var(--midas-space-130);--midas-spacing-90: var(--midas-space-150);--midas-spacing-xsmall: var(--midas-space-xsmall);--midas-spacing-small: var(--midas-space-small);--midas-spacing-medium: var(--midas-space-medium);--midas-spacing-large: var(--midas-space-large);--midas-spacing-xlarge: var(--midas-space-xlarge);--midas-size-control-sm: var(--midas-size-control-md);--midas-state-invalid: inset 0 0 0 2px var(--midas-support-border-warning)}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url(https://cdn.jsdelivr.net/fontsource/fonts/inter:vf@latest/latin-wght-normal.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{color-scheme:light dark}:root[data-color-scheme=dark]{color-scheme:dark}:root[data-color-scheme=light]{color-scheme:light}
|
|
1
|
+
:root{--midas-base-10: .125rem;--midas-base-15: .188rem;--midas-base-20: .25rem;--midas-base-30: .375rem;--midas-base-40: .5rem;--midas-base-50: .625rem;--midas-base-60: .75rem;--midas-base-70: .875rem;--midas-base-75: .938rem;--midas-base-80: 1rem;--midas-base-90: 1.25rem;--midas-base-100: 1.5rem;--midas-base-110: 1.75rem;--midas-base-120: 2rem;--midas-base-130: 2.5rem;--midas-base-140: 2.75rem;--midas-base-150: 3rem;--midas-base-00: 0rem;--midas-base-05: .063rem;--midas-window-sizes-sm: 480px;--midas-window-sizes-md: 768px;--midas-window-sizes-lg: 1024px;--midas-window-sizes-xl: 1280px;--midas-button-background-secondary-base: transparent;--midas-button-icon-active: light-dark(#00000033, #ffffff33);--midas-color-black-base: #000000;--midas-color-black-hover: #0d0d0d;--midas-color-black-opacity5: rgba(0, 0, 0, .05);--midas-color-white-base: #ffffff;--midas-color-white-hover: #e6e6e6;--midas-color-white-opacity13: rgba(255, 255, 255, .13);--midas-color-gray-10: #f2f2f2;--midas-color-gray-20: #e6e6e6;--midas-color-gray-30: #d9d9d9;--midas-color-gray-40: #cccccc;--midas-color-gray-50: #bfbfbf;--midas-color-gray-60: #b3b3b3;--midas-color-gray-70: #a6a6a6;--midas-color-gray-80: #999999;--midas-color-gray-90: #8c8c8c;--midas-color-gray-100: #808080;--midas-color-gray-110: #737373;--midas-color-gray-120: #666666;--midas-color-gray-130: #5d5d5d;--midas-color-gray-140: #525252;--midas-color-gray-150: #474747;--midas-color-gray-160: #383838;--midas-color-gray-170: #333333;--midas-color-gray-180: #262626;--midas-color-gray-190: #212121;--midas-color-gray-200: #171717;--midas-color-blue-10: #eaf2f6;--midas-color-blue-20: #d5e5ed;--midas-color-blue-40: #abcbdb;--midas-color-blue-50: #94bcd1;--midas-color-blue-60: #82b0c9;--midas-color-blue-70: #6ca3c0;--midas-color-blue-80: #5897b8;--midas-color-blue-90: #4289ad;--midas-color-blue-100: #2e7ca5;--midas-color-blue-110: #2c7399;--midas-color-blue-120: #29698c;--midas-color-blue-130: #25607f;--midas-color-blue-150: #143c50;--midas-color-purple-80: #b46ab4;--midas-color-purple-110: #954b95;--midas-color-red-100: #b90835;--midas-color-orange-100: oklch(.66 .18 45);--midas-color-signal-blue-10: #eaf2f6;--midas-color-signal-blue-20: #d5e5ed;--midas-color-signal-blue-100: #0066cc;--midas-color-signal-blue-170: #162b33;--midas-color-signal-blue-180: #112127;--midas-color-signal-green-20: #d5f2d9;--midas-color-signal-green-30: #bae5c5;--midas-color-signal-green-100: #008d3c;--midas-color-signal-green-150: #194b33;--midas-color-signal-green-170: #163328;--midas-color-signal-green-180: #112722;--midas-color-signal-yellow-10: #fff8e2;--midas-color-signal-yellow-20: #fff1cd;--midas-color-signal-yellow-30: #ffeab8;--midas-color-signal-yellow-40: #ffe3a3;--midas-color-signal-yellow-50: #ffdc8b;--midas-color-signal-yellow-60: #ffd47b;--midas-color-signal-yellow-70: #fdcd5d;--midas-color-signal-yellow-80: #fbc640;--midas-color-signal-yellow-90: #fabf1b;--midas-color-signal-yellow-100: #fab900;--midas-color-signal-yellow-110: #daa105;--midas-color-signal-yellow-120: #bd8c1e;--midas-color-signal-yellow-130: #a17927;--midas-color-signal-yellow-140: #88672a;--midas-color-signal-yellow-150: #70562b;--midas-color-signal-yellow-160: #5a4629;--midas-color-signal-yellow-170: #453826;--midas-color-signal-yellow-180: #322a20;--midas-color-signal-yellow-190: #201c18;--midas-color-signal-yellow-200: #0f0e0e;--midas-color-signal-red-10: #ffefef;--midas-color-signal-red-20: #ffdfdf;--midas-color-signal-red-30: #fcc8c8;--midas-color-signal-red-40: #f9b0b0;--midas-color-signal-red-50: #f69999;--midas-color-signal-red-60: #f38181;--midas-color-signal-red-70: #ef6a6a;--midas-color-signal-red-80: #ec5252;--midas-color-signal-red-90: #e93b3b;--midas-color-signal-red-100: #e62323;--midas-color-signal-red-110: #d12020;--midas-color-signal-red-120: #bc1d1d;--midas-color-signal-red-130: #a71919;--midas-color-signal-red-140: #921616;--midas-color-signal-red-150: #7d1313;--midas-color-signal-red-160: #691010;--midas-color-signal-red-170: #540d0d;--midas-color-signal-red-180: #3f0a0a;--midas-color-signal-red-190: #2a0606;--midas-color-signal-red-200: #150303;--midas-color-sky-20: #cde6f3;--midas-color-sky-60: #4a95df;--midas-color-sky-180: #101037;--midas-color-mint-20: #d5f2d9;--midas-color-mint-60: #75b47d;--midas-color-mint-180: #07270b;--midas-color-cream-20: #fff5db;--midas-color-cream-60: #ecbe4a;--midas-color-cream-180: #2c2719;--midas-color-teal-20: #cdf2f2;--midas-color-teal-60: #43bcbc;--midas-color-teal-180: #0d2c2c;--midas-color-lagoon-20: #d2daf9;--midas-color-lagoon-60: #7088e0;--midas-color-lagoon-180: #0a1332;--midas-color-lavender-20: #f6d0f9;--midas-color-lavender-60: #b77dbc;--midas-color-lavender-180: #391c3b;--midas-color-peach-20: #ffe6d9;--midas-color-peach-60: #e87031;--midas-color-peach-180: #421d0a;--midas-color-pippin-20: #ffe0e0;--midas-color-pippin-60: #f17575;--midas-color-pippin-180: #431919;--midas-border-width: 1px;--midas-calendar-date-background-hover: light-dark(#0000001a, #ffffff1a);--midas-overlay-background: rgba(0 0 0 / 30%);--midas-overlay-blur: blur(2px);--midas-card-shadow: 0 3px 5px 0 rgba(0, 0, 0, .3);--midas-state-focus: 0 0 0 2px light-dark(white, black), 0 0 0 4px light-dark(black, white);--midas-state-focus-inset: inset 0 0 0 2px light-dark(black, white), inset 0 0 0 4px light-dark(white, black);--midas-state-focus-contrast-mode-outline: 2px;--midas-state-focus-contrast-mode-offset: 2px;--midas-transition-duration-slow: .5s;--midas-transition-duration-normal: .3s;--midas-transition-duration-fast: .25s;--midas-transition-duration-quick: .15s;--midas-transition-duration-instant: .1s;--midas-transition-timing-ease-out: cubic-bezier(0, 0, .58, 1);--midas-transition-timing-ease-in: cubic-bezier(.42, 0, 1, 1);--midas-transition-timing-ease-in-out: cubic-bezier(.42, 0, .58, 1);--midas-typography-font-family: Inter, sans-serif;--midas-typography-font-size-10: .75rem;--midas-typography-font-size-20: .875rem;--midas-typography-font-size-30: 1rem;--midas-typography-font-size-40: 1.125rem;--midas-typography-font-size-50: 1.25rem;--midas-typography-font-size-60: 1.5rem;--midas-typography-font-size-70: 1.625rem;--midas-typography-font-size-80: 2rem;--midas-typography-font-size-90: 2.25rem;--midas-typography-font-size-100: 2.625rem;--midas-typography-line-height-10: 1rem;--midas-typography-line-height-20: 1.125rem;--midas-typography-line-height-30: 1.25rem;--midas-typography-line-height-40: 1.375rem;--midas-typography-line-height-50: 1.5rem;--midas-typography-line-height-60: 1.75rem;--midas-typography-line-height-70: 2rem;--midas-typography-line-height-80: 2.25rem;--midas-typography-line-height-90: 2.5rem;--midas-typography-line-height-100: 3rem;--midas-typography-weight-thin: 100;--midas-typography-weight-extra-light: 200;--midas-typography-weight-light: 300;--midas-typography-weight-regular: 400;--midas-typography-weight-medium: 500;--midas-typography-weight-semi-bold: 600;--midas-typography-weight-bold: 700;--midas-typography-weight-extra-bold: 800;--midas-typography-weight-black: 900;--midas-z-index-base: 1;--midas-z-index-above: 10;--midas-z-index-sidebar: 500;--midas-z-index-modal: 1000;--midas-z-index-toast: 1100;--midas-z-index-skip-to-content: 1200;--midas-breakpoints-xs: (max-width: calc(var(--midas-window-sizes-sm) - 1px));--midas-breakpoints-sm: (min-width: var(--midas-window-sizes-sm));--midas-breakpoints-md: (min-width: var(--midas-window-sizes-md));--midas-breakpoints-lg: (min-width: var(--midas-window-sizes-lg));--midas-breakpoints-xl: (min-width: var(--midas-window-sizes-xl));--midas-button-background-primary-base: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-100));--midas-button-background-primary-hover: light-dark(var(--midas-color-blue-130), var(--midas-color-blue-130));--midas-button-background-primary-active: light-dark(var(--midas-color-blue-100), var(--midas-color-blue-150));--midas-button-background-secondary-hover: light-dark(var(--midas-color-white-hover), var(--midas-color-gray-190));--midas-button-background-secondary-active: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-180));--midas-button-background-tertiary-hover: light-dark(var(--midas-color-black-opacity5), var(--midas-color-white-opacity13));--midas-button-background-tertiary-active: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-180));--midas-button-background-danger-base: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-100));--midas-button-background-danger-hover: light-dark(var(--midas-color-signal-red-120), var(--midas-color-signal-red-120));--midas-button-background-danger-active: light-dark(var(--midas-color-signal-red-150), var(--midas-color-signal-red-150));--midas-button-background-disabled: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-button-border-secondary: light-dark(var(--midas-color-blue-150), var(--midas-color-gray-10));--midas-button-icon-hover: light-dark(var(--midas-color-black-opacity5), var(--midas-color-white-opacity13));--midas-size-10: var(--midas-base-10);--midas-size-15: var(--midas-base-15);--midas-size-20: var(--midas-base-20);--midas-size-30: var(--midas-base-30);--midas-size-40: var(--midas-base-40);--midas-size-50: var(--midas-base-50);--midas-size-60: var(--midas-base-60);--midas-size-70: var(--midas-base-70);--midas-size-75: var(--midas-base-75);--midas-size-80: var(--midas-base-80);--midas-size-90: var(--midas-base-90);--midas-size-100: var(--midas-base-100);--midas-size-110: var(--midas-base-110);--midas-size-120: var(--midas-base-120);--midas-size-130: var(--midas-base-130);--midas-size-140: var(--midas-base-140);--midas-size-150: var(--midas-base-150);--midas-size-00: var(--midas-base-00);--midas-size-05: var(--midas-base-05);--midas-size-icon: var(--midas-base-90);--midas-size-icon-sm: var(--midas-base-80);--midas-size-option: var(--midas-base-120);--midas-size-control-md: var(--midas-base-130);--midas-size-control: var(--midas-base-150);--midas-background-base: light-dark(var(--midas-color-white-base), var(--midas-color-gray-200));--midas-background-hover: light-dark(var(--midas-color-white-hover), var(--midas-color-gray-190));--midas-background-inverse: light-dark(var(--midas-color-gray-200), var(--midas-color-gray-10));--midas-layer-01-base: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-layer-01-hover: light-dark(var(--midas-color-gray-20), var(--midas-color-gray-170));--midas-layer-01-selected: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-160));--midas-layer-01-selected-hover: light-dark(var(--midas-color-gray-40), var(--midas-color-gray-150));--midas-layer-02-base: light-dark(var(--midas-color-white-base), var(--midas-color-gray-160));--midas-layer-02-hover: light-dark(var(--midas-color-white-hover), var(--midas-color-gray-150));--midas-layer-02-selected: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-140));--midas-layer-02-selected-hover: light-dark(var(--midas-color-gray-40), var(--midas-color-gray-130));--midas-layer-accent-01-base: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-160));--midas-layer-accent-01-hover: light-dark(var(--midas-color-gray-40), var(--midas-color-gray-150));--midas-layer-accent-01-selected: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-140));--midas-layer-accent-02-base: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-layer-accent-02-hover: light-dark(var(--midas-color-gray-20), var(--midas-color-gray-170));--midas-layer-accent-02-selected: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-160));--midas-brand-primary: light-dark(var(--midas-color-red-100), var(--midas-color-red-100));--midas-border-color-primary: light-dark(var(--midas-color-gray-200), var(--midas-color-gray-10));--midas-border-color-secondary: light-dark(var(--midas-color-gray-110), var(--midas-color-gray-90));--midas-border-color-subtle: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-140));--midas-border-color-tertiary: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-100));--midas-border-color-disabled: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-140));--midas-field-01-base: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-field-01-hover: light-dark(var(--midas-color-gray-20), var(--midas-color-gray-170));--midas-field-01-active: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-160));--midas-field-02-base: light-dark(var(--midas-color-white-base), var(--midas-color-gray-160));--midas-field-02-hover: light-dark(var(--midas-color-white-hover), var(--midas-color-gray-150));--midas-field-02-active: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-140));--midas-field-disabled: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-skeleton-01: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-skeleton-02: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-160));--midas-icon-primary: light-dark(var(--midas-color-gray-200), var(--midas-color-gray-10));--midas-icon-secondary: light-dark(var(--midas-color-gray-140), var(--midas-color-gray-70));--midas-icon-tertiary: light-dark(var(--midas-color-blue-150), var(--midas-color-gray-10));--midas-icon-inverse: light-dark(var(--midas-color-white-base), var(--midas-color-gray-200));--midas-icon-on-color: light-dark(var(--midas-color-white-base), var(--midas-color-white-base));--midas-icon-disabled: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-140));--midas-icon-success: light-dark(var(--midas-color-signal-green-100), var(--midas-color-signal-green-100));--midas-icon-info: light-dark(var(--midas-color-signal-blue-100), var(--midas-color-signal-blue-100));--midas-icon-warning: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-100));--midas-icon-important: var(--midas-color-orange-100);--midas-icon-read-only: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-160));--midas-link-enabled: light-dark(var(--midas-color-blue-120), var(--midas-color-blue-70));--midas-link-hover: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-50));--midas-link-pressed: light-dark(var(--midas-color-gray-200), var(--midas-color-blue-40));--midas-link-visited: light-dark(var(--midas-color-purple-110), var(--midas-color-purple-80));--midas-support-border-success: light-dark(var(--midas-color-signal-green-100), var(--midas-color-signal-green-100));--midas-support-border-info: light-dark(var(--midas-color-signal-blue-100), var(--midas-color-signal-blue-100));--midas-support-border-important: var(--midas-color-orange-100);--midas-support-border-warning: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-100));--midas-support-background-success: light-dark(var(--midas-color-signal-green-20), var(--midas-color-signal-green-180));--midas-support-background-success-hover: light-dark(var(--midas-color-signal-green-30), var(--midas-color-signal-green-170));--midas-support-background-info: light-dark(var(--midas-color-signal-blue-10), var(--midas-color-signal-blue-180));--midas-support-background-info-hover: light-dark(var(--midas-color-signal-blue-20), var(--midas-color-signal-blue-170));--midas-support-background-important: light-dark(var(--midas-color-signal-yellow-10), var(--midas-color-signal-yellow-180));--midas-support-background-important-hover: light-dark(var(--midas-color-signal-yellow-20), var(--midas-color-signal-yellow-170));--midas-support-background-warning: light-dark(var(--midas-color-signal-red-20), var(--midas-color-signal-red-180));--midas-support-background-warning-hover: light-dark(var(--midas-color-signal-red-30), var(--midas-color-signal-red-170));--midas-tag-sky-background: light-dark(var(--midas-color-sky-20), var(--midas-color-sky-180));--midas-tag-sky-border-color: var(--midas-color-sky-60);--midas-tag-blue-background: light-dark(var(--midas-color-sky-20), var(--midas-color-sky-180));--midas-tag-blue-border-color: var(--midas-color-sky-60);--midas-tag-mint-background: light-dark(var(--midas-color-mint-20), var(--midas-color-mint-180));--midas-tag-mint-border-color: var(--midas-color-mint-60);--midas-tag-green-background: light-dark(var(--midas-color-mint-20), var(--midas-color-mint-180));--midas-tag-green-border-color: var(--midas-color-mint-60);--midas-tag-cream-background: light-dark(var(--midas-color-cream-20), var(--midas-color-cream-180));--midas-tag-cream-border-color: var(--midas-color-cream-60);--midas-tag-yellow-background: light-dark(var(--midas-color-cream-20), var(--midas-color-cream-180));--midas-tag-yellow-border-color: var(--midas-color-cream-60);--midas-tag-teal-background: light-dark(var(--midas-color-teal-20), var(--midas-color-teal-180));--midas-tag-teal-border-color: var(--midas-color-teal-60);--midas-tag-lagoon-background: light-dark(var(--midas-color-lagoon-20), var(--midas-color-lagoon-180));--midas-tag-lagoon-border-color: var(--midas-color-lagoon-60);--midas-tag-lagoonblue-background: light-dark(var(--midas-color-lagoon-20), var(--midas-color-lagoon-180));--midas-tag-lagoonblue-border-color: var(--midas-color-lagoon-60);--midas-tag-lavender-background: light-dark(var(--midas-color-lavender-20), var(--midas-color-lavender-180));--midas-tag-lavender-border-color: var(--midas-color-lavender-60);--midas-tag-purple-background: light-dark(var(--midas-color-lavender-20), var(--midas-color-lavender-180));--midas-tag-purple-border-color: var(--midas-color-lavender-60);--midas-tag-peach-background: light-dark(var(--midas-color-peach-20), var(--midas-color-peach-180));--midas-tag-peach-border-color: var(--midas-color-peach-60);--midas-tag-orange-background: light-dark(var(--midas-color-peach-20), var(--midas-color-peach-180));--midas-tag-orange-border-color: var(--midas-color-peach-60);--midas-tag-pippin-background: light-dark(var(--midas-color-pippin-20), var(--midas-color-pippin-180));--midas-tag-pippin-border-color: var(--midas-color-pippin-60);--midas-tag-red-background: light-dark(var(--midas-color-pippin-20), var(--midas-color-pippin-180));--midas-tag-red-border-color: var(--midas-color-pippin-60);--midas-text-primary: light-dark(var(--midas-color-gray-200), var(--midas-color-gray-10));--midas-text-secondary: light-dark(var(--midas-color-gray-140), var(--midas-color-gray-70));--midas-text-tertiary: light-dark(var(--midas-color-blue-150), var(--midas-color-gray-10));--midas-text-on-color: light-dark(var(--midas-color-white-base), var(--midas-color-white-base));--midas-text-inverse: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-200));--midas-text-disabled: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-140));--midas-text-warning: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-80));--midas-text-placeholder: light-dark(var(--midas-color-gray-70), var(--midas-color-gray-140));--midas-text-read-only: light-dark(var(--midas-color-gray-110), var(--midas-color-gray-80));--midas-badge-background: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-100));--midas-calendar-date-background-selected: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-80));--midas-calendar-date-background-start-range: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-80));--midas-calendar-date-background-in-range: light-dark(var(--midas-color-blue-20), var(--midas-color-blue-150));--midas-calendar-date-background-end-range: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-80));--midas-logo-primary: light-dark(var(--midas-color-red-100), var(--midas-color-white-base));--midas-menu-item-background-hover: light-dark(var(--midas-color-gray-20), var(--midas-color-gray-190));--midas-menu-item-background-selected: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-menu-text-section-header: light-dark(var(--midas-color-gray-140), var(--midas-color-gray-70));--midas-card-background-base: light-dark(var(--midas-color-white-base), var(--midas-color-gray-180));--midas-space-10: var(--midas-base-10);--midas-space-30: var(--midas-base-30);--midas-space-50: var(--midas-base-50);--midas-space-60: var(--midas-base-60);--midas-space-70: var(--midas-base-70);--midas-space-75: var(--midas-base-75);--midas-space-90: var(--midas-base-90);--midas-space-130: var(--midas-base-130);--midas-space-150: var(--midas-base-150);--midas-space-xsmall: var(--midas-base-20);--midas-space-small: var(--midas-base-40);--midas-space-medium: var(--midas-base-80);--midas-space-large: var(--midas-base-100);--midas-space-xlarge: var(--midas-base-120);--midas-space-05: var(--midas-base-05);--midas-transition-panel-collapse: var(--midas-transition-duration-normal) var(--midas-transition-timing-ease-out) 0ms;--midas-transition-panel-expand: var(--midas-transition-duration-normal) var(--midas-transition-timing-ease-in) 0ms;--midas-typography-body: var(--midas-typography-weight-regular) var(--midas-typography-font-size-30)/var(--midas-typography-line-height-30) var(--midas-typography-font-family);--midas-typography-body-small: var(--midas-typography-weight-regular) var(--midas-typography-font-size-20)/var(--midas-typography-line-height-20) var(--midas-typography-font-family);--midas-typography-description: var(--midas-typography-weight-regular) var(--midas-typography-font-size-20)/var(--midas-typography-line-height-20) var(--midas-typography-font-family);--midas-typography-description-small: var(--midas-typography-weight-regular) var(--midas-typography-font-size-10)/var(--midas-typography-line-height-10) var(--midas-typography-font-family);--midas-spacing-10: var(--midas-space-10);--midas-spacing-20: var(--midas-space-xsmall);--midas-spacing-30: var(--midas-space-small);--midas-spacing-40: var(--midas-space-60);--midas-spacing-50: var(--midas-space-medium);--midas-spacing-60: var(--midas-space-large);--midas-spacing-70: var(--midas-space-xlarge);--midas-spacing-80: var(--midas-space-130);--midas-spacing-90: var(--midas-space-150);--midas-spacing-xsmall: var(--midas-space-xsmall);--midas-spacing-small: var(--midas-space-small);--midas-spacing-medium: var(--midas-space-medium);--midas-spacing-large: var(--midas-space-large);--midas-spacing-xlarge: var(--midas-space-xlarge);--midas-size-control-sm: var(--midas-size-control-md);--midas-state-invalid: inset 0 0 0 2px var(--midas-support-border-warning)}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url(https://cdn.jsdelivr.net/fontsource/fonts/inter:vf@latest/latin-wght-normal.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{color-scheme:light dark}:root[data-color-scheme=dark]{color-scheme:dark}:root[data-color-scheme=light]{color-scheme:light}
|
package/checkbox/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { C as e } from "../chunks/Checkbox-
|
|
2
|
-
import { C } from "../chunks/CheckboxGroup-
|
|
1
|
+
import { C as e } from "../chunks/Checkbox-CyamRrFD.js";
|
|
2
|
+
import { C } from "../chunks/CheckboxGroup-CmjQm14M.js";
|
|
3
3
|
export {
|
|
4
4
|
e as Checkbox,
|
|
5
5
|
C as CheckboxGroup
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import { jsxs as L, jsx as t } from "react/jsx-runtime";
|
|
2
|
-
import S, { forwardRef as
|
|
2
|
+
import S, { forwardRef as u, useContext as H, useRef as j } from "react";
|
|
3
3
|
import { VisuallyHidden as D, mergeProps as h, useCheckboxGroupItem as M, useCheckbox as O, useHover as V, usePress as q, useFocusRing as w } from "react-aria";
|
|
4
4
|
import { useContextProps as A, CheckboxContext as T, useSlottedContext as E, FormContext as J } from "react-aria-components";
|
|
5
5
|
import { a as x } from "./clsx-AexbMWKp.js";
|
|
6
|
-
import { variables as
|
|
6
|
+
import { variables as m } from "@midas-ds/theme";
|
|
7
7
|
import { c as K } from "./createLucideIcon-CP-mMPfa.js";
|
|
8
8
|
import { C as Q } from "./check-Bt2UikoU.js";
|
|
9
9
|
import { useToggleState as U } from "@react-stately/toggle";
|
|
10
|
-
import '../assets/Checkbox.css';const W = [["path", { d: "M5 12h14", key: "1ays0h" }]], X = K("minus", W), Y = S.createContext(null), Z = "
|
|
10
|
+
import '../assets/Checkbox.css';const W = [["path", { d: "M5 12h14", key: "1ays0h" }]], X = K("minus", W), Y = S.createContext(null), Z = "_checkboxInner_v5u0z_1", $ = "_checkbox_v5u0z_1", ee = "_checkboxGroup_v5u0z_144", oe = "_checkboxList_v5u0z_155", v = {
|
|
11
11
|
checkboxInner: Z,
|
|
12
12
|
checkbox: $,
|
|
13
13
|
checkboxGroup: ee,
|
|
14
14
|
checkboxList: oe
|
|
15
|
-
},
|
|
15
|
+
}, l = u(
|
|
16
16
|
({
|
|
17
17
|
hoverResult: e,
|
|
18
18
|
pressResult: o,
|
|
@@ -30,14 +30,14 @@ import '../assets/Checkbox.css';const W = [["path", { d: "M5 12h14", key: "1ays0
|
|
|
30
30
|
inputRef: I,
|
|
31
31
|
children: R
|
|
32
32
|
}, y) => {
|
|
33
|
-
const { hoverProps: G, isHovered: P } = e, { pressProps: g, isPressed: N } = o, { isFocused:
|
|
33
|
+
const { hoverProps: G, isHovered: P } = e, { pressProps: g, isPressed: N } = o, { isFocused: z, isFocusVisible: B, focusProps: F } = c;
|
|
34
34
|
return /* @__PURE__ */ L(
|
|
35
35
|
"label",
|
|
36
36
|
{
|
|
37
37
|
ref: y,
|
|
38
38
|
...h(G, g, i),
|
|
39
39
|
slot: n || void 0,
|
|
40
|
-
className: x(
|
|
40
|
+
className: x(v.checkbox, a),
|
|
41
41
|
"data-hovered": P || void 0,
|
|
42
42
|
"data-selected": r || void 0,
|
|
43
43
|
"data-indeterminate": s || void 0,
|
|
@@ -45,21 +45,21 @@ import '../assets/Checkbox.css';const W = [["path", { d: "M5 12h14", key: "1ays0
|
|
|
45
45
|
"data-disabled": d || void 0,
|
|
46
46
|
"data-readonly": f || void 0,
|
|
47
47
|
"data-invalid": C || void 0,
|
|
48
|
-
"data-focused":
|
|
48
|
+
"data-focused": z || void 0,
|
|
49
49
|
"data-focus-visible": B || void 0,
|
|
50
50
|
"data-required": _ || void 0,
|
|
51
51
|
children: [
|
|
52
|
-
/* @__PURE__ */ t("div", { className: x(
|
|
52
|
+
/* @__PURE__ */ t("div", { className: x(v.checkboxInner), children: s ? /* @__PURE__ */ t(
|
|
53
53
|
X,
|
|
54
54
|
{
|
|
55
55
|
size: 14,
|
|
56
|
-
color:
|
|
56
|
+
color: m.iconOnColor
|
|
57
57
|
}
|
|
58
58
|
) : /* @__PURE__ */ t(
|
|
59
59
|
Q,
|
|
60
60
|
{
|
|
61
61
|
size: 14,
|
|
62
|
-
color:
|
|
62
|
+
color: m.iconOnColor
|
|
63
63
|
}
|
|
64
64
|
) }),
|
|
65
65
|
/* @__PURE__ */ t(D, { children: /* @__PURE__ */ t(
|
|
@@ -75,8 +75,8 @@ import '../assets/Checkbox.css';const W = [["path", { d: "M5 12h14", key: "1ays0
|
|
|
75
75
|
);
|
|
76
76
|
}
|
|
77
77
|
);
|
|
78
|
-
|
|
79
|
-
const b =
|
|
78
|
+
l.displayName = "CheckboxInner";
|
|
79
|
+
const b = u((e, o) => {
|
|
80
80
|
const c = M(
|
|
81
81
|
{
|
|
82
82
|
...e,
|
|
@@ -86,7 +86,7 @@ const b = l((e, o) => {
|
|
|
86
86
|
e.inputRef
|
|
87
87
|
);
|
|
88
88
|
return /* @__PURE__ */ t(
|
|
89
|
-
|
|
89
|
+
l,
|
|
90
90
|
{
|
|
91
91
|
...e,
|
|
92
92
|
...c,
|
|
@@ -95,10 +95,10 @@ const b = l((e, o) => {
|
|
|
95
95
|
);
|
|
96
96
|
});
|
|
97
97
|
b.displayName = "CheckBoxGroupItem";
|
|
98
|
-
const
|
|
98
|
+
const k = u((e, o) => {
|
|
99
99
|
const c = O(e, U(e), e.inputRef);
|
|
100
100
|
return /* @__PURE__ */ t(
|
|
101
|
-
|
|
101
|
+
l,
|
|
102
102
|
{
|
|
103
103
|
...e,
|
|
104
104
|
...c,
|
|
@@ -106,11 +106,11 @@ const v = l((e, o) => {
|
|
|
106
106
|
}
|
|
107
107
|
);
|
|
108
108
|
});
|
|
109
|
-
|
|
110
|
-
const te =
|
|
109
|
+
k.displayName = "SingleCheckbox";
|
|
110
|
+
const te = u(
|
|
111
111
|
(e, o) => {
|
|
112
112
|
[e, o] = A(e, o, T);
|
|
113
|
-
const c = E(J), i = e.validationBehavior ?? c?.validationBehavior ?? "native", n = H(Y), a =
|
|
113
|
+
const c = E(J), i = e.validationBehavior ?? c?.validationBehavior ?? "native", n = H(Y), a = j(null), r = V(e), s = q({
|
|
114
114
|
ref: o,
|
|
115
115
|
isDisabled: e.isDisabled
|
|
116
116
|
}), d = w();
|
|
@@ -126,7 +126,7 @@ const te = l(
|
|
|
126
126
|
validationBehavior: i
|
|
127
127
|
}
|
|
128
128
|
) : /* @__PURE__ */ t(
|
|
129
|
-
|
|
129
|
+
k,
|
|
130
130
|
{
|
|
131
131
|
...e,
|
|
132
132
|
inputRef: a,
|
|
@@ -142,5 +142,5 @@ te.displayName = "Checkbox";
|
|
|
142
142
|
export {
|
|
143
143
|
te as C,
|
|
144
144
|
Y as a,
|
|
145
|
-
|
|
145
|
+
v as s
|
|
146
146
|
};
|
|
@@ -4,7 +4,7 @@ import { useCheckboxGroupState as v } from "react-stately";
|
|
|
4
4
|
import { a as k, L as S } from "./Label-Cqo7Xz2v.js";
|
|
5
5
|
import { T as y } from "./Text-D0r_W4lH.js";
|
|
6
6
|
import * as r from "react";
|
|
7
|
-
import { C as d, s as u, a as g } from "./Checkbox-
|
|
7
|
+
import { C as d, s as u, a as g } from "./Checkbox-CyamRrFD.js";
|
|
8
8
|
import { FieldErrorContext as A } from "react-aria-components";
|
|
9
9
|
import { F as P } from "./FieldError-krpMBtie.js";
|
|
10
10
|
import { u as V } from "./useLocalizedStringFormatter-BHvsRxDk.js";
|
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsxs as c, jsx as o } from "react/jsx-runtime";
|
|
3
3
|
import { useRef as F } from "react";
|
|
4
|
-
import { ComboBox as w, Input as
|
|
4
|
+
import { ComboBox as w, Input as v, Button as y } from "react-aria-components";
|
|
5
5
|
import { c as e } from "./clsx-AexbMWKp.js";
|
|
6
|
-
import { a as
|
|
7
|
-
import { T as
|
|
6
|
+
import { a as B, L as R } from "./Label-Cqo7Xz2v.js";
|
|
7
|
+
import { T as C } from "./Text-D0r_W4lH.js";
|
|
8
8
|
import { F as u } from "./FieldError-krpMBtie.js";
|
|
9
|
-
import { L as
|
|
10
|
-
import { a as
|
|
11
|
-
import { C as
|
|
12
|
-
import { u as
|
|
13
|
-
import '../assets/ComboBox.css';const
|
|
14
|
-
combobox:
|
|
15
|
-
inputField:
|
|
16
|
-
medium:
|
|
17
|
-
wrap:
|
|
18
|
-
button:
|
|
19
|
-
icon:
|
|
9
|
+
import { L as N } from "./ListBox-CJhp9Hsb.js";
|
|
10
|
+
import { a as g, L as E } from "./ListBoxEmptyState-BxWWr2D9.js";
|
|
11
|
+
import { C as S } from "./chevron-down-BBFYYzZq.js";
|
|
12
|
+
import { u as T } from "./useLocalizedStringFormatter-BHvsRxDk.js";
|
|
13
|
+
import '../assets/ComboBox.css';const j = "_combobox_1uann_1", I = "_inputField_1uann_6", O = "_medium_1uann_28", P = "_wrap_1uann_80", U = "_button_1uann_85", z = "_icon_1uann_122", t = {
|
|
14
|
+
combobox: j,
|
|
15
|
+
inputField: I,
|
|
16
|
+
medium: O,
|
|
17
|
+
wrap: P,
|
|
18
|
+
button: U,
|
|
19
|
+
icon: z
|
|
20
20
|
}, D = { showList: "Show list", noResultsFound: "No results found" }, V = { showList: "Visa lista", noResultsFound: "Inga träffar" }, W = {
|
|
21
21
|
en: D,
|
|
22
22
|
sv: V
|
|
@@ -24,7 +24,7 @@ import '../assets/ComboBox.css';const S = "_combobox_ssz8j_1", T = "_inputField_
|
|
|
24
24
|
function Z({
|
|
25
25
|
label: i,
|
|
26
26
|
description: r,
|
|
27
|
-
errorMessage:
|
|
27
|
+
errorMessage: s,
|
|
28
28
|
children: p,
|
|
29
29
|
items: f,
|
|
30
30
|
className: h,
|
|
@@ -32,35 +32,35 @@ function Z({
|
|
|
32
32
|
size: m = "large",
|
|
33
33
|
popover: b,
|
|
34
34
|
listBoxProps: _,
|
|
35
|
-
...
|
|
35
|
+
...n
|
|
36
36
|
}) {
|
|
37
|
-
const d = F(null), l =
|
|
37
|
+
const d = F(null), l = T(W), x = (L) => {
|
|
38
38
|
L.currentTarget.value && d.current?.select();
|
|
39
39
|
};
|
|
40
40
|
return /* @__PURE__ */ c(
|
|
41
41
|
w,
|
|
42
42
|
{
|
|
43
43
|
className: e(t.combobox, h),
|
|
44
|
-
...
|
|
45
|
-
"data-readonly":
|
|
44
|
+
...n,
|
|
45
|
+
"data-readonly": n.isReadOnly || void 0,
|
|
46
46
|
children: [
|
|
47
|
-
/* @__PURE__ */ o(
|
|
48
|
-
r && /* @__PURE__ */ o(
|
|
49
|
-
a === "top" && /* @__PURE__ */ o(u, { "data-testid": "fieldError", children:
|
|
47
|
+
/* @__PURE__ */ o(B, { popover: b, children: i && /* @__PURE__ */ o(R, { children: i }) }),
|
|
48
|
+
r && /* @__PURE__ */ o(C, { slot: "description", children: r }),
|
|
49
|
+
a === "top" && /* @__PURE__ */ o(u, { "data-testid": "fieldError", children: s }),
|
|
50
50
|
/* @__PURE__ */ c("div", { className: t.wrap, children: [
|
|
51
51
|
/* @__PURE__ */ o(
|
|
52
|
-
|
|
52
|
+
v,
|
|
53
53
|
{
|
|
54
54
|
className: e(t.inputField, {
|
|
55
55
|
[t.medium]: m === "medium"
|
|
56
56
|
}),
|
|
57
|
-
"data-readonly":
|
|
57
|
+
"data-readonly": n.isReadOnly || void 0,
|
|
58
58
|
onPointerUp: x,
|
|
59
59
|
ref: d
|
|
60
60
|
}
|
|
61
61
|
),
|
|
62
62
|
/* @__PURE__ */ o(
|
|
63
|
-
|
|
63
|
+
y,
|
|
64
64
|
{
|
|
65
65
|
className: e(t.button, {
|
|
66
66
|
[t.medium]: m === "medium"
|
|
@@ -72,7 +72,7 @@ function Z({
|
|
|
72
72
|
className: t.icon,
|
|
73
73
|
"aria-hidden": "true",
|
|
74
74
|
children: /* @__PURE__ */ o(
|
|
75
|
-
|
|
75
|
+
S,
|
|
76
76
|
{
|
|
77
77
|
size: 20,
|
|
78
78
|
"aria-hidden": !0
|
|
@@ -83,12 +83,12 @@ function Z({
|
|
|
83
83
|
}
|
|
84
84
|
)
|
|
85
85
|
] }),
|
|
86
|
-
a === "bottom" && /* @__PURE__ */ o(u, { "data-testid": "fieldError", children:
|
|
87
|
-
/* @__PURE__ */ o(
|
|
88
|
-
|
|
86
|
+
a === "bottom" && /* @__PURE__ */ o(u, { "data-testid": "fieldError", children: s }),
|
|
87
|
+
/* @__PURE__ */ o(g, { offset: 4, children: /* @__PURE__ */ o(
|
|
88
|
+
N,
|
|
89
89
|
{
|
|
90
90
|
items: f,
|
|
91
|
-
renderEmptyState: () => /* @__PURE__ */ o(
|
|
91
|
+
renderEmptyState: () => /* @__PURE__ */ o(E, { children: l.format("noResultsFound") }),
|
|
92
92
|
..._,
|
|
93
93
|
children: p
|
|
94
94
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as i } from "react/jsx-runtime";
|
|
2
|
-
import { ListLayout as e, Virtualizer as n, ListBox as
|
|
3
|
-
import { c as
|
|
4
|
-
import '../assets/ListBox.css';class
|
|
2
|
+
import { ListLayout as e, Virtualizer as n, ListBox as l } from "react-aria-components";
|
|
3
|
+
import { c as x } from "./clsx-AexbMWKp.js";
|
|
4
|
+
import '../assets/ListBox.css';class r extends e {
|
|
5
5
|
/**
|
|
6
6
|
* When using the ListLayout our scroll container height is not calculated properly when the content is partially sectioned.
|
|
7
7
|
* ```ts
|
|
@@ -25,29 +25,29 @@ import '../assets/ListBox.css';class x extends e {
|
|
|
25
25
|
}), this.contentSize;
|
|
26
26
|
}
|
|
27
27
|
}
|
|
28
|
-
const
|
|
29
|
-
listBox:
|
|
30
|
-
listBoxPopover:
|
|
28
|
+
const B = "_listBox_d58ov_4", a = "_listBoxPopover_d58ov_16 _dropdownAnimation_1ljkv_4", _ = "_listBoxSectionHeading_d58ov_31", c = "_listBoxButton_d58ov_43", d = "_listBoxItem_d58ov_55", m = "_textContent_d58ov_68", v = "_listBoxLoadMoreItem_d58ov_176", L = {
|
|
29
|
+
listBox: B,
|
|
30
|
+
listBoxPopover: a,
|
|
31
31
|
listBoxSectionHeading: _,
|
|
32
32
|
listBoxButton: c,
|
|
33
|
-
listBoxItem:
|
|
34
|
-
textContent:
|
|
35
|
-
listBoxLoadMoreItem:
|
|
36
|
-
},
|
|
33
|
+
listBoxItem: d,
|
|
34
|
+
textContent: m,
|
|
35
|
+
listBoxLoadMoreItem: v
|
|
36
|
+
}, g = ({
|
|
37
37
|
className: s,
|
|
38
38
|
children: t,
|
|
39
39
|
...o
|
|
40
40
|
}) => /* @__PURE__ */ i(
|
|
41
41
|
n,
|
|
42
42
|
{
|
|
43
|
-
layout:
|
|
43
|
+
layout: r,
|
|
44
44
|
layoutOptions: {
|
|
45
45
|
headingHeight: 38
|
|
46
46
|
},
|
|
47
47
|
children: /* @__PURE__ */ i(
|
|
48
|
-
|
|
48
|
+
l,
|
|
49
49
|
{
|
|
50
|
-
className:
|
|
50
|
+
className: x(L.listBox, s),
|
|
51
51
|
...o,
|
|
52
52
|
children: t
|
|
53
53
|
}
|
|
@@ -55,6 +55,6 @@ const r = "_listBox_3a6mw_4", B = "_listBoxPopover_3a6mw_16 _dropdownAnimation_1
|
|
|
55
55
|
}
|
|
56
56
|
);
|
|
57
57
|
export {
|
|
58
|
-
|
|
59
|
-
|
|
58
|
+
g as L,
|
|
59
|
+
L as s
|
|
60
60
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as s } from "react/jsx-runtime";
|
|
2
2
|
import { c as m } from "./clsx-AexbMWKp.js";
|
|
3
3
|
import { Popover as r } from "react-aria-components";
|
|
4
|
-
import { s as a } from "./ListBox-
|
|
4
|
+
import { s as a } from "./ListBox-CJhp9Hsb.js";
|
|
5
5
|
import { T as p } from "./Text-D0r_W4lH.js";
|
|
6
6
|
import '../assets/ListBoxEmptyState.css';const n = ({
|
|
7
7
|
className: t,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as o, jsxs as m, Fragment as c } from "react/jsx-runtime";
|
|
2
2
|
import { c as i } from "./clsx-AexbMWKp.js";
|
|
3
|
-
import { s as e } from "./ListBox-
|
|
3
|
+
import { s as e } from "./ListBox-CJhp9Hsb.js";
|
|
4
4
|
import { ListBoxItem as d, composeRenderProps as l, ListBoxSection as x, ListBoxLoadMoreItem as L, Header as B } from "react-aria-components";
|
|
5
5
|
import { S as p } from "./Spinner-CfKMn18u.js";
|
|
6
6
|
import { u as g } from "./useLocalizedStringFormatter-BHvsRxDk.js";
|
|
@@ -6,13 +6,13 @@ import { a as T, c as _ } from "./clsx-AexbMWKp.js";
|
|
|
6
6
|
import { T as y } from "./Text-D0r_W4lH.js";
|
|
7
7
|
import { F as h } from "./FieldError-krpMBtie.js";
|
|
8
8
|
import p, { useContext as S } from "react";
|
|
9
|
-
import { C as B } from "./Checkbox-
|
|
9
|
+
import { C as B } from "./Checkbox-CyamRrFD.js";
|
|
10
10
|
import { u as m } from "./useLocalizedStringFormatter-BHvsRxDk.js";
|
|
11
11
|
import { useFocusManager as M } from "react-aria";
|
|
12
12
|
import { X as F } from "./x-B9bYxG31.js";
|
|
13
|
-
import { L } from "./ListBox-
|
|
13
|
+
import { L } from "./ListBox-CJhp9Hsb.js";
|
|
14
14
|
import { P as I } from "./Popover-CjEPHe4A.js";
|
|
15
|
-
import { a as G, b as k, T as R } from "./TagGroup-
|
|
15
|
+
import { a as G, b as k, T as R } from "./TagGroup-C-pkXtVn.js";
|
|
16
16
|
import { C as $ } from "./chevron-down-BBFYYzZq.js";
|
|
17
17
|
import '../assets/Select.css';const w = { clearAll: "Clear all", selectAll: "Select all", selectedItems: "Selected items", selected: "selected" }, z = { clearAll: "Rensa alla", selectAll: "Välj alla", selectedItems: "Valda objekt", selected: "valda" }, u = {
|
|
18
18
|
en: w,
|
|
@@ -1,88 +1,88 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as v, jsx as c } from "react/jsx-runtime";
|
|
2
2
|
import { c as r } from "./clsx-AexbMWKp.js";
|
|
3
|
-
import '../assets/Skeleton.css';const
|
|
4
|
-
skeleton:
|
|
3
|
+
import '../assets/Skeleton.css';const i = "_skeleton_1o4vz_11", p = "_circle_1o4vz_25", u = "_wave_1o4vz_30", w = "_onLayer01_1o4vz_54", z = "_form_1o4vz_58", d = "_formLabel_1o4vz_64", k = "_formDescription_1o4vz_70", L = "_formInput_1o4vz_76", y = "_medium_1o4vz_81", o = {
|
|
4
|
+
skeleton: i,
|
|
5
5
|
circle: p,
|
|
6
6
|
wave: u,
|
|
7
|
-
onLayer01:
|
|
8
|
-
form:
|
|
7
|
+
onLayer01: w,
|
|
8
|
+
form: z,
|
|
9
9
|
formLabel: d,
|
|
10
10
|
formDescription: k,
|
|
11
11
|
formInput: L,
|
|
12
12
|
medium: y
|
|
13
|
-
},
|
|
13
|
+
}, D = ({
|
|
14
14
|
variant: s = "rectangle",
|
|
15
15
|
width: t,
|
|
16
16
|
height: l,
|
|
17
|
-
size:
|
|
18
|
-
isAnimated:
|
|
19
|
-
className:
|
|
20
|
-
style:
|
|
17
|
+
size: f = "large",
|
|
18
|
+
isAnimated: n = !0,
|
|
19
|
+
className: m,
|
|
20
|
+
style: _,
|
|
21
21
|
isOnLayer01: e,
|
|
22
|
-
...
|
|
22
|
+
...a
|
|
23
23
|
}) => (s === "circle" && l !== void 0 && console.warn(
|
|
24
24
|
"Height is not allowed when using circle, control size with width"
|
|
25
|
-
), s === "form" ? /* @__PURE__ */
|
|
25
|
+
), s === "form" ? /* @__PURE__ */ v(
|
|
26
26
|
"div",
|
|
27
27
|
{
|
|
28
28
|
className: r(
|
|
29
29
|
o.form,
|
|
30
|
-
o[
|
|
30
|
+
o[f],
|
|
31
31
|
e && o.onLayer01,
|
|
32
|
-
|
|
32
|
+
m
|
|
33
33
|
),
|
|
34
|
-
style: { width: t, ...
|
|
35
|
-
...
|
|
34
|
+
style: { width: t, ..._ },
|
|
35
|
+
...a,
|
|
36
36
|
children: [
|
|
37
|
-
/* @__PURE__ */
|
|
37
|
+
/* @__PURE__ */ c(
|
|
38
38
|
"div",
|
|
39
39
|
{
|
|
40
40
|
className: r(
|
|
41
41
|
o.skeleton,
|
|
42
42
|
o.formLabel,
|
|
43
|
-
|
|
43
|
+
n && o.wave,
|
|
44
44
|
e && o.onLayer01
|
|
45
45
|
)
|
|
46
46
|
}
|
|
47
47
|
),
|
|
48
|
-
/* @__PURE__ */
|
|
48
|
+
/* @__PURE__ */ c(
|
|
49
49
|
"div",
|
|
50
50
|
{
|
|
51
51
|
className: r(
|
|
52
52
|
o.skeleton,
|
|
53
53
|
o.formDescription,
|
|
54
|
-
|
|
54
|
+
n && o.wave,
|
|
55
55
|
e && o.onLayer01
|
|
56
56
|
)
|
|
57
57
|
}
|
|
58
58
|
),
|
|
59
|
-
/* @__PURE__ */
|
|
59
|
+
/* @__PURE__ */ c(
|
|
60
60
|
"div",
|
|
61
61
|
{
|
|
62
62
|
className: r(
|
|
63
63
|
o.skeleton,
|
|
64
64
|
o.formInput,
|
|
65
|
-
|
|
65
|
+
n && o.wave,
|
|
66
66
|
e && o.onLayer01
|
|
67
67
|
)
|
|
68
68
|
}
|
|
69
69
|
)
|
|
70
70
|
]
|
|
71
71
|
}
|
|
72
|
-
) : /* @__PURE__ */
|
|
72
|
+
) : /* @__PURE__ */ c(
|
|
73
73
|
"div",
|
|
74
74
|
{
|
|
75
75
|
className: r(
|
|
76
76
|
o.skeleton,
|
|
77
77
|
o[s],
|
|
78
|
-
|
|
78
|
+
n && o.wave,
|
|
79
79
|
e && o.onLayer01,
|
|
80
|
-
|
|
80
|
+
m
|
|
81
81
|
),
|
|
82
|
-
style: { width: t, height: l, ...
|
|
83
|
-
...
|
|
82
|
+
style: { width: t, height: l, ..._ },
|
|
83
|
+
...a
|
|
84
84
|
}
|
|
85
85
|
));
|
|
86
86
|
export {
|
|
87
|
-
|
|
87
|
+
D as S
|
|
88
88
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as e, jsxs as d, Fragment as b } from "react/jsx-runtime";
|
|
3
3
|
import { Cell as w, Column as g, useTableOptions as _, Row as N, Button as k, Collection as p, Table as f, TableBody as x, TableHeader as T } from "react-aria-components";
|
|
4
|
-
import { C as h } from "./Checkbox-
|
|
4
|
+
import { C as h } from "./Checkbox-CyamRrFD.js";
|
|
5
5
|
import { c as a } from "./clsx-AexbMWKp.js";
|
|
6
6
|
import { c as i } from "./createLucideIcon-CP-mMPfa.js";
|
|
7
7
|
import '../assets/Table.css';const C = [
|
|
@@ -0,0 +1,119 @@
|
|
|
1
|
+
import { jsx as o, jsxs as d, Fragment as u } from "react/jsx-runtime";
|
|
2
|
+
import { Tag as T, composeRenderProps as f, useContextProps as p, TagListContext as b, TagList as h, TagGroupContext as v, TagGroup as y } from "react-aria-components";
|
|
3
|
+
import { B as x } from "./Button-GCROAMSl.js";
|
|
4
|
+
import { c as _ } from "./clsx-AexbMWKp.js";
|
|
5
|
+
import { X as L } from "./x-B9bYxG31.js";
|
|
6
|
+
import { forwardRef as m, Children as N, isValidElement as w } from "react";
|
|
7
|
+
import '../assets/TagGroup.css';const k = "_button_14ocl_1", G = "_tag_14ocl_8", C = "_sky_14ocl_21", R = "_blue_14ocl_22", V = "_mint_14ocl_27", $ = "_green_14ocl_28", z = "_cream_14ocl_33", E = "_yellow_14ocl_34", j = "_teal_14ocl_39", B = "_lagoon_14ocl_44", P = "_lagoonblue_14ocl_45", A = "_lavender_14ocl_50", D = "_purple_14ocl_51", F = "_peach_14ocl_56", I = "_orange_14ocl_57", O = "_pippin_14ocl_62", U = "_red_14ocl_63", X = "_tagText_14ocl_90", q = "_dismissable_14ocl_104", t = {
|
|
8
|
+
button: k,
|
|
9
|
+
tag: G,
|
|
10
|
+
sky: C,
|
|
11
|
+
blue: R,
|
|
12
|
+
mint: V,
|
|
13
|
+
green: $,
|
|
14
|
+
cream: z,
|
|
15
|
+
yellow: E,
|
|
16
|
+
teal: j,
|
|
17
|
+
lagoon: B,
|
|
18
|
+
lagoonblue: P,
|
|
19
|
+
lavender: A,
|
|
20
|
+
purple: D,
|
|
21
|
+
peach: F,
|
|
22
|
+
orange: I,
|
|
23
|
+
pippin: O,
|
|
24
|
+
red: U,
|
|
25
|
+
tagText: X,
|
|
26
|
+
dismissable: q
|
|
27
|
+
}, te = ({
|
|
28
|
+
className: l,
|
|
29
|
+
color: e,
|
|
30
|
+
dismissable: i = !1,
|
|
31
|
+
isDismissable: s,
|
|
32
|
+
type: n,
|
|
33
|
+
...a
|
|
34
|
+
}) => {
|
|
35
|
+
const r = s || typeof s > "u" && i;
|
|
36
|
+
return /* @__PURE__ */ o(
|
|
37
|
+
T,
|
|
38
|
+
{
|
|
39
|
+
className: _(
|
|
40
|
+
t.tag,
|
|
41
|
+
r && t.dismissable,
|
|
42
|
+
{
|
|
43
|
+
[t.sky]: e === "sky",
|
|
44
|
+
[t.blue]: e === "blue" || !e && n === "info",
|
|
45
|
+
[t.mint]: e === "mint",
|
|
46
|
+
[t.green]: e === "green" || !e && n === "success",
|
|
47
|
+
[t.cream]: e === "cream",
|
|
48
|
+
[t.yellow]: e === "yellow" || !e && n === "important",
|
|
49
|
+
[t.teal]: e === "teal",
|
|
50
|
+
[t.lagoon]: e === "lagoon",
|
|
51
|
+
[t.lagoonblue]: e === "lagoonblue",
|
|
52
|
+
[t.lavender]: e === "lavender",
|
|
53
|
+
[t.purple]: e === "purple",
|
|
54
|
+
[t.peach]: e === "peach",
|
|
55
|
+
[t.orange]: e === "orange",
|
|
56
|
+
[t.pippin]: e === "pippin",
|
|
57
|
+
[t.red]: e === "red" || !e && n === "warning"
|
|
58
|
+
},
|
|
59
|
+
l
|
|
60
|
+
),
|
|
61
|
+
...a,
|
|
62
|
+
textValue: a.textValue || (typeof a.children == "string" ? a.children : void 0),
|
|
63
|
+
children: f(a.children, (c) => /* @__PURE__ */ d(u, { children: [
|
|
64
|
+
/* @__PURE__ */ o("div", { className: t.tagText, children: c }),
|
|
65
|
+
r && /* @__PURE__ */ o(
|
|
66
|
+
x,
|
|
67
|
+
{
|
|
68
|
+
variant: "icon",
|
|
69
|
+
size: "medium",
|
|
70
|
+
className: t.button,
|
|
71
|
+
slot: "remove",
|
|
72
|
+
children: /* @__PURE__ */ o(L, { size: 20 })
|
|
73
|
+
}
|
|
74
|
+
)
|
|
75
|
+
] }))
|
|
76
|
+
}
|
|
77
|
+
);
|
|
78
|
+
}, H = "_tagList_17pz2_1", J = {
|
|
79
|
+
tagList: H
|
|
80
|
+
}, K = (l, e) => {
|
|
81
|
+
const [{ className: i, ...s }, n] = p(
|
|
82
|
+
l,
|
|
83
|
+
e,
|
|
84
|
+
b
|
|
85
|
+
);
|
|
86
|
+
return /* @__PURE__ */ o(
|
|
87
|
+
h,
|
|
88
|
+
{
|
|
89
|
+
className: _(i, J.tagList),
|
|
90
|
+
ref: n,
|
|
91
|
+
...s
|
|
92
|
+
}
|
|
93
|
+
);
|
|
94
|
+
}, g = m(K), M = m(
|
|
95
|
+
(l, e) => {
|
|
96
|
+
const [{ className: i, children: s, ...n }, a] = p(
|
|
97
|
+
l,
|
|
98
|
+
e,
|
|
99
|
+
v
|
|
100
|
+
), r = N.toArray(s).filter(w).find((c) => c.type === g);
|
|
101
|
+
return !r && process.env.NODE_ENV === "development" && console.warn(
|
|
102
|
+
"Using a TagGroup without providing a TagList component is deprecated since v17.0.0, see: https://designsystem.migrationsverket.se/components/tag/"
|
|
103
|
+
), /* @__PURE__ */ o(
|
|
104
|
+
y,
|
|
105
|
+
{
|
|
106
|
+
className: _(i),
|
|
107
|
+
ref: a,
|
|
108
|
+
...n,
|
|
109
|
+
children: r ? s : /* @__PURE__ */ o(g, { children: s })
|
|
110
|
+
}
|
|
111
|
+
);
|
|
112
|
+
}
|
|
113
|
+
);
|
|
114
|
+
M.displayName = "TagGroup";
|
|
115
|
+
export {
|
|
116
|
+
te as T,
|
|
117
|
+
M as a,
|
|
118
|
+
g as b
|
|
119
|
+
};
|
package/combobox/index.js
CHANGED
package/index.js
CHANGED
|
@@ -7,10 +7,10 @@ import { B as c } from "./chunks/ButtonGroup-Dr6HOBo2.js";
|
|
|
7
7
|
import { C, R as L } from "./chunks/RangeCalendar-DxLInTav.js";
|
|
8
8
|
import { C as b, a as S, b as D, c as I, d as F, e as R, f as G, g as P, h as k } from "./chunks/CardHeader-C0ZHxQnT.js";
|
|
9
9
|
import { C as M } from "./chunks/CharacterCounter-Dgnv-orm.js";
|
|
10
|
-
import { C as A } from "./chunks/Checkbox-
|
|
11
|
-
import { C as y } from "./chunks/CheckboxGroup-
|
|
10
|
+
import { C as A } from "./chunks/Checkbox-CyamRrFD.js";
|
|
11
|
+
import { C as y } from "./chunks/CheckboxGroup-CmjQm14M.js";
|
|
12
12
|
import { C as N } from "./chunks/ColorSchemeSwitch-Bp3PSGkA.js";
|
|
13
|
-
import { C as O } from "./chunks/ComboBox-
|
|
13
|
+
import { C as O } from "./chunks/ComboBox-BCfucCKv.js";
|
|
14
14
|
import { D as Q } from "./chunks/DateField-CpvZGNHu.js";
|
|
15
15
|
import { D as Z, a as j } from "./chunks/DateInput-NzWcnB4y.js";
|
|
16
16
|
import { D as J } from "./chunks/DateInputDivider-BHAwPkIR.js";
|
|
@@ -32,27 +32,27 @@ import { P as Ma } from "./chunks/Popover-CjEPHe4A.js";
|
|
|
32
32
|
import { P as Aa } from "./chunks/ProgressBar-BrWLkY8H.js";
|
|
33
33
|
import { R as ya, a as Ea } from "./chunks/Radio-CFolRKKY.js";
|
|
34
34
|
import { S as wa } from "./chunks/SearchField-DRaSep82.js";
|
|
35
|
-
import { S as za } from "./chunks/Select-
|
|
36
|
-
import { S as Va } from "./chunks/Skeleton-
|
|
35
|
+
import { S as za } from "./chunks/Select-BQ109AJG.js";
|
|
36
|
+
import { S as Va } from "./chunks/Skeleton-ClvqZoDy.js";
|
|
37
37
|
import { S as ja } from "./chunks/Spinner-CfKMn18u.js";
|
|
38
|
-
import { C as Ja, a as Ka, R as Ua, T as Wa, b as Xa, c as Ya } from "./chunks/Table-
|
|
38
|
+
import { C as Ja, a as Ka, R as Ua, T as Wa, b as Xa, c as Ya } from "./chunks/Table-CDdv7GeG.js";
|
|
39
39
|
import { T as $a, a as ao, b as oo, c as ro } from "./chunks/TabList-CJSnr6O0.js";
|
|
40
|
-
import { T as to, a as so, b as po } from "./chunks/TagGroup-
|
|
40
|
+
import { T as to, a as so, b as po } from "./chunks/TagGroup-C-pkXtVn.js";
|
|
41
41
|
import { T as mo } from "./chunks/Text-D0r_W4lH.js";
|
|
42
42
|
import { I as fo, T as no, a as To, b as lo } from "./chunks/TextArea-CNP1Y3jR.js";
|
|
43
43
|
import { T as co } from "./chunks/TimeField-B3IdCqTf.js";
|
|
44
44
|
import { G as Co, T as Lo, a as Bo, b as bo, t as So } from "./chunks/Toast-BFq_0Ue4.js";
|
|
45
45
|
import { T as Io, a as Fo } from "./chunks/ToggleButtonGroup-DRnEEi5-.js";
|
|
46
46
|
import { T as Go, a as Po } from "./chunks/Tooltip-BYEaNkZG.js";
|
|
47
|
-
import { L as vo } from "./chunks/ListBox-
|
|
48
|
-
import { L as ho, a as Ao, b as Ho, c as yo, d as Eo } from "./chunks/ListBoxHeader-
|
|
49
|
-
import { L as wo, a as Oo } from "./chunks/ListBoxEmptyState-
|
|
47
|
+
import { L as vo } from "./chunks/ListBox-CJhp9Hsb.js";
|
|
48
|
+
import { L as ho, a as Ao, b as Ho, c as yo, d as Eo } from "./chunks/ListBoxHeader-Cl56gGEe.js";
|
|
49
|
+
import { L as wo, a as Oo } from "./chunks/ListBoxEmptyState-BxWWr2D9.js";
|
|
50
50
|
import { M as Qo, a as Vo, b as Zo, c as jo, S as qo } from "./chunks/Separator-CDRwpeHz.js";
|
|
51
51
|
import { c as Ko } from "./chunks/clsx-AexbMWKp.js";
|
|
52
52
|
import { DialogTrigger as Wo, MenuTrigger as Xo, RouterProvider as Yo } from "react-aria-components";
|
|
53
53
|
import { u as $o } from "./chunks/useLocalizedStringFormatter-BHvsRxDk.js";
|
|
54
54
|
import { useToastState as or } from "react-stately";
|
|
55
|
-
const a = "17.14.
|
|
55
|
+
const a = "17.14.5", o = {
|
|
56
56
|
version: a
|
|
57
57
|
}, r = o.version;
|
|
58
58
|
export {
|
package/list-box/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { L as s } from "../chunks/ListBox-
|
|
2
|
-
import { L, a as e, b as x, c as i, d as r } from "../chunks/ListBoxHeader-
|
|
3
|
-
import { L as m, a as p } from "../chunks/ListBoxEmptyState-
|
|
1
|
+
import { L as s } from "../chunks/ListBox-CJhp9Hsb.js";
|
|
2
|
+
import { L, a as e, b as x, c as i, d as r } from "../chunks/ListBoxHeader-Cl56gGEe.js";
|
|
3
|
+
import { L as m, a as p } from "../chunks/ListBoxEmptyState-BxWWr2D9.js";
|
|
4
4
|
export {
|
|
5
5
|
s as ListBox,
|
|
6
6
|
L as ListBoxButton,
|
package/package.json
CHANGED
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
"description": "Midas Components",
|
|
15
15
|
"homepage": "https://designsystem.migrationsverket.se/",
|
|
16
16
|
"license": "CC0-1.0",
|
|
17
|
-
"version": "17.14.
|
|
17
|
+
"version": "17.14.5",
|
|
18
18
|
"module": "./index.js",
|
|
19
19
|
"type": "module",
|
|
20
20
|
"main": "./index.js",
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
"./*": "./*/index.js"
|
|
42
42
|
},
|
|
43
43
|
"dependencies": {
|
|
44
|
-
"@midas-ds/theme": "3.14.
|
|
44
|
+
"@midas-ds/theme": "3.14.6",
|
|
45
45
|
"@react-aria/focus": "^3.21.5",
|
|
46
46
|
"@react-stately/toggle": "^3.9.5",
|
|
47
47
|
"@react-stately/utils": "^3.11.0",
|
package/select/index.js
CHANGED
package/skeleton/index.js
CHANGED
package/table/index.js
CHANGED
package/tag/index.js
CHANGED
|
@@ -1,119 +0,0 @@
|
|
|
1
|
-
import { jsx as g, jsxs as m, Fragment as j } from "react/jsx-runtime";
|
|
2
|
-
import { Tag as u, composeRenderProps as T, useContextProps as c, TagListContext as f, TagList as b, TagGroupContext as h, TagGroup as v } from "react-aria-components";
|
|
3
|
-
import { B as y } from "./Button-GCROAMSl.js";
|
|
4
|
-
import { c as _ } from "./clsx-AexbMWKp.js";
|
|
5
|
-
import { X as x } from "./x-B9bYxG31.js";
|
|
6
|
-
import { forwardRef as p, Children as L, isValidElement as N } from "react";
|
|
7
|
-
import '../assets/TagGroup.css';const w = "_button_1jdgj_1", k = "_tag_1jdgj_8", G = "_sky_1jdgj_21", C = "_blue_1jdgj_22", R = "_mint_1jdgj_27", V = "_green_1jdgj_28", $ = "_cream_1jdgj_33", z = "_yellow_1jdgj_34", E = "_teal_1jdgj_39", B = "_lagoon_1jdgj_44", P = "_lagoonblue_1jdgj_45", A = "_lavender_1jdgj_50", D = "_purple_1jdgj_51", F = "_peach_1jdgj_56", I = "_orange_1jdgj_57", O = "_pippin_1jdgj_62", U = "_red_1jdgj_63", X = "_tagText_1jdgj_90", q = "_dismissable_1jdgj_104", t = {
|
|
8
|
-
button: w,
|
|
9
|
-
tag: k,
|
|
10
|
-
sky: G,
|
|
11
|
-
blue: C,
|
|
12
|
-
mint: R,
|
|
13
|
-
green: V,
|
|
14
|
-
cream: $,
|
|
15
|
-
yellow: z,
|
|
16
|
-
teal: E,
|
|
17
|
-
lagoon: B,
|
|
18
|
-
lagoonblue: P,
|
|
19
|
-
lavender: A,
|
|
20
|
-
purple: D,
|
|
21
|
-
peach: F,
|
|
22
|
-
orange: I,
|
|
23
|
-
pippin: O,
|
|
24
|
-
red: U,
|
|
25
|
-
tagText: X,
|
|
26
|
-
dismissable: q
|
|
27
|
-
}, te = ({
|
|
28
|
-
className: i,
|
|
29
|
-
color: e,
|
|
30
|
-
dismissable: o = !1,
|
|
31
|
-
isDismissable: s,
|
|
32
|
-
type: n,
|
|
33
|
-
...a
|
|
34
|
-
}) => {
|
|
35
|
-
const r = s || typeof s > "u" && o;
|
|
36
|
-
return /* @__PURE__ */ g(
|
|
37
|
-
u,
|
|
38
|
-
{
|
|
39
|
-
className: _(
|
|
40
|
-
t.tag,
|
|
41
|
-
r && t.dismissable,
|
|
42
|
-
{
|
|
43
|
-
[t.sky]: e === "sky",
|
|
44
|
-
[t.blue]: e === "blue" || !e && n === "info",
|
|
45
|
-
[t.mint]: e === "mint",
|
|
46
|
-
[t.green]: e === "green" || !e && n === "success",
|
|
47
|
-
[t.cream]: e === "cream",
|
|
48
|
-
[t.yellow]: e === "yellow" || !e && n === "important",
|
|
49
|
-
[t.teal]: e === "teal",
|
|
50
|
-
[t.lagoon]: e === "lagoon",
|
|
51
|
-
[t.lagoonblue]: e === "lagoonblue",
|
|
52
|
-
[t.lavender]: e === "lavender",
|
|
53
|
-
[t.purple]: e === "purple",
|
|
54
|
-
[t.peach]: e === "peach",
|
|
55
|
-
[t.orange]: e === "orange",
|
|
56
|
-
[t.pippin]: e === "pippin",
|
|
57
|
-
[t.red]: e === "red" || !e && n === "warning"
|
|
58
|
-
},
|
|
59
|
-
i
|
|
60
|
-
),
|
|
61
|
-
...a,
|
|
62
|
-
textValue: a.textValue || (typeof a.children == "string" ? a.children : void 0),
|
|
63
|
-
children: T(a.children, (d) => /* @__PURE__ */ m(j, { children: [
|
|
64
|
-
/* @__PURE__ */ g("div", { className: t.tagText, children: d }),
|
|
65
|
-
r && /* @__PURE__ */ g(
|
|
66
|
-
y,
|
|
67
|
-
{
|
|
68
|
-
variant: "icon",
|
|
69
|
-
size: "medium",
|
|
70
|
-
className: t.button,
|
|
71
|
-
slot: "remove",
|
|
72
|
-
children: /* @__PURE__ */ g(x, { size: 20 })
|
|
73
|
-
}
|
|
74
|
-
)
|
|
75
|
-
] }))
|
|
76
|
-
}
|
|
77
|
-
);
|
|
78
|
-
}, H = "_tagList_17pz2_1", J = {
|
|
79
|
-
tagList: H
|
|
80
|
-
}, K = (i, e) => {
|
|
81
|
-
const [{ className: o, ...s }, n] = c(
|
|
82
|
-
i,
|
|
83
|
-
e,
|
|
84
|
-
f
|
|
85
|
-
);
|
|
86
|
-
return /* @__PURE__ */ g(
|
|
87
|
-
b,
|
|
88
|
-
{
|
|
89
|
-
className: _(o, J.tagList),
|
|
90
|
-
ref: n,
|
|
91
|
-
...s
|
|
92
|
-
}
|
|
93
|
-
);
|
|
94
|
-
}, l = p(K), M = p(
|
|
95
|
-
(i, e) => {
|
|
96
|
-
const [{ className: o, children: s, ...n }, a] = c(
|
|
97
|
-
i,
|
|
98
|
-
e,
|
|
99
|
-
h
|
|
100
|
-
), r = L.toArray(s).filter(N).find((d) => d.type === l);
|
|
101
|
-
return !r && process.env.NODE_ENV === "development" && console.warn(
|
|
102
|
-
"Using a TagGroup without providing a TagList component is deprecated since v17.0.0, see: https://designsystem.migrationsverket.se/components/tag/"
|
|
103
|
-
), /* @__PURE__ */ g(
|
|
104
|
-
v,
|
|
105
|
-
{
|
|
106
|
-
className: _(o),
|
|
107
|
-
ref: a,
|
|
108
|
-
...n,
|
|
109
|
-
children: r ? s : /* @__PURE__ */ g(l, { children: s })
|
|
110
|
-
}
|
|
111
|
-
);
|
|
112
|
-
}
|
|
113
|
-
);
|
|
114
|
-
M.displayName = "TagGroup";
|
|
115
|
-
export {
|
|
116
|
-
te as T,
|
|
117
|
-
M as a,
|
|
118
|
-
l as b
|
|
119
|
-
};
|