@muraldevkit/ui-toolkit 4.65.2-dev-hfwi.1 → 4.65.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -12,6 +12,7 @@
|
|
|
12
12
|
}
|
|
13
13
|
}
|
|
14
14
|
.MrlDatePicker--borderless {
|
|
15
|
+
background-color: var(--mrl-color-background-input);
|
|
15
16
|
border-color: transparent;
|
|
16
17
|
padding-left: 0;
|
|
17
18
|
&.MrlDatePicker--active {
|
|
@@ -24,18 +25,8 @@
|
|
|
24
25
|
&:active,
|
|
25
26
|
&:hover {
|
|
26
27
|
.MrlDatePicker--borderless:not(:read-only, :disabled) {
|
|
27
|
-
padding-left: var(--mrl-space-inset-control-small);
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
&:focus-within,
|
|
31
|
-
&:active {
|
|
32
|
-
.MrlDatePicker:not(:read-only, :disabled) {
|
|
33
28
|
background-color: var(--mrl-black-opacity-01);
|
|
34
|
-
|
|
35
|
-
}
|
|
36
|
-
&:hover {
|
|
37
|
-
.MrlDatePicker:not(:read-only, :disabled) {
|
|
38
|
-
background-color: var(--mrl-black-opacity-00);
|
|
29
|
+
padding-left: var(--mrl-space-inset-control-small);
|
|
39
30
|
}
|
|
40
31
|
}
|
|
41
32
|
}
|
package/dist/styles.css
CHANGED
|
@@ -303,7 +303,7 @@
|
|
|
303
303
|
)*-1);top:calc((
|
|
304
304
|
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px
|
|
305
305
|
)*-1)}}.MrlSwitchStandalone-checkbox--eQlJK[aria-checked=true]+.MrlSwitchStandalone-switch--usdmG{background-color:rgba(var(--mrl-blue-70), 1)}.MrlSwitchStandalone-checkbox--eQlJK[aria-checked=true]~.MrlSwitchStandalone-switch-indicator--QRM7_{color:rgba(var(--mrl-blue-70), 1);transform:translateX(calc(var(--mrl-spacing-08) - var(--mrl-spacing-05)))}.MrlSwitchStandalone-checkbox--eQlJK[aria-checked=true]:hover+.MrlSwitchStandalone-switch--usdmG{background-color:rgba(var(--mrl-blue-80), 1)}.MrlSwitchStandalone-checkbox--eQlJK[aria-checked=true]:active+.MrlSwitchStandalone-switch--usdmG{background-color:rgba(var(--mrl-blue-90), 1)}.MrlSwitchStandalone-checkbox--eQlJK[aria-checked=true]:disabled+.MrlSwitchStandalone-switch--usdmG,.MrlSwitchStandalone-checkbox--eQlJK[aria-checked=true]:disabled:hover+.MrlSwitchStandalone-switch--usdmG{background-color:rgba(var(--mrl-gray-40), 1)}
|
|
306
|
-
.mrl-u-focus-wrapper--lYeyb{position:relative}.MrlForm-counter--RecKb{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-xxsmall);font-weight:var(--mrl-type-weight-text);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-text-xxsmall);color:rgba(var(--mrl-gray-80), 1);display:block;margin-top:var(--mrl-spacing-02);text-align:right;width:100%}:root,:host{--mrl-text-input-background: var(--mrl-color-background);--mrl-text-input-background-color-hover: var(--mrl-color-background);--mrl-text-input-background-color-read-only: var(--mrl-black-opacity-00);--mrl-text-input-border-color: rgba(var(--mrl-gray-60), 1);--mrl-text-input-border-width: var(--mrl-line-width-border);--mrl-text-input-border-color-hover: var(--mrl-color-line-hover);--mrl-text-input-border-color-disabled: var(--mrl-color-line-disabled);--mrl-text-input-border-color-read-only: rgba(0, 0, 0, 0%);--mrl-text-input-border-color-focus: var(--mrl-color-line-active);--mrl-text-input-border-radius: var(--mrl-border-radius-functional);--mrl-text-input-color: rgba(var(--mrl-gray-90), 1);--mrl-text-input-color-focus: rgba(var(--mrl-gray-100), 1);--mrl-text-input-color-disabled: var(--mrl-color-text-disabled);--mrl-text-input-color-read-only: var(--mrl-gray-90);--mrl-text-input-height: var(--mrl-spacing-09);--mrl-text-input-placeholder-color: var(--mrl-color-text-secondary);--mrl-text-input-inset-vertical: var(--mrl-space-inset);--mrl-text-input-inset-horizontal: var(--mrl-space-inset-control-small);--mrl-text-input-padding: var(--mrl-text-input-inset-vertical) var(--mrl-text-input-inset-horizontal);--mrl-input-icon-offset: var(--mrl-spacing-03);--mrl-checkbox-height: var(--mrl-spacing-09);--mrl-checkbox-input-affordance: var(--mrl-spacing-08);--mrl-checkbox-input-inset: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-checkbox-input-size: var(--mrl-spacing-06);--mrl-checkbox-input-background: var(--mrl-color-background);--mrl-checkbox-input-border-color: rgba(var(--mrl-gray-60), 1);--mrl-checkbox-input-color: var(--mrl-color-text-inverse);--mrl-checkbox-input-border-width: var(--mrl-line-width-control);--mrl-checkbox-input-border-radius: var(--mrl-border-radius-content);--mrl-radio-button-height: var(--mrl-spacing-06);--mrl-radio-button-width: var(--mrl-spacing-06);--mrl-radio-button-fill-size: var(--mrl-spacing-04);--mrl-radio-button-border-color: rgba(var(--mrl-gray-60), 1);--mrl-radio-button-border-width: var(--mrl-line-width-border);--mrl-radio-button-border-radius: var(--mrl-border-radius-rounded);--mrl-radio-button-background: var(--mrl-color-background);--mrl-radio-button-background-selected: var(--mrl-color-background-highlight-selected);--mrl-select-background-color-read-only: var(--mrl-black-opacity-00);--mrl-select-border-color-read-only: rgba(0, 0, 0, 0%)}.mrl-checkbox-input--LZVKE:checked~.mrl-checkbox-inputDisplay--kmfBZ,.MrlCheckboxStandalone-input--ZJuLE:checked~.MrlCheckboxStandalone-inputDisplay--DbFyR,.mrl-checkbox-input--LZVKE:indeterminate~.mrl-checkbox-inputDisplay--kmfBZ,.MrlCheckboxStandalone-input--ZJuLE:indeterminate~.MrlCheckboxStandalone-inputDisplay--DbFyR{--mrl-checkbox-input-background: rgba(var(--mrl-gray-100), 1);--mrl-checkbox-input-border-color: rgba(var(--mrl-gray-100), 1)}:host{--mrl-select-item-padding-vertical: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-select-item-spacing-stack: var(--mrl-spacing-02);--mrl-select-item-text-affordance: calc( var(--mrl-type-line-height-text-small) * var(--mrl-type-size-text-small) )}.MrlDatePicker--XlHsm{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-small);font-weight:var(--mrl-type-weight-text);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-text-small);background:var(--mrl-text-input-background);border-color:var(--mrl-text-input-border-color);border-radius:var(--mrl-text-input-border-radius);border-style:solid;border-width:var(--mrl-text-input-border-width);color:var(--mrl-text-input-color);margin:0;min-height:var(--mrl-text-input-height);padding:var(--mrl-text-input-inset-vertical) var(--mrl-text-input-inset-horizontal);transition:background-color var(--mrl-duration-03) var(--mrl-timing-m2),border-color var(--mrl-duration-03) var(--mrl-timing-m2),color var(--mrl-duration-03) var(--mrl-timing-m2),padding-left var(--mrl-duration-03) var(--mrl-timing-m2);width:100%;height:var(--mrl-spacing-09)}.MrlDatePicker--XlHsm::placeholder{color:var(--mrl-text-input-placeholder-color)}.MrlDatePicker--XlHsm:hover{--mrl-text-input-border-color: var(--mrl-text-input-border-color-hover);--mrl-text-input-background: var(--mrl-text-input-background-color-hover)}.MrlDatePicker--XlHsm:focus{--mrl-text-input-border-color: var(--mrl-text-input-border-color-focus);color:var(--mrl-text-input-color-focus)}.MrlDatePicker--XlHsm:focus-visible{outline:none}.MrlDatePicker--XlHsm:disabled{--mrl-text-input-border-color: var(--mrl-text-input-border-color-disabled);color:var(--mrl-text-input-color-disabled);pointer-events:none}.MrlDatePicker--XlHsm:disabled::placeholder{color:var(--mrl-text-input-color-disabled)}.MrlDatePicker--XlHsm[aria-invalid=true]{border-color:var(--mrl-color-background-error)}.MrlDatePicker--XlHsm:not(:disabled):read-only{--mrl-text-input-background: var(--mrl-text-input-background-color-read-only);--mrl-text-input-border-color: var(--mrl-text-input-border-color-read-only);color:var(--mrl-text-input-color-read-only)}.MrlDatePicker--XlHsm:focus-visible{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-name:outline-animation--F3dEW;animation-timing-function:var(--mrl-timing-m3)}@keyframes outline-animation--F3dEW{0%{outline:0 solid rgba(0,0,0,0);outline-offset:1px}50%{outline:4px solid var(--mrl-color-focus);outline-offset:1px}100%{outline:2px solid var(--mrl-color-focus);outline-offset:1px}}.MrlDatePicker--XlHsm[type=date]::-webkit-calendar-picker-indicator{opacity:0}.MrlDatePicker--borderless--tv3rF{border-color:rgba(0,0,0,0);padding-left:0}.MrlDatePicker--borderless--tv3rF.MrlDatePicker--active--k2AUt{border-color:rgba(0,0,0,0)}.MrlDatePicker--container--RP6Y4{position:relative}.MrlDatePicker--container--RP6Y4:focus-within .MrlDatePicker--borderless--tv3rF:not(:read-only,:disabled),.MrlDatePicker--container--RP6Y4:active .MrlDatePicker--borderless--tv3rF:not(:read-only,:disabled),.MrlDatePicker--container--RP6Y4:hover .MrlDatePicker--borderless--tv3rF:not(:read-only,:disabled){
|
|
306
|
+
.mrl-u-focus-wrapper--lYeyb{position:relative}.MrlForm-counter--RecKb{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-xxsmall);font-weight:var(--mrl-type-weight-text);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-text-xxsmall);color:rgba(var(--mrl-gray-80), 1);display:block;margin-top:var(--mrl-spacing-02);text-align:right;width:100%}:root,:host{--mrl-text-input-background: var(--mrl-color-background);--mrl-text-input-background-color-hover: var(--mrl-color-background);--mrl-text-input-background-color-read-only: var(--mrl-black-opacity-00);--mrl-text-input-border-color: rgba(var(--mrl-gray-60), 1);--mrl-text-input-border-width: var(--mrl-line-width-border);--mrl-text-input-border-color-hover: var(--mrl-color-line-hover);--mrl-text-input-border-color-disabled: var(--mrl-color-line-disabled);--mrl-text-input-border-color-read-only: rgba(0, 0, 0, 0%);--mrl-text-input-border-color-focus: var(--mrl-color-line-active);--mrl-text-input-border-radius: var(--mrl-border-radius-functional);--mrl-text-input-color: rgba(var(--mrl-gray-90), 1);--mrl-text-input-color-focus: rgba(var(--mrl-gray-100), 1);--mrl-text-input-color-disabled: var(--mrl-color-text-disabled);--mrl-text-input-color-read-only: var(--mrl-gray-90);--mrl-text-input-height: var(--mrl-spacing-09);--mrl-text-input-placeholder-color: var(--mrl-color-text-secondary);--mrl-text-input-inset-vertical: var(--mrl-space-inset);--mrl-text-input-inset-horizontal: var(--mrl-space-inset-control-small);--mrl-text-input-padding: var(--mrl-text-input-inset-vertical) var(--mrl-text-input-inset-horizontal);--mrl-input-icon-offset: var(--mrl-spacing-03);--mrl-checkbox-height: var(--mrl-spacing-09);--mrl-checkbox-input-affordance: var(--mrl-spacing-08);--mrl-checkbox-input-inset: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-checkbox-input-size: var(--mrl-spacing-06);--mrl-checkbox-input-background: var(--mrl-color-background);--mrl-checkbox-input-border-color: rgba(var(--mrl-gray-60), 1);--mrl-checkbox-input-color: var(--mrl-color-text-inverse);--mrl-checkbox-input-border-width: var(--mrl-line-width-control);--mrl-checkbox-input-border-radius: var(--mrl-border-radius-content);--mrl-radio-button-height: var(--mrl-spacing-06);--mrl-radio-button-width: var(--mrl-spacing-06);--mrl-radio-button-fill-size: var(--mrl-spacing-04);--mrl-radio-button-border-color: rgba(var(--mrl-gray-60), 1);--mrl-radio-button-border-width: var(--mrl-line-width-border);--mrl-radio-button-border-radius: var(--mrl-border-radius-rounded);--mrl-radio-button-background: var(--mrl-color-background);--mrl-radio-button-background-selected: var(--mrl-color-background-highlight-selected);--mrl-select-background-color-read-only: var(--mrl-black-opacity-00);--mrl-select-border-color-read-only: rgba(0, 0, 0, 0%)}.mrl-checkbox-input--LZVKE:checked~.mrl-checkbox-inputDisplay--kmfBZ,.MrlCheckboxStandalone-input--ZJuLE:checked~.MrlCheckboxStandalone-inputDisplay--DbFyR,.mrl-checkbox-input--LZVKE:indeterminate~.mrl-checkbox-inputDisplay--kmfBZ,.MrlCheckboxStandalone-input--ZJuLE:indeterminate~.MrlCheckboxStandalone-inputDisplay--DbFyR{--mrl-checkbox-input-background: rgba(var(--mrl-gray-100), 1);--mrl-checkbox-input-border-color: rgba(var(--mrl-gray-100), 1)}:host{--mrl-select-item-padding-vertical: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-select-item-spacing-stack: var(--mrl-spacing-02);--mrl-select-item-text-affordance: calc( var(--mrl-type-line-height-text-small) * var(--mrl-type-size-text-small) )}.MrlDatePicker--XlHsm{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-small);font-weight:var(--mrl-type-weight-text);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-text-small);background:var(--mrl-text-input-background);border-color:var(--mrl-text-input-border-color);border-radius:var(--mrl-text-input-border-radius);border-style:solid;border-width:var(--mrl-text-input-border-width);color:var(--mrl-text-input-color);margin:0;min-height:var(--mrl-text-input-height);padding:var(--mrl-text-input-inset-vertical) var(--mrl-text-input-inset-horizontal);transition:background-color var(--mrl-duration-03) var(--mrl-timing-m2),border-color var(--mrl-duration-03) var(--mrl-timing-m2),color var(--mrl-duration-03) var(--mrl-timing-m2),padding-left var(--mrl-duration-03) var(--mrl-timing-m2);width:100%;height:var(--mrl-spacing-09)}.MrlDatePicker--XlHsm::placeholder{color:var(--mrl-text-input-placeholder-color)}.MrlDatePicker--XlHsm:hover{--mrl-text-input-border-color: var(--mrl-text-input-border-color-hover);--mrl-text-input-background: var(--mrl-text-input-background-color-hover)}.MrlDatePicker--XlHsm:focus{--mrl-text-input-border-color: var(--mrl-text-input-border-color-focus);color:var(--mrl-text-input-color-focus)}.MrlDatePicker--XlHsm:focus-visible{outline:none}.MrlDatePicker--XlHsm:disabled{--mrl-text-input-border-color: var(--mrl-text-input-border-color-disabled);color:var(--mrl-text-input-color-disabled);pointer-events:none}.MrlDatePicker--XlHsm:disabled::placeholder{color:var(--mrl-text-input-color-disabled)}.MrlDatePicker--XlHsm[aria-invalid=true]{border-color:var(--mrl-color-background-error)}.MrlDatePicker--XlHsm:not(:disabled):read-only{--mrl-text-input-background: var(--mrl-text-input-background-color-read-only);--mrl-text-input-border-color: var(--mrl-text-input-border-color-read-only);color:var(--mrl-text-input-color-read-only)}.MrlDatePicker--XlHsm:focus-visible{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-name:outline-animation--F3dEW;animation-timing-function:var(--mrl-timing-m3)}@keyframes outline-animation--F3dEW{0%{outline:0 solid rgba(0,0,0,0);outline-offset:1px}50%{outline:4px solid var(--mrl-color-focus);outline-offset:1px}100%{outline:2px solid var(--mrl-color-focus);outline-offset:1px}}.MrlDatePicker--XlHsm[type=date]::-webkit-calendar-picker-indicator{opacity:0}.MrlDatePicker--borderless--tv3rF{background-color:var(--mrl-color-background-input);border-color:rgba(0,0,0,0);padding-left:0}.MrlDatePicker--borderless--tv3rF.MrlDatePicker--active--k2AUt{border-color:rgba(0,0,0,0)}.MrlDatePicker--container--RP6Y4{position:relative}.MrlDatePicker--container--RP6Y4:focus-within .MrlDatePicker--borderless--tv3rF:not(:read-only,:disabled),.MrlDatePicker--container--RP6Y4:active .MrlDatePicker--borderless--tv3rF:not(:read-only,:disabled),.MrlDatePicker--container--RP6Y4:hover .MrlDatePicker--borderless--tv3rF:not(:read-only,:disabled){background-color:var(--mrl-black-opacity-01);padding-left:var(--mrl-space-inset-control-small)}.MrlDatePicker--active--k2AUt{border-color:var(--mrl-text-input-border-color-hover)}.MrlDatePicker--icon--NjiU_{color:var(--mrl-text-input-border-color);display:flex;pointer-events:none;position:absolute;right:var(--mrl-spacing-03);top:var(--mrl-spacing-03)}.MrlDatePicker--icon-active--Dr0mh{color:var(--mrl-text-input-border-color-hover)}
|
|
307
307
|
.MrlSelectMultiValue--ZCEGM.MrlSelectMultiValue--is-focused--J41Dw .MrlSvgContainer{border-radius:var(--mrl-radii-02);outline:var(--mrl-line-width-focus) solid var(--mrl-color-focus)}
|
|
308
308
|
|
|
309
309
|
/*!
|