@a-type/ui 3.0.34 → 3.0.36
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/dist/cjs/components/button/classes.js +1 -1
- package/dist/cjs/components/button/classes.js.map +1 -1
- package/dist/cjs/components/datePicker/Calendar.js +7 -7
- package/dist/cjs/components/datePicker/Calendar.js.map +1 -1
- package/dist/cjs/components/datePicker/DateRangePicker.js +2 -2
- package/dist/cjs/components/datePicker/DateRangePicker.js.map +1 -1
- package/dist/cjs/components/dropdownMenu/DropdownMenu.js +1 -1
- package/dist/cjs/components/dropdownMenu/DropdownMenu.js.map +1 -1
- package/dist/cjs/components/particles/ParticleLayer.js +1 -1
- package/dist/cjs/components/particles/ParticleLayer.js.map +1 -1
- package/dist/cjs/uno/preflights/globals.js +2 -2
- package/dist/cjs/uno/preflights/globals.js.map +1 -1
- package/dist/css/main.css +6 -6
- package/dist/esm/components/button/classes.js +1 -1
- package/dist/esm/components/button/classes.js.map +1 -1
- package/dist/esm/components/datePicker/Calendar.js +7 -7
- package/dist/esm/components/datePicker/Calendar.js.map +1 -1
- package/dist/esm/components/datePicker/DateRangePicker.js +2 -2
- package/dist/esm/components/datePicker/DateRangePicker.js.map +1 -1
- package/dist/esm/components/dropdownMenu/DropdownMenu.js +1 -1
- package/dist/esm/components/dropdownMenu/DropdownMenu.js.map +1 -1
- package/dist/esm/components/particles/ParticleLayer.js +1 -1
- package/dist/esm/components/particles/ParticleLayer.js.map +1 -1
- package/dist/esm/uno/preflights/globals.js +2 -2
- package/dist/esm/uno/preflights/globals.js.map +1 -1
- package/package.json +1 -1
- package/src/components/button/classes.tsx +1 -1
- package/src/components/datePicker/Calendar.tsx +27 -28
- package/src/components/datePicker/DateRangePicker.tsx +4 -4
- package/src/components/dropdownMenu/DropdownMenu.tsx +1 -1
- package/src/components/particles/ParticleLayer.tsx +1 -1
- package/src/uno/preflights/globals.ts +2 -2
|
@@ -4,7 +4,7 @@ export function getButtonClassName({ color, emphasis = 'default', size = 'defaul
|
|
|
4
4
|
if (emphasis === 'unstyled') {
|
|
5
5
|
return clsx('layer-components:p-0 layer-components:m-0 layer-components:border-none layer-components:bg-transparent layer-components:appearance-none', 'layer-components:cursor-pointer', 'layer-components:focus:outline-off');
|
|
6
6
|
}
|
|
7
|
-
return clsx(color && `palette-${color}`, 'layer-components:leading-none layer-components:font-inherit layer-components:font-bold layer-components:select-none', 'layer-components:border-solid layer-components:border-thin layer-components:border-color', 'layer-components:cursor-pointer', 'layer-components:flex layer-components:flex-row layer-components:gap-sm layer-components:items-center', 'layer-components:relative layer-components:overflow-visible layer-components:whitespace-nowrap', 'layer-components:transition-all layer-components:duration-200', 'layer-components:shadow-sm layer-components:ring-bg', 'layer-components:color-contrast', emphasis === 'ghost' && 'layer-variants:shadow-none layer-variants:border-none', emphasis === 'contrast' && 'layer-variants:border-bg layer-variants:hover:bg-gray-ink', {
|
|
7
|
+
return clsx(color && `palette-${color}`, 'layer-components:leading-none layer-components:font-inherit layer-components:font-bold layer-components:select-none layer-components:leading-1', 'layer-components:border-solid layer-components:border-thin layer-components:border-color', 'layer-components:cursor-pointer', 'layer-components:flex layer-components:flex-row layer-components:gap-sm layer-components:items-center', 'layer-components:relative layer-components:overflow-visible layer-components:whitespace-nowrap', 'layer-components:transition-all layer-components:duration-200', 'layer-components:shadow-sm layer-components:ring-bg', 'layer-components:color-contrast', emphasis === 'ghost' && 'layer-variants:shadow-none layer-variants:border-none', emphasis === 'contrast' && 'layer-variants:border-bg layer-variants:hover:bg-gray-ink', {
|
|
8
8
|
'layer-components:bg-main': emphasis === 'primary',
|
|
9
9
|
'layer-components:bg-main-light layer-components:color-main-ink': emphasis === 'light',
|
|
10
10
|
'layer-components:bg-white layer-variants:focus-visible:bg-white': emphasis === 'default',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"classes.js","sourceRoot":"","sources":["../../../../src/components/button/classes.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAIxB,MAAM,UAAU,kBAAkB,CAAC,EAClC,KAAK,EACL,QAAQ,GAAG,SAAS,EACpB,IAAI,GAAG,SAAS,EAChB,UAAU,EACV,KAAK,EACL,eAAe,GAQf;IACA,IAAI,QAAQ,KAAK,UAAU,EAAE,CAAC;QAC7B,OAAO,IAAI,CACV,uEAAuE,EACvE,mCAAmC,EACnC,oCAAoC,CACpC,CAAC;IACH,CAAC;IAED,OAAO,IAAI,CACV,KAAK,IAAI,WAAW,KAAK,EAAE,EAC3B,
|
|
1
|
+
{"version":3,"file":"classes.js","sourceRoot":"","sources":["../../../../src/components/button/classes.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAIxB,MAAM,UAAU,kBAAkB,CAAC,EAClC,KAAK,EACL,QAAQ,GAAG,SAAS,EACpB,IAAI,GAAG,SAAS,EAChB,UAAU,EACV,KAAK,EACL,eAAe,GAQf;IACA,IAAI,QAAQ,KAAK,UAAU,EAAE,CAAC;QAC7B,OAAO,IAAI,CACV,uEAAuE,EACvE,mCAAmC,EACnC,oCAAoC,CACpC,CAAC;IACH,CAAC;IAED,OAAO,IAAI,CACV,KAAK,IAAI,WAAW,KAAK,EAAE,EAC3B,8EAA8E,EAC9E,0DAA0D,EAC1D,mCAAmC,EACnC,sDAAsD,EACtD,gEAAgE,EAChE,gDAAgD,EAChD,sCAAsC,EACtC,mCAAmC,EAEnC,QAAQ,KAAK,OAAO,IAAI,0CAA0C,EAClE,QAAQ,KAAK,UAAU,IAAI,8CAA8C,EAEzE;QACC,0BAA0B,EAAE,QAAQ,KAAK,SAAS;QAClD,iDAAiD,EAAE,QAAQ,KAAK,OAAO;QACvE,iEAAiE,EAChE,QAAQ,KAAK,SAAS;QACvB,4EAA4E,EAC3E,QAAQ,KAAK,OAAO;QACrB,6BAA6B,EAAE,QAAQ,KAAK,UAAU;KACtD,EACD,KAAK,KAAK,MAAM,IAAI,wBAAwB,EAE5C;QACC,iDAAiD,EAAE,IAAI,KAAK,SAAS;QACrE,gEAAgE,EAC/D,IAAI,KAAK,OAAO;QACjB,4FAA4F,EAC3F,IAAI,KAAK,SAAS,IAAI,CAAC,eAAe;QACvC,kGAAkG,EACjG,IAAI,KAAK,OAAO,IAAI,CAAC,eAAe;KACrC,EAED,sDAAsD,EAEtD,oCAAoC,EACpC,iEAAiE,EACjE,wEAAwE,EAExE,8CAA8C,EAE9C,6EAA6E,EAC7E,kFAAkF,EAElF;QACC,uEAAuE,EACtE,UAAU;KACX,EAED;QACC,6BAA6B,EAAE,KAAK,KAAK,OAAO;QAChD,+BAA+B,EAAE,KAAK,KAAK,SAAS;QACpD,2BAA2B,EAAE,KAAK,KAAK,KAAK;KAC5C,EAED,QAAQ,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,SAAS,EAAE,CAC3B,CAAC;AACH,CAAC"}
|
|
@@ -14,19 +14,19 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
|
|
|
14
14
|
import { CalendarDay as BaseCalendarDay, CalendarDays, } from 'calendar-blocks';
|
|
15
15
|
import { withClassName } from '../../hooks.js';
|
|
16
16
|
import { Button } from '../button/index.js';
|
|
17
|
-
export const MonthRow = withClassName('div', 'flex flex-row justify-between items-center w-full');
|
|
18
|
-
export const MonthLabel = withClassName('span', 'text-sm font-bold min-w-0 overflow-hidden text-center text-ellipsis
|
|
17
|
+
export const MonthRow = withClassName('div', 'layer-components:flex layer-components:flex-row layer-components:justify-between layer-components:items-center layer-components:w-full');
|
|
18
|
+
export const MonthLabel = withClassName('span', 'layer-components:text-sm layer-components:font-bold layer-components:min-w-0 layer-components:overflow-hidden layer-components:text-center layer-components:text-ellipsis layer-components:self-center');
|
|
19
19
|
export const MonthButton = withClassName(Button, 'self-center');
|
|
20
|
-
export const CalendarGridRoot = withClassName('div', 'grid grid-cols-[repeat(7,var(--day-size,32px))] [grid-auto-rows:var(--day-size,32px)]', 'height-[calc(var(--day-size,32px)*7)] rounded overflow-hidden p-2');
|
|
21
|
-
export const DayLabel = withClassName('div', 'flex items-center justify-center text-sm color-gray-dark');
|
|
20
|
+
export const CalendarGridRoot = withClassName('div', 'layer-components:grid layer-components:grid-cols-[repeat(7,var(--day-size,32px))] layer-components:[grid-auto-rows:var(--day-size,32px)]', 'layer-components:height-[calc(var(--day-size,32px)*7)] layer-components:rounded layer-components:overflow-hidden layer-components:p-2');
|
|
21
|
+
export const DayLabel = withClassName('div', 'layer-components:flex layer-components:items-center layer-components:justify-center layer-components:text-sm layer-components:color-gray-dark');
|
|
22
22
|
export const DayLabels = () => (_jsxs(_Fragment, { children: [_jsx(DayLabel, { children: "S" }), _jsx(DayLabel, { children: "M" }), _jsx(DayLabel, { children: "T" }), _jsx(DayLabel, { children: "W" }), _jsx(DayLabel, { children: "T" }), _jsx(DayLabel, { children: "F" }), _jsx(DayLabel, { children: "S" })] }));
|
|
23
23
|
export function CalendarGrid(_a) {
|
|
24
24
|
var { className } = _a, props = __rest(_a, ["className"]);
|
|
25
25
|
return (_jsxs(CalendarGridRoot, { className: className, children: [_jsx(DayLabels, {}), _jsx(CalendarDays, Object.assign({}, props))] }));
|
|
26
26
|
}
|
|
27
|
-
export const CalendarDay = withClassName(BaseCalendarDay, 'border border-solid border-transparent bg-white mr--1px mb--1px relative color-black', 'flex items-center justify-center transition cursor-pointer', '[&[data-highlighted]]:z-1 [&[data-highlighted]]:ring-2 [&[data-highlighted]]:ring-accent', 'hover:z-1 hover:ring-2 hover:ring-accent', 'active:bg-main-light active:rounded', '[&[data-selected]]:bg-main [&[data-selected]]:z-2 [&[data-selected]]:rounded', '[&[data-in-range]]:bg-main-light [&[data-in-range]]:rounded-none [&[data-in-range]]:z-1', '[&[data-range-start]]:bg-main [&[data-range-start]]:rounded-l [&[data-range-start]]:rounded-r-none [&[data-range-start]]:z-1', '[&[data-range-end]]:bg-main [&[data-range-end]]:rounded-r [&[data-range-end]]:rounded-l-none [&[data-range-end]]:z-1', '[&[data-disabled=true]]:opacity-50 [&[data-disabled=true]]:cursor-not-allowed',
|
|
27
|
+
export const CalendarDay = withClassName(BaseCalendarDay, 'layer-components:border layer-components:border-solid layer-components:border-transparent layer-components:bg-white layer-components:mr--1px layer-components:mb--1px layer-components:relative layer-components:color-black', 'layer-components:flex layer-components:items-center layer-components:justify-center layer-components:transition layer-components:cursor-pointer', 'layer-components:[&[data-highlighted]]:z-1 layer-components:[&[data-highlighted]]:ring-2 layer-components:[&[data-highlighted]]:ring-accent', 'layer-components:hover:z-1 layer-components:hover:ring-2 layer-components:hover:ring-accent', 'layer-components:active:bg-main-light layer-components:active:rounded', 'layer-components:[&[data-selected]]:bg-main layer-components:[&[data-selected]]:z-2 layer-components:[&[data-selected]]:rounded', 'layer-components:[&[data-in-range]]:bg-main-light layer-components:[&[data-in-range]]:rounded-none layer-components:[&[data-in-range]]:z-1', 'layer-components:[&[data-range-start]]:bg-main layer-components:[&[data-range-start]]:rounded-l layer-components:[&[data-range-start]]:rounded-r-none layer-components:[&[data-range-start]]:z-1', 'layer-components:[&[data-range-end]]:bg-main layer-components:[&[data-range-end]]:rounded-r layer-components:[&[data-range-end]]:rounded-l-none layer-components:[&[data-range-end]]:z-1', 'layer-components:[&[data-disabled=true]]:opacity-50 layer-components:[&[data-disabled=true]]:cursor-not-allowed',
|
|
28
28
|
// today dot
|
|
29
|
-
"[&[data-today]]:before:content-[''] [&[data-today]]:before:absolute [&[data-today]]:before:left-[1px] [&[data-today]]:before:top-[1px] [&[data-today]]:before:w-[6px] [&[data-today]]:before:h-[6px] [&[data-today]]:before:rounded-lg [&[data-today]]:before:bg-attention [&[data-today]]:before:border-1 [&[data-today]]:before:border-solid [&[data-today]]:before:border-black",
|
|
29
|
+
"layer-components:[&[data-today]]:before:content-[''] layer-components:[&[data-today]]:before:absolute layer-components:[&[data-today]]:before:left-[1px] layer-components:[&[data-today]]:before:top-[1px] layer-components:[&[data-today]]:before:w-[6px] layer-components:[&[data-today]]:before:h-[6px] layer-components:[&[data-today]]:before:rounded-lg layer-components:[&[data-today]]:before:bg-attention layer-components:[&[data-today]]:before:border-1 layer-components:[&[data-today]]:before:border-solid layer-components:[&[data-today]]:before:border-black",
|
|
30
30
|
// calendar edges
|
|
31
|
-
'[&[data-top-edge]]:border-t-gray', '[&[data-bottom-edge]]:border-b-gray', '[&[data-first-column]]:border-l-gray', '[&[data-last-column]]:border-r-gray', '[&[data-day-first]]:border-l-gray [&[data-day-first]]:rounded-tl', '[&[data-day-last]]:border-r-gray [&[data-day-last]]:rounded-br', '[&[data-first-column][data-bottom-edge]]:rounded-bl', '[&[data-last-column][data-bottom-edge]]:rounded-br', '[&[data-first-column][data-top-edge]]:rounded-tl', '[&[data-last-column][data-top-edge]]:rounded-tr', '[&[data-different-month]]:[visibility:hidden]');
|
|
31
|
+
'layer-components:[&[data-top-edge]]:border-t-gray', 'layer-components:[&[data-bottom-edge]]:border-b-gray', 'layer-components:[&[data-first-column]]:border-l-gray', 'layer-components:[&[data-last-column]]:border-r-gray', 'layer-components:[&[data-day-first]]:border-l-gray layer-components:[&[data-day-first]]:rounded-tl', 'layer-components:[&[data-day-last]]:border-r-gray layer-components:[&[data-day-last]]:rounded-br', 'layer-components:[&[data-first-column][data-bottom-edge]]:rounded-bl', 'layer-components:[&[data-last-column][data-bottom-edge]]:rounded-br', 'layer-components:[&[data-first-column][data-top-edge]]:rounded-tl', 'layer-components:[&[data-last-column][data-top-edge]]:rounded-tr', 'layer-components:[&[data-different-month]]:[visibility:hidden]');
|
|
32
32
|
//# sourceMappingURL=Calendar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../../../src/components/datePicker/Calendar.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EACN,WAAW,IAAI,eAAe,EAC9B,YAAY,GAEZ,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAE5C,MAAM,CAAC,MAAM,QAAQ,GAAG,aAAa,CACpC,KAAK,EACL,
|
|
1
|
+
{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../../../src/components/datePicker/Calendar.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EACN,WAAW,IAAI,eAAe,EAC9B,YAAY,GAEZ,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAE5C,MAAM,CAAC,MAAM,QAAQ,GAAG,aAAa,CACpC,KAAK,EACL,sEAAsE,CACtE,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,aAAa,CACtC,MAAM,EACN,oGAAoG,CACpG,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;AAEhE,MAAM,CAAC,MAAM,gBAAgB,GAAG,aAAa,CAC5C,KAAK,EACL,0GAA0G,EAC1G,sFAAsF,CACtF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,aAAa,CACpC,KAAK,EACL,6EAA6E,CAC7E,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CAC9B,8BACC,KAAC,QAAQ,oBAAa,EACtB,KAAC,QAAQ,oBAAa,EACtB,KAAC,QAAQ,oBAAa,EACtB,KAAC,QAAQ,oBAAa,EACtB,KAAC,QAAQ,oBAAa,EACtB,KAAC,QAAQ,oBAAa,EACtB,KAAC,QAAQ,oBAAa,IACpB,CACH,CAAC;AAEF,MAAM,UAAU,YAAY,CAAC,EAGgB;QAHhB,EAC5B,SAAS,OAEmC,EADzC,KAAK,cAFoB,aAG5B,CADQ;IAER,OAAO,CACN,MAAC,gBAAgB,IAAC,SAAS,EAAE,SAAS,aACrC,KAAC,SAAS,KAAG,EACb,KAAC,YAAY,oBAAK,KAAK,EAAI,IACT,CACnB,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CACvC,eAAe,EACf,yGAAyG,EACzG,+EAA+E,EAC/E,iEAAiE,EACjE,iDAAiD,EACjD,iDAAiD,EACjD,2DAA2D,EAC3D,sEAAsE,EACtE,+EAA+E,EAC/E,6EAA6E,EAC7E,0EAA0E;AAC1E,YAAY;AACZ,iKAAiK;AACjK,iBAAiB;AACjB,qDAAqD,EACrD,wDAAwD,EACxD,yDAAyD,EACzD,wDAAwD,EACxD,iEAAiE,EACjE,gEAAgE,EAChE,sEAAsE,EACtE,qEAAqE,EACrE,mEAAmE,EACnE,kEAAkE,EAClE,gEAAgE,CAChE,CAAC"}
|
|
@@ -17,7 +17,7 @@ import { useCallback, useState } from 'react';
|
|
|
17
17
|
import { withClassName } from '../../hooks.js';
|
|
18
18
|
import { Icon } from '../icon/Icon.js';
|
|
19
19
|
import { CalendarDay, CalendarGrid, DayLabels, MonthButton, MonthLabel, } from './Calendar.js';
|
|
20
|
-
const RangeLayout = withClassName('div', 'grid [grid-template-areas:"prevMonth_leftMonth_nextMonth""leftGrid_leftGrid_leftGrid"] [grid-template-columns:auto_1fr_auto]', '[grid-template-rows:auto_1fr] gap-2', 'sm:grid-areas-[prevMonth_leftMonth_rightMonth_nextMonth]-[leftGrid_leftGrid_rightGrid_rightGrid] sm:[grid-template-columns:auto_1fr_1fr_auto]');
|
|
20
|
+
const RangeLayout = withClassName('div', 'layer-components:grid layer-components:[grid-template-areas:"prevMonth_leftMonth_nextMonth""leftGrid_leftGrid_leftGrid"] layer-components:[grid-template-columns:auto_1fr_auto]', 'layer-components:[grid-template-rows:auto_1fr] layer-components:gap-2', 'layer-components:sm:grid-areas-[prevMonth_leftMonth_rightMonth_nextMonth]-[leftGrid_leftGrid_rightGrid_rightGrid] sm:[grid-template-columns:auto_1fr_1fr_auto]');
|
|
21
21
|
function DateRangePickerMonthControls() {
|
|
22
22
|
const { setDisplayInfo, month, year } = useCalendarContext();
|
|
23
23
|
const monthLabel = new Date(year, month).toLocaleDateString('en-US', {
|
|
@@ -63,7 +63,7 @@ function DateRangePickerRoot(_a) {
|
|
|
63
63
|
year: newYear,
|
|
64
64
|
});
|
|
65
65
|
}, [month, year]);
|
|
66
|
-
return (_jsx(Calendar, Object.assign({ displayMonth: month, displayYear: year, rangeValue: value, onRangeChange: (range) => onChange(range), onDisplayChange: onDisplayChange, className: clsx('flex justify-center', color && `palette-${color}`, className) }, rest, { children: _jsx(RangeLayout, { children: children }) })));
|
|
66
|
+
return (_jsx(Calendar, Object.assign({ displayMonth: month, displayYear: year, rangeValue: value, onRangeChange: (range) => onChange(range), onDisplayChange: onDisplayChange, className: clsx('layer-components:flex layer-components:justify-center', color && `palette-${color}`, className) }, rest, { children: _jsx(RangeLayout, { children: children }) })));
|
|
67
67
|
}
|
|
68
68
|
function DateRangePickerBase(props) {
|
|
69
69
|
return (_jsxs(DateRangePickerRoot, Object.assign({}, props, { children: [_jsx(DateRangePickerMonthControls, {}), _jsx(CalendarGrid, { className: "[grid-area:leftGrid]", children: (value) => _jsx(CalendarDay, { value: value }, value.key) }), _jsx(CalendarGrid, { className: "[grid-area:rightGrid] !hidden !sm:grid", monthOffset: 1, children: (value) => _jsx(CalendarDay, { value: value }, value.key) })] })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateRangePicker.js","sourceRoot":"","sources":["../../../../src/components/datePicker/DateRangePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC7E,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAa,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EACN,WAAW,EACX,YAAY,EACZ,SAAS,EACT,WAAW,EACX,UAAU,GACV,MAAM,eAAe,CAAC;AAEvB,MAAM,WAAW,GAAG,aAAa,CAChC,KAAK,EACL,
|
|
1
|
+
{"version":3,"file":"DateRangePicker.js","sourceRoot":"","sources":["../../../../src/components/datePicker/DateRangePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -51,7 +51,7 @@ export function DropdownMenuTrigger(props) {
|
|
|
51
51
|
export const DropdownMenuTriggerIcon = withClassName(SlotDiv, 'layer-components:[[data-state=open]>&]:rotate-180 layer-components:transition-transform');
|
|
52
52
|
export const DropdownMenuContent = (_a) => {
|
|
53
53
|
var { children, forceMount } = _a, props = __rest(_a, ["children", "forceMount"]);
|
|
54
|
-
return (_jsx(StyledPortal, { forceMount: forceMount, children: _jsxs(StyledContent, Object.assign({}, props, { children: [_jsx("div", { className: "layer-components:overflow-y-auto layer-components:overflow-unstable layer-components:max-h-full layer-components:rounded-md layer-components:min-h-0", children: children }), _jsx(StyledArrow, {})] })) }));
|
|
54
|
+
return (_jsx(StyledPortal, { forceMount: forceMount, children: _jsxs(StyledContent, Object.assign({}, props, { children: [_jsx("div", { className: "layer-components:overflow-y-auto layer-components:overflow-x-hidden layer-components:overflow-unstable layer-components:max-h-full layer-components:rounded-md layer-components:min-h-0", children: children }), _jsx(StyledArrow, {})] })) }));
|
|
55
55
|
};
|
|
56
56
|
export const DropdownMenuItemRightSlot = withClassName('div', 'ml-auto pl-md');
|
|
57
57
|
export const DropdownMenu = Object.assign(DropdownMenuRoot, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["../../../../src/components/dropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["../../../../src/components/dropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -15,7 +15,7 @@ export function ParticleLayer({ children, noPortal, }) {
|
|
|
15
15
|
if (!particles || !clientReady) {
|
|
16
16
|
return null;
|
|
17
17
|
}
|
|
18
|
-
const canvas = (_jsx("canvas", { ref: particles.setCanvas, className: "fixed inset-0 w-full h-full z-[
|
|
18
|
+
const canvas = (_jsx("canvas", { ref: particles.setCanvas, className: "fixed inset-0 w-full h-full z-[1000000] pointer-events-none" }));
|
|
19
19
|
return (_jsxs(ParticlesProvider, { value: particles, children: [noPortal ? canvas : createPortal(canvas, document.body), children] }));
|
|
20
20
|
}
|
|
21
21
|
//# sourceMappingURL=ParticleLayer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ParticleLayer.js","sourceRoot":"","sources":["../../../../src/components/particles/ParticleLayer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,MAAM,UAAU,aAAa,CAAC,EAC7B,QAAQ,EACR,QAAQ,GAIR;IACA,MAAM,CAAC,SAAS,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CACjC,OAAO,MAAM,KAAK,WAAW;QAC5B,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,IAAI,SAAS,CAAC,EAAE,eAAe,EAAE,GAAG,EAAE,CAAC,CAC1C,CAAC;IACF,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,SAAS,CAAC,GAAG,EAAE;QACd,cAAc,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAI,CAAC,SAAS,IAAI,CAAC,WAAW,EAAE,CAAC;QAChC,OAAO,IAAI,CAAC;IACb,CAAC;IAED,MAAM,MAAM,GAAG,CACd,iBACC,GAAG,EAAE,SAAS,CAAC,SAAS,EACxB,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"ParticleLayer.js","sourceRoot":"","sources":["../../../../src/components/particles/ParticleLayer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,MAAM,UAAU,aAAa,CAAC,EAC7B,QAAQ,EACR,QAAQ,GAIR;IACA,MAAM,CAAC,SAAS,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CACjC,OAAO,MAAM,KAAK,WAAW;QAC5B,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,IAAI,SAAS,CAAC,EAAE,eAAe,EAAE,GAAG,EAAE,CAAC,CAC1C,CAAC;IACF,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,SAAS,CAAC,GAAG,EAAE;QACd,cAAc,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAI,CAAC,SAAS,IAAI,CAAC,WAAW,EAAE,CAAC;QAChC,OAAO,IAAI,CAAC;IACb,CAAC;IAED,MAAM,MAAM,GAAG,CACd,iBACC,GAAG,EAAE,SAAS,CAAC,SAAS,EACxB,SAAS,EAAC,6DAA6D,GACtE,CACF,CAAC;IAEF,OAAO,CACN,MAAC,iBAAiB,IAAC,KAAK,EAAE,SAAS,aACjC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,IAAI,CAAC,EACvD,QAAQ,IACU,CACpB,CAAC;AACH,CAAC"}
|
|
@@ -8,11 +8,11 @@ export const globalPreflight = (config) => preflight({
|
|
|
8
8
|
--font-title: "Inter", sans-serif;
|
|
9
9
|
--font-default: var(--font-sans, sans-serif);
|
|
10
10
|
|
|
11
|
+
--z-now-playing: 40;
|
|
12
|
+
--z-nav: 50;
|
|
11
13
|
${config.disableZIndexes
|
|
12
14
|
? ''
|
|
13
15
|
: `
|
|
14
|
-
--z-now-playing: 40;
|
|
15
|
-
--z-nav: 50;
|
|
16
16
|
--z-menu: 100;
|
|
17
17
|
--z-backdrop: 900;
|
|
18
18
|
--z-dialog: 1000;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"globals.js","sourceRoot":"","sources":["../../../../src/uno/preflights/globals.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAMvC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,MAA8B,EAAE,EAAE,CACjE,SAAS,CAAC;IACT,MAAM,EAAE,GAAG,EAAE,CAAC
|
|
1
|
+
{"version":3,"file":"globals.js","sourceRoot":"","sources":["../../../../src/uno/preflights/globals.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAMvC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,MAA8B,EAAE,EAAE,CACjE,SAAS,CAAC;IACT,MAAM,EAAE,GAAG,EAAE,CAAC;;;;;;;;;GAUd,MAAM,CAAC,eAAe;QACrB,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC;;;;;;EAOJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2EA;CACC,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -27,7 +27,7 @@ export function getButtonClassName({
|
|
|
27
27
|
|
|
28
28
|
return clsx(
|
|
29
29
|
color && `palette-${color}`,
|
|
30
|
-
'layer-components:(leading-none font-inherit font-bold select-none)',
|
|
30
|
+
'layer-components:(leading-none font-inherit font-bold select-none leading-1)',
|
|
31
31
|
'layer-components:(border-solid border-thin border-color)',
|
|
32
32
|
'layer-components:(cursor-pointer)',
|
|
33
33
|
'layer-components:(flex flex-row gap-sm items-center)',
|
|
@@ -8,26 +8,25 @@ import { Button } from '../button/index.js';
|
|
|
8
8
|
|
|
9
9
|
export const MonthRow = withClassName(
|
|
10
10
|
'div',
|
|
11
|
-
'flex flex-row justify-between items-center w-full',
|
|
11
|
+
'layer-components:(flex flex-row justify-between items-center w-full)',
|
|
12
12
|
);
|
|
13
13
|
|
|
14
14
|
export const MonthLabel = withClassName(
|
|
15
15
|
'span',
|
|
16
|
-
'text-sm font-bold min-w-0 overflow-hidden text-center text-ellipsis',
|
|
17
|
-
'self-center',
|
|
16
|
+
'layer-components:(text-sm font-bold min-w-0 overflow-hidden text-center text-ellipsis self-center)',
|
|
18
17
|
);
|
|
19
18
|
|
|
20
19
|
export const MonthButton = withClassName(Button, 'self-center');
|
|
21
20
|
|
|
22
21
|
export const CalendarGridRoot = withClassName(
|
|
23
22
|
'div',
|
|
24
|
-
'grid grid-cols-[repeat(7,var(--day-size,32px))] [grid-auto-rows:var(--day-size,32px)]',
|
|
25
|
-
'height-[calc(var(--day-size,32px)*7)] rounded overflow-hidden p-2',
|
|
23
|
+
'layer-components:(grid grid-cols-[repeat(7,var(--day-size,32px))] [grid-auto-rows:var(--day-size,32px)])',
|
|
24
|
+
'layer-components:(height-[calc(var(--day-size,32px)*7)] rounded overflow-hidden p-2)',
|
|
26
25
|
);
|
|
27
26
|
|
|
28
27
|
export const DayLabel = withClassName(
|
|
29
28
|
'div',
|
|
30
|
-
'flex items-center justify-center text-sm color-gray-dark',
|
|
29
|
+
'layer-components:(flex items-center justify-center text-sm color-gray-dark)',
|
|
31
30
|
);
|
|
32
31
|
|
|
33
32
|
export const DayLabels = () => (
|
|
@@ -56,28 +55,28 @@ export function CalendarGrid({
|
|
|
56
55
|
|
|
57
56
|
export const CalendarDay = withClassName(
|
|
58
57
|
BaseCalendarDay,
|
|
59
|
-
'border border-solid border-transparent bg-white mr--1px mb--1px relative color-black',
|
|
60
|
-
'flex items-center justify-center transition cursor-pointer',
|
|
61
|
-
'[&[data-highlighted]]:(z-1 ring-2 ring-accent)',
|
|
62
|
-
'hover:(z-1 ring-2 ring-accent)',
|
|
63
|
-
'active:(bg-main-light rounded)',
|
|
64
|
-
'[&[data-selected]]:(bg-main z-2 rounded)',
|
|
65
|
-
'[&[data-in-range]]:(bg-main-light rounded-none z-1)',
|
|
66
|
-
'[&[data-range-start]]:(bg-main rounded-l rounded-r-none z-1)',
|
|
67
|
-
'[&[data-range-end]]:(bg-main rounded-r rounded-l-none z-1)',
|
|
68
|
-
'[&[data-disabled=true]]:(opacity-50 cursor-not-allowed)',
|
|
58
|
+
'layer-components:(border border-solid border-transparent bg-white mr--1px mb--1px relative color-black)',
|
|
59
|
+
'layer-components:(flex items-center justify-center transition cursor-pointer)',
|
|
60
|
+
'layer-components:[&[data-highlighted]]:(z-1 ring-2 ring-accent)',
|
|
61
|
+
'layer-components:hover:(z-1 ring-2 ring-accent)',
|
|
62
|
+
'layer-components:active:(bg-main-light rounded)',
|
|
63
|
+
'layer-components:[&[data-selected]]:(bg-main z-2 rounded)',
|
|
64
|
+
'layer-components:[&[data-in-range]]:(bg-main-light rounded-none z-1)',
|
|
65
|
+
'layer-components:[&[data-range-start]]:(bg-main rounded-l rounded-r-none z-1)',
|
|
66
|
+
'layer-components:[&[data-range-end]]:(bg-main rounded-r rounded-l-none z-1)',
|
|
67
|
+
'layer-components:[&[data-disabled=true]]:(opacity-50 cursor-not-allowed)',
|
|
69
68
|
// today dot
|
|
70
|
-
"[&[data-today]]:before:(content-[''] absolute left-[1px] top-[1px] w-[6px] h-[6px] rounded-lg bg-attention border-1 border-solid border-black)",
|
|
69
|
+
"layer-components:[&[data-today]]:before:(content-[''] absolute left-[1px] top-[1px] w-[6px] h-[6px] rounded-lg bg-attention border-1 border-solid border-black)",
|
|
71
70
|
// calendar edges
|
|
72
|
-
'[&[data-top-edge]]:(border-t-gray)',
|
|
73
|
-
'[&[data-bottom-edge]]:(border-b-gray)',
|
|
74
|
-
'[&[data-first-column]]:(border-l-gray)',
|
|
75
|
-
'[&[data-last-column]]:(border-r-gray)',
|
|
76
|
-
'[&[data-day-first]]:(border-l-gray rounded-tl)',
|
|
77
|
-
'[&[data-day-last]]:(border-r-gray rounded-br)',
|
|
78
|
-
'[&[data-first-column][data-bottom-edge]]:rounded-bl',
|
|
79
|
-
'[&[data-last-column][data-bottom-edge]]:rounded-br',
|
|
80
|
-
'[&[data-first-column][data-top-edge]]:rounded-tl',
|
|
81
|
-
'[&[data-last-column][data-top-edge]]:rounded-tr',
|
|
82
|
-
'[&[data-different-month]]:[visibility:hidden]',
|
|
71
|
+
'layer-components:[&[data-top-edge]]:(border-t-gray)',
|
|
72
|
+
'layer-components:[&[data-bottom-edge]]:(border-b-gray)',
|
|
73
|
+
'layer-components:[&[data-first-column]]:(border-l-gray)',
|
|
74
|
+
'layer-components:[&[data-last-column]]:(border-r-gray)',
|
|
75
|
+
'layer-components:[&[data-day-first]]:(border-l-gray rounded-tl)',
|
|
76
|
+
'layer-components:[&[data-day-last]]:(border-r-gray rounded-br)',
|
|
77
|
+
'layer-components:[&[data-first-column][data-bottom-edge]]:rounded-bl',
|
|
78
|
+
'layer-components:[&[data-last-column][data-bottom-edge]]:rounded-br',
|
|
79
|
+
'layer-components:[&[data-first-column][data-top-edge]]:rounded-tl',
|
|
80
|
+
'layer-components:[&[data-last-column][data-top-edge]]:rounded-tr',
|
|
81
|
+
'layer-components:[&[data-different-month]]:[visibility:hidden]',
|
|
83
82
|
);
|
|
@@ -14,9 +14,9 @@ import {
|
|
|
14
14
|
|
|
15
15
|
const RangeLayout = withClassName(
|
|
16
16
|
'div',
|
|
17
|
-
'grid [grid-template-areas:"prevMonth_leftMonth_nextMonth""leftGrid_leftGrid_leftGrid"] [grid-template-columns:auto_1fr_auto]',
|
|
18
|
-
'[grid-template-rows:auto_1fr] gap-2',
|
|
19
|
-
'sm:grid-areas-[prevMonth_leftMonth_rightMonth_nextMonth]-[leftGrid_leftGrid_rightGrid_rightGrid] sm:[grid-template-columns:auto_1fr_1fr_auto]',
|
|
17
|
+
'layer-components:(grid [grid-template-areas:"prevMonth_leftMonth_nextMonth""leftGrid_leftGrid_leftGrid"] [grid-template-columns:auto_1fr_auto])',
|
|
18
|
+
'layer-components:([grid-template-rows:auto_1fr] gap-2)',
|
|
19
|
+
'layer-components:sm:grid-areas-[prevMonth_leftMonth_rightMonth_nextMonth]-[leftGrid_leftGrid_rightGrid_rightGrid] sm:[grid-template-columns:auto_1fr_1fr_auto]',
|
|
20
20
|
);
|
|
21
21
|
|
|
22
22
|
function DateRangePickerMonthControls() {
|
|
@@ -112,7 +112,7 @@ function DateRangePickerRoot({
|
|
|
112
112
|
onRangeChange={(range) => onChange(range)}
|
|
113
113
|
onDisplayChange={onDisplayChange}
|
|
114
114
|
className={clsx(
|
|
115
|
-
'flex justify-center',
|
|
115
|
+
'layer-components:(flex justify-center)',
|
|
116
116
|
color && `palette-${color}`,
|
|
117
117
|
className,
|
|
118
118
|
)}
|
|
@@ -124,7 +124,7 @@ export const DropdownMenuContent = ({
|
|
|
124
124
|
return (
|
|
125
125
|
<StyledPortal forceMount={forceMount}>
|
|
126
126
|
<StyledContent {...props}>
|
|
127
|
-
<div className="layer-components:(overflow-y-auto overflow-unstable max-h-full rounded-md min-h-0)">
|
|
127
|
+
<div className="layer-components:(overflow-y-auto overflow-x-hidden overflow-unstable max-h-full rounded-md min-h-0)">
|
|
128
128
|
{children}
|
|
129
129
|
</div>
|
|
130
130
|
<StyledArrow />
|
|
@@ -13,12 +13,12 @@ export const globalPreflight = (config: GlobalsPreflightConfig) =>
|
|
|
13
13
|
--font-title: "Inter", sans-serif;
|
|
14
14
|
--font-default: var(--font-sans, sans-serif);
|
|
15
15
|
|
|
16
|
+
--z-now-playing: 40;
|
|
17
|
+
--z-nav: 50;
|
|
16
18
|
${
|
|
17
19
|
config.disableZIndexes
|
|
18
20
|
? ''
|
|
19
21
|
: `
|
|
20
|
-
--z-now-playing: 40;
|
|
21
|
-
--z-nav: 50;
|
|
22
22
|
--z-menu: 100;
|
|
23
23
|
--z-backdrop: 900;
|
|
24
24
|
--z-dialog: 1000;
|