@midas-ds/components 17.15.7 → 17.17.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +16 -0
- package/assets/TextField.css +1 -1
- package/assets/color-scheme-switch.css +1 -1
- package/assets/date-picker.css +1 -1
- package/assets/list-box.css +1 -1
- package/assets/popover.css +1 -1
- package/checkbox/index.js +1 -1
- package/chunks/TextField.module-nF-1HOkH.js +12 -0
- package/chunks/{checkbox-B_41DFjp.js → checkbox-B1fsgVOD.js} +1 -1
- package/chunks/color-scheme-switch-FjmPZdE4.js +203 -0
- package/chunks/{combobox-BLGIYxNy.js → combobox-Ids5V9io.js} +2 -2
- package/chunks/{date-field-Cy0HGw6v.js → date-field-U4owDpGF.js} +1 -1
- package/chunks/{date-picker-ByfWqOZh.js → date-picker-C9KL-4Lj.js} +10 -10
- package/chunks/icons-Dw_ZbztW.js +30 -0
- package/chunks/{label-uwnwLD3z.js → label-Bius53F0.js} +1 -1
- package/chunks/{list-box-Dm2itiZD.js → list-box-BozMU8so.js} +10 -10
- package/chunks/{popover-DxnYz_IT.js → popover-Bx2Rch_E.js} +2 -2
- package/chunks/{progress-bar-Dppkp0cT.js → progress-bar-5H5WvG7R.js} +1 -1
- package/chunks/{radio-PBrD5BO4.js → radio-CsAvwCn2.js} +1 -1
- package/chunks/{search-field-B5RciSq0.js → search-field-Ci2UjkmK.js} +1 -1
- package/chunks/{select-BZ0greL0.js → select-Du5ANE34.js} +4 -4
- package/chunks/{table-BZ7VvZaq.js → table-lU-UeRjC.js} +1 -1
- package/chunks/{textfield-CZSw2R67.js → textfield-5Sw4fgE5.js} +2 -2
- package/chunks/{time-field-DaQfnJQF.js → time-field-BROZiten.js} +2 -2
- package/color-scheme-switch/ColorSchemeSwitchMenu.d.ts +3 -0
- package/color-scheme-switch/ColorSchemeSwitchMenu.stories.d.ts +8 -0
- package/color-scheme-switch/index.d.ts +1 -0
- package/color-scheme-switch/index.js +2 -2
- package/color-scheme-switch/intl/translations.json.d.ts +12 -4
- package/color-scheme-switch/useColorScheme.d.ts +13 -0
- package/combobox/index.js +1 -1
- package/date-field/index.js +1 -1
- package/date-picker/index.js +1 -1
- package/icons/ContrastFilled.d.ts +2 -0
- package/icons/index.d.ts +1 -0
- package/icons/index.js +2 -0
- package/index.d.ts +1 -0
- package/index.js +41 -40
- package/label/index.js +1 -1
- package/list-box/index.js +1 -1
- package/package.json +1 -1
- package/popover/index.js +1 -1
- package/progress-bar/index.js +1 -1
- package/radio/index.js +1 -1
- package/search-field/index.js +1 -1
- package/select/index.js +1 -1
- package/table/index.js +1 -1
- package/textfield/index.js +1 -1
- package/time-field/index.js +1 -1
- package/chunks/TextField.module-CrR3Krxn.js +0 -12
- package/chunks/color-scheme-switch-Ce4vL8Yz.js +0 -122
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,19 @@
|
|
|
1
|
+
## 17.17.0 (2026-07-06)
|
|
2
|
+
|
|
3
|
+
### 🚀 Features
|
|
4
|
+
|
|
5
|
+
- **components,color-scheme-switch:** add ColorSchemeSwitchMenu compact dropdown variant ([e8dfb8e67dd](https://github.com/migrationsverket/midas/commit/e8dfb8e67dd))
|
|
6
|
+
|
|
7
|
+
### 🔧 Maintenance
|
|
8
|
+
|
|
9
|
+
- **workspace:** upgrade nx-stylelint to v19 and stylelint to v17 ([072ccfd0975](https://github.com/migrationsverket/midas/commit/072ccfd0975))
|
|
10
|
+
|
|
11
|
+
## 17.16.0 (2026-07-03)
|
|
12
|
+
|
|
13
|
+
### 🚀 Features
|
|
14
|
+
|
|
15
|
+
- **components,icons:** add ContrastFilled custom icon ([29e29ef5f05](https://github.com/migrationsverket/midas/commit/29e29ef5f05))
|
|
16
|
+
|
|
1
17
|
## 17.15.7 (2026-07-02)
|
|
2
18
|
|
|
3
19
|
### 🩹 Fixes
|
package/assets/TextField.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._textField_1jism_1{grid-template:"Label Count"min-content"Desc Count"min-content"Error Count"min-content"Input Input"min-content"BottomError BottomError"/1fr auto;grid-auto-rows:1fr 1fr;grid-auto-columns:1fr;align-content:flex-end;width:100%;display:grid}._textField_1jism_1>[slot=description]{grid-area:Desc}._textField_1jism_1>._bottomError_1jism_20{grid-area:BottomError}._textField_1jism_1[data-disabled]{color:var(--midas-text-disabled)}._textField_1jism_1[data-readonly] ._textArea_1jism_29,._textField_1jism_1[data-readonly] ._input_1jism_30{border-color:var(--midas-border-color-subtle);background-color:#0000}._textArea_1jism_29{all:unset;color:var(--midas-text-primary);font-family:var(--midas-typography-font-family);border-bottom:1px solid var(--midas-border-color-primary);background-color:var(--midas-field-01-base);box-sizing:border-box;overflow-wrap:break-word;resize:both;grid-area:Input;justify-content:center;align-items:center;width:100%;padding:1rem 1rem 1.25rem;font-size:1rem;display:flex;overflow:auto}@media (forced-colors:active){._textArea_1jism_29{outline-offset:2px;outline:3px solid}}._textArea_1jism_29[data-hovered]{background-color:var(--midas-field-01-hover)}._textArea_1jism_29[data-focused],._textArea_1jism_29[data-focus-visible]{box-shadow:var(--midas-state-focus)}@media (forced-colors:active){._textArea_1jism_29[data-focused],._textArea_1jism_29[data-focus-visible]{border:1px solid}}._textArea_1jism_29[data-invalid]{box-shadow:var(--midas-state-invalid);border:none}._textArea_1jism_29[data-disabled]{cursor:not-allowed;background-color:var(--midas-field-disabled);border:none;border-bottom:1px solid var(--midas-border-color-disabled);color:var(--midas-text-disabled)}._wrap_1jism_87{grid-area:Input;position:relative}._medium_1jism_92 ._input_1jism_30{min-height:var(--midas-size-control-md)}._input_1jism_30{all:unset;color:var(--midas-text-primary);font-family:var(--midas-typography-font-family);border-bottom:1px solid var(--midas-border-color-primary);background-color:var(--midas-field-01-base);box-sizing:border-box;width:100%;min-height:var(--midas-size-control);border-radius:0;grid-area:Input;padding:0 1rem;font-size:1rem;line-height:1}@media (forced-colors:active){._input_1jism_30{border:1px solid}}._input_1jism_30[data-hovered]{background-color:var(--midas-field-01-hover)}._input_1jism_30[data-hovered]+._passwordText_1jism_120{background-color:var(--midas-field-01-hover)}._input_1jism_30[data-focused]{box-shadow:var(--midas-state-focus)}@media (forced-colors:active){._input_1jism_30[data-focused]{outline-offset:2px;outline:3px solid highlight}}._input_1jism_30[data-invalid]{box-shadow:var(--midas-state-invalid);border:none}@media (forced-colors:active){._input_1jism_30[data-invalid]{border:1px solid}}._input_1jism_30[data-disabled]{cursor:not-allowed;background-color:var(--midas-field-disabled);border:none;border-bottom:1px solid var(--midas-border-color-disabled)}@media (forced-colors:active){._input_1jism_30[data-disabled]{border:1px solid}}._input_1jism_30::-ms-reveal{display:none}._passwordButton_1jism_159{z-index:calc(var(--midas-z-index-base) + var(--midas-z-index-above));position:absolute;right:0}._passwordButton_1jism_159[data-pressed]{background-color:#0000!important}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._button_1r8vq_1{padding:calc(var(--midas-space-60) - 1px);position:relative}._button_1r8vq_1[data-selected]:not([data-focus-visible]){box-shadow:none}._button_1r8vq_1[data-focus-visible]{box-shadow:var(--midas-state-focus)}._selectionIndicator_1r8vq_14{background-color:var(--midas-border-color-tertiary);height:2px;transition:translate var(--midas-transition-duration-fast) ease;position:absolute;bottom:0;left:0;right:0}
|
|
1
|
+
._button_1r8vq_1{padding:calc(var(--midas-space-60) - 1px);position:relative}._button_1r8vq_1[data-selected]:not([data-focus-visible]){box-shadow:none}._button_1r8vq_1[data-focus-visible]{box-shadow:var(--midas-state-focus)}._selectionIndicator_1r8vq_14{background-color:var(--midas-border-color-tertiary);height:2px;transition:translate var(--midas-transition-duration-fast) ease;position:absolute;bottom:0;left:0;right:0}._trigger_y8ah9_1{gap:var(--midas-space-50);padding-inline-end:0}._trigger_y8ah9_1[aria-expanded=true] ._chevron_y8ah9_6{transform:rotate(180deg)}._chevron_y8ah9_6{transition:transform var(--midas-transition-duration-instant) var(--midas-transition-timing-ease-in-out)}._menu_y8ah9_17{width:var(--midas-size-control)}._menuItem_y8ah9_21{background-color:var(--midas-layer-01-base);color:var(--midas-icon-primary);cursor:pointer;height:var(--midas-size-control);outline:none;justify-content:center;align-items:center;width:100%;display:flex}._menuItem_y8ah9_21[data-hovered]{background-color:var(--midas-layer-01-hover)}._menuItem_y8ah9_21[data-focus-visible]{background-color:var(--midas-menu-item-background-selected);box-shadow:var(--midas-state-focus-inset)}@media (forced-colors:active){._menuItem_y8ah9_21[data-focused]{outline:var(--midas-state-focus-contrast-mode-outline) solid highlight;outline-offset:calc(var(--midas-state-focus-contrast-mode-outline) * -1)}}
|
package/assets/date-picker.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}}._datePicker_feay3_1{font-family:var(--midas-typography-font-family);flex-direction:column;align-items:flex-start;display:flex}._inputField_feay3_8{box-sizing:border-box;width:100%;height:var(--midas-size-control);background-color:var(--midas-field-01-base);border-bottom:1px solid var(--midas-border-color-primary);justify-content:flex-start;align-items:center;gap:1rem;padding-left:1rem;display:flex}@media (forced-colors:active){._inputField_feay3_8{border:1px solid var(--midas-border-color-primary)}}._inputField_feay3_8._medium_feay3_24{height:var(--midas-size-control-md)}._inputField_feay3_8[data-disabled]{cursor:not-allowed;border-color:var(--midas-border-color-disabled)}._inputField_feay3_8:focus-visible,._inputField_feay3_8[data-focus-visible]{outline:none}._inputField_feay3_8[data-invalid]{box-shadow:var(--midas-state-invalid);border:none}@media (forced-colors:active){._inputField_feay3_8[data-invalid]{border:1px solid var(--midas-border-color-primary)}}._inputField_feay3_8._readOnly_feay3_47{border-color:var(--midas-border-color-subtle);background-color:#0000}._inputField_feay3_8 ._buttonGroup_feay3_52{height:100%;margin-left:auto;display:flex}._inputField_feay3_8 ._iconButton_feay3_58{aspect-ratio:1;border:none;height:100%;padding:0}._inputField_feay3_8 ._iconButton_feay3_58[data-disabled]{background-color:#0000}._inputField_feay3_8 ._iconButton_feay3_58:focus-visible,._inputField_feay3_8 ._iconButton_feay3_58[data-focus-visible]{box-shadow:var(--midas-state-focus-inset);outline:none}@media (forced-colors:active){._inputField_feay3_8 ._iconButton_feay3_58:focus-visible,._inputField_feay3_8 ._iconButton_feay3_58[data-focus-visible]{outline-offset:2px;outline:3px solid highlight}}._dialog_feay3_85{box-shadow:0 3px 5px #0003}
|
package/assets/list-box.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_48j4n_4{max-height:min(295px,50dvh);overflow:hidden auto}._listBox_48j4n_4>div{pointer-events:auto!important}._listBoxPopover_48j4n_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_48j4n_16{border:1px solid var(--midas-border-color-primary)}}._listBoxSectionHeading_48j4n_31{background-color:var(--midas-layer-01-base);font-family:var(--midas-typography-font-family);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);display:block}._listBoxButton_48j4n_43{all:unset;box-sizing:border-box;width:100%;margin-bottom:var(--midas-space-10)!important}._listBoxButton_48j4n_43:focus-visible{box-shadow:var(--midas-state-focus-inset);outline:none}._listBoxItem_48j4n_55{background-color:var(--midas-layer-01-base);box-sizing:border-box;color:var(--midas-text-primary);font-family:var(--midas-typography-font-family);line-height:var(--midas-typography-line-height-30);padding:var(--midas-space-70) var(--midas-space-medium);justify-content:space-between;align-items:center;gap:var(--midas-space-medium);margin-bottom:0;display:flex}._listBoxItem_48j4n_55 ._textContent_48j4n_68{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;width:100%}._listBoxItem_48j4n_55[data-hovered]:not([data-disabled]){background-color:var(--midas-layer-01-hover);cursor:pointer}._listBoxItem_48j4n_55[data-pressed]:not([data-disabled]){background-color:var(--midas-layer-01-hover)}._listBoxItem_48j4n_55[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed}._listBoxItem_48j4n_55[data-selected]{background-color:var(--midas-layer-01-selected)}._listBoxItem_48j4n_55[data-selected][data-hovered]:not([data-disabled]){background-color:var(--midas-layer-01-selected-hover)}._listBoxItem_48j4n_55[data-focused]{box-shadow:none;outline:none}@media (forced-colors:active){._listBoxItem_48j4n_55[data-focused]{outline-offset:calc(var(--midas-state-focus-contrast-mode-outline) * -1);outline:var(--midas-state-focus-contrast-mode-outline) solid highlight!important}}._listBoxItem_48j4n_55[data-focus-visible]{box-shadow:var(--midas-state-focus-inset);outline:none}._listBoxItem_48j4n_55[data-selection-mode=single][data-selected] ._textContent_48j4n_68{max-width:calc(100% - var(--midas-space-150))}._listBoxItem_48j4n_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_48j4n_55[data-selection-mode=single][data-selected]:after{filter:invert()}}._listBoxItem_48j4n_55[data-selection-mode=multiple]{justify-content:flex-start;gap:var(--midas-space-small)}._listBoxItem_48j4n_55[data-selection-mode=multiple]:before{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);transition:all .2s}._listBoxItem_48j4n_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_48j4n_55[data-selection-mode=multiple][data-selected]:before{background-color:selecteditem;border-color:selecteditem}}._listBoxItem_48j4n_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_48j4n_55[data-selection-mode=multiple][data-selected][data-hovered]:before{background-color:selecteditem;border-color:selecteditem}}._listBoxLoadMoreItem_48j4n_176{align-items:center;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);display:flex}@media (prefers-reduced-motion){._listBoxItem_48j4n_55,._item_48j4n_187,._option_48j4n_188 ._inputCheckbox_48j4n_188{transition:none}}._listBoxEmptyState_1wxhy_1{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);display:block}
|
package/assets/popover.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._popover_1p8i3_1{font-family:var(--midas-typography-font-family);font-size:var(--midas-typography-font-size-20);padding:var(--midas-space-medium);color:var(--midas-text-primary);background-color:var(--midas-layer-01-base);white-space:normal;overflow-wrap:break-word;box-sizing:border-box;max-width:min(90vw,320px);transition:transform var(--midas-transition-duration-quick) var(--midas-transition-timing-ease-out), opacity var(--midas-transition-duration-quick) var(--midas-transition-timing-ease-out);outline:none;display:inline-block;transform:translate(0,0);box-shadow:0 4px 5px #0003}@media (forced-colors:active){._popover_1p8i3_1{border:1px solid}}._popover_1p8i3_1 ._arrow_1p8i3_25 svg{fill:var(--midas-layer-01-base);display:block}@media (forced-colors:active){._popover_1p8i3_1 ._arrow_1p8i3_25 svg{fill:currentColor}}._popover_1p8i3_1[data-entering]{transform:var(--origin);opacity:0}._popover_1p8i3_1[data-exiting]{transform:var(--origin);opacity:0;transition:transform var(--midas-transition-duration-quick) var(--midas-transition-timing-ease-in), opacity var(--midas-transition-duration-quick) var(--midas-transition-timing-ease-in)}._popover_1p8i3_1:has(._arrow_1p8i3_25){box-shadow:none;filter:drop-shadow(calc(var(--shadow-x,0) * 2px) calc(var(--shadow-y,0) * 2px) 3px #00000026) drop-shadow(calc(var(--shadow-x,0) * 6px) calc(var(--shadow-y,0) * 6px) 8px #0000001a)}._popover_1p8i3_1[data-placement=top]{--origin:translateY(4px);--shadow-x:0;--shadow-y:1}._popover_1p8i3_1[data-placement=top]:has(._arrow_1p8i3_25){margin-bottom:4px}._popover_1p8i3_1[data-placement=bottom]{--origin:translateY(-4px);--shadow-x:0;--shadow-y:-1}._popover_1p8i3_1[data-placement=bottom]:has(._arrow_1p8i3_25){margin-top:4px}._popover_1p8i3_1[data-placement=bottom] ._arrow_1p8i3_25 svg{transform:rotate(180deg)}._popover_1p8i3_1[data-placement=right]{--origin:translateX(-4px);--shadow-x:-1;--shadow-y:0}._popover_1p8i3_1[data-placement=right]:has(._arrow_1p8i3_25){margin-left:4px}._popover_1p8i3_1[data-placement=right] ._arrow_1p8i3_25 svg{transform:rotate(90deg)}._popover_1p8i3_1[data-placement=left]{--origin:translateX(4px);--shadow-x:1;--shadow-y:0}._popover_1p8i3_1[data-placement=left]:has(._arrow_1p8i3_25){margin-right:4px}._popover_1p8i3_1[data-placement=left] ._arrow_1p8i3_25 svg{transform:rotate(-90deg)}@media (prefers-reduced-motion){._popover_1p8i3_1{transition:none}}
|
package/checkbox/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as e, t } from "../chunks/checkbox-
|
|
1
|
+
import { n as e, t } from "../chunks/checkbox-B1fsgVOD.js";
|
|
2
2
|
export { e as Checkbox, t as CheckboxGroup };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import '../assets/TextField.css';var e = {
|
|
2
|
+
textField: "_textField_1jism_1",
|
|
3
|
+
bottomError: "_bottomError_1jism_20",
|
|
4
|
+
textArea: "_textArea_1jism_29",
|
|
5
|
+
input: "_input_1jism_30",
|
|
6
|
+
wrap: "_wrap_1jism_87",
|
|
7
|
+
medium: "_medium_1jism_92",
|
|
8
|
+
passwordText: "_passwordText_1jism_120",
|
|
9
|
+
passwordButton: "_passwordButton_1jism_159"
|
|
10
|
+
};
|
|
11
|
+
//#endregion
|
|
12
|
+
export { e as t };
|
|
@@ -4,7 +4,7 @@ import { t as n } from "./check-BiPE7lAA.js";
|
|
|
4
4
|
import { t as r } from "./useLocalizedStringFormatter-bRLuRzVD.js";
|
|
5
5
|
import { t as i } from "./text-mAeDlv5N.js";
|
|
6
6
|
import { t as a } from "./field-error-DYp2kgFr.js";
|
|
7
|
-
import { n as o, t as s } from "./label-
|
|
7
|
+
import { n as o, t as s } from "./label-Bius53F0.js";
|
|
8
8
|
import * as c from "react";
|
|
9
9
|
import l, { forwardRef as u, useContext as d, useRef as f } from "react";
|
|
10
10
|
import { CheckboxContext as p, FieldErrorContext as m, FormContext as h, useContextProps as g, useSlottedContext as _ } from "react-aria-components";
|
|
@@ -0,0 +1,203 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { t as e } from "./clsx-BtlV5Vo3.js";
|
|
3
|
+
import { t } from "./createLucideIcon-DhIhuN5D.js";
|
|
4
|
+
import { t as n } from "./chevron-down-Buf0eTzo.js";
|
|
5
|
+
import { t as r } from "./useLocalizedStringFormatter-bRLuRzVD.js";
|
|
6
|
+
import { n as i } from "./button-CFjf-bDe.js";
|
|
7
|
+
import { t as a } from "./icons-Dw_ZbztW.js";
|
|
8
|
+
import { n as o, t as s } from "./toggle-button-DlPo9GJW.js";
|
|
9
|
+
import { a as c, o as l, r as u } from "./menu-CB6VDQ-u.js";
|
|
10
|
+
import * as d from "react";
|
|
11
|
+
import { useEffect as f, useState as p } from "react";
|
|
12
|
+
import { MenuItem as m, SelectionIndicator as h } from "react-aria-components";
|
|
13
|
+
import { jsx as g, jsxs as _ } from "react/jsx-runtime";
|
|
14
|
+
import { VisuallyHidden as v } from "react-aria";
|
|
15
|
+
import '../assets/color-scheme-switch.css';var y = t("moon", [["path", {
|
|
16
|
+
d: "M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401",
|
|
17
|
+
key: "kfwtm"
|
|
18
|
+
}]]), b = t("sun", [
|
|
19
|
+
["circle", {
|
|
20
|
+
cx: "12",
|
|
21
|
+
cy: "12",
|
|
22
|
+
r: "4",
|
|
23
|
+
key: "4exip2"
|
|
24
|
+
}],
|
|
25
|
+
["path", {
|
|
26
|
+
d: "M12 2v2",
|
|
27
|
+
key: "tus03m"
|
|
28
|
+
}],
|
|
29
|
+
["path", {
|
|
30
|
+
d: "M12 20v2",
|
|
31
|
+
key: "1lh1kg"
|
|
32
|
+
}],
|
|
33
|
+
["path", {
|
|
34
|
+
d: "m4.93 4.93 1.41 1.41",
|
|
35
|
+
key: "149t6j"
|
|
36
|
+
}],
|
|
37
|
+
["path", {
|
|
38
|
+
d: "m17.66 17.66 1.41 1.41",
|
|
39
|
+
key: "ptbguv"
|
|
40
|
+
}],
|
|
41
|
+
["path", {
|
|
42
|
+
d: "M2 12h2",
|
|
43
|
+
key: "1t8f8n"
|
|
44
|
+
}],
|
|
45
|
+
["path", {
|
|
46
|
+
d: "M20 12h2",
|
|
47
|
+
key: "1q8mjw"
|
|
48
|
+
}],
|
|
49
|
+
["path", {
|
|
50
|
+
d: "m6.34 17.66-1.41 1.41",
|
|
51
|
+
key: "1m8zz5"
|
|
52
|
+
}],
|
|
53
|
+
["path", {
|
|
54
|
+
d: "m19.07 4.93-1.41 1.41",
|
|
55
|
+
key: "1shlcs"
|
|
56
|
+
}]
|
|
57
|
+
]), x = {
|
|
58
|
+
button: "_button_1r8vq_1",
|
|
59
|
+
selectionIndicator: "_selectionIndicator_1r8vq_14"
|
|
60
|
+
}, S = {
|
|
61
|
+
en: {
|
|
62
|
+
colorScheme: "Color scheme",
|
|
63
|
+
darkMode: "Dark mode",
|
|
64
|
+
lightMode: "Light mode",
|
|
65
|
+
system: "Follows system",
|
|
66
|
+
triggerDarkMode: "Color scheme: Dark mode",
|
|
67
|
+
triggerLightMode: "Color scheme: Light mode",
|
|
68
|
+
triggerSystem: "Color scheme: Follows system"
|
|
69
|
+
},
|
|
70
|
+
sv: {
|
|
71
|
+
colorScheme: "Färgschema",
|
|
72
|
+
darkMode: "Mörkt läge",
|
|
73
|
+
lightMode: "Ljust läge",
|
|
74
|
+
system: "Följer systemet",
|
|
75
|
+
triggerDarkMode: "Färgschema: Mörkt läge",
|
|
76
|
+
triggerLightMode: "Färgschema: Ljust läge",
|
|
77
|
+
triggerSystem: "Färgschema: Följer systemet"
|
|
78
|
+
}
|
|
79
|
+
}, C = ({ selector: e = ":root", defaultScheme: t = "light dark", scheme: n, onSchemeChange: r }) => {
|
|
80
|
+
let [i, a] = p(n ?? t), o = n ?? i;
|
|
81
|
+
return f(() => {
|
|
82
|
+
let t = document.querySelector(e);
|
|
83
|
+
if (!t) {
|
|
84
|
+
console.warn(`No element found for selector: "${e}"`);
|
|
85
|
+
return;
|
|
86
|
+
}
|
|
87
|
+
o === "light dark" ? delete t.dataset.colorScheme : t.dataset.colorScheme = o;
|
|
88
|
+
}, [o, e]), {
|
|
89
|
+
resolved: o,
|
|
90
|
+
onChange: (e) => {
|
|
91
|
+
a(e), r?.(e);
|
|
92
|
+
}
|
|
93
|
+
};
|
|
94
|
+
}, w = ({ selector: e = ":root", defaultScheme: t = "light dark", scheme: n, onSchemeChange: i, defaultValue: c, className: l }) => {
|
|
95
|
+
let { resolved: u, onChange: d } = C({
|
|
96
|
+
selector: e,
|
|
97
|
+
defaultScheme: c ? Array.from(c)[0] : t,
|
|
98
|
+
scheme: n,
|
|
99
|
+
onSchemeChange: i
|
|
100
|
+
}), f = r(S);
|
|
101
|
+
return /* @__PURE__ */ _(s, {
|
|
102
|
+
selectionMode: "single",
|
|
103
|
+
selectedKeys: /* @__PURE__ */ new Set([u]),
|
|
104
|
+
onSelectionChange: (e) => {
|
|
105
|
+
d(Array.from(e)[0]);
|
|
106
|
+
},
|
|
107
|
+
disallowEmptySelection: !0,
|
|
108
|
+
"aria-label": f.format("colorScheme"),
|
|
109
|
+
className: l,
|
|
110
|
+
children: [
|
|
111
|
+
/* @__PURE__ */ _(o, {
|
|
112
|
+
id: "light",
|
|
113
|
+
className: x.button,
|
|
114
|
+
children: [
|
|
115
|
+
/* @__PURE__ */ g(b, {}),
|
|
116
|
+
/* @__PURE__ */ g(v, { children: f.format("lightMode") }),
|
|
117
|
+
/* @__PURE__ */ g(h, { className: x.selectionIndicator })
|
|
118
|
+
]
|
|
119
|
+
}),
|
|
120
|
+
/* @__PURE__ */ _(o, {
|
|
121
|
+
id: "dark",
|
|
122
|
+
className: x.button,
|
|
123
|
+
children: [
|
|
124
|
+
/* @__PURE__ */ g(y, {}),
|
|
125
|
+
/* @__PURE__ */ g(v, { children: f.format("darkMode") }),
|
|
126
|
+
/* @__PURE__ */ g(h, { className: x.selectionIndicator })
|
|
127
|
+
]
|
|
128
|
+
}),
|
|
129
|
+
/* @__PURE__ */ _(o, {
|
|
130
|
+
id: "light dark",
|
|
131
|
+
className: x.button,
|
|
132
|
+
children: [
|
|
133
|
+
/* @__PURE__ */ g(a, {}),
|
|
134
|
+
/* @__PURE__ */ g(v, { children: f.format("system") }),
|
|
135
|
+
/* @__PURE__ */ g(h, { className: x.selectionIndicator })
|
|
136
|
+
]
|
|
137
|
+
})
|
|
138
|
+
]
|
|
139
|
+
});
|
|
140
|
+
}, T = {
|
|
141
|
+
trigger: "_trigger_y8ah9_1",
|
|
142
|
+
chevron: "_chevron_y8ah9_6",
|
|
143
|
+
menu: "_menu_y8ah9_17",
|
|
144
|
+
menuItem: "_menuItem_y8ah9_21"
|
|
145
|
+
}, E = {
|
|
146
|
+
light: b,
|
|
147
|
+
"light dark": a,
|
|
148
|
+
dark: y
|
|
149
|
+
}, D = (e) => e === "light" ? "triggerLightMode" : e === "dark" ? "triggerDarkMode" : "triggerSystem", O = ({ selector: t = ":root", defaultScheme: o = "light dark", scheme: s, onSchemeChange: f, className: p }) => {
|
|
150
|
+
let { resolved: h, onChange: x } = C({
|
|
151
|
+
selector: t,
|
|
152
|
+
defaultScheme: o,
|
|
153
|
+
scheme: s,
|
|
154
|
+
onSchemeChange: f
|
|
155
|
+
}), w = E[h];
|
|
156
|
+
d.useEffect(() => {
|
|
157
|
+
let e = document.querySelector(t);
|
|
158
|
+
if (!e) {
|
|
159
|
+
console.warn(`No element found for selector: "${t}"`);
|
|
160
|
+
return;
|
|
161
|
+
}
|
|
162
|
+
h === "light dark" ? delete e.dataset.colorScheme : e.dataset.colorScheme = h;
|
|
163
|
+
}, [h, t]);
|
|
164
|
+
let O = r(S);
|
|
165
|
+
return /* @__PURE__ */ _(l, { children: [/* @__PURE__ */ _(i, {
|
|
166
|
+
variant: "icon",
|
|
167
|
+
size: "medium",
|
|
168
|
+
className: e(T.trigger, p),
|
|
169
|
+
"aria-label": O.format(D(h)),
|
|
170
|
+
children: [/* @__PURE__ */ g(w, { size: 20 }), /* @__PURE__ */ g(n, {
|
|
171
|
+
size: 20,
|
|
172
|
+
className: T.chevron
|
|
173
|
+
})]
|
|
174
|
+
}), /* @__PURE__ */ g(u, {
|
|
175
|
+
placement: "bottom start",
|
|
176
|
+
children: /* @__PURE__ */ _(c, {
|
|
177
|
+
onAction: (e) => x(e),
|
|
178
|
+
className: T.menu,
|
|
179
|
+
children: [
|
|
180
|
+
/* @__PURE__ */ _(m, {
|
|
181
|
+
id: "light",
|
|
182
|
+
textValue: O.format("lightMode"),
|
|
183
|
+
className: T.menuItem,
|
|
184
|
+
children: [/* @__PURE__ */ g(b, { size: 20 }), /* @__PURE__ */ g(v, { children: O.format("lightMode") })]
|
|
185
|
+
}),
|
|
186
|
+
/* @__PURE__ */ _(m, {
|
|
187
|
+
id: "dark",
|
|
188
|
+
textValue: O.format("darkMode"),
|
|
189
|
+
className: T.menuItem,
|
|
190
|
+
children: [/* @__PURE__ */ g(y, { size: 20 }), /* @__PURE__ */ g(v, { children: O.format("darkMode") })]
|
|
191
|
+
}),
|
|
192
|
+
/* @__PURE__ */ _(m, {
|
|
193
|
+
id: "light dark",
|
|
194
|
+
textValue: O.format("system"),
|
|
195
|
+
className: T.menuItem,
|
|
196
|
+
children: [/* @__PURE__ */ g(a, { size: 20 }), /* @__PURE__ */ g(v, { children: O.format("system") })]
|
|
197
|
+
})
|
|
198
|
+
]
|
|
199
|
+
})
|
|
200
|
+
})] });
|
|
201
|
+
};
|
|
202
|
+
//#endregion
|
|
203
|
+
export { w as n, O as t };
|
|
@@ -4,8 +4,8 @@ import { t } from "./chevron-down-Buf0eTzo.js";
|
|
|
4
4
|
import { t as n } from "./useLocalizedStringFormatter-bRLuRzVD.js";
|
|
5
5
|
import { t as r } from "./text-mAeDlv5N.js";
|
|
6
6
|
import { t as i } from "./field-error-DYp2kgFr.js";
|
|
7
|
-
import { n as a, t as o } from "./label-
|
|
8
|
-
import { a as s, c, t as l } from "./list-box-
|
|
7
|
+
import { n as a, t as o } from "./label-Bius53F0.js";
|
|
8
|
+
import { a as s, c, t as l } from "./list-box-BozMU8so.js";
|
|
9
9
|
import { useRef as u } from "react";
|
|
10
10
|
import { Button as d, ComboBox as f, Input as p } from "react-aria-components";
|
|
11
11
|
import { jsx as m, jsxs as h } from "react/jsx-runtime";
|
|
@@ -2,7 +2,7 @@ import { t as e } from "./clsx-BtlV5Vo3.js";
|
|
|
2
2
|
import { t } from "./useLocalizedStringFormatter-bRLuRzVD.js";
|
|
3
3
|
import { t as n } from "./text-mAeDlv5N.js";
|
|
4
4
|
import { t as r } from "./field-error-DYp2kgFr.js";
|
|
5
|
-
import { n as i, t as a } from "./label-
|
|
5
|
+
import { n as i, t as a } from "./label-Bius53F0.js";
|
|
6
6
|
import { t as o } from "./clear-button-Cb4MTvBR.js";
|
|
7
7
|
import * as s from "react";
|
|
8
8
|
import { DateField as c, DateFieldStateContext as l, DateInput as u, DateSegment as d } from "react-aria-components";
|
|
@@ -6,9 +6,9 @@ import { t as i } from "./useLocalizedStringFormatter-bRLuRzVD.js";
|
|
|
6
6
|
import { n as a } from "./button-CFjf-bDe.js";
|
|
7
7
|
import { t as o } from "./text-mAeDlv5N.js";
|
|
8
8
|
import { t as s } from "./field-error-DYp2kgFr.js";
|
|
9
|
-
import { n as c, t as l } from "./label-
|
|
9
|
+
import { n as c, t as l } from "./label-Bius53F0.js";
|
|
10
10
|
import { t as u } from "./clear-button-Cb4MTvBR.js";
|
|
11
|
-
import { n as d, r as f, t as p } from "./date-field-
|
|
11
|
+
import { n as d, r as f, t as p } from "./date-field-U4owDpGF.js";
|
|
12
12
|
import * as m from "react";
|
|
13
13
|
import { DatePicker as h, DatePickerStateContext as g, DateRangePicker as _, DateRangePickerStateContext as v, Dialog as y, Group as b, Popover as x } from "react-aria-components";
|
|
14
14
|
import { jsx as S, jsxs as C } from "react/jsx-runtime";
|
|
@@ -68,14 +68,14 @@ import '../assets/date-picker.css';var E = t("calendar-days", [
|
|
|
68
68
|
"open-calendar": "Öppna kalender"
|
|
69
69
|
}
|
|
70
70
|
}, O = {
|
|
71
|
-
datePicker: "
|
|
72
|
-
inputField: "
|
|
73
|
-
medium: "
|
|
74
|
-
readOnly: "
|
|
75
|
-
buttonGroup: "
|
|
76
|
-
iconButton: "
|
|
77
|
-
popover: "
|
|
78
|
-
dialog: "
|
|
71
|
+
datePicker: "_datePicker_feay3_1",
|
|
72
|
+
inputField: "_inputField_feay3_8",
|
|
73
|
+
medium: "_medium_feay3_24",
|
|
74
|
+
readOnly: "_readOnly_feay3_47",
|
|
75
|
+
buttonGroup: "_buttonGroup_feay3_52",
|
|
76
|
+
iconButton: "_iconButton_feay3_58",
|
|
77
|
+
popover: "_popover_feay3_81 _dropdownAnimation_1ljkv_4",
|
|
78
|
+
dialog: "_dialog_feay3_85"
|
|
79
79
|
}, k = (e) => !!e && !!e.value && Object.prototype.hasOwnProperty.call(e.value, "start"), A = ({ isClearable: t, isDisabled: n, isReadOnly: r, size: a }) => {
|
|
80
80
|
let o = m.useContext(g), s = m.useContext(v), c = i(D), l = T(), d = s ?? o, f = k(d) ? !!d.value.start && d.value.end : !!d?.value;
|
|
81
81
|
return t && f && !r ? /* @__PURE__ */ S(u, {
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { forwardRef as e } from "react";
|
|
3
|
+
import { jsx as t, jsxs as n } from "react/jsx-runtime";
|
|
4
|
+
//#region packages/components/src/icons/ContrastFilled.tsx
|
|
5
|
+
var r = e(({ size: e = 24, color: r = "currentColor", strokeWidth: i = 2, className: a, ...o }, s) => /* @__PURE__ */ n("svg", {
|
|
6
|
+
ref: s,
|
|
7
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
8
|
+
width: e,
|
|
9
|
+
height: e,
|
|
10
|
+
viewBox: "0 0 24 24",
|
|
11
|
+
fill: "none",
|
|
12
|
+
stroke: r,
|
|
13
|
+
strokeWidth: i,
|
|
14
|
+
strokeLinecap: "round",
|
|
15
|
+
strokeLinejoin: "round",
|
|
16
|
+
className: a,
|
|
17
|
+
...o,
|
|
18
|
+
children: [/* @__PURE__ */ t("circle", {
|
|
19
|
+
cx: "12",
|
|
20
|
+
cy: "12",
|
|
21
|
+
r: "10"
|
|
22
|
+
}), /* @__PURE__ */ t("path", {
|
|
23
|
+
d: "M12 2a10 10 0 0 1 0 20Z",
|
|
24
|
+
fill: r,
|
|
25
|
+
stroke: "none"
|
|
26
|
+
})]
|
|
27
|
+
}));
|
|
28
|
+
r.displayName = "ContrastFilled";
|
|
29
|
+
//#endregion
|
|
30
|
+
export { r as t };
|
|
@@ -2,7 +2,7 @@ import { t as e } from "./clsx-BtlV5Vo3.js";
|
|
|
2
2
|
import { t } from "./info-Bm2gRija.js";
|
|
3
3
|
import { t as n } from "./useLocalizedStringFormatter-bRLuRzVD.js";
|
|
4
4
|
import { n as r } from "./button-CFjf-bDe.js";
|
|
5
|
-
import { t as i } from "./popover-
|
|
5
|
+
import { t as i } from "./popover-Bx2Rch_E.js";
|
|
6
6
|
import { t as a } from "./modal-Dr0ythpF.js";
|
|
7
7
|
import * as o from "react";
|
|
8
8
|
import s, { useContext as c } from "react";
|
|
@@ -14,16 +14,16 @@ var g = class extends l {
|
|
|
14
14
|
}), this.contentSize;
|
|
15
15
|
}
|
|
16
16
|
}, _ = {
|
|
17
|
-
listBox: "
|
|
18
|
-
listBoxPopover: "
|
|
19
|
-
listBoxSectionHeading: "
|
|
20
|
-
listBoxButton: "
|
|
21
|
-
listBoxItem: "
|
|
22
|
-
textContent: "
|
|
23
|
-
listBoxLoadMoreItem: "
|
|
24
|
-
item: "
|
|
25
|
-
option: "
|
|
26
|
-
inputCheckbox: "
|
|
17
|
+
listBox: "_listBox_48j4n_4",
|
|
18
|
+
listBoxPopover: "_listBoxPopover_48j4n_16 _dropdownAnimation_1ljkv_4",
|
|
19
|
+
listBoxSectionHeading: "_listBoxSectionHeading_48j4n_31",
|
|
20
|
+
listBoxButton: "_listBoxButton_48j4n_43",
|
|
21
|
+
listBoxItem: "_listBoxItem_48j4n_55",
|
|
22
|
+
textContent: "_textContent_48j4n_68",
|
|
23
|
+
listBoxLoadMoreItem: "_listBoxLoadMoreItem_48j4n_176",
|
|
24
|
+
item: "_item_48j4n_187",
|
|
25
|
+
option: "_option_48j4n_188",
|
|
26
|
+
inputCheckbox: "_inputCheckbox_48j4n_188"
|
|
27
27
|
}, v = ({ className: t, children: n, ...r }) => /* @__PURE__ */ m(d, {
|
|
28
28
|
layout: g,
|
|
29
29
|
layoutOptions: { headingHeight: 38 },
|
|
@@ -3,8 +3,8 @@ import { forwardRef as t } from "react";
|
|
|
3
3
|
import { OverlayArrow as n, Popover as r, PopoverContext as i, composeRenderProps as a, useContextProps as o } from "react-aria-components";
|
|
4
4
|
import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
|
|
5
5
|
import '../assets/popover.css';var u = {
|
|
6
|
-
popover: "
|
|
7
|
-
arrow: "
|
|
6
|
+
popover: "_popover_1p8i3_1",
|
|
7
|
+
arrow: "_arrow_1p8i3_25"
|
|
8
8
|
}, d = t((t, d) => {
|
|
9
9
|
let [f, p] = o(t, d, i), { className: m, hideArrow: h = !1, offset: g = 4, ..._ } = f;
|
|
10
10
|
return /* @__PURE__ */ c(r, {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { t as e } from "./clsx-BtlV5Vo3.js";
|
|
2
|
-
import { t } from "./label-
|
|
2
|
+
import { t } from "./label-Bius53F0.js";
|
|
3
3
|
import "react";
|
|
4
4
|
import { ProgressBar as n } from "react-aria-components";
|
|
5
5
|
import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { t as e } from "./clsx-BtlV5Vo3.js";
|
|
3
3
|
import { t } from "./text-mAeDlv5N.js";
|
|
4
4
|
import { t as n } from "./field-error-DYp2kgFr.js";
|
|
5
|
-
import { n as r, t as i } from "./label-
|
|
5
|
+
import { n as r, t as i } from "./label-Bius53F0.js";
|
|
6
6
|
import "react";
|
|
7
7
|
import { Group as a, Radio as o, RadioGroup as s, composeRenderProps as c } from "react-aria-components";
|
|
8
8
|
import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
|
|
@@ -5,7 +5,7 @@ import { t as n } from "./x-Bs_QW3q8.js";
|
|
|
5
5
|
import { t as r } from "./useLocalizedStringFormatter-bRLuRzVD.js";
|
|
6
6
|
import { n as i } from "./button-CFjf-bDe.js";
|
|
7
7
|
import { t as a } from "./field-error-DYp2kgFr.js";
|
|
8
|
-
import { t as o } from "./TextField.module-
|
|
8
|
+
import { t as o } from "./TextField.module-nF-1HOkH.js";
|
|
9
9
|
import { FormContext as s, Input as c, SearchField as l, useSlottedContext as u } from "react-aria-components";
|
|
10
10
|
import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
|
|
11
11
|
import '../assets/search-field.css';var m = t("search", [["path", {
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { n as e, t } from "./clsx-BtlV5Vo3.js";
|
|
2
2
|
import { t as n } from "./chevron-down-Buf0eTzo.js";
|
|
3
|
-
import { n as r } from "./checkbox-
|
|
3
|
+
import { n as r } from "./checkbox-B1fsgVOD.js";
|
|
4
4
|
import { t as i } from "./x-Bs_QW3q8.js";
|
|
5
5
|
import { t as a } from "./useLocalizedStringFormatter-bRLuRzVD.js";
|
|
6
6
|
import { t as o } from "./text-mAeDlv5N.js";
|
|
7
7
|
import { t as s } from "./field-error-DYp2kgFr.js";
|
|
8
|
-
import { n as c, t as l } from "./label-
|
|
9
|
-
import { t as u } from "./popover-
|
|
10
|
-
import { c as d } from "./list-box-
|
|
8
|
+
import { n as c, t as l } from "./label-Bius53F0.js";
|
|
9
|
+
import { t as u } from "./popover-Bx2Rch_E.js";
|
|
10
|
+
import { c as d } from "./list-box-BozMU8so.js";
|
|
11
11
|
import { n as f, r as p, t as m } from "./tag-CELJrUEQ.js";
|
|
12
12
|
import h, { useContext as g } from "react";
|
|
13
13
|
import { Button as _, Select as v, SelectStateContext as y, SelectValue as b } from "react-aria-components";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { t as e } from "./clsx-BtlV5Vo3.js";
|
|
3
3
|
import { t } from "./createLucideIcon-DhIhuN5D.js";
|
|
4
|
-
import { n } from "./checkbox-
|
|
4
|
+
import { n } from "./checkbox-B1fsgVOD.js";
|
|
5
5
|
import { Button as r, Cell as i, Collection as a, Column as o, Row as s, Table as c, TableBody as l, TableHeader as u, useTableOptions as d } from "react-aria-components";
|
|
6
6
|
import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
|
|
7
7
|
import '../assets/table.css';var h = t("arrow-down", [["path", {
|
|
@@ -5,8 +5,8 @@ import { n as r } from "./button-CFjf-bDe.js";
|
|
|
5
5
|
import { t as i } from "./text-mAeDlv5N.js";
|
|
6
6
|
import { t as a } from "./field-error-DYp2kgFr.js";
|
|
7
7
|
import { t as o } from "./character-counter-CSoVSrxZ.js";
|
|
8
|
-
import { n as s, t as c } from "./label-
|
|
9
|
-
import { t as l } from "./TextField.module-
|
|
8
|
+
import { n as s, t as c } from "./label-Bius53F0.js";
|
|
9
|
+
import { t as l } from "./TextField.module-nF-1HOkH.js";
|
|
10
10
|
import { forwardRef as u, useState as d } from "react";
|
|
11
11
|
import { Input as f, InputContext as p, TextArea as m, TextField as h, TextFieldContext as g, useContextProps as _ } from "react-aria-components";
|
|
12
12
|
import { jsx as v, jsxs as y } from "react/jsx-runtime";
|
|
@@ -2,9 +2,9 @@ import { t as e } from "./clsx-BtlV5Vo3.js";
|
|
|
2
2
|
import { t } from "./useLocalizedStringFormatter-bRLuRzVD.js";
|
|
3
3
|
import { t as n } from "./text-mAeDlv5N.js";
|
|
4
4
|
import { t as r } from "./field-error-DYp2kgFr.js";
|
|
5
|
-
import { n as i, t as a } from "./label-
|
|
5
|
+
import { n as i, t as a } from "./label-Bius53F0.js";
|
|
6
6
|
import { t as o } from "./clear-button-Cb4MTvBR.js";
|
|
7
|
-
import { n as s, r as c } from "./date-field-
|
|
7
|
+
import { n as s, r as c } from "./date-field-U4owDpGF.js";
|
|
8
8
|
import * as l from "react";
|
|
9
9
|
import { TimeField as u, TimeFieldStateContext as d } from "react-aria-components";
|
|
10
10
|
import { jsx as f, jsxs as p } from "react/jsx-runtime";
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { ColorSchemeSwitchMenu } from './ColorSchemeSwitchMenu';
|
|
3
|
+
declare const meta: Meta<typeof ColorSchemeSwitchMenu>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof ColorSchemeSwitchMenu>;
|
|
6
|
+
export declare const Primary: Story;
|
|
7
|
+
export declare const DefaultDark: Story;
|
|
8
|
+
export declare const WithCallback: Story;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export { e as ColorSchemeSwitch };
|
|
1
|
+
import { n as e, t } from "../chunks/color-scheme-switch-FjmPZdE4.js";
|
|
2
|
+
export { e as ColorSchemeSwitch, t as ColorSchemeSwitchMenu };
|
|
@@ -1,13 +1,21 @@
|
|
|
1
1
|
declare const _default: {
|
|
2
2
|
"en": {
|
|
3
|
-
"
|
|
4
|
-
"
|
|
5
|
-
"
|
|
3
|
+
"colorScheme": "Color scheme",
|
|
4
|
+
"darkMode": "Dark mode",
|
|
5
|
+
"lightMode": "Light mode",
|
|
6
|
+
"system": "Follows system",
|
|
7
|
+
"triggerDarkMode": "Color scheme: Dark mode",
|
|
8
|
+
"triggerLightMode": "Color scheme: Light mode",
|
|
9
|
+
"triggerSystem": "Color scheme: Follows system"
|
|
6
10
|
},
|
|
7
11
|
"sv": {
|
|
12
|
+
"colorScheme": "Färgschema",
|
|
8
13
|
"darkMode": "Mörkt läge",
|
|
9
14
|
"lightMode": "Ljust läge",
|
|
10
|
-
"system": "
|
|
15
|
+
"system": "Följer systemet",
|
|
16
|
+
"triggerDarkMode": "Färgschema: Mörkt läge",
|
|
17
|
+
"triggerLightMode": "Färgschema: Ljust läge",
|
|
18
|
+
"triggerSystem": "Färgschema: Följer systemet"
|
|
11
19
|
}
|
|
12
20
|
}
|
|
13
21
|
;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { ColorScheme } from './ColorSchemeSwitch';
|
|
2
|
+
interface UseColorSchemeOptions {
|
|
3
|
+
selector?: string;
|
|
4
|
+
defaultScheme?: ColorScheme;
|
|
5
|
+
scheme?: ColorScheme;
|
|
6
|
+
onSchemeChange?: (scheme: ColorScheme) => void;
|
|
7
|
+
}
|
|
8
|
+
interface UseColorSchemeReturn {
|
|
9
|
+
resolved: ColorScheme;
|
|
10
|
+
onChange: (next: ColorScheme) => void;
|
|
11
|
+
}
|
|
12
|
+
export declare const useColorScheme: ({ selector, defaultScheme, scheme, onSchemeChange, }: UseColorSchemeOptions) => UseColorSchemeReturn;
|
|
13
|
+
export {};
|
package/combobox/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../chunks/combobox-
|
|
1
|
+
import { t as e } from "../chunks/combobox-Ids5V9io.js";
|
|
2
2
|
export { e as ComboBox };
|
package/date-field/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { i as e, n as t, r as n, t as r } from "../chunks/date-field-
|
|
1
|
+
import { i as e, n as t, r as n, t as r } from "../chunks/date-field-U4owDpGF.js";
|
|
2
2
|
export { e as DateField, t as DateInput, r as DateInputDivider, n as DateSegment };
|
package/date-picker/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as e, t } from "../chunks/date-picker-
|
|
1
|
+
import { n as e, t } from "../chunks/date-picker-C9KL-4Lj.js";
|
|
2
2
|
export { e as DatePicker, t as DateRangePicker };
|
package/icons/index.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { ContrastFilled } from './ContrastFilled';
|
package/icons/index.js
ADDED
package/index.d.ts
CHANGED
|
@@ -39,6 +39,7 @@ export * from './time-field';
|
|
|
39
39
|
export * from './toast';
|
|
40
40
|
export * from './toggle-button';
|
|
41
41
|
export * from './tooltip';
|
|
42
|
+
export * from './icons';
|
|
42
43
|
export * from './list-box';
|
|
43
44
|
export * from './menu';
|
|
44
45
|
export { useLocalizedStringFormatter } from './utils/intl';
|
package/index.js
CHANGED
|
@@ -5,48 +5,49 @@ import { t as n } from "./chunks/clsx-BtlV5Vo3.js";
|
|
|
5
5
|
import { t as r } from "./chunks/spinner-C3WiZYld.js";
|
|
6
6
|
import { a as i, i as a, n as o, r as s, t as c } from "./chunks/layout-BzK7P4Xn.js";
|
|
7
7
|
import { t as l } from "./chunks/link-CZNuhFX6.js";
|
|
8
|
-
import { a as u, i as d, n as f, o as p, r as m, t as h } from "./chunks/table-
|
|
8
|
+
import { a as u, i as d, n as f, o as p, r as m, t as h } from "./chunks/table-lU-UeRjC.js";
|
|
9
9
|
import { t as g } from "./chunks/link-button-ZsK6UGko.js";
|
|
10
|
-
import { n as _, t as v } from "./chunks/date-picker-
|
|
10
|
+
import { n as _, t as v } from "./chunks/date-picker-C9KL-4Lj.js";
|
|
11
11
|
import { n as y, t as b } from "./chunks/calendar-C0rlcHfr.js";
|
|
12
|
-
import {
|
|
13
|
-
import { n as
|
|
14
|
-
import { t as
|
|
15
|
-
import { n as
|
|
16
|
-
import { t as
|
|
17
|
-
import { n as
|
|
18
|
-
import { t as
|
|
19
|
-
import { n as
|
|
20
|
-
import { n as
|
|
21
|
-
import { t as
|
|
22
|
-
import { t as
|
|
23
|
-
import { a as
|
|
24
|
-
import { t as
|
|
25
|
-
import { t as
|
|
26
|
-
import { t as
|
|
27
|
-
import { n as
|
|
28
|
-
import {
|
|
29
|
-
import {
|
|
30
|
-
import { a as
|
|
31
|
-
import {
|
|
32
|
-
import { n as pe,
|
|
33
|
-
import { n as
|
|
34
|
-
import { t as
|
|
35
|
-
import { n as
|
|
36
|
-
import {
|
|
37
|
-
import { t as
|
|
38
|
-
import { n as
|
|
39
|
-
import { t as
|
|
40
|
-
import { n as
|
|
41
|
-
import { t as
|
|
42
|
-
import {
|
|
43
|
-
import {
|
|
44
|
-
import {
|
|
45
|
-
import {
|
|
46
|
-
import {
|
|
12
|
+
import { n as x, t as S } from "./chunks/checkbox-B1fsgVOD.js";
|
|
13
|
+
import { n as C, t as w } from "./chunks/color-scheme-switch-FjmPZdE4.js";
|
|
14
|
+
import { t as T } from "./chunks/search-field-Ci2UjkmK.js";
|
|
15
|
+
import { n as E, t as D } from "./chunks/file-list-DYOuch5G.js";
|
|
16
|
+
import { t as O } from "./chunks/useLocalizedStringFormatter-bRLuRzVD.js";
|
|
17
|
+
import { n as k, t as A } from "./chunks/button-CFjf-bDe.js";
|
|
18
|
+
import { t as j } from "./chunks/heading-595zCrRS.js";
|
|
19
|
+
import { n as M, t as N } from "./chunks/badge-DrCn-5SX.js";
|
|
20
|
+
import { n as P, t as F } from "./chunks/breadcrumbs-XTH3axtt.js";
|
|
21
|
+
import { t as I } from "./chunks/text-mAeDlv5N.js";
|
|
22
|
+
import { t as L } from "./chunks/field-error-DYp2kgFr.js";
|
|
23
|
+
import { a as R, c as z, i as B, l as V, n as H, o as U, r as W, s as G, t as K } from "./chunks/card-CF8iwdg3.js";
|
|
24
|
+
import { t as q } from "./chunks/character-counter-CSoVSrxZ.js";
|
|
25
|
+
import { t as J } from "./chunks/label-Bius53F0.js";
|
|
26
|
+
import { t as Y } from "./chunks/popover-Bx2Rch_E.js";
|
|
27
|
+
import { n as X, r as Z, t as Q } from "./chunks/modal-Dr0ythpF.js";
|
|
28
|
+
import { t as $ } from "./chunks/icons-Dw_ZbztW.js";
|
|
29
|
+
import { n as ee, t as te } from "./chunks/toggle-button-DlPo9GJW.js";
|
|
30
|
+
import { a as ne, i as re, n as ie, o as ae, r as oe, t as se } from "./chunks/menu-CB6VDQ-u.js";
|
|
31
|
+
import { t as ce } from "./chunks/combobox-Ids5V9io.js";
|
|
32
|
+
import { a as le, c as ue, i as de, n as fe, o as pe, r as me, s as he, t as ge } from "./chunks/list-box-BozMU8so.js";
|
|
33
|
+
import { i as _e, n as ve, r as ye, t as be } from "./chunks/date-field-U4owDpGF.js";
|
|
34
|
+
import { n as xe, t as Se } from "./chunks/file-upload-CZRTVw5O.js";
|
|
35
|
+
import { n as Ce, t as we } from "./chunks/grid-CUYMbO7c.js";
|
|
36
|
+
import { t as Te } from "./chunks/info-banner-hHq0Atii.js";
|
|
37
|
+
import { n as Ee, t as De } from "./chunks/tooltip-BE_r_CBm.js";
|
|
38
|
+
import { n as Oe, t as ke } from "./chunks/logo-D7tz-4hp.js";
|
|
39
|
+
import { t as Ae } from "./chunks/progress-bar-5H5WvG7R.js";
|
|
40
|
+
import { n as je, t as Me } from "./chunks/radio-CsAvwCn2.js";
|
|
41
|
+
import { t as Ne } from "./chunks/select-Du5ANE34.js";
|
|
42
|
+
import { n as Pe, r as Fe, t as Ie } from "./chunks/tag-CELJrUEQ.js";
|
|
43
|
+
import { t as Le } from "./chunks/skeleton-OqKFBcmO.js";
|
|
44
|
+
import { i as Re, n as ze, r as Be, t as Ve } from "./chunks/tabs-eshGdQJJ.js";
|
|
45
|
+
import { i as He, n as Ue, r as We, t as Ge } from "./chunks/textfield-5Sw4fgE5.js";
|
|
46
|
+
import { t as Ke } from "./chunks/time-field-BROZiten.js";
|
|
47
|
+
import { a as qe, i as Je, n as Ye, o as Xe, r as Ze, t as Qe } from "./chunks/toast-AYzfHBcQ.js";
|
|
47
48
|
//#endregion
|
|
48
49
|
//#region packages/components/src/version.ts
|
|
49
|
-
var
|
|
50
|
+
var $e = {
|
|
50
51
|
name: "@midas-ds/components",
|
|
51
52
|
author: { name: "Migrationsverket" },
|
|
52
53
|
keywords: [
|
|
@@ -58,7 +59,7 @@ var Ze = {
|
|
|
58
59
|
description: "Midas Components",
|
|
59
60
|
homepage: "https://designsystem.migrationsverket.se/",
|
|
60
61
|
license: "CC0-1.0",
|
|
61
|
-
version: "17.
|
|
62
|
+
version: "17.17.0",
|
|
62
63
|
module: "./index.js",
|
|
63
64
|
type: "module",
|
|
64
65
|
main: "./index.js",
|
|
@@ -89,4 +90,4 @@ var Ze = {
|
|
|
89
90
|
}
|
|
90
91
|
}.version;
|
|
91
92
|
//#endregion
|
|
92
|
-
export { e as Accordion, t as AccordionItem,
|
|
93
|
+
export { e as Accordion, t as AccordionItem, M as Badge, N as BadgeContainer, F as Breadcrumb, P as Breadcrumbs, k as Button, A as ButtonGroup, y as Calendar, W as Card, B as CardActionArea, R as CardActions, H as CardBody, U as CardContent, K as CardHeader, G as CardImage, z as CardLink, V as CardTitle, h as Cell, q as CharacterCounter, x as Checkbox, S as CheckboxGroup, C as ColorSchemeSwitch, w as ColorSchemeSwitchMenu, f as Column, ce as ComboBox, $ as ContrastFilled, _e as DateField, ve as DateInput, be as DateInputDivider, _ as DatePicker, v as DateRangePicker, ye as DateSegment, Q as DialogTrigger, Se as DropZone, L as FieldError, E as FileList, D as FileListItem, xe as FileTrigger, Qe as GlobalToastRegion, Ce as Grid, we as GridItem, s as Header, j as Heading, Te as InfoBanner, We as Input, J as Label, c as Layout, l as Link, g as LinkButton, ue as ListBox, he as ListBoxButton, ge as ListBoxEmptyState, fe as ListBoxHeader, pe as ListBoxItem, me as ListBoxLoadMoreItem, le as ListBoxPopover, de as ListBoxSection, ke as Logo, Oe as LogoContext, ne as Menu, re as MenuItem, oe as MenuPopover, ie as MenuSection, ae as MenuTrigger, X as Modal, Z as ModalOverlay, o as Navbar, Y as Popover, Ae as ProgressBar, Me as Radio, je as RadioGroup, b as RangeCalendar, m as Row, T as SearchField, Ne as Select, se as Separator, a as Sidebar, i as SidebarLink, Le as Skeleton, r as Spinner, Be as Tab, Ve as TabList, ze as TabPanel, d as Table, u as TableBody, p as TableHeader, Re as Tabs, Fe as Tag, Ie as TagGroup, Pe as TagList, I as Text, Ge as TextArea, Ue as TextField, He as TextFieldBase, Ke as TimeField, Ye as Toast, Ze as ToastProvider, Je as ToastRegion, ee as ToggleButton, te as ToggleButtonGroup, De as Tooltip, Ee as TooltipTrigger, $e as VERSION, n as clsx, qe as toastQueue, O as useLocalizedStringFormatter, Xe as useToastState };
|
package/label/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../chunks/label-
|
|
1
|
+
import { t as e } from "../chunks/label-Bius53F0.js";
|
|
2
2
|
export { e as Label };
|
package/list-box/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../chunks/list-box-
|
|
1
|
+
import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../chunks/list-box-BozMU8so.js";
|
|
2
2
|
export { t as ListBox, o as ListBoxButton, s as ListBoxEmptyState, r as ListBoxHeader, i as ListBoxItem, a as ListBoxLoadMoreItem, e as ListBoxPopover, n as ListBoxSection };
|
package/package.json
CHANGED
package/popover/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../chunks/popover-
|
|
1
|
+
import { t as e } from "../chunks/popover-Bx2Rch_E.js";
|
|
2
2
|
export { e as Popover };
|
package/progress-bar/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../chunks/progress-bar-
|
|
1
|
+
import { t as e } from "../chunks/progress-bar-5H5WvG7R.js";
|
|
2
2
|
export { e as ProgressBar };
|
package/radio/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as e, t } from "../chunks/radio-
|
|
1
|
+
import { n as e, t } from "../chunks/radio-CsAvwCn2.js";
|
|
2
2
|
export { t as Radio, e as RadioGroup };
|
package/search-field/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../chunks/search-field-
|
|
1
|
+
import { t as e } from "../chunks/search-field-Ci2UjkmK.js";
|
|
2
2
|
export { e as SearchField };
|
package/select/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../chunks/select-
|
|
1
|
+
import { t as e } from "../chunks/select-Du5ANE34.js";
|
|
2
2
|
export { e as Select };
|
package/table/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { a as e, i as t, n, o as r, r as i, t as a } from "../chunks/table-
|
|
1
|
+
import { a as e, i as t, n, o as r, r as i, t as a } from "../chunks/table-lU-UeRjC.js";
|
|
2
2
|
export { a as Cell, n as Column, i as Row, t as Table, e as TableBody, r as TableHeader };
|
package/textfield/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { i as e, n as t, r as n, t as r } from "../chunks/textfield-
|
|
1
|
+
import { i as e, n as t, r as n, t as r } from "../chunks/textfield-5Sw4fgE5.js";
|
|
2
2
|
export { n as Input, r as TextArea, t as TextField, e as TextFieldBase };
|
package/time-field/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../chunks/time-field-
|
|
1
|
+
import { t as e } from "../chunks/time-field-BROZiten.js";
|
|
2
2
|
export { e as TimeField };
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import '../assets/TextField.css';var e = {
|
|
2
|
-
textField: "_textField_51vk6_1",
|
|
3
|
-
bottomError: "_bottomError_51vk6_20",
|
|
4
|
-
textArea: "_textArea_51vk6_29",
|
|
5
|
-
input: "_input_51vk6_30",
|
|
6
|
-
wrap: "_wrap_51vk6_87",
|
|
7
|
-
medium: "_medium_51vk6_92",
|
|
8
|
-
passwordText: "_passwordText_51vk6_120",
|
|
9
|
-
passwordButton: "_passwordButton_51vk6_159"
|
|
10
|
-
};
|
|
11
|
-
//#endregion
|
|
12
|
-
export { e as t };
|
|
@@ -1,122 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { t as e } from "./createLucideIcon-DhIhuN5D.js";
|
|
3
|
-
import { t } from "./useLocalizedStringFormatter-bRLuRzVD.js";
|
|
4
|
-
import { n, t as r } from "./toggle-button-DlPo9GJW.js";
|
|
5
|
-
import * as i from "react";
|
|
6
|
-
import { SelectionIndicator as a } from "react-aria-components";
|
|
7
|
-
import { jsx as o, jsxs as s } from "react/jsx-runtime";
|
|
8
|
-
import { VisuallyHidden as c } from "react-aria";
|
|
9
|
-
import '../assets/color-scheme-switch.css';var l = e("laptop", [["path", {
|
|
10
|
-
d: "M18 5a2 2 0 0 1 2 2v8.526a2 2 0 0 0 .212.897l1.068 2.127a1 1 0 0 1-.9 1.45H3.62a1 1 0 0 1-.9-1.45l1.068-2.127A2 2 0 0 0 4 15.526V7a2 2 0 0 1 2-2z",
|
|
11
|
-
key: "1pdavp"
|
|
12
|
-
}], ["path", {
|
|
13
|
-
d: "M20.054 15.987H3.946",
|
|
14
|
-
key: "14rxg9"
|
|
15
|
-
}]]), u = e("moon", [["path", {
|
|
16
|
-
d: "M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401",
|
|
17
|
-
key: "kfwtm"
|
|
18
|
-
}]]), d = e("sun", [
|
|
19
|
-
["circle", {
|
|
20
|
-
cx: "12",
|
|
21
|
-
cy: "12",
|
|
22
|
-
r: "4",
|
|
23
|
-
key: "4exip2"
|
|
24
|
-
}],
|
|
25
|
-
["path", {
|
|
26
|
-
d: "M12 2v2",
|
|
27
|
-
key: "tus03m"
|
|
28
|
-
}],
|
|
29
|
-
["path", {
|
|
30
|
-
d: "M12 20v2",
|
|
31
|
-
key: "1lh1kg"
|
|
32
|
-
}],
|
|
33
|
-
["path", {
|
|
34
|
-
d: "m4.93 4.93 1.41 1.41",
|
|
35
|
-
key: "149t6j"
|
|
36
|
-
}],
|
|
37
|
-
["path", {
|
|
38
|
-
d: "m17.66 17.66 1.41 1.41",
|
|
39
|
-
key: "ptbguv"
|
|
40
|
-
}],
|
|
41
|
-
["path", {
|
|
42
|
-
d: "M2 12h2",
|
|
43
|
-
key: "1t8f8n"
|
|
44
|
-
}],
|
|
45
|
-
["path", {
|
|
46
|
-
d: "M20 12h2",
|
|
47
|
-
key: "1q8mjw"
|
|
48
|
-
}],
|
|
49
|
-
["path", {
|
|
50
|
-
d: "m6.34 17.66-1.41 1.41",
|
|
51
|
-
key: "1m8zz5"
|
|
52
|
-
}],
|
|
53
|
-
["path", {
|
|
54
|
-
d: "m19.07 4.93-1.41 1.41",
|
|
55
|
-
key: "1shlcs"
|
|
56
|
-
}]
|
|
57
|
-
]), f = {
|
|
58
|
-
button: "_button_1r8vq_1",
|
|
59
|
-
selectionIndicator: "_selectionIndicator_1r8vq_14"
|
|
60
|
-
}, p = {
|
|
61
|
-
en: {
|
|
62
|
-
darkMode: "Dark Mode",
|
|
63
|
-
lightMode: "Light Mode",
|
|
64
|
-
system: "System Setting"
|
|
65
|
-
},
|
|
66
|
-
sv: {
|
|
67
|
-
darkMode: "Mörkt läge",
|
|
68
|
-
lightMode: "Ljust läge",
|
|
69
|
-
system: "Systeminställning"
|
|
70
|
-
}
|
|
71
|
-
}, m = ({ selector: e = ":root", defaultScheme: m = "light dark", scheme: h, onSchemeChange: g, defaultValue: _, className: v }) => {
|
|
72
|
-
let [y, b] = i.useState(_ ?? /* @__PURE__ */ new Set([h ?? m])), x = h ? /* @__PURE__ */ new Set([h]) : y;
|
|
73
|
-
i.useEffect(() => {
|
|
74
|
-
let t = document.querySelector(e);
|
|
75
|
-
if (t) {
|
|
76
|
-
let e = Array.from(x).join(" ");
|
|
77
|
-
t.style.removeProperty("color-scheme"), e === "light dark" ? delete t.dataset.colorScheme : t.dataset.colorScheme = e;
|
|
78
|
-
} else console.warn(`No element found for selector: "${e}"`);
|
|
79
|
-
}, [x, e]);
|
|
80
|
-
let S = t(p);
|
|
81
|
-
return /* @__PURE__ */ s(r, {
|
|
82
|
-
selectionMode: "single",
|
|
83
|
-
selectedKeys: x,
|
|
84
|
-
onSelectionChange: (e) => {
|
|
85
|
-
let t = Array.from(e)[0];
|
|
86
|
-
b(e), g?.(t);
|
|
87
|
-
},
|
|
88
|
-
disallowEmptySelection: !0,
|
|
89
|
-
className: v,
|
|
90
|
-
children: [
|
|
91
|
-
/* @__PURE__ */ s(n, {
|
|
92
|
-
id: "light dark",
|
|
93
|
-
className: f.button,
|
|
94
|
-
children: [
|
|
95
|
-
/* @__PURE__ */ o(l, {}),
|
|
96
|
-
/* @__PURE__ */ o(c, { children: S.format("system") }),
|
|
97
|
-
/* @__PURE__ */ o(a, { className: f.selectionIndicator })
|
|
98
|
-
]
|
|
99
|
-
}),
|
|
100
|
-
/* @__PURE__ */ s(n, {
|
|
101
|
-
id: "light",
|
|
102
|
-
className: f.button,
|
|
103
|
-
children: [
|
|
104
|
-
/* @__PURE__ */ o(d, {}),
|
|
105
|
-
/* @__PURE__ */ o(c, { children: S.format("lightMode") }),
|
|
106
|
-
/* @__PURE__ */ o(a, { className: f.selectionIndicator })
|
|
107
|
-
]
|
|
108
|
-
}),
|
|
109
|
-
/* @__PURE__ */ s(n, {
|
|
110
|
-
id: "dark",
|
|
111
|
-
className: f.button,
|
|
112
|
-
children: [
|
|
113
|
-
/* @__PURE__ */ o(u, {}),
|
|
114
|
-
/* @__PURE__ */ o(c, { children: S.format("darkMode") }),
|
|
115
|
-
/* @__PURE__ */ o(a, { className: f.selectionIndicator })
|
|
116
|
-
]
|
|
117
|
-
})
|
|
118
|
-
]
|
|
119
|
-
});
|
|
120
|
-
};
|
|
121
|
-
//#endregion
|
|
122
|
-
export { m as t };
|