@lobehub/ui 5.64.0 → 5.64.1
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.
|
@@ -28,15 +28,23 @@ const styles = createStaticStyles(({ css, cssVar }) => ({
|
|
|
28
28
|
`,
|
|
29
29
|
root: css`
|
|
30
30
|
/* ---------------------------------------------------------------- input box */
|
|
31
|
+
|
|
32
|
+
/* Size to content like antd: the shared Input root is width: 100%, which made the
|
|
33
|
+
picker stretch in a flex row and squeeze its siblings. Default to auto width (capped by
|
|
34
|
+
the container); a style / className width (e.g. 100%) still wins and the inputs grow. */
|
|
31
35
|
&.${P} {
|
|
32
36
|
position: relative;
|
|
37
|
+
width: auto;
|
|
38
|
+
max-width: 100%;
|
|
33
39
|
}
|
|
34
40
|
|
|
41
|
+
/* flex-basis auto, not 0: the input keeps its natural width from rc-picker's size
|
|
42
|
+
attribute (format length + 2) instead of collapsing when the root is auto width. */
|
|
35
43
|
&.${P} .${P}-input {
|
|
36
44
|
position: relative;
|
|
37
45
|
|
|
38
46
|
display: inline-flex;
|
|
39
|
-
flex: 1;
|
|
47
|
+
flex: 1 1 auto;
|
|
40
48
|
gap: 8px;
|
|
41
49
|
align-items: center;
|
|
42
50
|
|
|
@@ -44,9 +52,9 @@ const styles = createStaticStyles(({ css, cssVar }) => ({
|
|
|
44
52
|
}
|
|
45
53
|
|
|
46
54
|
&.${P} .${P}-input > input {
|
|
47
|
-
flex: 1;
|
|
55
|
+
flex: 1 1 auto;
|
|
48
56
|
|
|
49
|
-
width:
|
|
57
|
+
width: auto;
|
|
50
58
|
min-width: 0;
|
|
51
59
|
padding: 0;
|
|
52
60
|
border: none;
|
|
@@ -336,7 +344,7 @@ const styles = createStaticStyles(({ css, cssVar }) => ({
|
|
|
336
344
|
|
|
337
345
|
/* range: two inputs, a separator and the bar under the active field */
|
|
338
346
|
&.${P}-range .${P}-input {
|
|
339
|
-
flex: 1;
|
|
347
|
+
flex: 1 1 auto;
|
|
340
348
|
}
|
|
341
349
|
|
|
342
350
|
&.${P}-range .${P}-range-separator {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/DatePicker/style.ts"],"sourcesContent":["import { focusRing } from '@/base-ui/focusRing';\nimport { createStaticStyles } from '@/utils/styleEngine';\n\n/** Own prefix so rc-picker class names never collide with antd's global `.ant-picker` CSS. */\nexport const PREFIX_CLS = 'lobe-picker';\n\nconst P = PREFIX_CLS;\nconst MOTION = `${P}-slide-up`;\n\n/**\n * Styles for rc-picker's class-name contract. `root` is passed as `rootClassName`, which\n * rc-picker puts on both the input box (`.lobe-picker`) and the popup\n * (`.lobe-picker-dropdown`); the box itself reuses base-ui Input's `rootVariants`.\n */\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n /** antd's `underlined`: only a bottom border, applied over Input's `borderless`. */\n underlined: css`\n &.${P} {\n border-block-end-color: ${cssVar.colorBorder};\n border-radius: 0;\n }\n\n &.${P}:hover:not(:focus-within, .${P}-disabled) {\n border-block-end-color: ${cssVar.colorPrimaryHover};\n }\n\n &.${P}:focus-within {\n border-block-end-color: ${cssVar.colorPrimary};\n }\n `,\n root: css`\n /* ---------------------------------------------------------------- input box */\n &.${P} {\n position: relative;\n }\n\n &.${P} .${P}-input {\n position: relative;\n\n display: inline-flex;\n flex: 1;\n gap: 8px;\n align-items: center;\n\n min-width: 0;\n }\n\n &.${P} .${P}-input > input {\n flex: 1;\n\n width: 100%;\n min-width: 0;\n padding: 0;\n border: none;\n\n font: inherit;\n font-variant-numeric: tabular-nums;\n color: inherit;\n text-overflow: ellipsis;\n\n appearance: none;\n background: transparent;\n outline: none;\n\n &::placeholder {\n color: ${cssVar.colorTextPlaceholder};\n }\n\n &:disabled {\n cursor: not-allowed;\n }\n }\n\n /*\n * \\`disabled: [boolean, boolean]\\`: Input greys the whole root on \\`:has(input:disabled)\\`;\n * while one end stays editable (rc adds \\`-disabled\\` only when both are), grey just that end.\n */\n &.${P}-range:not(.${P}-disabled):has(input:disabled) {\n cursor: auto;\n color: ${cssVar.colorText};\n opacity: 1;\n }\n\n &.${P}-range:not(.${P}-disabled) .${P}-input:has(> input:disabled) {\n cursor: not-allowed;\n color: ${cssVar.colorTextQuaternary};\n }\n\n /* hover preview text from presets / cells */\n &.${P} .${P}-input-placeholder > input {\n color: ${cssVar.colorTextPlaceholder};\n }\n\n &.${P} .${P}-prefix {\n display: inline-flex;\n flex: none;\n align-items: center;\n color: ${cssVar.colorTextTertiary};\n }\n\n &.${P} .${P}-suffix {\n pointer-events: none;\n\n display: inline-flex;\n flex: none;\n align-items: center;\n justify-content: center;\n\n width: 16px;\n\n color: ${cssVar.colorTextTertiary};\n\n transition: opacity 150ms ${cssVar.motionEaseOut};\n }\n\n /* the clear button sits on top of the suffix icon (16px wide + 8px gap) */\n &.${P} .${P}-clear {\n cursor: pointer;\n\n position: relative;\n z-index: 1;\n\n display: inline-flex;\n flex: none;\n align-items: center;\n justify-content: center;\n\n width: 16px;\n height: 16px;\n margin-inline-start: -24px;\n padding: 0;\n border: 0;\n border-radius: 50%;\n\n color: ${cssVar.colorBgContainer};\n\n opacity: 0;\n background: ${cssVar.colorTextQuaternary};\n\n transition: opacity 150ms ${cssVar.motionEaseOut};\n\n &:hover {\n background: ${cssVar.colorTextTertiary};\n }\n }\n\n &.${P}:not(.${P}-disabled):hover .${P}-clear {\n opacity: 1;\n }\n\n &.${P}:not(.${P}-disabled):hover .${P}-suffix:not(:last-child) {\n opacity: 0;\n }\n\n &.${P}-disabled .${P}-clear {\n display: none;\n }\n\n /*\n * multiple: rc-picker's tags (\\`-selection-item\\`, also the \\`+ N ...\\` rest) in base-ui Tag's\n * filled look, sized as antd (control height - 8px) and wrapping the box when they overflow.\n */\n &.${P}-multiple {\n --lobe-picker-tag-height: 24px;\n\n cursor: pointer;\n padding-block: 1px;\n }\n\n &.${P}-multiple.${P}-small {\n --lobe-picker-tag-height: 16px;\n }\n\n &.${P}-multiple.${P}-large {\n --lobe-picker-tag-height: 32px;\n }\n\n &.${P}-multiple .${P}-selector {\n position: relative;\n flex: 1;\n min-width: 0;\n }\n\n &.${P}-multiple .${P}-selection-overflow {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n max-width: 100%;\n }\n\n &.${P}-multiple .${P}-selection-overflow-item {\n flex: none;\n max-width: 100%;\n }\n\n &.${P}-multiple .${P}-selection-item {\n display: flex;\n gap: 4px;\n align-items: center;\n\n box-sizing: border-box;\n max-width: 100%;\n height: var(--lobe-picker-tag-height);\n margin-block: 2px;\n margin-inline-end: 4px;\n padding-inline: 8px 4px;\n border-radius: ${cssVar.borderRadiusSM};\n\n font-size: ${cssVar.fontSizeSM};\n line-height: var(--lobe-picker-tag-height);\n color: ${cssVar.colorText};\n white-space: nowrap;\n\n background: ${cssVar.colorFillSecondary};\n }\n\n &.${P}-multiple.${P}-large .${P}-selection-item {\n font-size: ${cssVar.fontSize};\n }\n\n &.${P}-multiple .${P}-selection-item:not(:has(.${P}-selection-item-remove)) {\n padding-inline-end: 8px;\n }\n\n &.${P}-multiple .${P}-selection-item-content {\n overflow: hidden;\n font-variant-numeric: tabular-nums;\n text-overflow: ellipsis;\n }\n\n &.${P}-multiple .${P}-selection-item-remove {\n cursor: pointer;\n\n display: inline-flex;\n flex: none;\n align-items: center;\n\n color: ${cssVar.colorIcon};\n\n &:hover {\n color: ${cssVar.colorTextHeading};\n }\n }\n\n &.${P}-multiple .${P}-selection-placeholder {\n overflow: hidden;\n display: block;\n\n line-height: calc(var(--lobe-picker-tag-height) + 4px);\n color: ${cssVar.colorTextPlaceholder};\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n /* the selector shows the value; rc-picker keeps this readonly input only for focus */\n &.${P}-multiple .${P}-multiple-input {\n position: absolute;\n z-index: -1;\n\n width: 0;\n height: 0;\n padding: 0;\n border: 0;\n\n opacity: 0;\n }\n\n &.${P}-multiple.${P}-disabled {\n cursor: not-allowed;\n color: ${cssVar.colorTextQuaternary};\n opacity: 0.66;\n }\n\n /* status: border + focus ring per variant, as antd's genStatusStyle */\n &.${P}-status-error {\n --lobe-picker-status: ${cssVar.colorError};\n --lobe-picker-status-hover: ${cssVar.colorErrorBorderHover};\n --lobe-picker-status-bg: ${cssVar.colorErrorBg};\n --lobe-picker-status-bg-hover: ${cssVar.colorErrorBgHover};\n }\n\n &.${P}-status-warning {\n --lobe-picker-status: ${cssVar.colorWarning};\n --lobe-picker-status-hover: ${cssVar.colorWarningBorderHover};\n --lobe-picker-status-bg: ${cssVar.colorWarningBg};\n --lobe-picker-status-bg-hover: ${cssVar.colorWarningBgHover};\n }\n\n &:is(.${P}-status-error, .${P}-status-warning):not(.${P}-disabled) {\n &.${P}-outlined {\n border-color: var(--lobe-picker-status);\n\n &:hover:not(:focus-within) {\n border-color: var(--lobe-picker-status-hover);\n }\n\n &:focus-within {\n border-color: var(--lobe-picker-status);\n box-shadow: 0 0 0 2px var(--lobe-picker-status-bg);\n }\n }\n\n &.${P}-filled {\n background: var(--lobe-picker-status-bg);\n\n &:hover:not(:focus-within) {\n background: var(--lobe-picker-status-bg-hover);\n }\n\n &:focus-within {\n border-color: var(--lobe-picker-status);\n background: ${cssVar.colorBgContainer};\n }\n }\n\n &.${P}-underlined {\n border-block-end-color: var(--lobe-picker-status);\n }\n\n &:is(.${P}-borderless, .${P}-underlined) .${P}-input > input {\n color: var(--lobe-picker-status);\n }\n\n .${P}-prefix {\n color: var(--lobe-picker-status);\n }\n }\n\n /* rtl: rc-picker adds the -rtl modifier to the box and the popup; lucide arrows are mirrored */\n &.${P}-rtl, &.${P}-dropdown-rtl {\n direction: rtl;\n }\n\n &.${P}-rtl .${P}-range-separator .lucide,\n &.${P}-dropdown-rtl .${P}-header > button .lucide {\n transform: scaleX(-1);\n }\n\n /* range: two inputs, a separator and the bar under the active field */\n &.${P}-range .${P}-input {\n flex: 1;\n }\n\n &.${P}-range .${P}-range-separator {\n display: inline-flex;\n flex: none;\n align-items: center;\n color: ${cssVar.colorTextTertiary};\n }\n\n &.${P}-range .${P}-active-bar {\n pointer-events: none;\n\n position: absolute;\n inset-block-end: -1px;\n\n height: 2px;\n\n opacity: 0;\n background: ${cssVar.colorPrimary};\n\n transition:\n inset-inline-start 200ms ${cssVar.motionEaseOut},\n width 200ms ${cssVar.motionEaseOut},\n opacity 200ms ${cssVar.motionEaseOut};\n }\n\n &.${P}-range.${P}-focused .${P}-active-bar {\n opacity: 1;\n }\n\n /* ---------------------------------------------------------------- popup */\n &.${P}-dropdown {\n /* nested in a base-ui Modal / Popover layer that sets pointer-events: none */\n pointer-events: auto;\n\n position: absolute;\n inset-block-start: -9999px;\n inset-inline-start: -9999px;\n\n font-size: 14px;\n color: ${cssVar.colorText};\n }\n\n &.${P}-dropdown-hidden {\n display: none;\n }\n\n &.${P}-dropdown .${P}-range-arrow {\n display: none;\n }\n\n /* rc-trigger stretches the popup to the input width; only the container is painted */\n &.${P}-dropdown .${P}-panel-container {\n overflow: hidden;\n display: inline-block;\n\n border-radius: 16px;\n\n vertical-align: top;\n\n background: ${cssVar.colorBgElevated};\n box-shadow: ${cssVar.boxShadow}, var(--lobe-ring);\n }\n\n &.${P}-dropdown .${P}-panel-layout {\n display: flex;\n align-items: stretch;\n }\n\n &.${P}-dropdown .${P}-panels {\n display: flex;\n flex-wrap: nowrap;\n }\n\n /* presets: a sidebar on the start side of the panels, as in antd */\n &.${P}-dropdown .${P}-presets {\n display: flex;\n flex-direction: column;\n\n min-width: 120px;\n max-width: 200px;\n\n /* divider one step lighter than the panel borders: light colorFillSecondary,\n dark colorFillTertiary (see the -dropdown-dark rule below) */\n border-inline-end: 1px solid ${cssVar.colorFillSecondary};\n\n /* slightly tinted; the panel container's radius + overflow clip it */\n background: ${cssVar.colorFillQuaternary};\n\n ul {\n overflow: auto;\n flex: auto;\n\n height: 0;\n margin: 0;\n padding: 6px;\n\n list-style: none;\n }\n\n li {\n cursor: pointer;\n\n overflow: hidden;\n\n padding-block: 4px;\n padding-inline: 8px;\n border-radius: 6px;\n\n font-size: 13px;\n line-height: 20px;\n color: ${cssVar.colorText};\n text-overflow: ellipsis;\n white-space: nowrap;\n\n transition: background-color 150ms ${cssVar.motionEaseOut};\n\n &:hover {\n background: ${cssVar.colorFillTertiary};\n }\n\n &:has(> .${P}-preset-active) {\n font-weight: 500;\n background: ${cssVar.colorFillSecondary};\n }\n }\n\n li + li {\n margin-block-start: 2px;\n }\n }\n\n /* dark: fill tokens are white-alpha and would lighten the sidebar, so darken it */\n &.${P}-dropdown.${P}-dropdown-dark .${P}-presets {\n border-inline-end-color: ${cssVar.colorFillTertiary};\n background: rgb(0 0 0 / 12%);\n }\n\n &.${P}-dropdown .${P}-panel {\n display: inline-flex;\n flex-direction: column;\n outline: none;\n }\n\n &.${P}-dropdown .${P}-panels > .${P}-panel + .${P}-panel {\n border-inline-start: 1px solid ${cssVar.colorBorderSecondary};\n }\n\n &.${P}-dropdown\n :is(\n .${P}-date-panel,\n .${P}-week-panel,\n .${P}-month-panel,\n .${P}-quarter-panel,\n .${P}-year-panel,\n .${P}-decade-panel\n ) {\n width: 288px;\n }\n\n /* header: << < [month year] > >> */\n &.${P}-dropdown .${P}-header {\n display: flex;\n gap: 2px;\n align-items: center;\n\n padding-block: 12px 4px;\n padding-inline: 12px;\n }\n\n &.${P}-dropdown .${P}-header > button {\n ${focusRing};\n cursor: pointer;\n\n display: inline-flex;\n flex: none;\n align-items: center;\n justify-content: center;\n\n width: 28px;\n height: 28px;\n padding: 0;\n border: 0;\n border-radius: 50%;\n\n color: ${cssVar.colorTextSecondary};\n\n background: none;\n\n &:hover:not(:disabled) {\n color: ${cssVar.colorText};\n background: ${cssVar.colorFillTertiary};\n }\n }\n\n &.${P}-dropdown\n :is(\n .${P}-header-prev-btn-disabled,\n .${P}-header-next-btn-disabled,\n .${P}-header-super-prev-btn-disabled,\n .${P}-header-super-next-btn-disabled\n ) {\n cursor: not-allowed;\n opacity: 0.3;\n }\n\n &.${P}-dropdown .${P}-header-view {\n display: flex;\n flex: 1;\n gap: 4px;\n align-items: center;\n justify-content: center;\n\n min-width: 0;\n\n font-weight: 600;\n }\n\n &.${P}-dropdown .${P}-header-view > button {\n ${focusRing};\n cursor: pointer;\n\n padding-block: 2px;\n padding-inline: 4px;\n border: 0;\n border-radius: 6px;\n\n font: inherit;\n color: inherit;\n\n background: none;\n\n &:hover:not(:disabled) {\n color: ${cssVar.colorPrimary};\n }\n\n &:disabled {\n cursor: default;\n }\n }\n\n /* body + cells */\n &.${P}-dropdown .${P}-body {\n padding-block: 4px 12px;\n padding-inline: 12px;\n }\n\n &.${P}-dropdown .${P}-content {\n table-layout: fixed;\n border-collapse: collapse;\n width: 100%;\n }\n\n &.${P}-dropdown .${P}-content th {\n height: 28px;\n padding: 0;\n\n font-size: 12px;\n font-weight: 400;\n color: ${cssVar.colorTextTertiary};\n text-align: center;\n }\n\n &.${P}-dropdown .${P}-cell {\n cursor: pointer;\n\n position: relative;\n\n padding-block: 2px;\n padding-inline: 0;\n\n color: ${cssVar.colorTextQuaternary};\n text-align: center;\n\n &::before {\n content: '';\n\n position: absolute;\n z-index: 0;\n inset-block-start: 50%;\n inset-inline: 0;\n transform: translateY(-50%);\n\n height: 32px;\n }\n }\n\n &.${P}-dropdown .${P}-cell-in-view {\n color: ${cssVar.colorText};\n }\n\n &.${P}-dropdown .${P}-cell-inner {\n position: relative;\n z-index: 1;\n\n display: inline-flex;\n align-items: center;\n justify-content: center;\n\n box-sizing: border-box;\n min-width: 32px;\n height: 32px;\n border-radius: 999px;\n\n font-size: 13px;\n font-variant-numeric: tabular-nums;\n\n transition:\n background 150ms ${cssVar.motionEaseOut},\n color 150ms ${cssVar.motionEaseOut};\n }\n\n &.${P}-dropdown\n .${P}-cell:not(\n .${P}-cell-disabled,\n .${P}-cell-selected,\n .${P}-cell-range-start,\n .${P}-cell-range-end\n ):hover\n .${P}-cell-inner {\n background: ${cssVar.colorFillTertiary};\n }\n\n /* today: bold only, no ring, fill or border */\n &.${P}-dropdown .${P}-cell-in-view.${P}-cell-today .${P}-cell-inner {\n font-weight: ${cssVar.fontWeightStrong};\n }\n\n &.${P}-dropdown\n :is(\n .${P}-cell-in-view.${P}-cell-selected,\n .${P}-cell-in-view.${P}-cell-range-start,\n .${P}-cell-in-view.${P}-cell-range-end\n )\n .${P}-cell-inner {\n font-weight: 600;\n color: ${cssVar.colorBgContainer};\n background: ${cssVar.colorText};\n }\n\n &.${P}-dropdown .${P}-cell-in-view.${P}-cell-in-range::before {\n background: ${cssVar.colorFillSecondary};\n }\n\n &.${P}-dropdown .${P}-cell-in-view.${P}-cell-range-start:not(.${P}-cell-range-end)::before {\n inset-inline-start: 50%;\n background: ${cssVar.colorFillSecondary};\n }\n\n &.${P}-dropdown .${P}-cell-in-view.${P}-cell-range-end:not(.${P}-cell-range-start)::before {\n inset-inline-end: 50%;\n background: ${cssVar.colorFillSecondary};\n }\n\n &.${P}-dropdown .${P}-cell-disabled {\n cursor: not-allowed;\n color: ${cssVar.colorTextQuaternary};\n }\n\n &.${P}-dropdown .${P}-cell-disabled::before {\n background: transparent;\n }\n\n /* month / quarter / year / decade: wider pills in a 3-column grid */\n &.${P}-dropdown\n :is(.${P}-month-panel, .${P}-quarter-panel, .${P}-year-panel, .${P}-decade-panel)\n .${P}-cell {\n padding-block: 8px;\n }\n\n &.${P}-dropdown\n :is(.${P}-month-panel, .${P}-quarter-panel, .${P}-year-panel, .${P}-decade-panel)\n .${P}-cell::before {\n height: 36px;\n }\n\n &.${P}-dropdown\n :is(.${P}-month-panel, .${P}-quarter-panel, .${P}-year-panel, .${P}-decade-panel)\n .${P}-cell-inner {\n min-width: 64px;\n height: 36px;\n padding-inline: 8px;\n font-size: 14px;\n }\n\n /* decade labels (\"2020-2029\") stay on one line */\n &.${P}-dropdown .${P}-decade-panel .${P}-cell-inner {\n padding-inline: 6px;\n font-size: 13px;\n white-space: nowrap;\n }\n\n /* week number column: always on the week panel, on the date panel with showWeek */\n &.${P}-dropdown :is(.${P}-week-panel, .${P}-date-panel-show-week) {\n width: 320px;\n }\n\n &.${P}-dropdown .${P}-cell-week {\n font-size: 12px;\n color: ${cssVar.colorTextTertiary};\n }\n\n &.${P}-dropdown .${P}-date-panel-show-week .${P}-cell-week {\n cursor: default;\n }\n\n /* week panel: the whole row is one tile, painted through each cell's band */\n &.${P}-dropdown .${P}-week-panel .${P}-cell:hover .${P}-cell-inner {\n background: none;\n }\n\n &.${P}-dropdown .${P}-week-panel .${P}-cell:first-child::before {\n inset-inline-start: 2px;\n border-start-start-radius: 999px;\n border-end-start-radius: 999px;\n }\n\n &.${P}-dropdown .${P}-week-panel .${P}-cell:last-child::before {\n inset-inline-end: 2px;\n border-start-end-radius: 999px;\n border-end-end-radius: 999px;\n }\n\n &.${P}-dropdown .${P}-week-panel-row:hover .${P}-cell::before {\n background: ${cssVar.colorFillTertiary};\n }\n\n &.${P}-dropdown\n .${P}-week-panel-row-range-hover\n .${P}-cell::before,\n &.${P}-dropdown\n .${P}-week-panel-row-hover\n .${P}-cell::before {\n background: ${cssVar.colorFillSecondary};\n }\n\n /* multiple: rc-picker marks every picked week but the first with \\`-row-hover\\` */\n &.${P}-dropdown\n :is(\n .${P}-week-panel-row-selected,\n .${P}-dropdown-multiple\n .${P}-week-panel-row-hover,\n .${P}-week-panel-row-range-start,\n .${P}-week-panel-row-range-end\n )\n .${P}-cell {\n color: ${cssVar.colorBgContainer};\n\n &::before {\n background: ${cssVar.colorText};\n }\n\n .${P}-cell-inner {\n font-weight: 600;\n box-shadow: none;\n }\n }\n\n /* keyboard: the tile arrow keys moved to on month / quarter / year / decade panels */\n &.${P}-dropdown .${P}-cell-keyboard-active {\n display: none;\n }\n\n &.${P}-dropdown .${P}-cell-in-view:has(> .${P}-cell-keyboard-active) .${P}-cell-inner {\n outline: 2px solid ${cssVar.colorPrimary};\n outline-offset: 1px;\n }\n\n /* time: hour / minute / second / meridiem columns, beside the date panel with showTime */\n &.${P}-dropdown .${P}-datetime-panel {\n display: flex;\n align-items: stretch;\n }\n\n &.${P}-dropdown .${P}-datetime-panel > .${P}-time-panel {\n border-inline-start: 1px solid ${cssVar.colorBorderSecondary};\n }\n\n &.${P}-dropdown .${P}-time-panel {\n display: flex;\n flex-direction: column;\n min-width: 0;\n }\n\n &.${P}-dropdown .${P}-time-panel .${P}-header-view {\n height: 28px;\n font-variant-numeric: tabular-nums;\n }\n\n &.${P}-dropdown .${P}-time-panel .${P}-content {\n display: flex;\n flex: auto;\n\n height: 224px;\n padding-block: 4px 12px;\n padding-inline: 4px;\n }\n\n /* next to the date panel the columns take its height instead */\n &.${P}-dropdown .${P}-datetime-panel .${P}-time-panel .${P}-content {\n flex: 1 1 0;\n height: auto;\n min-height: 0;\n }\n\n &.${P}-dropdown .${P}-time-panel-column {\n scrollbar-width: thin;\n\n overflow-y: hidden;\n flex: none;\n\n width: 56px;\n margin: 0;\n padding: 0;\n\n list-style: none;\n\n /* lets the last option scroll up to the top, as in antd */\n &::after {\n content: '';\n display: block;\n height: calc(100% - 28px);\n }\n\n &:hover {\n overflow-y: auto;\n }\n }\n\n &.${P}-dropdown .${P}-time-panel-column + .${P}-time-panel-column {\n border-inline-start: 1px solid ${cssVar.colorBorderSecondary};\n }\n\n &.${P}-dropdown .${P}-time-panel-cell {\n cursor: pointer;\n padding-block: 1px;\n padding-inline: 4px;\n }\n\n &.${P}-dropdown .${P}-time-panel-cell-inner {\n height: 26px;\n border-radius: 6px;\n\n font-size: 13px;\n font-variant-numeric: tabular-nums;\n line-height: 26px;\n color: ${cssVar.colorText};\n text-align: center;\n\n transition:\n background 150ms ${cssVar.motionEaseOut},\n color 150ms ${cssVar.motionEaseOut};\n }\n\n &.${P}-dropdown\n .${P}-time-panel-cell:not(.${P}-time-panel-cell-disabled, .${P}-time-panel-cell-selected):hover\n .${P}-time-panel-cell-inner {\n background: ${cssVar.colorFillTertiary};\n }\n\n &.${P}-dropdown .${P}-time-panel-cell-selected .${P}-time-panel-cell-inner {\n font-weight: 600;\n color: ${cssVar.colorBgContainer};\n background: ${cssVar.colorText};\n }\n\n &.${P}-dropdown .${P}-time-panel-cell-disabled {\n cursor: not-allowed;\n\n .${P}-time-panel-cell-inner {\n color: ${cssVar.colorTextQuaternary};\n }\n }\n\n /* footer: no background of its own; dividers match the presets sidebar divider */\n\n /* footer: ONE row in one container — renderExtraFooter content on the start side,\n Today / Now / OK on the end side — under a single divider. No background. */\n &.${P}-dropdown .${P}-footer {\n display: flex;\n gap: 8px;\n align-items: center;\n\n min-width: 0;\n border-block-start: 1px solid ${cssVar.colorFillSecondary};\n\n background: none;\n }\n\n &.${P}-dropdown.${P}-dropdown-dark .${P}-footer {\n border-block-start-color: ${cssVar.colorFillTertiary};\n }\n\n &.${P}-dropdown .${P}-footer-extra {\n flex: 1;\n\n min-width: 0;\n padding-block: 8px;\n padding-inline: 12px;\n\n font-size: 13px;\n line-height: 20px;\n color: ${cssVar.colorTextSecondary};\n text-align: start;\n }\n\n &.${P}-dropdown .${P}-footer-extra + .${P}-ranges {\n flex: none;\n padding-inline-start: 0;\n }\n\n &.${P}-dropdown .${P}-ranges {\n display: flex;\n flex: 1;\n gap: 8px;\n align-items: center;\n justify-content: space-between;\n\n margin: 0;\n padding-block: 8px;\n padding-inline: 12px;\n\n list-style: none;\n }\n\n &.${P}-dropdown .${P}-ranges > .${P}-now {\n margin-inline: auto;\n }\n\n /* Now on the start side, OK on the end side */\n &.${P}-dropdown .${P}-ranges > .${P}-now:has(+ .${P}-ok) {\n margin-inline: 0;\n }\n\n &.${P}-dropdown .${P}-ranges > .${P}-ok {\n margin-inline-start: auto;\n }\n\n &.${P}-dropdown .${P}-now-btn {\n ${focusRing};\n cursor: pointer;\n\n padding-block: 2px;\n padding-inline: 8px;\n border-radius: 6px;\n\n font-size: 13px;\n color: ${cssVar.colorText};\n\n &:hover {\n background: ${cssVar.colorFillTertiary};\n }\n }\n\n &.${P}-dropdown .${P}-now-btn-disabled {\n cursor: not-allowed;\n color: ${cssVar.colorTextQuaternary};\n }\n\n /* motion (transitionName = lobe-picker-slide-up) */\n &.${MOTION}-appear, &.${MOTION}-enter {\n transform-origin: top center;\n }\n\n /* rc-motion's prepare frame is where the trigger measures and aligns the popup, so it\n must stay untransformed (a scaled box would misalign). Without an opacity of its own\n it painted fully visible at the final spot for one frame, then snapped back to the\n start state below and animated in again: that flash + jump read as jitter on open. */\n &.${MOTION}-appear-prepare, &.${MOTION}-enter-prepare {\n opacity: 0;\n }\n\n &.${MOTION}-appear-start, &.${MOTION}-enter-start {\n transform: translateY(-4px) scale(0.98);\n opacity: 0;\n }\n\n &.${MOTION}-appear-active, &.${MOTION}-enter-active {\n transform: none;\n opacity: 1;\n transition:\n opacity 150ms ${cssVar.motionEaseOut},\n transform 150ms ${cssVar.motionEaseOut};\n }\n\n &.${MOTION}-leave-active {\n transform: translateY(-4px) scale(0.98);\n opacity: 0;\n transition:\n opacity 100ms ${cssVar.motionEaseInOut},\n transform 100ms ${cssVar.motionEaseInOut};\n }\n `,\n}));\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/DatePicker/style.ts"],"sourcesContent":["import { focusRing } from '@/base-ui/focusRing';\nimport { createStaticStyles } from '@/utils/styleEngine';\n\n/** Own prefix so rc-picker class names never collide with antd's global `.ant-picker` CSS. */\nexport const PREFIX_CLS = 'lobe-picker';\n\nconst P = PREFIX_CLS;\nconst MOTION = `${P}-slide-up`;\n\n/**\n * Styles for rc-picker's class-name contract. `root` is passed as `rootClassName`, which\n * rc-picker puts on both the input box (`.lobe-picker`) and the popup\n * (`.lobe-picker-dropdown`); the box itself reuses base-ui Input's `rootVariants`.\n */\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n /** antd's `underlined`: only a bottom border, applied over Input's `borderless`. */\n underlined: css`\n &.${P} {\n border-block-end-color: ${cssVar.colorBorder};\n border-radius: 0;\n }\n\n &.${P}:hover:not(:focus-within, .${P}-disabled) {\n border-block-end-color: ${cssVar.colorPrimaryHover};\n }\n\n &.${P}:focus-within {\n border-block-end-color: ${cssVar.colorPrimary};\n }\n `,\n root: css`\n /* ---------------------------------------------------------------- input box */\n\n /* Size to content like antd: the shared Input root is width: 100%, which made the\n picker stretch in a flex row and squeeze its siblings. Default to auto width (capped by\n the container); a style / className width (e.g. 100%) still wins and the inputs grow. */\n &.${P} {\n position: relative;\n width: auto;\n max-width: 100%;\n }\n\n /* flex-basis auto, not 0: the input keeps its natural width from rc-picker's size\n attribute (format length + 2) instead of collapsing when the root is auto width. */\n &.${P} .${P}-input {\n position: relative;\n\n display: inline-flex;\n flex: 1 1 auto;\n gap: 8px;\n align-items: center;\n\n min-width: 0;\n }\n\n &.${P} .${P}-input > input {\n flex: 1 1 auto;\n\n width: auto;\n min-width: 0;\n padding: 0;\n border: none;\n\n font: inherit;\n font-variant-numeric: tabular-nums;\n color: inherit;\n text-overflow: ellipsis;\n\n appearance: none;\n background: transparent;\n outline: none;\n\n &::placeholder {\n color: ${cssVar.colorTextPlaceholder};\n }\n\n &:disabled {\n cursor: not-allowed;\n }\n }\n\n /*\n * \\`disabled: [boolean, boolean]\\`: Input greys the whole root on \\`:has(input:disabled)\\`;\n * while one end stays editable (rc adds \\`-disabled\\` only when both are), grey just that end.\n */\n &.${P}-range:not(.${P}-disabled):has(input:disabled) {\n cursor: auto;\n color: ${cssVar.colorText};\n opacity: 1;\n }\n\n &.${P}-range:not(.${P}-disabled) .${P}-input:has(> input:disabled) {\n cursor: not-allowed;\n color: ${cssVar.colorTextQuaternary};\n }\n\n /* hover preview text from presets / cells */\n &.${P} .${P}-input-placeholder > input {\n color: ${cssVar.colorTextPlaceholder};\n }\n\n &.${P} .${P}-prefix {\n display: inline-flex;\n flex: none;\n align-items: center;\n color: ${cssVar.colorTextTertiary};\n }\n\n &.${P} .${P}-suffix {\n pointer-events: none;\n\n display: inline-flex;\n flex: none;\n align-items: center;\n justify-content: center;\n\n width: 16px;\n\n color: ${cssVar.colorTextTertiary};\n\n transition: opacity 150ms ${cssVar.motionEaseOut};\n }\n\n /* the clear button sits on top of the suffix icon (16px wide + 8px gap) */\n &.${P} .${P}-clear {\n cursor: pointer;\n\n position: relative;\n z-index: 1;\n\n display: inline-flex;\n flex: none;\n align-items: center;\n justify-content: center;\n\n width: 16px;\n height: 16px;\n margin-inline-start: -24px;\n padding: 0;\n border: 0;\n border-radius: 50%;\n\n color: ${cssVar.colorBgContainer};\n\n opacity: 0;\n background: ${cssVar.colorTextQuaternary};\n\n transition: opacity 150ms ${cssVar.motionEaseOut};\n\n &:hover {\n background: ${cssVar.colorTextTertiary};\n }\n }\n\n &.${P}:not(.${P}-disabled):hover .${P}-clear {\n opacity: 1;\n }\n\n &.${P}:not(.${P}-disabled):hover .${P}-suffix:not(:last-child) {\n opacity: 0;\n }\n\n &.${P}-disabled .${P}-clear {\n display: none;\n }\n\n /*\n * multiple: rc-picker's tags (\\`-selection-item\\`, also the \\`+ N ...\\` rest) in base-ui Tag's\n * filled look, sized as antd (control height - 8px) and wrapping the box when they overflow.\n */\n &.${P}-multiple {\n --lobe-picker-tag-height: 24px;\n\n cursor: pointer;\n padding-block: 1px;\n }\n\n &.${P}-multiple.${P}-small {\n --lobe-picker-tag-height: 16px;\n }\n\n &.${P}-multiple.${P}-large {\n --lobe-picker-tag-height: 32px;\n }\n\n &.${P}-multiple .${P}-selector {\n position: relative;\n flex: 1;\n min-width: 0;\n }\n\n &.${P}-multiple .${P}-selection-overflow {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n max-width: 100%;\n }\n\n &.${P}-multiple .${P}-selection-overflow-item {\n flex: none;\n max-width: 100%;\n }\n\n &.${P}-multiple .${P}-selection-item {\n display: flex;\n gap: 4px;\n align-items: center;\n\n box-sizing: border-box;\n max-width: 100%;\n height: var(--lobe-picker-tag-height);\n margin-block: 2px;\n margin-inline-end: 4px;\n padding-inline: 8px 4px;\n border-radius: ${cssVar.borderRadiusSM};\n\n font-size: ${cssVar.fontSizeSM};\n line-height: var(--lobe-picker-tag-height);\n color: ${cssVar.colorText};\n white-space: nowrap;\n\n background: ${cssVar.colorFillSecondary};\n }\n\n &.${P}-multiple.${P}-large .${P}-selection-item {\n font-size: ${cssVar.fontSize};\n }\n\n &.${P}-multiple .${P}-selection-item:not(:has(.${P}-selection-item-remove)) {\n padding-inline-end: 8px;\n }\n\n &.${P}-multiple .${P}-selection-item-content {\n overflow: hidden;\n font-variant-numeric: tabular-nums;\n text-overflow: ellipsis;\n }\n\n &.${P}-multiple .${P}-selection-item-remove {\n cursor: pointer;\n\n display: inline-flex;\n flex: none;\n align-items: center;\n\n color: ${cssVar.colorIcon};\n\n &:hover {\n color: ${cssVar.colorTextHeading};\n }\n }\n\n &.${P}-multiple .${P}-selection-placeholder {\n overflow: hidden;\n display: block;\n\n line-height: calc(var(--lobe-picker-tag-height) + 4px);\n color: ${cssVar.colorTextPlaceholder};\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n /* the selector shows the value; rc-picker keeps this readonly input only for focus */\n &.${P}-multiple .${P}-multiple-input {\n position: absolute;\n z-index: -1;\n\n width: 0;\n height: 0;\n padding: 0;\n border: 0;\n\n opacity: 0;\n }\n\n &.${P}-multiple.${P}-disabled {\n cursor: not-allowed;\n color: ${cssVar.colorTextQuaternary};\n opacity: 0.66;\n }\n\n /* status: border + focus ring per variant, as antd's genStatusStyle */\n &.${P}-status-error {\n --lobe-picker-status: ${cssVar.colorError};\n --lobe-picker-status-hover: ${cssVar.colorErrorBorderHover};\n --lobe-picker-status-bg: ${cssVar.colorErrorBg};\n --lobe-picker-status-bg-hover: ${cssVar.colorErrorBgHover};\n }\n\n &.${P}-status-warning {\n --lobe-picker-status: ${cssVar.colorWarning};\n --lobe-picker-status-hover: ${cssVar.colorWarningBorderHover};\n --lobe-picker-status-bg: ${cssVar.colorWarningBg};\n --lobe-picker-status-bg-hover: ${cssVar.colorWarningBgHover};\n }\n\n &:is(.${P}-status-error, .${P}-status-warning):not(.${P}-disabled) {\n &.${P}-outlined {\n border-color: var(--lobe-picker-status);\n\n &:hover:not(:focus-within) {\n border-color: var(--lobe-picker-status-hover);\n }\n\n &:focus-within {\n border-color: var(--lobe-picker-status);\n box-shadow: 0 0 0 2px var(--lobe-picker-status-bg);\n }\n }\n\n &.${P}-filled {\n background: var(--lobe-picker-status-bg);\n\n &:hover:not(:focus-within) {\n background: var(--lobe-picker-status-bg-hover);\n }\n\n &:focus-within {\n border-color: var(--lobe-picker-status);\n background: ${cssVar.colorBgContainer};\n }\n }\n\n &.${P}-underlined {\n border-block-end-color: var(--lobe-picker-status);\n }\n\n &:is(.${P}-borderless, .${P}-underlined) .${P}-input > input {\n color: var(--lobe-picker-status);\n }\n\n .${P}-prefix {\n color: var(--lobe-picker-status);\n }\n }\n\n /* rtl: rc-picker adds the -rtl modifier to the box and the popup; lucide arrows are mirrored */\n &.${P}-rtl, &.${P}-dropdown-rtl {\n direction: rtl;\n }\n\n &.${P}-rtl .${P}-range-separator .lucide,\n &.${P}-dropdown-rtl .${P}-header > button .lucide {\n transform: scaleX(-1);\n }\n\n /* range: two inputs, a separator and the bar under the active field */\n &.${P}-range .${P}-input {\n flex: 1 1 auto;\n }\n\n &.${P}-range .${P}-range-separator {\n display: inline-flex;\n flex: none;\n align-items: center;\n color: ${cssVar.colorTextTertiary};\n }\n\n &.${P}-range .${P}-active-bar {\n pointer-events: none;\n\n position: absolute;\n inset-block-end: -1px;\n\n height: 2px;\n\n opacity: 0;\n background: ${cssVar.colorPrimary};\n\n transition:\n inset-inline-start 200ms ${cssVar.motionEaseOut},\n width 200ms ${cssVar.motionEaseOut},\n opacity 200ms ${cssVar.motionEaseOut};\n }\n\n &.${P}-range.${P}-focused .${P}-active-bar {\n opacity: 1;\n }\n\n /* ---------------------------------------------------------------- popup */\n &.${P}-dropdown {\n /* nested in a base-ui Modal / Popover layer that sets pointer-events: none */\n pointer-events: auto;\n\n position: absolute;\n inset-block-start: -9999px;\n inset-inline-start: -9999px;\n\n font-size: 14px;\n color: ${cssVar.colorText};\n }\n\n &.${P}-dropdown-hidden {\n display: none;\n }\n\n &.${P}-dropdown .${P}-range-arrow {\n display: none;\n }\n\n /* rc-trigger stretches the popup to the input width; only the container is painted */\n &.${P}-dropdown .${P}-panel-container {\n overflow: hidden;\n display: inline-block;\n\n border-radius: 16px;\n\n vertical-align: top;\n\n background: ${cssVar.colorBgElevated};\n box-shadow: ${cssVar.boxShadow}, var(--lobe-ring);\n }\n\n &.${P}-dropdown .${P}-panel-layout {\n display: flex;\n align-items: stretch;\n }\n\n &.${P}-dropdown .${P}-panels {\n display: flex;\n flex-wrap: nowrap;\n }\n\n /* presets: a sidebar on the start side of the panels, as in antd */\n &.${P}-dropdown .${P}-presets {\n display: flex;\n flex-direction: column;\n\n min-width: 120px;\n max-width: 200px;\n\n /* divider one step lighter than the panel borders: light colorFillSecondary,\n dark colorFillTertiary (see the -dropdown-dark rule below) */\n border-inline-end: 1px solid ${cssVar.colorFillSecondary};\n\n /* slightly tinted; the panel container's radius + overflow clip it */\n background: ${cssVar.colorFillQuaternary};\n\n ul {\n overflow: auto;\n flex: auto;\n\n height: 0;\n margin: 0;\n padding: 6px;\n\n list-style: none;\n }\n\n li {\n cursor: pointer;\n\n overflow: hidden;\n\n padding-block: 4px;\n padding-inline: 8px;\n border-radius: 6px;\n\n font-size: 13px;\n line-height: 20px;\n color: ${cssVar.colorText};\n text-overflow: ellipsis;\n white-space: nowrap;\n\n transition: background-color 150ms ${cssVar.motionEaseOut};\n\n &:hover {\n background: ${cssVar.colorFillTertiary};\n }\n\n &:has(> .${P}-preset-active) {\n font-weight: 500;\n background: ${cssVar.colorFillSecondary};\n }\n }\n\n li + li {\n margin-block-start: 2px;\n }\n }\n\n /* dark: fill tokens are white-alpha and would lighten the sidebar, so darken it */\n &.${P}-dropdown.${P}-dropdown-dark .${P}-presets {\n border-inline-end-color: ${cssVar.colorFillTertiary};\n background: rgb(0 0 0 / 12%);\n }\n\n &.${P}-dropdown .${P}-panel {\n display: inline-flex;\n flex-direction: column;\n outline: none;\n }\n\n &.${P}-dropdown .${P}-panels > .${P}-panel + .${P}-panel {\n border-inline-start: 1px solid ${cssVar.colorBorderSecondary};\n }\n\n &.${P}-dropdown\n :is(\n .${P}-date-panel,\n .${P}-week-panel,\n .${P}-month-panel,\n .${P}-quarter-panel,\n .${P}-year-panel,\n .${P}-decade-panel\n ) {\n width: 288px;\n }\n\n /* header: << < [month year] > >> */\n &.${P}-dropdown .${P}-header {\n display: flex;\n gap: 2px;\n align-items: center;\n\n padding-block: 12px 4px;\n padding-inline: 12px;\n }\n\n &.${P}-dropdown .${P}-header > button {\n ${focusRing};\n cursor: pointer;\n\n display: inline-flex;\n flex: none;\n align-items: center;\n justify-content: center;\n\n width: 28px;\n height: 28px;\n padding: 0;\n border: 0;\n border-radius: 50%;\n\n color: ${cssVar.colorTextSecondary};\n\n background: none;\n\n &:hover:not(:disabled) {\n color: ${cssVar.colorText};\n background: ${cssVar.colorFillTertiary};\n }\n }\n\n &.${P}-dropdown\n :is(\n .${P}-header-prev-btn-disabled,\n .${P}-header-next-btn-disabled,\n .${P}-header-super-prev-btn-disabled,\n .${P}-header-super-next-btn-disabled\n ) {\n cursor: not-allowed;\n opacity: 0.3;\n }\n\n &.${P}-dropdown .${P}-header-view {\n display: flex;\n flex: 1;\n gap: 4px;\n align-items: center;\n justify-content: center;\n\n min-width: 0;\n\n font-weight: 600;\n }\n\n &.${P}-dropdown .${P}-header-view > button {\n ${focusRing};\n cursor: pointer;\n\n padding-block: 2px;\n padding-inline: 4px;\n border: 0;\n border-radius: 6px;\n\n font: inherit;\n color: inherit;\n\n background: none;\n\n &:hover:not(:disabled) {\n color: ${cssVar.colorPrimary};\n }\n\n &:disabled {\n cursor: default;\n }\n }\n\n /* body + cells */\n &.${P}-dropdown .${P}-body {\n padding-block: 4px 12px;\n padding-inline: 12px;\n }\n\n &.${P}-dropdown .${P}-content {\n table-layout: fixed;\n border-collapse: collapse;\n width: 100%;\n }\n\n &.${P}-dropdown .${P}-content th {\n height: 28px;\n padding: 0;\n\n font-size: 12px;\n font-weight: 400;\n color: ${cssVar.colorTextTertiary};\n text-align: center;\n }\n\n &.${P}-dropdown .${P}-cell {\n cursor: pointer;\n\n position: relative;\n\n padding-block: 2px;\n padding-inline: 0;\n\n color: ${cssVar.colorTextQuaternary};\n text-align: center;\n\n &::before {\n content: '';\n\n position: absolute;\n z-index: 0;\n inset-block-start: 50%;\n inset-inline: 0;\n transform: translateY(-50%);\n\n height: 32px;\n }\n }\n\n &.${P}-dropdown .${P}-cell-in-view {\n color: ${cssVar.colorText};\n }\n\n &.${P}-dropdown .${P}-cell-inner {\n position: relative;\n z-index: 1;\n\n display: inline-flex;\n align-items: center;\n justify-content: center;\n\n box-sizing: border-box;\n min-width: 32px;\n height: 32px;\n border-radius: 999px;\n\n font-size: 13px;\n font-variant-numeric: tabular-nums;\n\n transition:\n background 150ms ${cssVar.motionEaseOut},\n color 150ms ${cssVar.motionEaseOut};\n }\n\n &.${P}-dropdown\n .${P}-cell:not(\n .${P}-cell-disabled,\n .${P}-cell-selected,\n .${P}-cell-range-start,\n .${P}-cell-range-end\n ):hover\n .${P}-cell-inner {\n background: ${cssVar.colorFillTertiary};\n }\n\n /* today: bold only, no ring, fill or border */\n &.${P}-dropdown .${P}-cell-in-view.${P}-cell-today .${P}-cell-inner {\n font-weight: ${cssVar.fontWeightStrong};\n }\n\n &.${P}-dropdown\n :is(\n .${P}-cell-in-view.${P}-cell-selected,\n .${P}-cell-in-view.${P}-cell-range-start,\n .${P}-cell-in-view.${P}-cell-range-end\n )\n .${P}-cell-inner {\n font-weight: 600;\n color: ${cssVar.colorBgContainer};\n background: ${cssVar.colorText};\n }\n\n &.${P}-dropdown .${P}-cell-in-view.${P}-cell-in-range::before {\n background: ${cssVar.colorFillSecondary};\n }\n\n &.${P}-dropdown .${P}-cell-in-view.${P}-cell-range-start:not(.${P}-cell-range-end)::before {\n inset-inline-start: 50%;\n background: ${cssVar.colorFillSecondary};\n }\n\n &.${P}-dropdown .${P}-cell-in-view.${P}-cell-range-end:not(.${P}-cell-range-start)::before {\n inset-inline-end: 50%;\n background: ${cssVar.colorFillSecondary};\n }\n\n &.${P}-dropdown .${P}-cell-disabled {\n cursor: not-allowed;\n color: ${cssVar.colorTextQuaternary};\n }\n\n &.${P}-dropdown .${P}-cell-disabled::before {\n background: transparent;\n }\n\n /* month / quarter / year / decade: wider pills in a 3-column grid */\n &.${P}-dropdown\n :is(.${P}-month-panel, .${P}-quarter-panel, .${P}-year-panel, .${P}-decade-panel)\n .${P}-cell {\n padding-block: 8px;\n }\n\n &.${P}-dropdown\n :is(.${P}-month-panel, .${P}-quarter-panel, .${P}-year-panel, .${P}-decade-panel)\n .${P}-cell::before {\n height: 36px;\n }\n\n &.${P}-dropdown\n :is(.${P}-month-panel, .${P}-quarter-panel, .${P}-year-panel, .${P}-decade-panel)\n .${P}-cell-inner {\n min-width: 64px;\n height: 36px;\n padding-inline: 8px;\n font-size: 14px;\n }\n\n /* decade labels (\"2020-2029\") stay on one line */\n &.${P}-dropdown .${P}-decade-panel .${P}-cell-inner {\n padding-inline: 6px;\n font-size: 13px;\n white-space: nowrap;\n }\n\n /* week number column: always on the week panel, on the date panel with showWeek */\n &.${P}-dropdown :is(.${P}-week-panel, .${P}-date-panel-show-week) {\n width: 320px;\n }\n\n &.${P}-dropdown .${P}-cell-week {\n font-size: 12px;\n color: ${cssVar.colorTextTertiary};\n }\n\n &.${P}-dropdown .${P}-date-panel-show-week .${P}-cell-week {\n cursor: default;\n }\n\n /* week panel: the whole row is one tile, painted through each cell's band */\n &.${P}-dropdown .${P}-week-panel .${P}-cell:hover .${P}-cell-inner {\n background: none;\n }\n\n &.${P}-dropdown .${P}-week-panel .${P}-cell:first-child::before {\n inset-inline-start: 2px;\n border-start-start-radius: 999px;\n border-end-start-radius: 999px;\n }\n\n &.${P}-dropdown .${P}-week-panel .${P}-cell:last-child::before {\n inset-inline-end: 2px;\n border-start-end-radius: 999px;\n border-end-end-radius: 999px;\n }\n\n &.${P}-dropdown .${P}-week-panel-row:hover .${P}-cell::before {\n background: ${cssVar.colorFillTertiary};\n }\n\n &.${P}-dropdown\n .${P}-week-panel-row-range-hover\n .${P}-cell::before,\n &.${P}-dropdown\n .${P}-week-panel-row-hover\n .${P}-cell::before {\n background: ${cssVar.colorFillSecondary};\n }\n\n /* multiple: rc-picker marks every picked week but the first with \\`-row-hover\\` */\n &.${P}-dropdown\n :is(\n .${P}-week-panel-row-selected,\n .${P}-dropdown-multiple\n .${P}-week-panel-row-hover,\n .${P}-week-panel-row-range-start,\n .${P}-week-panel-row-range-end\n )\n .${P}-cell {\n color: ${cssVar.colorBgContainer};\n\n &::before {\n background: ${cssVar.colorText};\n }\n\n .${P}-cell-inner {\n font-weight: 600;\n box-shadow: none;\n }\n }\n\n /* keyboard: the tile arrow keys moved to on month / quarter / year / decade panels */\n &.${P}-dropdown .${P}-cell-keyboard-active {\n display: none;\n }\n\n &.${P}-dropdown .${P}-cell-in-view:has(> .${P}-cell-keyboard-active) .${P}-cell-inner {\n outline: 2px solid ${cssVar.colorPrimary};\n outline-offset: 1px;\n }\n\n /* time: hour / minute / second / meridiem columns, beside the date panel with showTime */\n &.${P}-dropdown .${P}-datetime-panel {\n display: flex;\n align-items: stretch;\n }\n\n &.${P}-dropdown .${P}-datetime-panel > .${P}-time-panel {\n border-inline-start: 1px solid ${cssVar.colorBorderSecondary};\n }\n\n &.${P}-dropdown .${P}-time-panel {\n display: flex;\n flex-direction: column;\n min-width: 0;\n }\n\n &.${P}-dropdown .${P}-time-panel .${P}-header-view {\n height: 28px;\n font-variant-numeric: tabular-nums;\n }\n\n &.${P}-dropdown .${P}-time-panel .${P}-content {\n display: flex;\n flex: auto;\n\n height: 224px;\n padding-block: 4px 12px;\n padding-inline: 4px;\n }\n\n /* next to the date panel the columns take its height instead */\n &.${P}-dropdown .${P}-datetime-panel .${P}-time-panel .${P}-content {\n flex: 1 1 0;\n height: auto;\n min-height: 0;\n }\n\n &.${P}-dropdown .${P}-time-panel-column {\n scrollbar-width: thin;\n\n overflow-y: hidden;\n flex: none;\n\n width: 56px;\n margin: 0;\n padding: 0;\n\n list-style: none;\n\n /* lets the last option scroll up to the top, as in antd */\n &::after {\n content: '';\n display: block;\n height: calc(100% - 28px);\n }\n\n &:hover {\n overflow-y: auto;\n }\n }\n\n &.${P}-dropdown .${P}-time-panel-column + .${P}-time-panel-column {\n border-inline-start: 1px solid ${cssVar.colorBorderSecondary};\n }\n\n &.${P}-dropdown .${P}-time-panel-cell {\n cursor: pointer;\n padding-block: 1px;\n padding-inline: 4px;\n }\n\n &.${P}-dropdown .${P}-time-panel-cell-inner {\n height: 26px;\n border-radius: 6px;\n\n font-size: 13px;\n font-variant-numeric: tabular-nums;\n line-height: 26px;\n color: ${cssVar.colorText};\n text-align: center;\n\n transition:\n background 150ms ${cssVar.motionEaseOut},\n color 150ms ${cssVar.motionEaseOut};\n }\n\n &.${P}-dropdown\n .${P}-time-panel-cell:not(.${P}-time-panel-cell-disabled, .${P}-time-panel-cell-selected):hover\n .${P}-time-panel-cell-inner {\n background: ${cssVar.colorFillTertiary};\n }\n\n &.${P}-dropdown .${P}-time-panel-cell-selected .${P}-time-panel-cell-inner {\n font-weight: 600;\n color: ${cssVar.colorBgContainer};\n background: ${cssVar.colorText};\n }\n\n &.${P}-dropdown .${P}-time-panel-cell-disabled {\n cursor: not-allowed;\n\n .${P}-time-panel-cell-inner {\n color: ${cssVar.colorTextQuaternary};\n }\n }\n\n /* footer: no background of its own; dividers match the presets sidebar divider */\n\n /* footer: ONE row in one container — renderExtraFooter content on the start side,\n Today / Now / OK on the end side — under a single divider. No background. */\n &.${P}-dropdown .${P}-footer {\n display: flex;\n gap: 8px;\n align-items: center;\n\n min-width: 0;\n border-block-start: 1px solid ${cssVar.colorFillSecondary};\n\n background: none;\n }\n\n &.${P}-dropdown.${P}-dropdown-dark .${P}-footer {\n border-block-start-color: ${cssVar.colorFillTertiary};\n }\n\n &.${P}-dropdown .${P}-footer-extra {\n flex: 1;\n\n min-width: 0;\n padding-block: 8px;\n padding-inline: 12px;\n\n font-size: 13px;\n line-height: 20px;\n color: ${cssVar.colorTextSecondary};\n text-align: start;\n }\n\n &.${P}-dropdown .${P}-footer-extra + .${P}-ranges {\n flex: none;\n padding-inline-start: 0;\n }\n\n &.${P}-dropdown .${P}-ranges {\n display: flex;\n flex: 1;\n gap: 8px;\n align-items: center;\n justify-content: space-between;\n\n margin: 0;\n padding-block: 8px;\n padding-inline: 12px;\n\n list-style: none;\n }\n\n &.${P}-dropdown .${P}-ranges > .${P}-now {\n margin-inline: auto;\n }\n\n /* Now on the start side, OK on the end side */\n &.${P}-dropdown .${P}-ranges > .${P}-now:has(+ .${P}-ok) {\n margin-inline: 0;\n }\n\n &.${P}-dropdown .${P}-ranges > .${P}-ok {\n margin-inline-start: auto;\n }\n\n &.${P}-dropdown .${P}-now-btn {\n ${focusRing};\n cursor: pointer;\n\n padding-block: 2px;\n padding-inline: 8px;\n border-radius: 6px;\n\n font-size: 13px;\n color: ${cssVar.colorText};\n\n &:hover {\n background: ${cssVar.colorFillTertiary};\n }\n }\n\n &.${P}-dropdown .${P}-now-btn-disabled {\n cursor: not-allowed;\n color: ${cssVar.colorTextQuaternary};\n }\n\n /* motion (transitionName = lobe-picker-slide-up) */\n &.${MOTION}-appear, &.${MOTION}-enter {\n transform-origin: top center;\n }\n\n /* rc-motion's prepare frame is where the trigger measures and aligns the popup, so it\n must stay untransformed (a scaled box would misalign). Without an opacity of its own\n it painted fully visible at the final spot for one frame, then snapped back to the\n start state below and animated in again: that flash + jump read as jitter on open. */\n &.${MOTION}-appear-prepare, &.${MOTION}-enter-prepare {\n opacity: 0;\n }\n\n &.${MOTION}-appear-start, &.${MOTION}-enter-start {\n transform: translateY(-4px) scale(0.98);\n opacity: 0;\n }\n\n &.${MOTION}-appear-active, &.${MOTION}-enter-active {\n transform: none;\n opacity: 1;\n transition:\n opacity 150ms ${cssVar.motionEaseOut},\n transform 150ms ${cssVar.motionEaseOut};\n }\n\n &.${MOTION}-leave-active {\n transform: translateY(-4px) scale(0.98);\n opacity: 0;\n transition:\n opacity 100ms ${cssVar.motionEaseInOut},\n transform 100ms ${cssVar.motionEaseInOut};\n }\n `,\n}));\n"],"mappings":"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"}
|