@midas-ds/components 17.10.2 → 17.10.4
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 +19 -0
- package/assets/Card.css +1 -1
- package/assets/Checkbox.css +1 -1
- package/assets/DateField.css +1 -1
- package/assets/RangeCalendar.css +1 -1
- package/assets/Select.css +1 -1
- package/calendar/index.js +1 -1
- package/card/Card.stories.d.ts +1 -0
- package/card/index.js +1 -1
- package/checkbox/index.js +2 -2
- package/chunks/Card-Br5b9Esq.js +130 -0
- package/chunks/{Checkbox-DSW-_Qpm.js → Checkbox-CwzV5QbM.js} +18 -18
- package/chunks/{CheckboxGroup-DteJIgnR.js → CheckboxGroup-CF_3F36J.js} +1 -1
- package/chunks/DateField-PU7fIO8a.js +91 -0
- package/chunks/{DateRangePicker-5E41DzGI.js → DateRangePicker-Bajjd11G.js} +1 -1
- package/chunks/{RangeCalendar-DL6cCjH3.js → RangeCalendar-BWmKW5Zf.js} +12 -12
- package/chunks/{Select-B3-XfS49.js → Select-f8zIb0kP.js} +52 -47
- package/chunks/{Table-BpVSZ3aM.js → Table-BUxwddHW.js} +1 -1
- package/date-field/index.js +1 -1
- package/date-picker/index.js +1 -1
- package/index.js +9 -9
- package/package.json +2 -2
- package/select/index.js +1 -1
- package/table/index.js +1 -1
- package/chunks/Card-CVwiT9zm.js +0 -130
- package/chunks/DateField-Bwis4G2o.js +0 -91
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,22 @@
|
|
|
1
|
+
## 17.10.4 (2026-03-26)
|
|
2
|
+
|
|
3
|
+
### 🩹 Fixes
|
|
4
|
+
|
|
5
|
+
- **components,checkbox:** replace :hover with [data-hovered] in compound states ([c4ea630b64](https://github.com/migrationsverket/midas/commit/c4ea630b64))
|
|
6
|
+
- **components, card:** add data-hovered selector for links ([aac30dc97f](https://github.com/migrationsverket/midas/commit/aac30dc97f))
|
|
7
|
+
- **components, select:** use data-hovered selector for buttons ([449cef9b27](https://github.com/migrationsverket/midas/commit/449cef9b27))
|
|
8
|
+
- **components, calendar:** use data-hovered selector for month buttons ([ee12d1434d](https://github.com/migrationsverket/midas/commit/ee12d1434d))
|
|
9
|
+
|
|
10
|
+
### 🧱 Updated Dependencies
|
|
11
|
+
|
|
12
|
+
- Updated theme to 3.12.14
|
|
13
|
+
|
|
14
|
+
## 17.10.3 (2026-03-26)
|
|
15
|
+
|
|
16
|
+
### 🩹 Fixes
|
|
17
|
+
|
|
18
|
+
- **components,date-field:** replace :hover with data-hovered on date segments ([b3746d7ba4](https://github.com/migrationsverket/midas/commit/b3746d7ba4))
|
|
19
|
+
|
|
1
20
|
## 17.10.2 (2026-03-26)
|
|
2
21
|
|
|
3
22
|
### 🩹 Fixes
|
package/assets/Card.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._card_iue4c_1{font-family:var(--midas-typography-font-family);position:relative;background-color:var(--midas-layer-01-base);border-bottom:1px solid var(--midas-border-color-secondary)}@media(forced-colors:active){._card_iue4c_1{border:1px solid}}._card_iue4c_1._horizontal_iue4c_11{display:flex;flex-flow:row wrap}._card_iue4c_1:has(._cardLink_iue4c_16[data-hovered]){background-color:var(--midas-layer-01-hover)}@media(hover:hover){._card_iue4c_1:has(._cardLink_iue4c_16:hover){background-color:var(--midas-layer-01-hover)}}._cardContent_iue4c_27{padding:1rem;display:flex;flex-direction:column;gap:.5rem 1rem;flex-grow:1}._cardContent_iue4c_27._horizontal_iue4c_11{padding:.5rem 1rem;flex-direction:row;align-items:center;column-gap:1rem}._cardContent_iue4c_27+._cardContent_iue4c_27{padding-top:.5rem}._cardActions_iue4c_46{display:flex;flex-direction:row;gap:.5rem}._cardActions_iue4c_46._horizontal_iue4c_11{margin-left:auto}._cardActionArea_iue4c_56{border:0;padding:0;text-align:unset;background-color:unset;cursor:pointer;width:100%}._cardActionArea_iue4c_56[data-hovered]{background-color:var(--midas-button-icon-hover)}._cardActionArea_iue4c_56[data-pressed]{background-color:var(--midas-button-icon-active)}._cardActionArea_iue4c_56:focus{outline:none}._cardActionArea_iue4c_56[data-focused]{box-shadow:var(--midas-state-focus)}@media(forced-colors:active){._cardActionArea_iue4c_56[data-focused]{outline:2px solid highlight}}._cardActionArea_iue4c_56+._cardContent_iue4c_27{padding-top:.5rem}._cardImage_iue4c_89{max-width:100%;height:auto}._cardImage_iue4c_89._horizontal_iue4c_11{max-width:unset}._cardLink_iue4c_16{display:flex;justify-content:space-between;align-items:center;text-decoration:none}._cardLink_iue4c_16[data-focused],._cardLink_iue4c_16:focus{outline:none;box-shadow:var(--midas-state-focus)}@media(forced-colors:active){._cardLink_iue4c_16[data-focused],._cardLink_iue4c_16:focus{outline:2px solid highlight}}._cardLink_iue4c_16:after{position:absolute;inset:0;z-index:var(--midas-z-index-base);content:""}._cardLink_iue4c_16 ._cardLinkIcon_iue4c_121{color:var(--midas-icon-primary)}
|
package/assets/Checkbox.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._checkboxInner_kjlcp_1{--border-color: var(--midas-border-color-primary);display:flex;width:var(--midas-size-icon);height:var(--midas-size-icon);box-sizing:border-box;border:1px solid var(--border-color);transition:background-color 50ms,border-color 50ms}._checkboxInner_kjlcp_1[data-readonly]{--border-color: var(--midas-border-color-subtle)}._checkboxInner_kjlcp_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_kjlcp_1[data-selected] svg path,._checkbox_kjlcp_1[data-indeterminate] svg path{stroke-dashoffset:0}._checkbox_kjlcp_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_kjlcp_1[data-focus-visible],._checkbox_kjlcp_1:focus-visible{box-shadow:var(--midas-state-focus);outline:none}@media(forced-colors:active){._checkbox_kjlcp_1[data-focus-visible],._checkbox_kjlcp_1:focus-visible{outline:var(--midas-state-focus-contrast-mode-outline) solid;outline-offset:var(--midas-state-focus-contrast-mode-offset)}}._checkbox_kjlcp_1[data-hovered] ._checkboxInner_kjlcp_1{border-color:var(--checkbox-hover-color)}._checkbox_kjlcp_1[data-pressed] ._checkboxInner_kjlcp_1{border-color:var(--checkbox-active-color)}._checkbox_kjlcp_1[data-selected] ._checkboxInner_kjlcp_1,._checkbox_kjlcp_1[data-indeterminate] ._checkboxInner_kjlcp_1{background:var(--checkbox-base-color);border-color:var(--checkbox-base-color)}._checkbox_kjlcp_1[data-selected][data-hovered] ._checkboxInner_kjlcp_1,._checkbox_kjlcp_1[data-indeterminate][data-hovered] ._checkboxInner_kjlcp_1{background:var(--checkbox-hover-color);border-color:var(--checkbox-hover-color)}._checkbox_kjlcp_1[data-selected][data-pressed] ._checkboxInner_kjlcp_1,._checkbox_kjlcp_1[data-indeterminate][data-pressed] ._checkboxInner_kjlcp_1{background:var(--checkbox-active-color);border-color:var(--checkbox-active-color)}._checkbox_kjlcp_1[data-invalid] ._checkboxInner_kjlcp_1{outline:2px solid var(--checkbox-warning-border);outline-offset:-2px}._checkbox_kjlcp_1[data-invalid][data-hovered] ._checkboxInner_kjlcp_1{opacity:.5;transition:opacity 50ms ease}._checkbox_kjlcp_1[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed}._checkbox_kjlcp_1[data-disabled] ._checkboxInner_kjlcp_1{pointer-events:none;border:1px solid var(--checkbox-disabled-border)}._checkbox_kjlcp_1[data-disabled][data-selected] ._checkboxInner_kjlcp_1,._checkbox_kjlcp_1[data-disabled][data-indeterminate] ._checkboxInner_kjlcp_1{background:var(--checkbox-disabled-background)}._checkbox_kjlcp_1[data-readonly],._checkbox_kjlcp_1[data-readonly][data-indeterminate],._checkbox_kjlcp_1[data-readonly][data-selected]{pointer-events:none;background-color:transparent;border-color:var(--checkbox-readonly-border)}:is(._checkbox_kjlcp_1[data-readonly],._checkbox_kjlcp_1[data-readonly][data-indeterminate],._checkbox_kjlcp_1[data-readonly][data-selected]) ._checkboxInner_kjlcp_1{border-color:var(--checkbox-readonly-border);background:transparent}:is(._checkbox_kjlcp_1[data-readonly],._checkbox_kjlcp_1[data-readonly][data-indeterminate],._checkbox_kjlcp_1[data-readonly][data-selected]) svg{stroke:currentColor}._checkboxGroup_kjlcp_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_kjlcp_144[data-disabled]{color:var(--midas-text-disabled)}._checkboxGroup_kjlcp_144 ._checkboxList_kjlcp_155{display:flex;flex-direction:column;gap:var(--midas-space-small)}@media(max-width:479px){._checkboxGroup_kjlcp_144 ._checkbox_kjlcp_1{padding:var(--midas-space-70) var(--midas-space-medium);border:1px solid var(--midas-border-color-primary);width:auto}._checkboxGroup_kjlcp_144 ._checkbox_kjlcp_1[data-hovered]{background-color:var(--midas-layer-01-hover)}._checkboxGroup_kjlcp_144 ._checkbox_kjlcp_1[data-invalid]{border:2px solid var(--checkbox-warning-border)}._checkboxGroup_kjlcp_144 ._checkbox_kjlcp_1[data-disabled]{border-color:var(--checkbox-disabled-border);pointer-events:none}._checkboxGroup_kjlcp_144 ._checkbox_kjlcp_1[data-readonly]{border-color:var(--checkbox-readonly-border)}}@media(forced-colors:active){._checkbox_kjlcp_1[data-hovered] ._checkboxInner_kjlcp_1,._checkbox_kjlcp_1[data-selected] ._checkboxInner_kjlcp_1,._checkbox_kjlcp_1[data-indeterminate] ._checkboxInner_kjlcp_1{border-color:SelectedItem}._checkbox_kjlcp_1[data-selected] ._checkboxInner_kjlcp_1,._checkbox_kjlcp_1[data-indeterminate] ._checkboxInner_kjlcp_1{background:SelectedItem}._checkbox_kjlcp_1[data-disabled]{color:GrayText}._checkbox_kjlcp_1[data-disabled] ._checkboxInner_kjlcp_1{border-color:GrayText}._checkbox_kjlcp_1[data-disabled][data-selected] ._checkboxInner_kjlcp_1,._checkbox_kjlcp_1[data-disabled][data-indeterminate] ._checkboxInner_kjlcp_1{background:GrayText}}@media(prefers-reduced-motion){._checkboxInner_kjlcp_1 svg path{transition:none}}
|
package/assets/DateField.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._dateField_1ejwm_1{font-family:var(--midas-typography-font-family);display:flex;flex-direction:column;align-items:flex-start}._dateField_1ejwm_1[data-readonly] ._inputField_1ejwm_7{background-color:transparent;border-bottom-color:var(--midas-border-color-subtle)}._dateField_1ejwm_1[data-disabled] ._inputField_1ejwm_7{color:var(--midas-text-disabled);cursor:not-allowed;border-bottom-color:var(--midas-border-color-disabled);background-color:var(--midas-field-disabled)}._dateField_1ejwm_1[data-invalid] ._inputField_1ejwm_7{border:none;box-shadow:var(--midas-state-invalid)}._inputField_1ejwm_7{box-sizing:border-box;width:100%;min-height:var(--midas-size-control);display:flex;justify-content:space-between;align-items:center;background-color:var(--midas-field-01-base);border:1px solid transparent;border-bottom-color:var(--midas-border-color-primary);padding:0 0 0 1rem;position:relative}._inputField_1ejwm_7._medium_1ejwm_38{min-height:var(--midas-size-control-md)}._dateField_1ejwm_1:not([data-disabled],[data-readonly]) ._inputField_1ejwm_7 [data-hovered]{background-color:var(--midas-field-01-hover)}._clearButton_1ejwm_47{border:none;background-color:transparent}@media(forced-colors:active){._inputField_1ejwm_7{border:1px solid var(--midas-border-color-primary)}}
|
package/assets/RangeCalendar.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._container_1os47_1{display:inline-flex;flex-direction:column}._calendar_1os47_6{padding:.5rem;background-color:var(--midas-layer-01-base);font-family:var(--midas-typography-font-family);display:inline-block;flex-direction:column;align-items:center;margin:auto;color:var(--midas-text-primary)}._calendar_1os47_6 *{background:unset;color:unset;padding:unset;border:unset}._calendar_1os47_6 table{display:table;border-collapse:separate;border-spacing:0 2px}._calendar_1os47_6 thead tr,._calendar_1os47_6 tbody tr{background-color:unset}._calendar_1os47_6 th,._calendar_1os47_6 ._day_1os47_28{text-align:center;width:var(--midas-size-control-md);height:var(--midas-size-control-md);box-sizing:border-box}._calendar_1os47_6 th{font-weight:500;padding:.625rem 0;line-height:initial}._calendar_1os47_6 ._day_1os47_28{display:flex;align-items:center;justify-content:center}._calendar_1os47_6 [data-unavailable]{color:var(--midas-text-disabled)}._calendar_1os47_6 div:focus-visible{outline:none}._calendar_1os47_6 div[data-focus-visible]{outline:none;box-shadow:var(--midas-state-focus-inset)}@media(forced-colors:active){._calendar_1os47_6 div[data-focus-visible]{outline:3px solid Highlight;outline-offset:2px}}._calendar_1os47_6[data-disabled=true],._calendar_1os47_6[data-disabled=true] button{cursor:not-allowed;color:var(--midas-text-disabled)}._calendar_1os47_6[data-invalid]{border:2px solid var(--midas-support-border-warning)}@media(forced-colors:active){._calendar_1os47_6{border:2px solid}}._calendar_1os47_6[data-readonly]{background-color:transparent}._header_1os47_92{display:flex;align-items:center;justify-content:space-between}._header_1os47_92 button{border:none;color:var(--midas-text-primary);padding:.5rem;background-color:var(--midas-layer-01-base);cursor:pointer}._header_1os47_92 button[data-hovered]:not([data-disabled]){background-color:var(--midas-field-01-hover)}._header_1os47_92 button:focus-visible,._header_1os47_92 button[data-focus-visible]{outline:none;box-shadow:var(--midas-state-focus)}@media(forced-colors:active){._header_1os47_92 button:focus-visible,._header_1os47_92 button[data-focus-visible]{outline:3px solid;outline-offset:2px}}._header_1os47_92 button[data-readonly]{background-color:transparent}._header_1os47_92 [data-disabled]{color:var(--midas-text-disabled)}._day_1os47_28{border:solid 1px var(--midas-layer-01-base);cursor:pointer}._day_1os47_28[data-hovered]:not([data-unavailable],[data-disabled],[data-selected]){background-color:var(--midas-field-01-hover);border-color:var(--midas-field-01-hover)}._day_1os47_28[data-selected=true]{color:var(--midas-text-inverse);background-color:var(--midas-calendar-date-background-selected);border-color:var(--midas-calendar-date-background-selected)}@media(forced-colors:active){._day_1os47_28[data-selected=true]{background-color:SelectedItem}}._day_1os47_28[data-readonly]{pointer-events:none;border-color:transparent}._day_1os47_28[data-readonly][data-selected]{background-color:transparent;border-color:var(--midas-border-color-primary);color:var(--midas-text-primary)}._day_1os47_28._range_1os47_159[data-selected=true]{color:var(--midas-text-primary);background-color:var(--midas-calendar-date-background-in-range);border-left:none;border-right:none;border-top:1px solid var(--midas-border-color-tertiary);border-bottom:1px solid var(--midas-border-color-tertiary)}@media(forced-colors:active){._day_1os47_28._range_1os47_159[data-selected=true]{background-color:Mark}}._day_1os47_28._range_1os47_159[data-selection-start]:not([data-outside-month]){color:var(--midas-text-inverse);background-color:var(--midas-calendar-date-background-start-range);border-color:var(--midas-calendar-date-background-start-range);border-style:solid}@media(forced-colors:active){._day_1os47_28._range_1os47_159[data-selection-start]:not([data-outside-month]){background-color:SelectedItem}}._day_1os47_28._range_1os47_159[data-selection-end]:not([data-outside-month]){color:var(--midas-text-inverse);background-color:var(--midas-calendar-date-background-end-range);border-color:var(--midas-calendar-date-background-end-range);border-style:solid}@media(forced-colors:active){._day_1os47_28._range_1os47_159[data-selection-end]:not([data-outside-month]){background-color:SelectedItem}}._day_1os47_28._range_1os47_159[data-readonly]{pointer-events:none}._day_1os47_28._range_1os47_159[data-readonly][data-selected]{background-color:transparent;border-color:var(--midas-border-color-subtle);color:var(--midas-text-primary)}._day_1os47_28._range_1os47_159[data-readonly][data-selection-start]:not([data-outside-month]),._day_1os47_28._range_1os47_159[data-readonly][data-selection-end]:not([data-outside-month]){background-color:transparent;border-color:var(--midas-border-color-primary);color:var(--midas-text-primary)}._day_1os47_28[data-disabled],._day_1os47_28[data-unavailable]{color:var(--midas-text-disabled);cursor:not-allowed}@media(forced-colors:active){._day_1os47_28[data-disabled],._day_1os47_28[data-unavailable]{color:GrayText}}._day_1os47_28[data-today]{text-decoration:underline;text-underline-offset:3px}._day_1os47_28[data-outside-month=true]{color:var(--midas-text-disabled)}
|
package/assets/Select.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._select_1vj7t_1{display:flex;flex-direction:column;align-self:stretch}._triggerContainer_1vj7t_7{display:flex;flex-direction:column;position:relative}._trigger_1vj7t_7{align-items:center;background-color:var(--midas-field-01-base);border:none;border-bottom:1px solid var(--midas-border-color-primary);border-radius:0;color:var(--midas-text-primary);display:flex;font-size:var(--midas-typography-font-size-30);gap:var(--midas-space-xsmall);justify-content:space-between;min-height:var(--midas-size-control);padding-left:var(--midas-space-medium);padding-right:var(--midas-space-medium);transition:all var(--midas-transition-duration-instant) var(--midas-transition-timing-ease-in)}._trigger_1vj7t_7._medium_1vj7t_30{min-height:var(--midas-size-control-md)}._trigger_1vj7t_7:focus-visible{outline:none;box-shadow:var(--midas-state-focus);transition:all var(--midas-transition-duration-instant) var(--midas-transition-timing-ease-out)}@media(forced-colors:active){._trigger_1vj7t_7:focus-visible{outline:3px solid highlight;outline-offset:2px}}._trigger_1vj7t_7[data-hovered]{background-color:var(--midas-field-01-hover);cursor:pointer}._trigger_1vj7t_7[data-disabled]{cursor:not-allowed;background:var(--midas-field-disabled);color:var(--midas-text-disabled);border-color:var(--midas-border-color-disabled)}._trigger_1vj7t_7[data-invalid]:not(:focus-visible){border:none;box-shadow:var(--midas-state-invalid)}@media(forced-colors:active){._trigger_1vj7t_7[data-invalid]:not(:focus-visible){border:5px solid Highlight!important}}._trigger_1vj7t_7[aria-expanded=true] ._icon_1vj7t_68{transform:rotate(180deg)}._selectValue_1vj7t_74{color:var(--midas-text-primary);font-family:var(--midas-typography-font-family);line-height:var(--midas-typography-line-height-30);max-width:calc(100% - var(--midas-space-150))}._selectValue_1vj7t_74 ._placeholder_1vj7t_80{display:flex}._selectValue_1vj7t_74[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed}._multiSelectValue_1vj7t_90{pointer-events:none;color:var(--midas-text-primary);font-family:var(--midas-typography-font-family);line-height:var(--midas-typography-line-height-30);position:absolute;top:50%;transform:translateY(-50%);max-width:calc(100% - var(--midas-space-150))}._multiSelectValue_1vj7t_90 ._placeholder_1vj7t_80{align-items:center;display:flex;justify-content:center;left:var(--midas-space-medium);position:relative}._multiSelectValue_1vj7t_90[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed}._selectValueTag_1vj7t_114{align-items:center;background-color:var(--midas-button-background-primary-base);border-radius:1.25rem;color:var(--midas-text-on-color);display:flex;font-size:.875rem;justify-content:center;left:var(--midas-space-small);min-height:1.75rem;padding:0 .5rem;pointer-events:all;position:relative}._selectValueTag_1vj7t_114:has(._clearButton_1vj7t_128){padding-right:0}._selectValueTag_1vj7t_114[data-disabled]{background-color:var(--midas-field-disabled);border:1px solid var(--midas-border-color-disabled);color:var(--midas-text-disabled);pointer-events:none}._truncate_1vj7t_140{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._clearButton_1vj7t_128{background-color:var(--midas-button-background-primary-base);border:none;border-radius:100%;color:var(--midas-text-on-color);display:flex;margin-left:var(--midas-space-10);padding:var(--midas-space-30)}._clearButton_1vj7t_128[data-hovered]{background-color:var(--midas-button-background-primary-hover);cursor:pointer}._clearButton_1vj7t_128[data-disabled]{background-color:var(--midas-button-background-disabled);color:var(--midas-text-disabled);pointer-events:none}._clearButton_1vj7t_128:focus-visible{box-shadow:var(--midas-state-focus);outline:none}@media(forced-colors:active){._clearButton_1vj7t_128:focus-visible{outline:3px solid highlight;outline-offset:2px}}._popover_1vj7t_177{font-size:var(--midas-typography-font-size-30);padding:0}._popover_1vj7t_177 :focus{outline:none}._popover_1vj7t_177[data-trigger=Select]{min-width:var(--trigger-width);opacity:1;transition:opacity var(--midas-transition-duration-quick) var(--midas-transition-timing-ease-out)}._popover_1vj7t_177[data-trigger=Select][data-entering]{opacity:0}._popover_1vj7t_177[data-trigger=Select][data-exiting]{opacity:0;transition-timing-function:var(--midas-transition-timing-ease-in)}._popover_1vj7t_177 ._selectAll_1vj7t_205{width:100%;box-sizing:border-box;background-color:var(--midas-layer-01-base);color:var(--midas-text-primary);display:flex;font-family:var(--midas-typography-font-family);line-height:1;margin-bottom:2px!important;padding:var(--midas-space-medium)}._popover_1vj7t_177 ._selectAll_1vj7t_205[data-hovered]:not([data-disabled]){background-color:var(--midas-layer-01-hover);cursor:pointer}._popover_1vj7t_177 ._selectAll_1vj7t_205[data-hovered]:not([data-disabled]) div{border-color:var(--midas-text-primary)}._popover_1vj7t_177 ._selectAll_1vj7t_205[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed}._popover_1vj7t_177 ._selectAll_1vj7t_205[data-selected]{background-color:var(--midas-layer-01-selected-hover)}._popover_1vj7t_177 ._selectAll_1vj7t_205[data-selected][data-hovered]:not([data-disabled]){background-color:var(--midas-layer-01-selected-hover)}._popover_1vj7t_177 ._selectAll_1vj7t_205[data-selected][data-hovered]:not([data-disabled]) div{border-color:transparent}._popover_1vj7t_177 ._selectAll_1vj7t_205[data-focused]{outline:none;box-shadow:none}@media(forced-colors:active){._popover_1vj7t_177 ._selectAll_1vj7t_205[data-focused]{outline:var(--midas-state-focus-contrast-mode-outline) solid highlight!important;outline-offset:calc(var(--midas-state-focus-contrast-mode-outline) * -1)}}._popover_1vj7t_177 ._selectAll_1vj7t_205[data-focus-visible]{box-shadow:var(--midas-state-focus-inset);outline:none}._popover_1vj7t_177 ._selectAll_1vj7t_205[data-hovered] div{border-color:var(--midas-button-background-primary-hover)}._icon_1vj7t_68{display:flex;transition:transform var(--midas-transition-duration-normal) var(--midas-transition-timing-ease-in-out)}._tagGroup_1vj7t_271{margin-top:var(--midas-space-small)}@media(prefers-reduced-motion){._trigger_1vj7t_7,._popover_1vj7t_177[data-trigger=Select],._icon_1vj7t_68{transition:none}}
|
package/calendar/index.js
CHANGED
package/card/Card.stories.d.ts
CHANGED
|
@@ -8,5 +8,6 @@ export declare const Horizontal: Story;
|
|
|
8
8
|
export declare const WithActions: Story;
|
|
9
9
|
export declare const WithPrimaryAction: Story;
|
|
10
10
|
export declare const WithLink: Story;
|
|
11
|
+
export declare const WithCustomLink: Story;
|
|
11
12
|
export declare const WithImage: Story;
|
|
12
13
|
export declare const WithContainedImage: Story;
|
package/card/index.js
CHANGED
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-CwzV5QbM.js";
|
|
2
|
+
import { C } from "../chunks/CheckboxGroup-CF_3F36J.js";
|
|
3
3
|
export {
|
|
4
4
|
e as Checkbox,
|
|
5
5
|
C as CheckboxGroup
|
|
@@ -0,0 +1,130 @@
|
|
|
1
|
+
import { jsx as n, jsxs as l } from "react/jsx-runtime";
|
|
2
|
+
import { c as r } from "./clsx-AexbMWKp.js";
|
|
3
|
+
import * as s from "react";
|
|
4
|
+
import { H as m } from "./Heading-nfcRc2QF.js";
|
|
5
|
+
import { Button as _, Link as u } from "react-aria-components";
|
|
6
|
+
import { A as C } from "./arrow-right-BVcFGZmy.js";
|
|
7
|
+
import '../assets/Card.css';const A = "_card_iue4c_1", h = "_horizontal_iue4c_11", I = "_cardLink_iue4c_16", x = "_cardContent_iue4c_27", z = "_cardActions_iue4c_46", k = "_cardActionArea_iue4c_56", p = "_cardImage_iue4c_89", L = "_cardLinkIcon_iue4c_121", o = {
|
|
8
|
+
card: A,
|
|
9
|
+
horizontal: h,
|
|
10
|
+
cardLink: I,
|
|
11
|
+
cardContent: x,
|
|
12
|
+
cardActions: z,
|
|
13
|
+
cardActionArea: k,
|
|
14
|
+
cardImage: p,
|
|
15
|
+
cardLinkIcon: L
|
|
16
|
+
}, i = s.createContext({
|
|
17
|
+
horizontal: void 0,
|
|
18
|
+
titleId: void 0
|
|
19
|
+
}), y = ({
|
|
20
|
+
horizontal: a,
|
|
21
|
+
className: c,
|
|
22
|
+
children: t,
|
|
23
|
+
...e
|
|
24
|
+
}) => {
|
|
25
|
+
const d = `card-title-${s.useId()}`;
|
|
26
|
+
return /* @__PURE__ */ n(i.Provider, { value: { horizontal: a, titleId: d }, children: /* @__PURE__ */ n(
|
|
27
|
+
"div",
|
|
28
|
+
{
|
|
29
|
+
...e,
|
|
30
|
+
className: r(
|
|
31
|
+
o.card,
|
|
32
|
+
a && o.horizontal,
|
|
33
|
+
c
|
|
34
|
+
),
|
|
35
|
+
children: t
|
|
36
|
+
}
|
|
37
|
+
) });
|
|
38
|
+
}, H = ({
|
|
39
|
+
children: a,
|
|
40
|
+
...c
|
|
41
|
+
}) => {
|
|
42
|
+
const { horizontal: t } = s.useContext(i);
|
|
43
|
+
return /* @__PURE__ */ n(
|
|
44
|
+
"div",
|
|
45
|
+
{
|
|
46
|
+
...c,
|
|
47
|
+
className: r(o.cardContent, t && o.horizontal),
|
|
48
|
+
children: a
|
|
49
|
+
}
|
|
50
|
+
);
|
|
51
|
+
}, R = ({
|
|
52
|
+
elementType: a = "h2",
|
|
53
|
+
children: c
|
|
54
|
+
}) => {
|
|
55
|
+
const { horizontal: t, titleId: e } = s.useContext(i);
|
|
56
|
+
return /* @__PURE__ */ n(
|
|
57
|
+
m,
|
|
58
|
+
{
|
|
59
|
+
level: t ? 5 : 3,
|
|
60
|
+
elementType: a,
|
|
61
|
+
isExpressive: t,
|
|
62
|
+
className: r(o.cardTitle, t && o.horizontal),
|
|
63
|
+
id: e,
|
|
64
|
+
children: c
|
|
65
|
+
}
|
|
66
|
+
);
|
|
67
|
+
}, T = ({
|
|
68
|
+
children: a,
|
|
69
|
+
...c
|
|
70
|
+
}) => {
|
|
71
|
+
const { horizontal: t } = s.useContext(i);
|
|
72
|
+
return /* @__PURE__ */ n(
|
|
73
|
+
"div",
|
|
74
|
+
{
|
|
75
|
+
...c,
|
|
76
|
+
className: r(o.cardActions, t && o.horizontal),
|
|
77
|
+
children: a
|
|
78
|
+
}
|
|
79
|
+
);
|
|
80
|
+
}, w = ({ children: a, className: c, ...t }) => {
|
|
81
|
+
const { titleId: e } = s.useContext(i);
|
|
82
|
+
return /* @__PURE__ */ n(
|
|
83
|
+
_,
|
|
84
|
+
{
|
|
85
|
+
...t,
|
|
86
|
+
"aria-labelledby": e,
|
|
87
|
+
className: r(o.cardActionArea, c),
|
|
88
|
+
children: a
|
|
89
|
+
}
|
|
90
|
+
);
|
|
91
|
+
}, B = ({
|
|
92
|
+
as: a = "img",
|
|
93
|
+
className: c,
|
|
94
|
+
...t
|
|
95
|
+
}) => /* @__PURE__ */ n(
|
|
96
|
+
a,
|
|
97
|
+
{
|
|
98
|
+
...t,
|
|
99
|
+
className: r(o.cardImage, c)
|
|
100
|
+
}
|
|
101
|
+
), E = ({
|
|
102
|
+
children: a,
|
|
103
|
+
as: c,
|
|
104
|
+
...t
|
|
105
|
+
}) => /* @__PURE__ */ l(
|
|
106
|
+
c || u,
|
|
107
|
+
{
|
|
108
|
+
...t,
|
|
109
|
+
className: r(o.cardLink, t.className),
|
|
110
|
+
children: [
|
|
111
|
+
a,
|
|
112
|
+
/* @__PURE__ */ n(
|
|
113
|
+
C,
|
|
114
|
+
{
|
|
115
|
+
className: o.cardLinkIcon,
|
|
116
|
+
size: 24
|
|
117
|
+
}
|
|
118
|
+
)
|
|
119
|
+
]
|
|
120
|
+
}
|
|
121
|
+
);
|
|
122
|
+
export {
|
|
123
|
+
y as C,
|
|
124
|
+
w as a,
|
|
125
|
+
T as b,
|
|
126
|
+
H as c,
|
|
127
|
+
B as d,
|
|
128
|
+
E as e,
|
|
129
|
+
R as f
|
|
130
|
+
};
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { jsxs as L, jsx as t } from "react/jsx-runtime";
|
|
2
|
-
import S, { forwardRef as l, useContext as H, useRef as
|
|
2
|
+
import S, { forwardRef as l, useContext as H, useRef as z } 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 k } 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_kjlcp_1", $ = "_checkbox_kjlcp_1", ee = "_checkboxGroup_kjlcp_144", oe = "_checkboxList_kjlcp_155", m = {
|
|
11
11
|
checkboxInner: Z,
|
|
12
12
|
checkbox: $,
|
|
13
13
|
checkboxGroup: ee,
|
|
@@ -23,43 +23,43 @@ import '../assets/Checkbox.css';const W = [["path", { d: "M5 12h14", key: "1ays0
|
|
|
23
23
|
isSelected: r,
|
|
24
24
|
isIndeterminate: s,
|
|
25
25
|
isDisabled: d,
|
|
26
|
-
isInvalid:
|
|
27
|
-
isReadOnly:
|
|
26
|
+
isInvalid: C,
|
|
27
|
+
isReadOnly: f,
|
|
28
28
|
isRequired: _,
|
|
29
29
|
inputProps: p,
|
|
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: j, 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(m.checkbox, a),
|
|
41
41
|
"data-hovered": P || void 0,
|
|
42
42
|
"data-selected": r || void 0,
|
|
43
43
|
"data-indeterminate": s || void 0,
|
|
44
44
|
"data-pressed": N || void 0,
|
|
45
45
|
"data-disabled": d || void 0,
|
|
46
|
-
"data-readonly":
|
|
47
|
-
"data-invalid":
|
|
48
|
-
"data-focused":
|
|
46
|
+
"data-readonly": f || void 0,
|
|
47
|
+
"data-invalid": C || void 0,
|
|
48
|
+
"data-focused": j || 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(m.checkboxInner), children: s ? /* @__PURE__ */ t(
|
|
53
53
|
X,
|
|
54
54
|
{
|
|
55
55
|
size: 14,
|
|
56
|
-
color:
|
|
56
|
+
color: k.iconOnColor
|
|
57
57
|
}
|
|
58
58
|
) : /* @__PURE__ */ t(
|
|
59
59
|
Q,
|
|
60
60
|
{
|
|
61
61
|
size: 14,
|
|
62
|
-
color:
|
|
62
|
+
color: k.iconOnColor
|
|
63
63
|
}
|
|
64
64
|
) }),
|
|
65
65
|
/* @__PURE__ */ t(D, { children: /* @__PURE__ */ t(
|
|
@@ -76,7 +76,7 @@ import '../assets/Checkbox.css';const W = [["path", { d: "M5 12h14", key: "1ays0
|
|
|
76
76
|
}
|
|
77
77
|
);
|
|
78
78
|
u.displayName = "CheckboxInner";
|
|
79
|
-
const
|
|
79
|
+
const b = l((e, o) => {
|
|
80
80
|
const c = M(
|
|
81
81
|
{
|
|
82
82
|
...e,
|
|
@@ -94,7 +94,7 @@ const k = l((e, o) => {
|
|
|
94
94
|
}
|
|
95
95
|
);
|
|
96
96
|
});
|
|
97
|
-
|
|
97
|
+
b.displayName = "CheckBoxGroupItem";
|
|
98
98
|
const v = l((e, o) => {
|
|
99
99
|
const c = O(e, U(e), e.inputRef);
|
|
100
100
|
return /* @__PURE__ */ t(
|
|
@@ -110,12 +110,12 @@ v.displayName = "SingleCheckbox";
|
|
|
110
110
|
const te = l(
|
|
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 = z(null), r = V(e), s = q({
|
|
114
114
|
ref: o,
|
|
115
115
|
isDisabled: e.isDisabled
|
|
116
116
|
}), d = w();
|
|
117
117
|
return n ? /* @__PURE__ */ t(
|
|
118
|
-
|
|
118
|
+
b,
|
|
119
119
|
{
|
|
120
120
|
...e,
|
|
121
121
|
state: n,
|
|
@@ -142,5 +142,5 @@ te.displayName = "Checkbox";
|
|
|
142
142
|
export {
|
|
143
143
|
te as C,
|
|
144
144
|
Y as a,
|
|
145
|
-
|
|
145
|
+
m 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-Cg0aAlnt.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-CwzV5QbM.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";
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
import { jsxs as p, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import * as h from "react";
|
|
3
|
+
import { DateField as D, DateFieldStateContext as x } from "react-aria-components";
|
|
4
|
+
import { c as d } from "./clsx-AexbMWKp.js";
|
|
5
|
+
import { D as g, b as j } from "./DateInputDivider-DwopMIb9.js";
|
|
6
|
+
import { F } from "./FieldError-krpMBtie.js";
|
|
7
|
+
import { a as B, L as C } from "./Label-Cg0aAlnt.js";
|
|
8
|
+
import { T as b } from "./Text-D0r_W4lH.js";
|
|
9
|
+
import { C as w } from "./ClearButton-DkC8PIMi.js";
|
|
10
|
+
import { FocusScope as L, useFocusManager as S } from "@react-aria/focus";
|
|
11
|
+
import { u as v } from "./useLocalizedStringFormatter-BHvsRxDk.js";
|
|
12
|
+
import '../assets/DateField.css';const N = { clear: "Clear date" }, V = { clear: "Rensa datum" }, T = {
|
|
13
|
+
en: N,
|
|
14
|
+
sv: V
|
|
15
|
+
}, E = "_dateField_1ejwm_1", I = "_inputField_1ejwm_7", M = "_medium_1ejwm_38", P = "_clearButton_1ejwm_47", s = {
|
|
16
|
+
dateField: E,
|
|
17
|
+
inputField: I,
|
|
18
|
+
medium: M,
|
|
19
|
+
clearButton: P
|
|
20
|
+
}, R = ({
|
|
21
|
+
isClearable: i,
|
|
22
|
+
size: t,
|
|
23
|
+
isDisabled: o,
|
|
24
|
+
isReadOnly: r
|
|
25
|
+
}) => {
|
|
26
|
+
const l = v(T), a = h.useContext(x), n = S(), m = () => {
|
|
27
|
+
a?.setValue(null), n?.focusFirst();
|
|
28
|
+
};
|
|
29
|
+
return i && a?.value != null && !r ? /* @__PURE__ */ e(
|
|
30
|
+
w,
|
|
31
|
+
{
|
|
32
|
+
onPress: m,
|
|
33
|
+
size: t,
|
|
34
|
+
isDisabled: o,
|
|
35
|
+
"aria-label": l.format("clear"),
|
|
36
|
+
className: d(s.clearButton, {
|
|
37
|
+
[s.medium]: t === "medium"
|
|
38
|
+
})
|
|
39
|
+
}
|
|
40
|
+
) : null;
|
|
41
|
+
}, Q = ({
|
|
42
|
+
className: i,
|
|
43
|
+
description: t,
|
|
44
|
+
errorMessage: o,
|
|
45
|
+
errorPosition: r = "top",
|
|
46
|
+
label: l,
|
|
47
|
+
size: a = "large",
|
|
48
|
+
popover: n,
|
|
49
|
+
isClearable: m = !1,
|
|
50
|
+
isReadOnly: c,
|
|
51
|
+
isDisabled: u,
|
|
52
|
+
...f
|
|
53
|
+
}) => /* @__PURE__ */ p(
|
|
54
|
+
D,
|
|
55
|
+
{
|
|
56
|
+
...f,
|
|
57
|
+
isReadOnly: c,
|
|
58
|
+
isDisabled: u,
|
|
59
|
+
className: d(s.dateField, i),
|
|
60
|
+
children: [
|
|
61
|
+
/* @__PURE__ */ e(B, { popover: n, children: l && /* @__PURE__ */ e(C, { children: l }) }),
|
|
62
|
+
t && /* @__PURE__ */ e(b, { slot: "description", children: t }),
|
|
63
|
+
r === "top" && /* @__PURE__ */ e(F, { children: o }),
|
|
64
|
+
/* @__PURE__ */ e(
|
|
65
|
+
"div",
|
|
66
|
+
{
|
|
67
|
+
className: d(s.inputField, {
|
|
68
|
+
[s.medium]: a === "medium"
|
|
69
|
+
}),
|
|
70
|
+
"data-testid": "date-field_input-field",
|
|
71
|
+
children: /* @__PURE__ */ p(L, { children: [
|
|
72
|
+
/* @__PURE__ */ e(g, { children: (_) => /* @__PURE__ */ e(j, { segment: _ }) }),
|
|
73
|
+
/* @__PURE__ */ e(
|
|
74
|
+
R,
|
|
75
|
+
{
|
|
76
|
+
isClearable: m,
|
|
77
|
+
size: a,
|
|
78
|
+
isDisabled: u,
|
|
79
|
+
isReadOnly: c
|
|
80
|
+
}
|
|
81
|
+
)
|
|
82
|
+
] })
|
|
83
|
+
}
|
|
84
|
+
),
|
|
85
|
+
r === "bottom" && /* @__PURE__ */ e(F, { children: o })
|
|
86
|
+
]
|
|
87
|
+
}
|
|
88
|
+
);
|
|
89
|
+
export {
|
|
90
|
+
Q as D
|
|
91
|
+
};
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { jsx as e, jsxs as h } from "react/jsx-runtime";
|
|
3
3
|
import { Group as F, DatePickerStateContext as B, DateRangePickerStateContext as M, Popover as N, Dialog as S, DatePicker as R, DateRangePicker as G } from "react-aria-components";
|
|
4
4
|
import { a as k } from "./clsx-AexbMWKp.js";
|
|
5
|
-
import { C as L, R as w } from "./RangeCalendar-
|
|
5
|
+
import { C as L, R as w } from "./RangeCalendar-BWmKW5Zf.js";
|
|
6
6
|
import { D as P, b as f, a as I } from "./DateInputDivider-DwopMIb9.js";
|
|
7
7
|
import { F as _ } from "./FieldError-krpMBtie.js";
|
|
8
8
|
import { a as g, L as y } from "./Label-Cg0aAlnt.js";
|
|
@@ -7,13 +7,13 @@ import { B as i } from "./Button-GCROAMSl.js";
|
|
|
7
7
|
import { H as g } from "./Heading-nfcRc2QF.js";
|
|
8
8
|
import { c as R } from "./createLucideIcon-CP-mMPfa.js";
|
|
9
9
|
import { C as x } from "./chevron-right-DvXGOiS_.js";
|
|
10
|
-
import '../assets/RangeCalendar.css';const u = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]], N = R("chevron-left", u),
|
|
11
|
-
container:
|
|
12
|
-
calendar:
|
|
13
|
-
day:
|
|
14
|
-
header:
|
|
15
|
-
range:
|
|
16
|
-
},
|
|
10
|
+
import '../assets/RangeCalendar.css';const u = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]], N = R("chevron-left", u), I = "_container_1os47_1", $ = "_calendar_1os47_6", G = "_day_1os47_28", H = "_header_1os47_92", j = "_range_1os47_159", r = {
|
|
11
|
+
container: I,
|
|
12
|
+
calendar: $,
|
|
13
|
+
day: G,
|
|
14
|
+
header: H,
|
|
15
|
+
range: j
|
|
16
|
+
}, c = ({
|
|
17
17
|
weekdayStyle: d = "short",
|
|
18
18
|
isReadOnly: n
|
|
19
19
|
}) => {
|
|
@@ -26,7 +26,7 @@ import '../assets/RangeCalendar.css';const u = [["path", { d: "m15 18-6-6 6-6",
|
|
|
26
26
|
"data-readonly": n || void 0
|
|
27
27
|
}
|
|
28
28
|
) });
|
|
29
|
-
},
|
|
29
|
+
}, t = ({
|
|
30
30
|
isDisabled: d,
|
|
31
31
|
isReadOnly: n
|
|
32
32
|
}) => /* @__PURE__ */ o("header", { className: r.header, children: [
|
|
@@ -68,8 +68,8 @@ import '../assets/RangeCalendar.css';const u = [["path", { d: "m15 18-6-6 6-6",
|
|
|
68
68
|
"data-readonly": a.isReadOnly || void 0,
|
|
69
69
|
...a,
|
|
70
70
|
children: [
|
|
71
|
-
/* @__PURE__ */ e(
|
|
72
|
-
/* @__PURE__ */ e(
|
|
71
|
+
/* @__PURE__ */ e(t, { ...a }),
|
|
72
|
+
/* @__PURE__ */ e(c, { ...a })
|
|
73
73
|
]
|
|
74
74
|
}
|
|
75
75
|
),
|
|
@@ -86,8 +86,8 @@ import '../assets/RangeCalendar.css';const u = [["path", { d: "m15 18-6-6 6-6",
|
|
|
86
86
|
"data-readonly": a.isReadOnly || void 0,
|
|
87
87
|
...a,
|
|
88
88
|
children: [
|
|
89
|
-
/* @__PURE__ */ e(
|
|
90
|
-
/* @__PURE__ */ e(
|
|
89
|
+
/* @__PURE__ */ e(t, { ...a }),
|
|
90
|
+
/* @__PURE__ */ e(c, { ...a })
|
|
91
91
|
]
|
|
92
92
|
}
|
|
93
93
|
),
|
|
@@ -1,30 +1,30 @@
|
|
|
1
|
-
import { jsx as e, Fragment as
|
|
2
|
-
import { SelectStateContext as d, SelectValue as
|
|
3
|
-
import { FocusScope as
|
|
4
|
-
import { a as
|
|
5
|
-
import { a as
|
|
6
|
-
import { T } from "./Text-D0r_W4lH.js";
|
|
1
|
+
import { jsx as e, Fragment as A, jsxs as i } from "react/jsx-runtime";
|
|
2
|
+
import { SelectStateContext as d, SelectValue as v, Button as f, TagList as C, Select as N } from "react-aria-components";
|
|
3
|
+
import { FocusScope as x } from "@react-aria/focus";
|
|
4
|
+
import { a as b, L as T } from "./Label-Cg0aAlnt.js";
|
|
5
|
+
import { a as y, c as _ } from "./clsx-AexbMWKp.js";
|
|
6
|
+
import { T as B } 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
|
|
9
|
+
import { C as M } from "./Checkbox-CwzV5QbM.js";
|
|
10
10
|
import { u as m } from "./useLocalizedStringFormatter-BHvsRxDk.js";
|
|
11
|
-
import { useFocusManager as
|
|
12
|
-
import { X as
|
|
13
|
-
import { L as
|
|
14
|
-
import { P as
|
|
15
|
-
import { a as
|
|
16
|
-
import { C as
|
|
17
|
-
import '../assets/Select.css';const
|
|
18
|
-
en:
|
|
19
|
-
sv:
|
|
20
|
-
},
|
|
21
|
-
select:
|
|
22
|
-
triggerContainer:
|
|
23
|
-
trigger:
|
|
24
|
-
medium:
|
|
25
|
-
icon:
|
|
26
|
-
selectValue:
|
|
27
|
-
placeholder:
|
|
11
|
+
import { useFocusManager as F } from "react-aria";
|
|
12
|
+
import { X as L } from "./x-B9bYxG31.js";
|
|
13
|
+
import { L as I } from "./ListBox-6YS0UST9.js";
|
|
14
|
+
import { P as G } from "./Popover-CjEPHe4A.js";
|
|
15
|
+
import { a as k, T as R } from "./TagGroup-DPFh8qHR.js";
|
|
16
|
+
import { C as $ } from "./chevron-down-BBFYYzZq.js";
|
|
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
|
+
en: w,
|
|
19
|
+
sv: z
|
|
20
|
+
}, D = "_select_1vj7t_1", E = "_triggerContainer_1vj7t_7", K = "_trigger_1vj7t_7", P = "_medium_1vj7t_30", W = "_icon_1vj7t_68", X = "_selectValue_1vj7t_74", q = "_placeholder_1vj7t_80", H = "_multiSelectValue_1vj7t_90", J = "_selectValueTag_1vj7t_114", O = "_clearButton_1vj7t_128", Q = "_truncate_1vj7t_140", U = "_popover_1vj7t_177", Y = "_selectAll_1vj7t_205", Z = "_tagGroup_1vj7t_271", a = {
|
|
21
|
+
select: D,
|
|
22
|
+
triggerContainer: E,
|
|
23
|
+
trigger: K,
|
|
24
|
+
medium: P,
|
|
25
|
+
icon: W,
|
|
26
|
+
selectValue: X,
|
|
27
|
+
placeholder: q,
|
|
28
28
|
multiSelectValue: H,
|
|
29
29
|
selectValueTag: J,
|
|
30
30
|
clearButton: O,
|
|
@@ -39,7 +39,7 @@ import '../assets/Select.css';const R = { clearAll: "Clear all", selectAll: "Sel
|
|
|
39
39
|
), t?.commitValidation();
|
|
40
40
|
};
|
|
41
41
|
return /* @__PURE__ */ e(
|
|
42
|
-
|
|
42
|
+
M,
|
|
43
43
|
{
|
|
44
44
|
className: a.selectAll,
|
|
45
45
|
isIndeterminate: !t?.selectionManager.isSelectAll && !t?.selectionManager.isEmpty,
|
|
@@ -53,11 +53,16 @@ import '../assets/Select.css';const R = { clearAll: "Clear all", selectAll: "Sel
|
|
|
53
53
|
}) => {
|
|
54
54
|
const c = m(u), r = (l, n) => l.length === 1 ? n : `${l.length} ${c.format("selected")}`;
|
|
55
55
|
return /* @__PURE__ */ e(
|
|
56
|
-
|
|
56
|
+
v,
|
|
57
57
|
{
|
|
58
58
|
className: a.multiSelectValue,
|
|
59
59
|
"data-disabled": t || void 0,
|
|
60
|
-
children: ({ isPlaceholder: l, selectedItems: n, selectedText: s }) => l ?
|
|
60
|
+
children: ({ isPlaceholder: l, selectedItems: n, selectedText: s }) => l ? (
|
|
61
|
+
// this empty fragment prevents rendering double placeholders for multiselect
|
|
62
|
+
// we need a falsy value, null or undefined won't do the trick
|
|
63
|
+
// eslint-disable-next-line
|
|
64
|
+
/* @__PURE__ */ e(A, {})
|
|
65
|
+
) : /* @__PURE__ */ i(
|
|
61
66
|
"div",
|
|
62
67
|
{
|
|
63
68
|
className: a.selectValueTag,
|
|
@@ -73,11 +78,11 @@ import '../assets/Select.css';const R = { clearAll: "Clear all", selectAll: "Sel
|
|
|
73
78
|
}, le = ({
|
|
74
79
|
isDisabled: t
|
|
75
80
|
}) => {
|
|
76
|
-
const c = p.useContext(d), r = m(u), l =
|
|
81
|
+
const c = p.useContext(d), r = m(u), l = F(), n = () => {
|
|
77
82
|
l?.focusFirst(), c?.setValue(null);
|
|
78
83
|
};
|
|
79
84
|
return /* @__PURE__ */ e(
|
|
80
|
-
|
|
85
|
+
f,
|
|
81
86
|
{
|
|
82
87
|
"aria-label": r.format("clearAll"),
|
|
83
88
|
className: a.clearButton,
|
|
@@ -85,7 +90,7 @@ import '../assets/Select.css';const R = { clearAll: "Clear all", selectAll: "Sel
|
|
|
85
90
|
slot: null,
|
|
86
91
|
isDisabled: t,
|
|
87
92
|
children: /* @__PURE__ */ e(
|
|
88
|
-
|
|
93
|
+
L,
|
|
89
94
|
{
|
|
90
95
|
width: 20,
|
|
91
96
|
height: 20
|
|
@@ -101,14 +106,14 @@ import '../assets/Select.css';const R = { clearAll: "Clear all", selectAll: "Sel
|
|
|
101
106
|
l?.selectionManager.toggleSelection(Array.from(s)[0]);
|
|
102
107
|
};
|
|
103
108
|
return !l?.selectedItems.length || !t ? null : /* @__PURE__ */ e(
|
|
104
|
-
|
|
109
|
+
k,
|
|
105
110
|
{
|
|
106
111
|
"aria-label": r.format("selectedItems"),
|
|
107
112
|
className: a.tagGroup,
|
|
108
113
|
onRemove: n,
|
|
109
114
|
selectionBehavior: "toggle",
|
|
110
|
-
children: /* @__PURE__ */ e(
|
|
111
|
-
|
|
115
|
+
children: /* @__PURE__ */ e(C, { items: l.selectedItems, children: (s) => /* @__PURE__ */ e(
|
|
116
|
+
R,
|
|
112
117
|
{
|
|
113
118
|
isDismissable: !0,
|
|
114
119
|
id: s.key,
|
|
@@ -127,9 +132,9 @@ import '../assets/Select.css';const R = { clearAll: "Clear all", selectAll: "Sel
|
|
|
127
132
|
}) => {
|
|
128
133
|
const l = S(d);
|
|
129
134
|
return /* @__PURE__ */ i(
|
|
130
|
-
|
|
135
|
+
f,
|
|
131
136
|
{
|
|
132
|
-
className:
|
|
137
|
+
className: y(
|
|
133
138
|
{
|
|
134
139
|
[a.medium]: r === "medium"
|
|
135
140
|
},
|
|
@@ -138,7 +143,7 @@ import '../assets/Select.css';const R = { clearAll: "Clear all", selectAll: "Sel
|
|
|
138
143
|
"data-invalid": !!l?.displayValidation.isInvalid || void 0,
|
|
139
144
|
children: [
|
|
140
145
|
/* @__PURE__ */ e(
|
|
141
|
-
|
|
146
|
+
v,
|
|
142
147
|
{
|
|
143
148
|
className: a.selectValue,
|
|
144
149
|
"data-disabled": t || void 0,
|
|
@@ -150,14 +155,14 @@ import '../assets/Select.css';const R = { clearAll: "Clear all", selectAll: "Sel
|
|
|
150
155
|
{
|
|
151
156
|
"aria-hidden": "true",
|
|
152
157
|
className: a.icon,
|
|
153
|
-
children: /* @__PURE__ */ e(
|
|
158
|
+
children: /* @__PURE__ */ e($, { size: 20 })
|
|
154
159
|
}
|
|
155
160
|
)
|
|
156
161
|
]
|
|
157
162
|
}
|
|
158
163
|
);
|
|
159
164
|
};
|
|
160
|
-
function
|
|
165
|
+
function je({
|
|
161
166
|
children: t,
|
|
162
167
|
description: c,
|
|
163
168
|
errorMessage: r,
|
|
@@ -166,17 +171,17 @@ function ve({
|
|
|
166
171
|
label: s,
|
|
167
172
|
popover: V,
|
|
168
173
|
popoverProps: g,
|
|
169
|
-
size:
|
|
174
|
+
size: j = "large",
|
|
170
175
|
...o
|
|
171
176
|
}) {
|
|
172
|
-
return /* @__PURE__ */ e(
|
|
173
|
-
|
|
177
|
+
return /* @__PURE__ */ e(x, { children: /* @__PURE__ */ i(
|
|
178
|
+
N,
|
|
174
179
|
{
|
|
175
180
|
...o,
|
|
176
181
|
className: _(o.className, a.select),
|
|
177
182
|
children: [
|
|
178
|
-
/* @__PURE__ */ e(
|
|
179
|
-
c && /* @__PURE__ */ e(
|
|
183
|
+
/* @__PURE__ */ e(b, { popover: V, children: s && /* @__PURE__ */ e(T, { "data-disabled": o.isDisabled || void 0, children: s }) }),
|
|
184
|
+
c && /* @__PURE__ */ e(B, { slot: "description", children: c }),
|
|
180
185
|
l === "top" && /* @__PURE__ */ e(h, { children: r }),
|
|
181
186
|
/* @__PURE__ */ i(
|
|
182
187
|
"div",
|
|
@@ -187,7 +192,7 @@ function ve({
|
|
|
187
192
|
/* @__PURE__ */ e(
|
|
188
193
|
se,
|
|
189
194
|
{
|
|
190
|
-
size:
|
|
195
|
+
size: j,
|
|
191
196
|
...o
|
|
192
197
|
}
|
|
193
198
|
),
|
|
@@ -197,7 +202,7 @@ function ve({
|
|
|
197
202
|
),
|
|
198
203
|
l === "bottom" && /* @__PURE__ */ e(h, { children: r }),
|
|
199
204
|
/* @__PURE__ */ i(
|
|
200
|
-
|
|
205
|
+
G,
|
|
201
206
|
{
|
|
202
207
|
offset: 0,
|
|
203
208
|
hideArrow: !0,
|
|
@@ -206,7 +211,7 @@ function ve({
|
|
|
206
211
|
children: [
|
|
207
212
|
o.isSelectableAll && /* @__PURE__ */ e(ee, {}),
|
|
208
213
|
/* @__PURE__ */ e(
|
|
209
|
-
|
|
214
|
+
I,
|
|
210
215
|
{
|
|
211
216
|
escapeKeyBehavior: "none",
|
|
212
217
|
items: n,
|
|
@@ -222,5 +227,5 @@ function ve({
|
|
|
222
227
|
) });
|
|
223
228
|
}
|
|
224
229
|
export {
|
|
225
|
-
|
|
230
|
+
je as S
|
|
226
231
|
};
|
|
@@ -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 u, 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-CwzV5QbM.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 = [
|
package/date-field/index.js
CHANGED
package/date-picker/index.js
CHANGED
package/index.js
CHANGED
|
@@ -4,16 +4,16 @@ import { B as m, a as i } from "./chunks/BadgeContainer-CKVsfTlF.js";
|
|
|
4
4
|
import { B as n, a as d } from "./chunks/Breadcrumb-Bs836gOn.js";
|
|
5
5
|
import { B as l } from "./chunks/Button-GCROAMSl.js";
|
|
6
6
|
import { B as g } from "./chunks/ButtonGroup-Dr6HOBo2.js";
|
|
7
|
-
import { C as L, R as C } from "./chunks/RangeCalendar-
|
|
8
|
-
import { C as b, a as S, b as I, c as D, d as F, e as R, f as G } from "./chunks/Card-
|
|
7
|
+
import { C as L, R as C } from "./chunks/RangeCalendar-BWmKW5Zf.js";
|
|
8
|
+
import { C as b, a as S, b as I, c as D, d as F, e as R, f as G } from "./chunks/Card-Br5b9Esq.js";
|
|
9
9
|
import { C as k } from "./chunks/CharacterCounter-Dgnv-orm.js";
|
|
10
|
-
import { C as M } from "./chunks/Checkbox-
|
|
11
|
-
import { C as h } from "./chunks/CheckboxGroup-
|
|
10
|
+
import { C as M } from "./chunks/Checkbox-CwzV5QbM.js";
|
|
11
|
+
import { C as h } from "./chunks/CheckboxGroup-CF_3F36J.js";
|
|
12
12
|
import { C as y } from "./chunks/ColorSchemeSwitch-Bp3PSGkA.js";
|
|
13
13
|
import { C as N } from "./chunks/ComboBox-PVnCPhVs.js";
|
|
14
|
-
import { D as z } from "./chunks/DateField-
|
|
14
|
+
import { D as z } from "./chunks/DateField-PU7fIO8a.js";
|
|
15
15
|
import { D as Q, a as V, b as Z } from "./chunks/DateInputDivider-DwopMIb9.js";
|
|
16
|
-
import { D as q, a as J } from "./chunks/DateRangePicker-
|
|
16
|
+
import { D as q, a as J } from "./chunks/DateRangePicker-Bajjd11G.js";
|
|
17
17
|
import { F as U } from "./chunks/FieldError-krpMBtie.js";
|
|
18
18
|
import { F as X, a as Y } from "./chunks/FileListItem-CKF9HPjw.js";
|
|
19
19
|
import { D as $, F as oo } from "./chunks/FileUpload-D6oyWcDA.js";
|
|
@@ -31,10 +31,10 @@ import { P as Po } from "./chunks/Popover-CjEPHe4A.js";
|
|
|
31
31
|
import { P as vo } from "./chunks/ProgressBar-CBz_dIOH.js";
|
|
32
32
|
import { R as Ao, a as ho } from "./chunks/Radio-CRHdSthr.js";
|
|
33
33
|
import { S as yo } from "./chunks/SearchField-VIMb28RB.js";
|
|
34
|
-
import { S as No } from "./chunks/Select-
|
|
34
|
+
import { S as No } from "./chunks/Select-f8zIb0kP.js";
|
|
35
35
|
import { S as zo } from "./chunks/Skeleton-tiP1Syzf.js";
|
|
36
36
|
import { S as Qo } from "./chunks/Spinner-CfKMn18u.js";
|
|
37
|
-
import { C as Zo, a as jo, R as qo, T as Jo, b as Ko, c as Uo } from "./chunks/Table-
|
|
37
|
+
import { C as Zo, a as jo, R as qo, T as Jo, b as Ko, c as Uo } from "./chunks/Table-BUxwddHW.js";
|
|
38
38
|
import { T as Xo, a as Yo, b as _o, c as $o } from "./chunks/TabList-CJSnr6O0.js";
|
|
39
39
|
import { T as aa, a as ra, b as ea } from "./chunks/TagGroup-DPFh8qHR.js";
|
|
40
40
|
import { T as sa } from "./chunks/Text-D0r_W4lH.js";
|
|
@@ -50,7 +50,7 @@ import { c as Qa } from "./chunks/clsx-AexbMWKp.js";
|
|
|
50
50
|
import { DialogTrigger as Za, MenuTrigger as ja, RouterProvider as qa } from "react-aria-components";
|
|
51
51
|
import { u as Ka } from "./chunks/useLocalizedStringFormatter-BHvsRxDk.js";
|
|
52
52
|
import { useToastState as Wa } from "react-stately";
|
|
53
|
-
const o = "17.10.
|
|
53
|
+
const o = "17.10.4", a = {
|
|
54
54
|
version: o
|
|
55
55
|
}, r = a.version;
|
|
56
56
|
export {
|
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.10.
|
|
17
|
+
"version": "17.10.4",
|
|
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.12.
|
|
44
|
+
"@midas-ds/theme": "3.12.14",
|
|
45
45
|
"react-aria-components": "1.16.0"
|
|
46
46
|
}
|
|
47
47
|
}
|
package/select/index.js
CHANGED
package/table/index.js
CHANGED
package/chunks/Card-CVwiT9zm.js
DELETED
|
@@ -1,130 +0,0 @@
|
|
|
1
|
-
import { jsx as r, jsxs as l } from "react/jsx-runtime";
|
|
2
|
-
import { c } from "./clsx-AexbMWKp.js";
|
|
3
|
-
import * as i from "react";
|
|
4
|
-
import { H as m } from "./Heading-nfcRc2QF.js";
|
|
5
|
-
import { Button as _, Link as C } from "react-aria-components";
|
|
6
|
-
import { A as x } from "./arrow-right-BVcFGZmy.js";
|
|
7
|
-
import '../assets/Card.css';const A = "_card_1x9yi_1", h = "_horizontal_1x9yi_11", u = "_cardLink_1x9yi_16", I = "_cardContent_1x9yi_21", z = "_cardActions_1x9yi_40", k = "_cardActionArea_1x9yi_50", p = "_cardImage_1x9yi_83", y = "_cardLinkIcon_1x9yi_115", n = {
|
|
8
|
-
card: A,
|
|
9
|
-
horizontal: h,
|
|
10
|
-
cardLink: u,
|
|
11
|
-
cardContent: I,
|
|
12
|
-
cardActions: z,
|
|
13
|
-
cardActionArea: k,
|
|
14
|
-
cardImage: p,
|
|
15
|
-
cardLinkIcon: y
|
|
16
|
-
}, e = i.createContext({
|
|
17
|
-
horizontal: void 0,
|
|
18
|
-
titleId: void 0
|
|
19
|
-
}), j = ({
|
|
20
|
-
horizontal: a,
|
|
21
|
-
className: o,
|
|
22
|
-
children: t,
|
|
23
|
-
...s
|
|
24
|
-
}) => {
|
|
25
|
-
const d = `card-title-${i.useId()}`;
|
|
26
|
-
return /* @__PURE__ */ r(e.Provider, { value: { horizontal: a, titleId: d }, children: /* @__PURE__ */ r(
|
|
27
|
-
"div",
|
|
28
|
-
{
|
|
29
|
-
...s,
|
|
30
|
-
className: c(
|
|
31
|
-
n.card,
|
|
32
|
-
a && n.horizontal,
|
|
33
|
-
o
|
|
34
|
-
),
|
|
35
|
-
children: t
|
|
36
|
-
}
|
|
37
|
-
) });
|
|
38
|
-
}, H = ({
|
|
39
|
-
children: a,
|
|
40
|
-
...o
|
|
41
|
-
}) => {
|
|
42
|
-
const { horizontal: t } = i.useContext(e);
|
|
43
|
-
return /* @__PURE__ */ r(
|
|
44
|
-
"div",
|
|
45
|
-
{
|
|
46
|
-
...o,
|
|
47
|
-
className: c(n.cardContent, t && n.horizontal),
|
|
48
|
-
children: a
|
|
49
|
-
}
|
|
50
|
-
);
|
|
51
|
-
}, R = ({
|
|
52
|
-
elementType: a = "h2",
|
|
53
|
-
children: o
|
|
54
|
-
}) => {
|
|
55
|
-
const { horizontal: t, titleId: s } = i.useContext(e);
|
|
56
|
-
return /* @__PURE__ */ r(
|
|
57
|
-
m,
|
|
58
|
-
{
|
|
59
|
-
level: t ? 5 : 3,
|
|
60
|
-
elementType: a,
|
|
61
|
-
isExpressive: t,
|
|
62
|
-
className: c(n.cardTitle, t && n.horizontal),
|
|
63
|
-
id: s,
|
|
64
|
-
children: o
|
|
65
|
-
}
|
|
66
|
-
);
|
|
67
|
-
}, T = ({
|
|
68
|
-
children: a,
|
|
69
|
-
...o
|
|
70
|
-
}) => {
|
|
71
|
-
const { horizontal: t } = i.useContext(e);
|
|
72
|
-
return /* @__PURE__ */ r(
|
|
73
|
-
"div",
|
|
74
|
-
{
|
|
75
|
-
...o,
|
|
76
|
-
className: c(n.cardActions, t && n.horizontal),
|
|
77
|
-
children: a
|
|
78
|
-
}
|
|
79
|
-
);
|
|
80
|
-
}, w = ({ children: a, className: o, ...t }) => {
|
|
81
|
-
const { titleId: s } = i.useContext(e);
|
|
82
|
-
return /* @__PURE__ */ r(
|
|
83
|
-
_,
|
|
84
|
-
{
|
|
85
|
-
...t,
|
|
86
|
-
"aria-labelledby": s,
|
|
87
|
-
className: c(n.cardActionArea, o),
|
|
88
|
-
children: a
|
|
89
|
-
}
|
|
90
|
-
);
|
|
91
|
-
}, B = ({
|
|
92
|
-
as: a = "img",
|
|
93
|
-
className: o,
|
|
94
|
-
...t
|
|
95
|
-
}) => /* @__PURE__ */ r(
|
|
96
|
-
a,
|
|
97
|
-
{
|
|
98
|
-
...t,
|
|
99
|
-
className: c(n.cardImage, o)
|
|
100
|
-
}
|
|
101
|
-
), E = ({
|
|
102
|
-
children: a,
|
|
103
|
-
as: o,
|
|
104
|
-
...t
|
|
105
|
-
}) => /* @__PURE__ */ l(
|
|
106
|
-
o || C,
|
|
107
|
-
{
|
|
108
|
-
...t,
|
|
109
|
-
className: c(n.cardLink, t.className),
|
|
110
|
-
children: [
|
|
111
|
-
a,
|
|
112
|
-
/* @__PURE__ */ r(
|
|
113
|
-
x,
|
|
114
|
-
{
|
|
115
|
-
className: n.cardLinkIcon,
|
|
116
|
-
size: 24
|
|
117
|
-
}
|
|
118
|
-
)
|
|
119
|
-
]
|
|
120
|
-
}
|
|
121
|
-
);
|
|
122
|
-
export {
|
|
123
|
-
j as C,
|
|
124
|
-
w as a,
|
|
125
|
-
T as b,
|
|
126
|
-
H as c,
|
|
127
|
-
B as d,
|
|
128
|
-
E as e,
|
|
129
|
-
R as f
|
|
130
|
-
};
|
|
@@ -1,91 +0,0 @@
|
|
|
1
|
-
import { jsxs as p, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import * as x from "react";
|
|
3
|
-
import { DateField as h, DateFieldStateContext as D } from "react-aria-components";
|
|
4
|
-
import { c as d } from "./clsx-AexbMWKp.js";
|
|
5
|
-
import { D as g, b as B } from "./DateInputDivider-DwopMIb9.js";
|
|
6
|
-
import { F } from "./FieldError-krpMBtie.js";
|
|
7
|
-
import { a as C, L as b } from "./Label-Cg0aAlnt.js";
|
|
8
|
-
import { T as L } from "./Text-D0r_W4lH.js";
|
|
9
|
-
import { C as S } from "./ClearButton-DkC8PIMi.js";
|
|
10
|
-
import { FocusScope as v, useFocusManager as N } from "@react-aria/focus";
|
|
11
|
-
import { u as V } from "./useLocalizedStringFormatter-BHvsRxDk.js";
|
|
12
|
-
import '../assets/DateField.css';const j = { clear: "Clear date" }, T = { clear: "Rensa datum" }, E = {
|
|
13
|
-
en: j,
|
|
14
|
-
sv: T
|
|
15
|
-
}, I = "_dateField_58xuo_1", M = "_inputField_58xuo_7", P = "_medium_58xuo_38", R = "_clearButton_58xuo_47", o = {
|
|
16
|
-
dateField: I,
|
|
17
|
-
inputField: M,
|
|
18
|
-
medium: P,
|
|
19
|
-
clearButton: R
|
|
20
|
-
}, W = ({
|
|
21
|
-
isClearable: i,
|
|
22
|
-
size: t,
|
|
23
|
-
isDisabled: s,
|
|
24
|
-
isReadOnly: r
|
|
25
|
-
}) => {
|
|
26
|
-
const l = V(E), a = x.useContext(D), n = N(), m = () => {
|
|
27
|
-
a?.setValue(null), n?.focusFirst();
|
|
28
|
-
};
|
|
29
|
-
return i && a?.value != null && !r ? /* @__PURE__ */ e(
|
|
30
|
-
S,
|
|
31
|
-
{
|
|
32
|
-
onPress: m,
|
|
33
|
-
size: t,
|
|
34
|
-
isDisabled: s,
|
|
35
|
-
"aria-label": l.format("clear"),
|
|
36
|
-
className: d(o.clearButton, {
|
|
37
|
-
[o.medium]: t === "medium"
|
|
38
|
-
})
|
|
39
|
-
}
|
|
40
|
-
) : null;
|
|
41
|
-
}, Q = ({
|
|
42
|
-
className: i,
|
|
43
|
-
description: t,
|
|
44
|
-
errorMessage: s,
|
|
45
|
-
errorPosition: r = "top",
|
|
46
|
-
label: l,
|
|
47
|
-
size: a = "large",
|
|
48
|
-
popover: n,
|
|
49
|
-
isClearable: m = !1,
|
|
50
|
-
isReadOnly: c,
|
|
51
|
-
isDisabled: u,
|
|
52
|
-
...f
|
|
53
|
-
}) => /* @__PURE__ */ p(
|
|
54
|
-
h,
|
|
55
|
-
{
|
|
56
|
-
...f,
|
|
57
|
-
isReadOnly: c,
|
|
58
|
-
isDisabled: u,
|
|
59
|
-
className: d(o.dateField, i),
|
|
60
|
-
children: [
|
|
61
|
-
/* @__PURE__ */ e(C, { popover: n, children: l && /* @__PURE__ */ e(b, { children: l }) }),
|
|
62
|
-
t && /* @__PURE__ */ e(L, { slot: "description", children: t }),
|
|
63
|
-
r === "top" && /* @__PURE__ */ e(F, { children: s }),
|
|
64
|
-
/* @__PURE__ */ e(
|
|
65
|
-
"div",
|
|
66
|
-
{
|
|
67
|
-
className: d(o.inputField, {
|
|
68
|
-
[o.medium]: a === "medium"
|
|
69
|
-
}),
|
|
70
|
-
"data-testid": "date-field_input-field",
|
|
71
|
-
children: /* @__PURE__ */ p(v, { children: [
|
|
72
|
-
/* @__PURE__ */ e(g, { children: (_) => /* @__PURE__ */ e(B, { segment: _ }) }),
|
|
73
|
-
/* @__PURE__ */ e(
|
|
74
|
-
W,
|
|
75
|
-
{
|
|
76
|
-
isClearable: m,
|
|
77
|
-
size: a,
|
|
78
|
-
isDisabled: u,
|
|
79
|
-
isReadOnly: c
|
|
80
|
-
}
|
|
81
|
-
)
|
|
82
|
-
] })
|
|
83
|
-
}
|
|
84
|
-
),
|
|
85
|
-
r === "bottom" && /* @__PURE__ */ e(F, { children: s })
|
|
86
|
-
]
|
|
87
|
-
}
|
|
88
|
-
);
|
|
89
|
-
export {
|
|
90
|
-
Q as D
|
|
91
|
-
};
|