@salutejs/sdds-serv 0.327.0-canary.2316.18995854815.0 → 0.327.0-canary.2316.18997801446.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/components/DateTimePicker/DateTimePicker.config.js +1 -1
- package/components/DateTimePicker/DateTimePicker.config.js.map +1 -1
- package/components/DateTimePicker/{DateTimePicker.config_125wox1.css → DateTimePicker.config_1dxqr7y.css} +1 -1
- package/components/DateTimePicker/DateTimePicker.css +10 -10
- package/emotion/cjs/components/DateTimePicker/DateTimePicker.config.js +4 -1
- package/emotion/es/components/DateTimePicker/DateTimePicker.config.js +4 -1
- package/es/components/DateTimePicker/DateTimePicker.config.js +1 -1
- package/es/components/DateTimePicker/DateTimePicker.config.js.map +1 -1
- package/es/components/DateTimePicker/{DateTimePicker.config_125wox1.css → DateTimePicker.config_1dxqr7y.css} +1 -1
- package/es/components/DateTimePicker/DateTimePicker.css +10 -10
- package/es/index.css +10 -10
- package/package.json +3 -3
- package/styled-components/cjs/components/DateTimePicker/DateTimePicker.config.js +4 -1
- package/styled-components/es/components/DateTimePicker/DateTimePicker.config.js +4 -1
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
3
|
-
.
|
|
4
|
-
.
|
|
5
|
-
.
|
|
6
|
-
.
|
|
7
|
-
.
|
|
8
|
-
.
|
|
9
|
-
.
|
|
10
|
-
.
|
|
1
|
+
.DateTimePicker_config_1dxqr7y_d1iks136__a615dc0c{--plasma-date-time-picker-outline-focus:var(--surface-accent);--plasma-date-time-picker-textfield-color:var(--text-primary);--plasma-date-time-picker-textfield-placeholder-color:var(--text-secondary);--plasma-date-time-picker-textfield__placeholder-color-focus:var(--text-tertiary);--plasma-date-time-picker-textfield-caret-color:var(--text-accent);--plasma-date-time-picker-textfield-background-color:var(--surface-transparent-primary);--plasma-date-time-picker-textfield-background-color-hover:var(--surface-transparent-primary-active);--plasma-date-time-picker-textfield-background-color-focus:var(--surface-transparent-secondary);--plasma-date-time-picker-textfield-background-color-error:var(--surface-transparent-negative);--plasma-date-time-picker-textfield-background-color-error-focus:var(--surface-transparent-negative-active);--plasma-date-time-picker-textfield-background-color-success:var(--surface-transparent-positive);--plasma-date-time-picker-textfield-background-color-success-focus:var(--surface-transparent-positive-active);--plasma-date-time-picker__label-color:var(--text-primary);--plasma-date-time-picker__left-helper-color:var(--text-secondary);--plasma-date-time-picker__left-helper-color-error:var(--text-negative);--plasma-date-time-picker__left-helper-color-success:var(--text-positive);--plasma-date-time-picker-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-date-time-picker-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-date-time-picker-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-date-time-picker-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-date-time-picker-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-date-time-picker-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-date-time-picker__indicator-color:var(--surface-negative);--plasma-date-time-picker-textfield__before-text-color:var(--text-tertiary);--plasma-date-time-picker-textfield__after-text-color:var(--text-tertiary);--plasma-date-time-picker-popover-shadow:var(--shadow-down-soft-s);--plasma-date-time-picker-popover__separator-background:var(--surface-transparent-secondary);--plasma-date-time-picker-popover__background-color:var(--surface-solid-card);--plasma-date-time-picker-calendar__selected-item-background:var(--surface-solid-default);--plasma-date-time-picker-calendar__selected-item-color:var(--inverse-text-primary);--plasma-date-time-picker-calendar__selectable-item-background-hover:var(--surface-transparent-secondary);--plasma-date-time-picker-calendar__current-item-border-color:var(--surface-solid-default);--plasma-date-time-picker-calendar__current-item-background-hover:transparent;--plasma-date-time-picker-calendar__current-item-color-hover:var(--text-primary);--plasma-date-time-picker-calendar__current-item-child-background-hover:var(--surface-transparent-secondary);--plasma-date-time-picker-calendar__active-item-background:var(--surface-solid-default);--plasma-date-time-picker-calendar__active-item-color:var(--inverse-text-primary);--plasma-date-time-picker-calendar__hovered-item-background:var(--surface-accent);--plasma-date-time-picker-calendar__hovered-item-color:var(--text-primary);--plasma-date-time-picker-calendar__range-background:var(--surface-transparent-secondary);--plasma-date-time-picker-calendar__outline-focus-color:var(--surface-accent);--plasma-date-time-picker-calendar__content-primary-color:var(--surface-solid-default);--plasma-date-time-picker-calendar__content-primary-disabled-color:var(--surface-solid-default);--plasma-date-time-picker-calendar__header-arrow-color:--plasma-date-time-picker-calendar__content-primary-color;--plasma-date-time-picker-calendar__content-secondary-color:var(--text-secondary);--plasma-date-time-picker-calendar__content-secondary-disabled-color:var(--text-secondary);--plasma-date-time-picker-calendar__disabled-opacity:0.4;--plasma-date-time-picker-calendar__separator-background:var(--surface-transparent-secondary);--plasma-date-time-picker-icon-button__color:var(--text-primary);--plasma-date-time-picker-icon-button__background-color:var(--surface-clear);--plasma-date-time-picker-icon-button__color-hover:var(--text-primary-hover);--plasma-date-time-picker-icon-button__background-color-hover:var(--surface-clear);--plasma-date-time-picker-icon-button__color-active:var(--text-primary-hover);--plasma-date-time-picker-icon-button__background-color-active:var(--surface-clear);--plasma-date-time-picker-icon-button__focus-color:var(--surface-accent);--plasma-date-time-picker-calendar-tooltip-background-color:var(--surface-solid-card-brightness);--plasma-date-time-picker-calendar-tooltip-box-shadow:var(--shadow-down-hard-s);--plasma-date-time-picker-calendar-tooltip-color:var(--text-primary);--plasma-date-time-picker-grid-item-hover-background:var(--surface-transparent-secondary);--plasma-date-time-picker-grid-item-active-background:var(--surface-transparent-secondary);--plasma-date-time-picker-grid-scrollbar-color:var(--surface-transparent-tertiary);--plasma-date-time-picker-grid-scrollbar-track-color:var(--surface-transparent-primary);--plasma-date-time-picker-shortcut-item-color:var(--text-primary);--plasma-date-time-picker-shortcut-item-background-hover:var(--surface-transparent-secondary);}
|
|
2
|
+
.DateTimePicker_config_1dxqr7y_x14sbtcp__a615dc0c{--plasma-date-time-picker-textfield-height:4rem;--plasma-date-time-picker-textfield-border-radius:1rem;--plasma-date-time-picker-textfield-padding:1.3125rem 1.125rem;--plasma-date-time-picker-textfield__left-content-margin:-0.0625rem 0.5rem -0.0625rem -0.125rem;--plasma-date-time-picker-textfield__right-content-margin:-0.0625rem -0.125rem -0.0625rem 0.75rem;--plasma-date-time-picker-textfield__before-text-margin:0 0.25rem 0 0;--plasma-date-time-picker-textfield__after-text-margin:0 0 0 0.25rem;--plasma-date-time-picker-textfield-font-family:var(--plasma-typo-body-l-font-family);--plasma-date-time-picker-textfield-font-style:var(--plasma-typo-body-l-font-style);--plasma-date-time-picker-textfield-font-size:var(--plasma-typo-body-l-font-size);--plasma-date-time-picker-textfield-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-date-time-picker-textfield-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-date-time-picker-textfield-line-height:var(--plasma-typo-body-l-line-height);--plasma-date-time-picker__label-offset:0.75rem;--plasma-date-time-picker-placement_inner__label-padding:0.8125rem 0 0.125rem 0;--plasma-date-time-picker-placement_inner__content-padding:1.813rem 0 0.813rem 0;--plasma-date-time-picker__label-font-family:var(--plasma-typo-body-l-font-family);--plasma-date-time-picker__label-font-style:var(--plasma-typo-body-l-font-style);--plasma-date-time-picker__label-font-size:var(--plasma-typo-body-l-font-size);--plasma-date-time-picker__label-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-date-time-picker__label-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-date-time-picker__label-line-height:var(--plasma-typo-body-l-line-height);--plasma-date-time-picker-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-date-time-picker-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-date-time-picker-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-date-time-picker-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-date-time-picker-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-date-time-picker-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-date-time-picker__indicator-size:0.5rem;--plasma-date-time-picker__indicator-size-outer:0.375rem;--plasma-date-time-picker__indicator-placement:0 0 0 0;--plasma-date-time-picker__indicator-placement-outer:0.5rem auto auto -0.75rem;--plasma-date-time-picker__indicator-placement-right:0 0 auto auto;--plasma-date-time-picker__indicator-placement-outer-right:0.25rem -0.625rem auto auto;--plasma-date-time-picker__left-helper-offset:0.25rem 0 0 0;--plasma-date-time-picker__left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-date-time-picker__left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-date-time-picker__left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-date-time-picker__left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-date-time-picker__left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-date-time-picker__left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-date-time-picker-popover-border-radius:0.875rem;--plasma-date-time-picker-popover-gap:1rem;--plasma-date-time-picker-popover-padding:1rem 1.125rem 1.125rem 1.125rem;--plasma-date-time-picker-popover-vertical-padding:2.125rem;--plasma-date-time-picker-calendar-width:28rem;--plasma-date-time-picker-calendar-height:28.75rem;--plasma-date-time-picker-calendar__years-padding:0.5rem 0 0 0;--plasma-date-time-picker-calendar__year-item-border-radius:0.875rem;--plasma-date-time-picker-calendar__year-font-family:var(--plasma-typo-body-l-font-family);--plasma-date-time-picker-calendar__year-font-size:var(--plasma-typo-body-l-font-size);--plasma-date-time-picker-calendar__year-font-style:var(--plasma-typo-body-l-font-style);--plasma-date-time-picker-calendar__year-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-date-time-picker-calendar__year-line-height:var(--plasma-typo-body-l-line-height);--plasma-date-time-picker-calendar__year-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-date-time-picker-calendar__year-selected-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-date-time-picker-calendar__months-padding:0.5rem 0 0 0;--plasma-date-time-picker-calendar__month-item-border-radius:0.875rem;--plasma-date-time-picker-calendar__month-font-family:var(--plasma-typo-body-l-font-family);--plasma-date-time-picker-calendar__month-font-size:var(--plasma-typo-body-l-font-size);--plasma-date-time-picker-calendar__month-font-style:var(--plasma-typo-body-l-font-style);--plasma-date-time-picker-calendar__month-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-date-time-picker-calendar__month-line-height:var(--plasma-typo-body-l-line-height);--plasma-date-time-picker-calendar__month-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-date-time-picker-calendar__month-selected-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-date-time-picker-calendar__quarters-padding:0.5rem 0 0 0;--plasma-date-time-picker-calendar__quarter-item-border-radius:0.875rem;--plasma-date-time-picker-calendar__quarter-font-family:var(--plasma-typo-body-l-font-family);--plasma-date-time-picker-calendar__quarter-font-size:var(--plasma-typo-body-l-font-size);--plasma-date-time-picker-calendar__quarter-font-style:var(--plasma-typo-body-l-font-style);--plasma-date-time-picker-calendar__quarter-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-date-time-picker-calendar__quarter-line-height:var(--plasma-typo-body-l-line-height);--plasma-date-time-picker-calendar__quarter-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-date-time-picker-calendar__quarter-selected-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-date-time-picker-calendar__days-padding:0.5rem 0 0 0;--plasma-date-time-picker-calendar__day-item-border-radius:0.875rem;--plasma-date-time-picker-calendar__day-font-family:var(--plasma-typo-body-l-font-family);--plasma-date-time-picker-calendar__day-font-size:var(--plasma-typo-body-l-font-size);--plasma-date-time-picker-calendar__day-font-style:var(--plasma-typo-body-l-font-style);--plasma-date-time-picker-calendar__day-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-date-time-picker-calendar__day-line-height:var(--plasma-typo-body-l-line-height);--plasma-date-time-picker-calendar__day-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-date-time-picker-calendar__day-selected-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-date-time-picker-calendar__current-item-border-width:0.063rem;--plasma-date-time-picker-calendar__header-wrapper-padding:0;--plasma-date-time-picker-calendar__header-arrow-gap:0;--plasma-date-time-picker-calendar__header-arrow-custom-size:1.5rem;--plasma-date-time-picker-calendar__header-padding:0 0 0 1rem;--plasma-date-time-picker-calendar__header-date-gap:0.25rem;--plasma-date-time-picker-calendar__header-font-family:var(--plasma-typo-h3-font-family);--plasma-date-time-picker-calendar__header-font-size:var(--plasma-typo-h3-font-size);--plasma-date-time-picker-calendar__header-font-style:var(--plasma-typo-h3-font-style);--plasma-date-time-picker-calendar__header-letter-spacing:var(--plasma-typo-h3-letter-spacing);--plasma-date-time-picker-calendar__header-line-height:var(--plasma-typo-h3-line-height);--plasma-date-time-picker-calendar__header-font-weight:var(--plasma-typo-h3-font-weight);--plasma-date-time-picker-calendar__header-font-weight-bold:var(--plasma-typo-h3-bold-font-weight);--plasma-date-time-picker-icon-button__height:4rem;--plasma-date-time-picker-icon-button__width:4rem;--plasma-date-time-picker-icon-button__padding:1.25rem;--plasma-date-time-picker-icon-button__radius:1rem;--plasma-date-time-picker-grid-column-width:4rem;--plasma-date-time-picker-grid-column-height:28.75rem;--plasma-date-time-picker-grid-column-gap:0.125rem;--plasma-date-time-picker-grid-item-height:4rem;--plasma-date-time-picker-grid-item-border-radius:0.875rem;--plasma-date-time-picker-grid-item-padding:0;--plasma-date-time-picker-grid-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-date-time-picker-grid-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-date-time-picker-grid-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-date-time-picker-grid-item-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-date-time-picker-grid-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-date-time-picker-grid-item-line-height:var(--plasma-typo-body-l-line-height);--plasma-date-time-picker-grid-scrollbar-width:0.125rem;--plasma-date-time-picker-grid-scrollbar-margin:0.5rem;--plasma-date-time-picker-shortcut-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-date-time-picker-shortcut-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-date-time-picker-shortcut-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-date-time-picker-shortcut-item-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-date-time-picker-shortcut-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-date-time-picker-shortcut-item-line-height:var(--plasma-typo-body-l-line-height);--plasma-date-time-picker-shortcut-item-padding:1.313rem 0.875rem;--plasma-date-time-picker-shortcut-item-gap:0.375rem;--plasma-date-time-picker-shortcut-item-border-radius:0.875rem;}
|
|
3
|
+
.DateTimePicker_config_1dxqr7y_l15nkk1y__a615dc0c{--plasma-date-time-picker-textfield-height:3.5rem;--plasma-date-time-picker-textfield-border-radius:0.875rem;--plasma-date-time-picker-textfield-padding:1.0625rem 1.125rem 1.0625rem 1.125rem;--plasma-date-time-picker-textfield__left-content-margin:-0.0625rem 0.5rem -0.0625rem -0.125rem;--plasma-date-time-picker-textfield__right-content-margin:-0.0625rem -0.125rem -0.0625rem 0.75rem;--plasma-date-time-picker-textfield__before-text-margin:0 0.25rem 0 0;--plasma-date-time-picker-textfield__after-text-margin:0 0 0 0.25rem;--plasma-date-time-picker-textfield-font-family:var(--plasma-typo-body-l-font-family);--plasma-date-time-picker-textfield-font-style:var(--plasma-typo-body-l-font-style);--plasma-date-time-picker-textfield-font-size:var(--plasma-typo-body-l-font-size);--plasma-date-time-picker-textfield-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-date-time-picker-textfield-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-date-time-picker-textfield-line-height:var(--plasma-typo-body-l-line-height);--plasma-date-time-picker__label-offset:0.75rem;--plasma-date-time-picker-placement_inner__label-padding:0.5625rem 0 0.125rem 0;--plasma-date-time-picker-placement_inner__content-padding:1.5625rem 0 0.5625rem 0;--plasma-date-time-picker__label-font-family:var(--plasma-typo-body-l-font-family);--plasma-date-time-picker__label-font-style:var(--plasma-typo-body-l-font-style);--plasma-date-time-picker__label-font-size:var(--plasma-typo-body-l-font-size);--plasma-date-time-picker__label-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-date-time-picker__label-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-date-time-picker__label-line-height:var(--plasma-typo-body-l-line-height);--plasma-date-time-picker-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-date-time-picker-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-date-time-picker-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-date-time-picker-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-date-time-picker-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-date-time-picker-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-date-time-picker__indicator-size:0.5rem;--plasma-date-time-picker__indicator-size-outer:0.375rem;--plasma-date-time-picker__indicator-placement:0 0 0 0;--plasma-date-time-picker__indicator-placement-outer:0.5rem auto auto -0.75rem;--plasma-date-time-picker__indicator-placement-right:0 0 auto auto;--plasma-date-time-picker__indicator-placement-outer-right:0.25rem -0.625rem auto auto;--plasma-date-time-picker__left-helper-offset:0.25rem 0 0 0;--plasma-date-time-picker__left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-date-time-picker__left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-date-time-picker__left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-date-time-picker__left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-date-time-picker__left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-date-time-picker__left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-date-time-picker-popover-border-radius:0.875rem;--plasma-date-time-picker-popover-gap:1rem;--plasma-date-time-picker-popover-padding:0.875rem 1rem 1.125rem 1rem;--plasma-date-time-picker-popover-vertical-padding:2rem;--plasma-date-time-picker-calendar-width:24.5rem;--plasma-date-time-picker-calendar-height:25rem;--plasma-date-time-picker-calendar__years-padding:0.5rem 0 0 0;--plasma-date-time-picker-calendar__year-item-border-radius:0.75rem;--plasma-date-time-picker-calendar__year-font-family:var(--plasma-typo-body-l-font-family);--plasma-date-time-picker-calendar__year-font-size:var(--plasma-typo-body-l-font-size);--plasma-date-time-picker-calendar__year-font-style:var(--plasma-typo-body-l-font-style);--plasma-date-time-picker-calendar__year-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-date-time-picker-calendar__year-line-height:var(--plasma-typo-body-l-line-height);--plasma-date-time-picker-calendar__year-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-date-time-picker-calendar__year-selected-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-date-time-picker-calendar__months-padding:0.5rem 0 0 0;--plasma-date-time-picker-calendar__month-item-border-radius:0.75rem;--plasma-date-time-picker-calendar__month-font-family:var(--plasma-typo-body-l-font-family);--plasma-date-time-picker-calendar__month-font-size:var(--plasma-typo-body-l-font-size);--plasma-date-time-picker-calendar__month-font-style:var(--plasma-typo-body-l-font-style);--plasma-date-time-picker-calendar__month-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-date-time-picker-calendar__month-line-height:var(--plasma-typo-body-l-line-height);--plasma-date-time-picker-calendar__month-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-date-time-picker-calendar__month-selected-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-date-time-picker-calendar__quarters-padding:0.5rem 0 0 0;--plasma-date-time-picker-calendar__quarter-item-border-radius:0.75rem;--plasma-date-time-picker-calendar__quarter-font-family:var(--plasma-typo-body-l-font-family);--plasma-date-time-picker-calendar__quarter-font-size:var(--plasma-typo-body-l-font-size);--plasma-date-time-picker-calendar__quarter-font-style:var(--plasma-typo-body-l-font-style);--plasma-date-time-picker-calendar__quarter-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-date-time-picker-calendar__quarter-line-height:var(--plasma-typo-body-l-line-height);--plasma-date-time-picker-calendar__quarter-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-date-time-picker-calendar__quarter-selected-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-date-time-picker-calendar__days-padding:0.5rem 0 0 0;--plasma-date-time-picker-calendar__day-item-border-radius:0.75rem;--plasma-date-time-picker-calendar__day-font-family:var(--plasma-typo-body-l-font-family);--plasma-date-time-picker-calendar__day-font-size:var(--plasma-typo-body-l-font-size);--plasma-date-time-picker-calendar__day-font-style:var(--plasma-typo-body-l-font-style);--plasma-date-time-picker-calendar__day-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-date-time-picker-calendar__day-line-height:var(--plasma-typo-body-l-line-height);--plasma-date-time-picker-calendar__day-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-date-time-picker-calendar__day-selected-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-date-time-picker-calendar__current-item-border-width:0.063rem;--plasma-date-time-picker-calendar__header-wrapper-padding:0;--plasma-date-time-picker-calendar__header-arrow-gap:0.5rem;--plasma-date-time-picker-calendar__header-arrow-custom-size:1.5rem;--plasma-date-time-picker-calendar__header-padding:0 0 0 1rem;--plasma-date-time-picker-calendar__header-date-gap:0.5rem;--plasma-date-time-picker-calendar__header-font-family:var(--plasma-typo-h3-font-family);--plasma-date-time-picker-calendar__header-font-size:var(--plasma-typo-h3-font-size);--plasma-date-time-picker-calendar__header-font-style:var(--plasma-typo-h3-font-style);--plasma-date-time-picker-calendar__header-letter-spacing:var(--plasma-typo-h3-letter-spacing);--plasma-date-time-picker-calendar__header-line-height:var(--plasma-typo-h3-line-height);--plasma-date-time-picker-calendar__header-font-weight:var(--plasma-typo-h3-font-weight);--plasma-date-time-picker-calendar__header-font-weight-bold:var(--plasma-typo-h3-bold-font-weight);--plasma-date-time-picker-icon-button__height:3.5rem;--plasma-date-time-picker-icon-button__width:3.5rem;--plasma-date-time-picker-icon-button__padding:1.5rem;--plasma-date-time-picker-icon-button__radius:0.875rem;--plasma-date-time-picker-grid-column-width:3.5rem;--plasma-date-time-picker-grid-column-height:25rem;--plasma-date-time-picker-grid-column-gap:0.125rem;--plasma-date-time-picker-grid-item-height:3.5rem;--plasma-date-time-picker-grid-item-border-radius:0.75rem;--plasma-date-time-picker-grid-item-padding:0;--plasma-date-time-picker-grid-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-date-time-picker-grid-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-date-time-picker-grid-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-date-time-picker-grid-item-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-date-time-picker-grid-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-date-time-picker-grid-item-line-height:var(--plasma-typo-body-l-line-height);--plasma-date-time-picker-grid-scrollbar-width:0.125rem;--plasma-date-time-picker-grid-scrollbar-margin:0.5rem;--plasma-date-time-picker-shortcut-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-date-time-picker-shortcut-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-date-time-picker-shortcut-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-date-time-picker-shortcut-item-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-date-time-picker-shortcut-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-date-time-picker-shortcut-item-line-height:var(--plasma-typo-body-l-line-height);--plasma-date-time-picker-shortcut-item-padding:1.063rem 0.75rem;--plasma-date-time-picker-shortcut-item-gap:0.375rem;--plasma-date-time-picker-shortcut-item-border-radius:0.75rem;}
|
|
4
|
+
.DateTimePicker_config_1dxqr7y_mjdf9ov__a615dc0c{--plasma-date-time-picker-textfield-height:3rem;--plasma-date-time-picker-textfield-border-radius:0.75rem;--plasma-date-time-picker-textfield-padding:0.875rem 1rem;--plasma-date-time-picker-textfield__left-content-margin:-0.125rem 0.375rem -0.125rem -0.125rem;--plasma-date-time-picker-textfield__right-content-margin:-0.125rem -0.125rem -0.125rem 0.75rem;--plasma-date-time-picker-textfield__before-text-margin:0 0.25rem 0 0;--plasma-date-time-picker-textfield__after-text-margin:0 0 0 0.25rem;--plasma-date-time-picker-textfield-font-family:var(--plasma-typo-body-m-font-family);--plasma-date-time-picker-textfield-font-style:var(--plasma-typo-body-m-font-style);--plasma-date-time-picker-textfield-font-size:var(--plasma-typo-body-m-font-size);--plasma-date-time-picker-textfield-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-date-time-picker-textfield-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-date-time-picker-textfield-line-height:var(--plasma-typo-body-m-line-height);--plasma-date-time-picker__label-offset:0.625rem;--plasma-date-time-picker-placement_inner__label-padding:0.375rem 0 0.125rem 0;--plasma-date-time-picker-placement_inner__content-padding:1.375rem 0 0.375rem 0;--plasma-date-time-picker__label-font-family:var(--plasma-typo-body-m-font-family);--plasma-date-time-picker__label-font-style:var(--plasma-typo-body-m-font-style);--plasma-date-time-picker__label-font-size:var(--plasma-typo-body-m-font-size);--plasma-date-time-picker__label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-date-time-picker__label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-date-time-picker__label-line-height:var(--plasma-typo-body-m-line-height);--plasma-date-time-picker-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-date-time-picker-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-date-time-picker-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-date-time-picker-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-date-time-picker-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-date-time-picker-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-date-time-picker__indicator-size:0.5rem;--plasma-date-time-picker__indicator-size-outer:0.375rem;--plasma-date-time-picker__indicator-placement:0 0 0 0;--plasma-date-time-picker__indicator-placement-outer:0.375rem auto auto -0.75rem;--plasma-date-time-picker__indicator-placement-right:0 0 auto auto;--plasma-date-time-picker__indicator-placement-outer-right:0.25rem -0.6875rem auto auto;--plasma-date-time-picker__left-helper-offset:0.25rem 0 0 0;--plasma-date-time-picker__left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-date-time-picker__left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-date-time-picker__left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-date-time-picker__left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-date-time-picker__left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-date-time-picker__left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-date-time-picker-popover-border-radius:0.75rem;--plasma-date-time-picker-popover-gap:1rem;--plasma-date-time-picker-popover-padding:1rem 1rem 1.125rem 1rem;--plasma-date-time-picker-popover-vertical-padding:2.125rem;--plasma-date-time-picker-calendar-width:21rem;--plasma-date-time-picker-calendar-height:21rem;--plasma-date-time-picker-calendar__years-padding:0.5rem 0 0 0;--plasma-date-time-picker-calendar__year-item-border-radius:0.625rem;--plasma-date-time-picker-calendar__year-font-family:var(--plasma-typo-body-m-font-family);--plasma-date-time-picker-calendar__year-font-size:var(--plasma-typo-body-m-font-size);--plasma-date-time-picker-calendar__year-font-style:var(--plasma-typo-body-m-font-style);--plasma-date-time-picker-calendar__year-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-date-time-picker-calendar__year-line-height:var(--plasma-typo-body-m-line-height);--plasma-date-time-picker-calendar__year-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-date-time-picker-calendar__year-selected-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-date-time-picker-calendar__months-padding:0.5rem 0 0 0;--plasma-date-time-picker-calendar__month-item-border-radius:0.625rem;--plasma-date-time-picker-calendar__month-font-family:var(--plasma-typo-body-m-font-family);--plasma-date-time-picker-calendar__month-font-size:var(--plasma-typo-body-m-font-size);--plasma-date-time-picker-calendar__month-font-style:var(--plasma-typo-body-m-font-style);--plasma-date-time-picker-calendar__month-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-date-time-picker-calendar__month-line-height:var(--plasma-typo-body-m-line-height);--plasma-date-time-picker-calendar__month-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-date-time-picker-calendar__month-selected-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-date-time-picker-calendar__quarters-padding:0.5rem 0 0 0;--plasma-date-time-picker-calendar__quarter-item-border-radius:0.625rem;--plasma-date-time-picker-calendar__quarter-font-family:var(--plasma-typo-body-m-font-family);--plasma-date-time-picker-calendar__quarter-font-size:var(--plasma-typo-body-m-font-size);--plasma-date-time-picker-calendar__quarter-font-style:var(--plasma-typo-body-m-font-style);--plasma-date-time-picker-calendar__quarter-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-date-time-picker-calendar__quarter-line-height:var(--plasma-typo-body-m-line-height);--plasma-date-time-picker-calendar__quarter-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-date-time-picker-calendar__quarter-selected-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-date-time-picker-calendar__days-padding:0.5rem 0 0 0;--plasma-date-time-picker-calendar__day-item-border-radius:0.625rem;--plasma-date-time-picker-calendar__day-font-family:var(--plasma-typo-body-m-font-family);--plasma-date-time-picker-calendar__day-font-size:var(--plasma-typo-body-m-font-size);--plasma-date-time-picker-calendar__day-font-style:var(--plasma-typo-body-m-font-style);--plasma-date-time-picker-calendar__day-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-date-time-picker-calendar__day-line-height:var(--plasma-typo-body-m-line-height);--plasma-date-time-picker-calendar__day-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-date-time-picker-calendar__day-selected-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-date-time-picker-calendar__current-item-border-width:0.063rem;--plasma-date-time-picker-calendar__header-wrapper-padding:0;--plasma-date-time-picker-calendar__header-arrow-gap:0;--plasma-date-time-picker-calendar__header-arrow-custom-size:1.5rem;--plasma-date-time-picker-calendar__header-padding:0 0 0 0.75rem;--plasma-date-time-picker-calendar__header-date-gap:0.25rem;--plasma-date-time-picker-calendar__header-font-family:var(--plasma-typo-h4-font-family);--plasma-date-time-picker-calendar__header-font-size:var(--plasma-typo-h4-font-size);--plasma-date-time-picker-calendar__header-font-style:var(--plasma-typo-h4-font-style);--plasma-date-time-picker-calendar__header-letter-spacing:var(--plasma-typo-h4-letter-spacing);--plasma-date-time-picker-calendar__header-line-height:var(--plasma-typo-h4-line-height);--plasma-date-time-picker-calendar__header-font-weight:var(--plasma-typo-h4-font-weight);--plasma-date-time-picker-calendar__header-font-weight-bold:var(--plasma-typo-h4-bold-font-weight);--plasma-date-time-picker-icon-button__height:3rem;--plasma-date-time-picker-icon-button__width:3rem;--plasma-date-time-picker-icon-button__padding:1.25rem;--plasma-date-time-picker-icon-button__radius:0.75rem;--plasma-date-time-picker-grid-column-width:3rem;--plasma-date-time-picker-grid-column-height:21rem;--plasma-date-time-picker-grid-column-gap:0.125rem;--plasma-date-time-picker-grid-item-height:3rem;--plasma-date-time-picker-grid-item-border-radius:0.625rem;--plasma-date-time-picker-grid-item-padding:0;--plasma-date-time-picker-grid-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-date-time-picker-grid-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-date-time-picker-grid-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-date-time-picker-grid-item-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-date-time-picker-grid-item-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-date-time-picker-grid-item-line-height:var(--plasma-typo-body-m-line-height);--plasma-date-time-picker-grid-scrollbar-width:0.125rem;--plasma-date-time-picker-grid-scrollbar-margin:0.5rem;--plasma-date-time-picker-shortcut-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-date-time-picker-shortcut-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-date-time-picker-shortcut-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-date-time-picker-shortcut-item-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-date-time-picker-shortcut-item-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-date-time-picker-shortcut-item-line-height:var(--plasma-typo-body-m-line-height);--plasma-date-time-picker-shortcut-item-padding:0.875rem 0.625rem;--plasma-date-time-picker-shortcut-item-gap:0.375rem;--plasma-date-time-picker-shortcut-item-border-radius:0.625rem;}
|
|
5
|
+
.DateTimePicker_config_1dxqr7y_s1y1c30h__a615dc0c{--plasma-date-time-picker-textfield-height:2.5rem;--plasma-date-time-picker-textfield-border-radius:0.625rem;--plasma-date-time-picker-textfield-padding:0.6875rem 0.875rem;--plasma-date-time-picker-textfield__left-content-margin:-0.1875rem 0.25rem -0.1875rem -0.125rem;--plasma-date-time-picker-textfield__right-content-margin:-0.1875rem -0.125rem -0.1875rem 0.75rem;--plasma-date-time-picker-textfield__before-text-margin:0 0.25rem 0 0;--plasma-date-time-picker-textfield__after-text-margin:0 0 0 0.25rem;--plasma-date-time-picker-textfield-font-family:var(--plasma-typo-body-s-font-family);--plasma-date-time-picker-textfield-font-style:var(--plasma-typo-body-s-font-style);--plasma-date-time-picker-textfield-font-size:var(--plasma-typo-body-s-font-size);--plasma-date-time-picker-textfield-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-date-time-picker-textfield-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-date-time-picker-textfield-line-height:var(--plasma-typo-body-s-line-height);--plasma-date-time-picker__label-offset:0.5rem;--plasma-date-time-picker-placement_inner__label-padding:0.3125rem 0 0 0;--plasma-date-time-picker-placement_inner__content-padding:1.0625rem 0 0.3125rem 0;--plasma-date-time-picker__label-font-family:var(--plasma-typo-body-s-font-family);--plasma-date-time-picker__label-font-style:var(--plasma-typo-body-s-font-style);--plasma-date-time-picker__label-font-size:var(--plasma-typo-body-s-font-size);--plasma-date-time-picker__label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-date-time-picker__label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-date-time-picker__label-line-height:var(--plasma-typo-body-s-line-height);--plasma-date-time-picker-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-date-time-picker-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-date-time-picker-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-date-time-picker-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-date-time-picker-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-date-time-picker-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-date-time-picker__indicator-size:0.375rem;--plasma-date-time-picker__indicator-size-outer:0.375rem;--plasma-date-time-picker__indicator-placement:0 0 0 0;--plasma-date-time-picker__indicator-placement-outer:0.3125rem auto auto -0.6875rem;--plasma-date-time-picker__indicator-placement-right:0 0 auto auto;--plasma-date-time-picker__indicator-placement-outer-right:0.25rem -0.625rem auto auto;--plasma-date-time-picker__left-helper-offset:0.25rem 0 0 0;--plasma-date-time-picker__left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-date-time-picker__left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-date-time-picker__left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-date-time-picker__left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-date-time-picker__left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-date-time-picker__left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-date-time-picker-popover-border-radius:0.625rem;--plasma-date-time-picker-popover-gap:0.875rem;--plasma-date-time-picker-popover-padding:0.875rem;--plasma-date-time-picker-popover-vertical-padding:1.75rem;--plasma-date-time-picker-calendar-width:17.5rem;--plasma-date-time-picker-calendar-height:17rem;--plasma-date-time-picker-calendar__years-padding:0.5rem 0 0 0;--plasma-date-time-picker-calendar__year-item-border-radius:0.5rem;--plasma-date-time-picker-calendar__year-font-family:var(--plasma-typo-body-s-font-family);--plasma-date-time-picker-calendar__year-font-size:var(--plasma-typo-body-s-font-size);--plasma-date-time-picker-calendar__year-font-style:var(--plasma-typo-body-s-font-style);--plasma-date-time-picker-calendar__year-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-date-time-picker-calendar__year-line-height:var(--plasma-typo-body-s-line-height);--plasma-date-time-picker-calendar__year-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-date-time-picker-calendar__year-selected-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-date-time-picker-calendar__months-padding:0.5rem 0 0 0;--plasma-date-time-picker-calendar__month-item-border-radius:0.5rem;--plasma-date-time-picker-calendar__month-font-family:var(--plasma-typo-body-s-font-family);--plasma-date-time-picker-calendar__month-font-size:var(--plasma-typo-body-s-font-size);--plasma-date-time-picker-calendar__month-font-style:var(--plasma-typo-body-s-font-style);--plasma-date-time-picker-calendar__month-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-date-time-picker-calendar__month-line-height:var(--plasma-typo-body-s-line-height);--plasma-date-time-picker-calendar__month-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-date-time-picker-calendar__month-selected-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-date-time-picker-calendar__quarters-padding:0.5rem 0 0 0;--plasma-date-time-picker-calendar__quarter-item-border-radius:0.5rem;--plasma-date-time-picker-calendar__quarter-font-family:var(--plasma-typo-body-s-font-family);--plasma-date-time-picker-calendar__quarter-font-size:var(--plasma-typo-body-s-font-size);--plasma-date-time-picker-calendar__quarter-font-style:var(--plasma-typo-body-s-font-style);--plasma-date-time-picker-calendar__quarter-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-date-time-picker-calendar__quarter-line-height:var(--plasma-typo-body-s-line-height);--plasma-date-time-picker-calendar__quarter-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-date-time-picker-calendar__quarter-selected-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-date-time-picker-calendar__days-padding:0.5rem 0 0 0;--plasma-date-time-picker-calendar__day-item-border-radius:0.5rem;--plasma-date-time-picker-calendar__day-font-family:var(--plasma-typo-body-s-font-family);--plasma-date-time-picker-calendar__day-font-size:var(--plasma-typo-body-s-font-size);--plasma-date-time-picker-calendar__day-font-style:var(--plasma-typo-body-s-font-style);--plasma-date-time-picker-calendar__day-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-date-time-picker-calendar__day-line-height:var(--plasma-typo-body-s-line-height);--plasma-date-time-picker-calendar__day-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-date-time-picker-calendar__day-selected-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-date-time-picker-calendar__current-item-border-width:0.063rem;--plasma-date-time-picker-calendar__header-wrapper-padding:0;--plasma-date-time-picker-calendar__header-arrow-gap:0;--plasma-date-time-picker-calendar__header-arrow-custom-size:1.5rem;--plasma-date-time-picker-calendar__header-padding:0 0 0 0.5rem;--plasma-date-time-picker-calendar__header-date-gap:0.25rem;--plasma-date-time-picker-calendar__header-font-family:var(--plasma-typo-h4-font-family);--plasma-date-time-picker-calendar__header-font-size:var(--plasma-typo-h4-font-size);--plasma-date-time-picker-calendar__header-font-style:var(--plasma-typo-h4-font-style);--plasma-date-time-picker-calendar__header-letter-spacing:var(--plasma-typo-h4-letter-spacing);--plasma-date-time-picker-calendar__header-line-height:var(--plasma-typo-h4-line-height);--plasma-date-time-picker-calendar__header-font-weight:var(--plasma-typo-h4-font-weight);--plasma-date-time-picker-calendar__header-font-weight-bold:var(--plasma-typo-h4-bold-font-weight);--plasma-date-time-picker-icon-button__height:2.5rem;--plasma-date-time-picker-icon-button__width:2.5rem;--plasma-date-time-picker-icon-button__padding:0.5rem;--plasma-date-time-picker-icon-button__radius:0.625rem;--plasma-date-time-picker-grid-column-width:2.5rem;--plasma-date-time-picker-grid-column-height:17rem;--plasma-date-time-picker-grid-column-gap:0.125rem;--plasma-date-time-picker-grid-item-height:2.5rem;--plasma-date-time-picker-grid-item-border-radius:0.5rem;--plasma-date-time-picker-grid-item-padding:0;--plasma-date-time-picker-grid-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-date-time-picker-grid-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-date-time-picker-grid-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-date-time-picker-grid-item-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-date-time-picker-grid-item-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-date-time-picker-grid-item-line-height:var(--plasma-typo-body-s-line-height);--plasma-date-time-picker-grid-scrollbar-width:0.125rem;--plasma-date-time-picker-grid-scrollbar-margin:0.5rem;--plasma-date-time-picker-shortcut-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-date-time-picker-shortcut-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-date-time-picker-shortcut-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-date-time-picker-shortcut-item-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-date-time-picker-shortcut-item-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-date-time-picker-shortcut-item-line-height:var(--plasma-typo-body-s-line-height);--plasma-date-time-picker-shortcut-item-padding:0.688rem 0.5rem;--plasma-date-time-picker-shortcut-item-gap:0.375rem;--plasma-date-time-picker-shortcut-item-border-radius:0.5rem;}
|
|
6
|
+
.DateTimePicker_config_1dxqr7y_x8eh9pn__a615dc0c{--plasma-date-time-picker-textfield-height:2rem;--plasma-date-time-picker-textfield-border-radius:0.5rem;--plasma-date-time-picker-textfield-padding:0.5625rem 0.625rem;--plasma-date-time-picker-textfield__left-content-margin:-0.0625rem 0.25rem -0.0625rem -0.125rem;--plasma-date-time-picker-textfield__right-content-margin:-0.0625rem -0.125rem -0.0625rem 0.75rem;--plasma-date-time-picker-textfield__before-text-margin:0 0.25rem 0 0;--plasma-date-time-picker-textfield__after-text-margin:0 0 0 0.25rem;--plasma-date-time-picker-textfield-font-family:var(--plasma-typo-body-xs-font-family);--plasma-date-time-picker-textfield-font-style:var(--plasma-typo-body-xs-font-style);--plasma-date-time-picker-textfield-font-size:var(--plasma-typo-body-xs-font-size);--plasma-date-time-picker-textfield-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-date-time-picker-textfield-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-date-time-picker-textfield-line-height:var(--plasma-typo-body-xs-line-height);--plasma-date-time-picker__label-offset:0.375rem;--plasma-date-time-picker-placement_inner__label-padding:0.3125rem 0 0 0;--plasma-date-time-picker-placement_inner__content-padding:1.0625rem 0 0.3125rem 0;--plasma-date-time-picker__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-date-time-picker__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-date-time-picker__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-date-time-picker__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-date-time-picker__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-date-time-picker__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-date-time-picker-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-date-time-picker-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-date-time-picker-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-date-time-picker-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-date-time-picker-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-date-time-picker-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-date-time-picker__indicator-size:0.375rem;--plasma-date-time-picker__indicator-size-outer:0.375rem;--plasma-date-time-picker__indicator-placement:0 0 0 0;--plasma-date-time-picker__indicator-placement-outer:0.25rem auto auto -0.625rem;--plasma-date-time-picker__indicator-placement-right:0 0 auto auto;--plasma-date-time-picker__indicator-placement-outer-right:0.125rem -0.6875rem auto auto;--plasma-date-time-picker__left-helper-offset:0.25rem 0 0 0;--plasma-date-time-picker__left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-date-time-picker__left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-date-time-picker__left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-date-time-picker__left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-date-time-picker__left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-date-time-picker__left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-date-time-picker-popover-border-radius:0.5rem;--plasma-date-time-picker-popover-gap:0.75rem;--plasma-date-time-picker-popover-padding:0.5rem 0.75rem 0.625rem 0.75rem;--plasma-date-time-picker-popover-vertical-padding:1.125rem;--plasma-date-time-picker-calendar-width:17.5rem;--plasma-date-time-picker-calendar-height:15.5rem;--plasma-date-time-picker-calendar__years-padding:0.5rem 0 0 0;--plasma-date-time-picker-calendar__year-item-border-radius:0.5rem;--plasma-date-time-picker-calendar__year-font-family:var(--plasma-typo-body-xs-font-family);--plasma-date-time-picker-calendar__year-font-size:var(--plasma-typo-body-xs-font-size);--plasma-date-time-picker-calendar__year-font-style:var(--plasma-typo-body-xs-font-style);--plasma-date-time-picker-calendar__year-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-date-time-picker-calendar__year-line-height:var(--plasma-typo-body-xs-line-height);--plasma-date-time-picker-calendar__year-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-date-time-picker-calendar__year-selected-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-date-time-picker-calendar__months-padding:0.5rem 0 0 0;--plasma-date-time-picker-calendar__month-item-border-radius:0.5rem;--plasma-date-time-picker-calendar__month-font-family:var(--plasma-typo-body-xs-font-family);--plasma-date-time-picker-calendar__month-font-size:var(--plasma-typo-body-xs-font-size);--plasma-date-time-picker-calendar__month-font-style:var(--plasma-typo-body-xs-font-style);--plasma-date-time-picker-calendar__month-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-date-time-picker-calendar__month-line-height:var(--plasma-typo-body-xs-line-height);--plasma-date-time-picker-calendar__month-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-date-time-picker-calendar__month-selected-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-date-time-picker-calendar__quarters-padding:0.375rem 0 0 0;--plasma-date-time-picker-calendar__quarter-item-border-radius:0.5rem;--plasma-date-time-picker-calendar__quarter-font-family:var(--plasma-typo-body-xs-font-family);--plasma-date-time-picker-calendar__quarter-font-size:var(--plasma-typo-body-xs-font-size);--plasma-date-time-picker-calendar__quarter-font-style:var(--plasma-typo-body-xs-font-style);--plasma-date-time-picker-calendar__quarter-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-date-time-picker-calendar__quarter-line-height:var(--plasma-typo-body-xs-line-height);--plasma-date-time-picker-calendar__quarter-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-date-time-picker-calendar__quarter-selected-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-date-time-picker-calendar__days-padding:0.375rem 0 0 0;--plasma-date-time-picker-calendar__day-item-border-radius:0.5rem;--plasma-date-time-picker-calendar__day-font-family:var(--plasma-typo-body-xs-font-family);--plasma-date-time-picker-calendar__day-font-size:var(--plasma-typo-body-xs-font-size);--plasma-date-time-picker-calendar__day-font-style:var(--plasma-typo-body-xs-font-style);--plasma-date-time-picker-calendar__day-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-date-time-picker-calendar__day-line-height:var(--plasma-typo-body-xs-line-height);--plasma-date-time-picker-calendar__day-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-date-time-picker-calendar__day-selected-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-date-time-picker-calendar__current-item-border-width:0.063rem;--plasma-date-time-picker-calendar__header-wrapper-padding:0;--plasma-date-time-picker-calendar__header-arrow-gap:0;--plasma-date-time-picker-calendar__header-arrow-custom-size:1rem;--plasma-date-time-picker-calendar__header-padding:0 0 0 0.5rem;--plasma-date-time-picker-calendar__header-date-gap:0.25rem;--plasma-date-time-picker-calendar__header-font-family:var(--plasma-typo-h5-font-family);--plasma-date-time-picker-calendar__header-font-size:var(--plasma-typo-h5-font-size);--plasma-date-time-picker-calendar__header-font-style:var(--plasma-typo-h5-font-style);--plasma-date-time-picker-calendar__header-letter-spacing:var(--plasma-typo-h5-letter-spacing);--plasma-date-time-picker-calendar__header-line-height:var(--plasma-typo-h5-line-height);--plasma-date-time-picker-calendar__header-font-weight:var(--plasma-typo-h5-font-weight);--plasma-date-time-picker-calendar__header-font-weight-bold:var(--plasma-typo-h5-bold-font-weight);--plasma-date-time-picker-icon-button__height:2rem;--plasma-date-time-picker-icon-button__width:2rem;--plasma-date-time-picker-icon-button__padding:0.5rem;--plasma-date-time-picker-icon-button__radius:0.5rem;--plasma-date-time-picker-grid-column-width:2rem;--plasma-date-time-picker-grid-column-height:15.5rem;--plasma-date-time-picker-grid-column-gap:0.125rem;--plasma-date-time-picker-grid-item-height:2rem;--plasma-date-time-picker-grid-item-border-radius:0.375rem;--plasma-date-time-picker-grid-item-padding:0;--plasma-date-time-picker-grid-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-date-time-picker-grid-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-date-time-picker-grid-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-date-time-picker-grid-item-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-date-time-picker-grid-item-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-date-time-picker-grid-item-line-height:var(--plasma-typo-body-xs-line-height);--plasma-date-time-picker-grid-scrollbar-width:0.125rem;--plasma-date-time-picker-grid-scrollbar-margin:0.5rem;--plasma-date-time-picker-shortcut-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-date-time-picker-shortcut-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-date-time-picker-shortcut-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-date-time-picker-shortcut-item-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-date-time-picker-shortcut-item-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-date-time-picker-shortcut-item-line-height:var(--plasma-typo-body-xs-line-height);--plasma-date-time-picker-shortcut-item-padding:0.563rem 0.375rem;--plasma-date-time-picker-shortcut-item-gap:0.375rem;--plasma-date-time-picker-shortcut-item-border-radius:0.375rem;}
|
|
7
|
+
.DateTimePicker_config_1dxqr7y_m1tmhlqu__a615dc0c{--plasma-date-time-picker-calendar-tooltip-padding-top:0.6875rem;--plasma-date-time-picker-calendar-tooltip-padding-right:0.875rem;--plasma-date-time-picker-calendar-tooltip-padding-bottom:0.6875rem;--plasma-date-time-picker-calendar-tooltip-padding-left:0.875rem;--plasma-date-time-picker-calendar-tooltip-min-height:2.5rem;--plasma-date-time-picker-calendar-tooltip-border-radius:0.625rem;--plasma-date-time-picker-calendar-tooltip-text-font-family:var(--plasma-typo-body-s-font-family);--plasma-date-time-picker-calendar-tooltip-text-font-size:var(--plasma-typo-body-s-font-size);--plasma-date-time-picker-calendar-tooltip-text-font-style:var(--plasma-typo-body-s-font-style);--plasma-date-time-picker-calendar-tooltip-text-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-date-time-picker-calendar-tooltip-text-font-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-date-time-picker-calendar-tooltip-text-font-line-height:var(--plasma-typo-body-s-line-height);--plasma-date-time-picker-calendar-tooltip-content-left-margin:0.375rem;--plasma-date-time-picker-calendar-tooltip-arrow-mask-width:1.25rem;--plasma-date-time-picker-calendar-tooltip-arrow-mask-height:1.25rem;--plasma-date-time-picker-calendar-tooltip-arrow-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==");--plasma-date-time-picker-calendar-tooltip-arrow-height:0.5rem;--plasma-date-time-picker-calendar-tooltip-arrow-edge-margin:0.625rem;--plasma-date-time-picker-calendar-tooltip-arrow-background:var(--surface-solid-card-brightness);}
|
|
8
|
+
.DateTimePicker_config_1dxqr7y_s1c5uwhy__a615dc0c{--plasma-date-time-picker-calendar-tooltip-padding-top:0.5rem;--plasma-date-time-picker-calendar-tooltip-padding-right:0.75rem;--plasma-date-time-picker-calendar-tooltip-padding-bottom:0.5rem;--plasma-date-time-picker-calendar-tooltip-padding-left:0.75rem;--plasma-date-time-picker-calendar-tooltip-min-height:2rem;--plasma-date-time-picker-calendar-tooltip-border-radius:0.5rem;--plasma-date-time-picker-calendar-tooltip-text-font-family:var(--plasma-typo-body-xs-font-family);--plasma-date-time-picker-calendar-tooltip-text-font-size:var(--plasma-typo-body-xs-font-size);--plasma-date-time-picker-calendar-tooltip-text-font-style:var(--plasma-typo-body-xs-font-style);--plasma-date-time-picker-calendar-tooltip-text-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-date-time-picker-calendar-tooltip-text-font-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-date-time-picker-calendar-tooltip-text-font-line-height:var(--plasma-typo-body-xs-line-height);--plasma-date-time-picker-calendar-tooltip-content-left-margin:0.25rem;--plasma-date-time-picker-calendar-tooltip-arrow-mask-width:1rem;--plasma-date-time-picker-calendar-tooltip-arrow-mask-height:1rem;--plasma-date-time-picker-calendar-tooltip-arrow-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");--plasma-date-time-picker-calendar-tooltip-arrow-height:0.375rem;--plasma-date-time-picker-calendar-tooltip-arrow-edge-margin:0.5625rem;--plasma-date-time-picker-calendar-tooltip-arrow-background:var(--surface-solid-card-brightness);}
|
|
9
|
+
.DateTimePicker_config_1dxqr7y_t1basfzf__a615dc0c{--plasma-date-time-picker-disabled-opacity:0.4;}
|
|
10
|
+
.DateTimePicker_config_1dxqr7y_tkgojwc__a615dc0c{--plasma-date-time-picker__label-color-readonly:var(--text-primary);--plasma-date-time-picker__left-helper-color-readonly:var(--text-secondary);--plasma-date-time-picker-textfield-color-readonly:var(--text-primary);--plasma-date-time-picker-textfield-background-color-readonly:var(--surface-transparent-primary);--plasma-date-time-picker-textfield-placeholder-color-readonly:var(--text-secondary);--plasma-date-time-picker-textfield__content-right-color-hover:0.4;--plasma-date-time-picker-textfield-readonly-opacity:0.1;}
|
|
@@ -78,6 +78,9 @@ function _templateObject() {
|
|
|
78
78
|
": var(--text-primary-hover);\n ",
|
|
79
79
|
": var(--surface-clear);\n ",
|
|
80
80
|
": var(--surface-accent);\n\n ",
|
|
81
|
+
": var(--surface-solid-card-brightness);\n ",
|
|
82
|
+
": var(--shadow-down-hard-s);\n ",
|
|
83
|
+
": var(--text-primary);\n\n ",
|
|
81
84
|
": var(--surface-transparent-secondary);\n ",
|
|
82
85
|
": var(--surface-transparent-secondary);\n ",
|
|
83
86
|
": var(--surface-transparent-tertiary);\n ",
|
|
@@ -839,7 +842,7 @@ var config = {
|
|
|
839
842
|
},
|
|
840
843
|
variations: {
|
|
841
844
|
view: {
|
|
842
|
-
default: (0, _emotion.css)(_templateObject(), _emotion.dateTimePickerTokens.outlineFocusColor, _emotion.dateTimePickerTokens.textFieldColor, _emotion.dateTimePickerTokens.textFieldPlaceholderColor, _emotion.dateTimePickerTokens.textFieldPlaceholderColorFocus, _emotion.dateTimePickerTokens.textFieldCaretColor, _emotion.dateTimePickerTokens.textFieldBackgroundColor, _emotion.dateTimePickerTokens.textFieldBackgroundColorHover, _emotion.dateTimePickerTokens.textFieldBackgroundColorFocus, _emotion.dateTimePickerTokens.textFieldBackgroundErrorColor, _emotion.dateTimePickerTokens.textFieldBackgroundErrorColorFocus, _emotion.dateTimePickerTokens.textFieldBackgroundSuccessColor, _emotion.dateTimePickerTokens.textFieldBackgroundSuccessColorFocus, _emotion.dateTimePickerTokens.labelColor, _emotion.dateTimePickerTokens.leftHelperColor, _emotion.dateTimePickerTokens.leftHelperColorError, _emotion.dateTimePickerTokens.leftHelperColorSuccess, _emotion.dateTimePickerTokens.labelInnerFontFamily, _emotion.dateTimePickerTokens.labelInnerFontSize, _emotion.dateTimePickerTokens.labelInnerFontStyle, _emotion.dateTimePickerTokens.labelInnerFontWeight, _emotion.dateTimePickerTokens.labelInnerLetterSpacing, _emotion.dateTimePickerTokens.labelInnerLineHeight, _emotion.dateTimePickerTokens.indicatorColor, _emotion.dateTimePickerTokens.textFieldTextBeforeColor, _emotion.dateTimePickerTokens.textFieldTextAfterColor, _emotion.dateTimePickerTokens.popoverShadow, _emotion.dateTimePickerTokens.popoverSeparatorBackground, _emotion.dateTimePickerTokens.popoverBackgroundColor, _emotion.dateTimePickerTokens.calendarSelectedItemBackground, _emotion.dateTimePickerTokens.calendarSelectedItemColor, _emotion.dateTimePickerTokens.calendarSelectableItemBackgroundHover, _emotion.dateTimePickerTokens.calendarCurrentItemBorderColor, _emotion.dateTimePickerTokens.calendarCurrentItemBackgroundHover, _emotion.dateTimePickerTokens.calendarCurrentItemColorHover, _emotion.dateTimePickerTokens.calendarCurrentItemChildBackgroundHover, _emotion.dateTimePickerTokens.calendarActiveItemBackground, _emotion.dateTimePickerTokens.calendarActiveItemColor, _emotion.dateTimePickerTokens.calendarHoveredItemBackground, _emotion.dateTimePickerTokens.calendarHoveredItemColor, _emotion.dateTimePickerTokens.calendarRangeBackground, _emotion.dateTimePickerTokens.calendarOutlineFocusColor, _emotion.dateTimePickerTokens.calendarContentPrimaryColor, _emotion.dateTimePickerTokens.calendarContentPrimaryDisabledColor, _emotion.dateTimePickerTokens.calendarHeaderArrowColor, _emotion.dateTimePickerTokens.calendarContentPrimaryColor, _emotion.dateTimePickerTokens.calendarContentSecondaryColor, _emotion.dateTimePickerTokens.calendarContentSecondaryDisabledColor, _emotion.dateTimePickerTokens.calendarDisabledOpacity, _emotion.dateTimePickerTokens.calendarSeparatorBackground, _emotion.dateTimePickerTokens.iconButtonColor, _emotion.dateTimePickerTokens.iconButtonBackgroundColor, _emotion.dateTimePickerTokens.iconButtonColorHover, _emotion.dateTimePickerTokens.iconButtonBackgroundColorHover, _emotion.dateTimePickerTokens.iconButtonColorActive, _emotion.dateTimePickerTokens.iconButtonBackgroundColorActive, _emotion.dateTimePickerTokens.iconButtonFocusColor, _emotion.dateTimePickerTokens.timePickerItemBackgroundHover, _emotion.dateTimePickerTokens.timePickerItemBackgroundActive, _emotion.dateTimePickerTokens.timePickerScrollbarColor, _emotion.dateTimePickerTokens.timePickerScrollbarTrackColor, _emotion.dateTimePickerTokens.shortcutColor, _emotion.dateTimePickerTokens.shortcutBackgroundHover)
|
|
845
|
+
default: (0, _emotion.css)(_templateObject(), _emotion.dateTimePickerTokens.outlineFocusColor, _emotion.dateTimePickerTokens.textFieldColor, _emotion.dateTimePickerTokens.textFieldPlaceholderColor, _emotion.dateTimePickerTokens.textFieldPlaceholderColorFocus, _emotion.dateTimePickerTokens.textFieldCaretColor, _emotion.dateTimePickerTokens.textFieldBackgroundColor, _emotion.dateTimePickerTokens.textFieldBackgroundColorHover, _emotion.dateTimePickerTokens.textFieldBackgroundColorFocus, _emotion.dateTimePickerTokens.textFieldBackgroundErrorColor, _emotion.dateTimePickerTokens.textFieldBackgroundErrorColorFocus, _emotion.dateTimePickerTokens.textFieldBackgroundSuccessColor, _emotion.dateTimePickerTokens.textFieldBackgroundSuccessColorFocus, _emotion.dateTimePickerTokens.labelColor, _emotion.dateTimePickerTokens.leftHelperColor, _emotion.dateTimePickerTokens.leftHelperColorError, _emotion.dateTimePickerTokens.leftHelperColorSuccess, _emotion.dateTimePickerTokens.labelInnerFontFamily, _emotion.dateTimePickerTokens.labelInnerFontSize, _emotion.dateTimePickerTokens.labelInnerFontStyle, _emotion.dateTimePickerTokens.labelInnerFontWeight, _emotion.dateTimePickerTokens.labelInnerLetterSpacing, _emotion.dateTimePickerTokens.labelInnerLineHeight, _emotion.dateTimePickerTokens.indicatorColor, _emotion.dateTimePickerTokens.textFieldTextBeforeColor, _emotion.dateTimePickerTokens.textFieldTextAfterColor, _emotion.dateTimePickerTokens.popoverShadow, _emotion.dateTimePickerTokens.popoverSeparatorBackground, _emotion.dateTimePickerTokens.popoverBackgroundColor, _emotion.dateTimePickerTokens.calendarSelectedItemBackground, _emotion.dateTimePickerTokens.calendarSelectedItemColor, _emotion.dateTimePickerTokens.calendarSelectableItemBackgroundHover, _emotion.dateTimePickerTokens.calendarCurrentItemBorderColor, _emotion.dateTimePickerTokens.calendarCurrentItemBackgroundHover, _emotion.dateTimePickerTokens.calendarCurrentItemColorHover, _emotion.dateTimePickerTokens.calendarCurrentItemChildBackgroundHover, _emotion.dateTimePickerTokens.calendarActiveItemBackground, _emotion.dateTimePickerTokens.calendarActiveItemColor, _emotion.dateTimePickerTokens.calendarHoveredItemBackground, _emotion.dateTimePickerTokens.calendarHoveredItemColor, _emotion.dateTimePickerTokens.calendarRangeBackground, _emotion.dateTimePickerTokens.calendarOutlineFocusColor, _emotion.dateTimePickerTokens.calendarContentPrimaryColor, _emotion.dateTimePickerTokens.calendarContentPrimaryDisabledColor, _emotion.dateTimePickerTokens.calendarHeaderArrowColor, _emotion.dateTimePickerTokens.calendarContentPrimaryColor, _emotion.dateTimePickerTokens.calendarContentSecondaryColor, _emotion.dateTimePickerTokens.calendarContentSecondaryDisabledColor, _emotion.dateTimePickerTokens.calendarDisabledOpacity, _emotion.dateTimePickerTokens.calendarSeparatorBackground, _emotion.dateTimePickerTokens.iconButtonColor, _emotion.dateTimePickerTokens.iconButtonBackgroundColor, _emotion.dateTimePickerTokens.iconButtonColorHover, _emotion.dateTimePickerTokens.iconButtonBackgroundColorHover, _emotion.dateTimePickerTokens.iconButtonColorActive, _emotion.dateTimePickerTokens.iconButtonBackgroundColorActive, _emotion.dateTimePickerTokens.iconButtonFocusColor, _emotion.dateTimePickerTokens.tooltipBackgroundColor, _emotion.dateTimePickerTokens.tooltipBoxShadow, _emotion.dateTimePickerTokens.tooltipColor, _emotion.dateTimePickerTokens.timePickerItemBackgroundHover, _emotion.dateTimePickerTokens.timePickerItemBackgroundActive, _emotion.dateTimePickerTokens.timePickerScrollbarColor, _emotion.dateTimePickerTokens.timePickerScrollbarTrackColor, _emotion.dateTimePickerTokens.shortcutColor, _emotion.dateTimePickerTokens.shortcutBackgroundHover)
|
|
843
846
|
},
|
|
844
847
|
size: {
|
|
845
848
|
xl: (0, _emotion.css)(_templateObject1(), _emotion.dateTimePickerTokens.textFieldHeight, _emotion.dateTimePickerTokens.textFieldBorderRadius, _emotion.dateTimePickerTokens.textFieldPadding, _emotion.dateTimePickerTokens.textFieldLeftContentMargin, _emotion.dateTimePickerTokens.textFieldRightContentMargin, _emotion.dateTimePickerTokens.textFieldTextBeforeMargin, _emotion.dateTimePickerTokens.textFieldTextAfterMargin, _emotion.dateTimePickerTokens.textFieldFontFamily, _emotion.dateTimePickerTokens.textFieldFontStyle, _emotion.dateTimePickerTokens.textFieldFontSize, _emotion.dateTimePickerTokens.textFieldFontWeight, _emotion.dateTimePickerTokens.textFieldLetterSpacing, _emotion.dateTimePickerTokens.textFieldLineHeight, _emotion.dateTimePickerTokens.labelOffset, _emotion.dateTimePickerTokens.labelInnerPadding, _emotion.dateTimePickerTokens.contentLabelInnerPadding, _emotion.dateTimePickerTokens.labelFontFamily, _emotion.dateTimePickerTokens.labelFontStyle, _emotion.dateTimePickerTokens.labelFontSize, _emotion.dateTimePickerTokens.labelFontWeight, _emotion.dateTimePickerTokens.labelLetterSpacing, _emotion.dateTimePickerTokens.labelLineHeight, _emotion.dateTimePickerTokens.labelInnerFontFamily, _emotion.dateTimePickerTokens.labelInnerFontSize, _emotion.dateTimePickerTokens.labelInnerFontStyle, _emotion.dateTimePickerTokens.labelInnerFontWeight, _emotion.dateTimePickerTokens.labelInnerLetterSpacing, _emotion.dateTimePickerTokens.labelInnerLineHeight, _emotion.dateTimePickerTokens.indicatorSize, _emotion.dateTimePickerTokens.indicatorSizeOuter, _emotion.dateTimePickerTokens.indicatorPlacement, _emotion.dateTimePickerTokens.indicatorOuterPlacement, _emotion.dateTimePickerTokens.indicatorPlacementRight, _emotion.dateTimePickerTokens.indicatorOuterPlacementRight, _emotion.dateTimePickerTokens.leftHelperOffset, _emotion.dateTimePickerTokens.leftHelperFontFamily, _emotion.dateTimePickerTokens.leftHelperFontStyle, _emotion.dateTimePickerTokens.leftHelperFontSize, _emotion.dateTimePickerTokens.leftHelperFontWeight, _emotion.dateTimePickerTokens.leftHelperLetterSpacing, _emotion.dateTimePickerTokens.leftHelperLineHeight, _emotion.dateTimePickerTokens.popoverBorderRadius, _emotion.dateTimePickerTokens.popoverGap, _emotion.dateTimePickerTokens.popoverPadding, _emotion.dateTimePickerTokens.popoverVerticalPadding, _emotion.dateTimePickerTokens.calendarWidth, _emotion.dateTimePickerTokens.calendarHeight, _emotion.dateTimePickerTokens.calendarYearsPadding, _emotion.dateTimePickerTokens.calendarYearItemBorderRadius, _emotion.dateTimePickerTokens.calendarYearFontFamily, _emotion.dateTimePickerTokens.calendarYearFontSize, _emotion.dateTimePickerTokens.calendarYearFontStyle, _emotion.dateTimePickerTokens.calendarYearFontLetterSpacing, _emotion.dateTimePickerTokens.calendarYearFontLineHeight, _emotion.dateTimePickerTokens.calendarYearFontWeight, _emotion.dateTimePickerTokens.calendarYearSelectedFontWeight, _emotion.dateTimePickerTokens.calendarMonthsPadding, _emotion.dateTimePickerTokens.calendarMonthItemBorderRadius, _emotion.dateTimePickerTokens.calendarMonthFontFamily, _emotion.dateTimePickerTokens.calendarMonthFontSize, _emotion.dateTimePickerTokens.calendarMonthFontStyle, _emotion.dateTimePickerTokens.calendarMonthFontLetterSpacing, _emotion.dateTimePickerTokens.calendarMonthFontLineHeight, _emotion.dateTimePickerTokens.calendarMonthFontWeight, _emotion.dateTimePickerTokens.calendarMonthSelectedFontWeight, _emotion.dateTimePickerTokens.calendarQuartersPadding, _emotion.dateTimePickerTokens.calendarQuarterItemBorderRadius, _emotion.dateTimePickerTokens.calendarQuarterFontFamily, _emotion.dateTimePickerTokens.calendarQuarterFontSize, _emotion.dateTimePickerTokens.calendarQuarterFontStyle, _emotion.dateTimePickerTokens.calendarQuarterFontLetterSpacing, _emotion.dateTimePickerTokens.calendarQuarterFontLineHeight, _emotion.dateTimePickerTokens.calendarQuarterFontWeight, _emotion.dateTimePickerTokens.calendarQuarterSelectedFontWeight, _emotion.dateTimePickerTokens.calendarDaysPadding, _emotion.dateTimePickerTokens.calendarDayItemBorderRadius, _emotion.dateTimePickerTokens.calendarDayFontFamily, _emotion.dateTimePickerTokens.calendarDayFontSize, _emotion.dateTimePickerTokens.calendarDayFontStyle, _emotion.dateTimePickerTokens.calendarDayFontLetterSpacing, _emotion.dateTimePickerTokens.calendarDayFontLineHeight, _emotion.dateTimePickerTokens.calendarDayFontWeight, _emotion.dateTimePickerTokens.calendarDaySelectedFontWeight, _emotion.dateTimePickerTokens.calendarCurrentItemBorderWidth, _emotion.dateTimePickerTokens.calendarHeaderWrapperPadding, _emotion.dateTimePickerTokens.calendarHeaderArrowGap, _emotion.dateTimePickerTokens.calendarHeaderArrowCustomSize, _emotion.dateTimePickerTokens.calendarHeaderPadding, _emotion.dateTimePickerTokens.calendarHeaderDateGap, _emotion.dateTimePickerTokens.calendarHeaderFontFamily, _emotion.dateTimePickerTokens.calendarHeaderFontSize, _emotion.dateTimePickerTokens.calendarHeaderFontStyle, _emotion.dateTimePickerTokens.calendarHeaderFontLetterSpacing, _emotion.dateTimePickerTokens.calendarHeaderFontLineHeight, _emotion.dateTimePickerTokens.calendarHeaderFontWeight, _emotion.dateTimePickerTokens.calendarHeaderFontWeightBold, _emotion.dateTimePickerTokens.iconButtonHeight, _emotion.dateTimePickerTokens.iconButtonWidth, _emotion.dateTimePickerTokens.iconButtonPadding, _emotion.dateTimePickerTokens.iconButtonRadius, _emotion.dateTimePickerTokens.timePickerColumnWidth, _emotion.dateTimePickerTokens.timePickerColumnHeight, _emotion.dateTimePickerTokens.timePickerColumnGap, _emotion.dateTimePickerTokens.timePickerItemHeight, _emotion.dateTimePickerTokens.timePickerItemBorderRadius, _emotion.dateTimePickerTokens.timePickerItemPadding, _emotion.dateTimePickerTokens.timePickerItemFontFamily, _emotion.dateTimePickerTokens.timePickerItemFontStyle, _emotion.dateTimePickerTokens.timePickerItemFontSize, _emotion.dateTimePickerTokens.timePickerItemFontWeight, _emotion.dateTimePickerTokens.timePickerItemLetterSpacing, _emotion.dateTimePickerTokens.timePickerItemLineHeight, _emotion.dateTimePickerTokens.timePickerScrollbarWidth, _emotion.dateTimePickerTokens.timePickerScrollbarMargin, _emotion.dateTimePickerTokens.shortcutFontFamily, _emotion.dateTimePickerTokens.shortcutFontStyle, _emotion.dateTimePickerTokens.shortcutFontSize, _emotion.dateTimePickerTokens.shortcutFontWeight, _emotion.dateTimePickerTokens.shortcutLetterSpacing, _emotion.dateTimePickerTokens.shortcutLineHeight, _emotion.dateTimePickerTokens.shortcutPadding, _emotion.dateTimePickerTokens.shortcutGap, _emotion.dateTimePickerTokens.shortcutBorderRadius),
|
|
@@ -67,6 +67,9 @@ function _templateObject() {
|
|
|
67
67
|
": var(--text-primary-hover);\n ",
|
|
68
68
|
": var(--surface-clear);\n ",
|
|
69
69
|
": var(--surface-accent);\n\n ",
|
|
70
|
+
": var(--surface-solid-card-brightness);\n ",
|
|
71
|
+
": var(--shadow-down-hard-s);\n ",
|
|
72
|
+
": var(--text-primary);\n\n ",
|
|
70
73
|
": var(--surface-transparent-secondary);\n ",
|
|
71
74
|
": var(--surface-transparent-secondary);\n ",
|
|
72
75
|
": var(--surface-transparent-tertiary);\n ",
|
|
@@ -829,7 +832,7 @@ export var config = {
|
|
|
829
832
|
},
|
|
830
833
|
variations: {
|
|
831
834
|
view: {
|
|
832
|
-
default: css(_templateObject(), tokens.outlineFocusColor, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldCaretColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorHover, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorFocus, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.popoverShadow, tokens.popoverSeparatorBackground, tokens.popoverBackgroundColor, tokens.calendarSelectedItemBackground, tokens.calendarSelectedItemColor, tokens.calendarSelectableItemBackgroundHover, tokens.calendarCurrentItemBorderColor, tokens.calendarCurrentItemBackgroundHover, tokens.calendarCurrentItemColorHover, tokens.calendarCurrentItemChildBackgroundHover, tokens.calendarActiveItemBackground, tokens.calendarActiveItemColor, tokens.calendarHoveredItemBackground, tokens.calendarHoveredItemColor, tokens.calendarRangeBackground, tokens.calendarOutlineFocusColor, tokens.calendarContentPrimaryColor, tokens.calendarContentPrimaryDisabledColor, tokens.calendarHeaderArrowColor, tokens.calendarContentPrimaryColor, tokens.calendarContentSecondaryColor, tokens.calendarContentSecondaryDisabledColor, tokens.calendarDisabledOpacity, tokens.calendarSeparatorBackground, tokens.iconButtonColor, tokens.iconButtonBackgroundColor, tokens.iconButtonColorHover, tokens.iconButtonBackgroundColorHover, tokens.iconButtonColorActive, tokens.iconButtonBackgroundColorActive, tokens.iconButtonFocusColor, tokens.timePickerItemBackgroundHover, tokens.timePickerItemBackgroundActive, tokens.timePickerScrollbarColor, tokens.timePickerScrollbarTrackColor, tokens.shortcutColor, tokens.shortcutBackgroundHover)
|
|
835
|
+
default: css(_templateObject(), tokens.outlineFocusColor, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldCaretColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorHover, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorFocus, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.popoverShadow, tokens.popoverSeparatorBackground, tokens.popoverBackgroundColor, tokens.calendarSelectedItemBackground, tokens.calendarSelectedItemColor, tokens.calendarSelectableItemBackgroundHover, tokens.calendarCurrentItemBorderColor, tokens.calendarCurrentItemBackgroundHover, tokens.calendarCurrentItemColorHover, tokens.calendarCurrentItemChildBackgroundHover, tokens.calendarActiveItemBackground, tokens.calendarActiveItemColor, tokens.calendarHoveredItemBackground, tokens.calendarHoveredItemColor, tokens.calendarRangeBackground, tokens.calendarOutlineFocusColor, tokens.calendarContentPrimaryColor, tokens.calendarContentPrimaryDisabledColor, tokens.calendarHeaderArrowColor, tokens.calendarContentPrimaryColor, tokens.calendarContentSecondaryColor, tokens.calendarContentSecondaryDisabledColor, tokens.calendarDisabledOpacity, tokens.calendarSeparatorBackground, tokens.iconButtonColor, tokens.iconButtonBackgroundColor, tokens.iconButtonColorHover, tokens.iconButtonBackgroundColorHover, tokens.iconButtonColorActive, tokens.iconButtonBackgroundColorActive, tokens.iconButtonFocusColor, tokens.tooltipBackgroundColor, tokens.tooltipBoxShadow, tokens.tooltipColor, tokens.timePickerItemBackgroundHover, tokens.timePickerItemBackgroundActive, tokens.timePickerScrollbarColor, tokens.timePickerScrollbarTrackColor, tokens.shortcutColor, tokens.shortcutBackgroundHover)
|
|
833
836
|
},
|
|
834
837
|
size: {
|
|
835
838
|
xl: css(_templateObject1(), tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.popoverBorderRadius, tokens.popoverGap, tokens.popoverPadding, tokens.popoverVerticalPadding, tokens.calendarWidth, tokens.calendarHeight, tokens.calendarYearsPadding, tokens.calendarYearItemBorderRadius, tokens.calendarYearFontFamily, tokens.calendarYearFontSize, tokens.calendarYearFontStyle, tokens.calendarYearFontLetterSpacing, tokens.calendarYearFontLineHeight, tokens.calendarYearFontWeight, tokens.calendarYearSelectedFontWeight, tokens.calendarMonthsPadding, tokens.calendarMonthItemBorderRadius, tokens.calendarMonthFontFamily, tokens.calendarMonthFontSize, tokens.calendarMonthFontStyle, tokens.calendarMonthFontLetterSpacing, tokens.calendarMonthFontLineHeight, tokens.calendarMonthFontWeight, tokens.calendarMonthSelectedFontWeight, tokens.calendarQuartersPadding, tokens.calendarQuarterItemBorderRadius, tokens.calendarQuarterFontFamily, tokens.calendarQuarterFontSize, tokens.calendarQuarterFontStyle, tokens.calendarQuarterFontLetterSpacing, tokens.calendarQuarterFontLineHeight, tokens.calendarQuarterFontWeight, tokens.calendarQuarterSelectedFontWeight, tokens.calendarDaysPadding, tokens.calendarDayItemBorderRadius, tokens.calendarDayFontFamily, tokens.calendarDayFontSize, tokens.calendarDayFontStyle, tokens.calendarDayFontLetterSpacing, tokens.calendarDayFontLineHeight, tokens.calendarDayFontWeight, tokens.calendarDaySelectedFontWeight, tokens.calendarCurrentItemBorderWidth, tokens.calendarHeaderWrapperPadding, tokens.calendarHeaderArrowGap, tokens.calendarHeaderArrowCustomSize, tokens.calendarHeaderPadding, tokens.calendarHeaderDateGap, tokens.calendarHeaderFontFamily, tokens.calendarHeaderFontSize, tokens.calendarHeaderFontStyle, tokens.calendarHeaderFontLetterSpacing, tokens.calendarHeaderFontLineHeight, tokens.calendarHeaderFontWeight, tokens.calendarHeaderFontWeightBold, tokens.iconButtonHeight, tokens.iconButtonWidth, tokens.iconButtonPadding, tokens.iconButtonRadius, tokens.timePickerColumnWidth, tokens.timePickerColumnHeight, tokens.timePickerColumnGap, tokens.timePickerItemHeight, tokens.timePickerItemBorderRadius, tokens.timePickerItemPadding, tokens.timePickerItemFontFamily, tokens.timePickerItemFontStyle, tokens.timePickerItemFontSize, tokens.timePickerItemFontWeight, tokens.timePickerItemLetterSpacing, tokens.timePickerItemLineHeight, tokens.timePickerScrollbarWidth, tokens.timePickerScrollbarMargin, tokens.shortcutFontFamily, tokens.shortcutFontStyle, tokens.shortcutFontSize, tokens.shortcutFontWeight, tokens.shortcutLetterSpacing, tokens.shortcutLineHeight, tokens.shortcutPadding, tokens.shortcutGap, tokens.shortcutBorderRadius),
|