@cdx-ui/components 0.0.1-beta.140 → 0.0.1-beta.142

package/lib/commonjs/components/DateRangePicker/index.js

@@ -0,0 +1,177 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DateRangePicker = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _icons = require("@cdx-ui/icons");
+var _primitives = require("@cdx-ui/primitives");
+var _utils = require("@cdx-ui/utils");
+var _Dialog = require("../Dialog");
+var _Icon = require("../Icon");
+var _RangeCalendar = require("../RangeCalendar");
+var _PickerTrigger = require("../picker/PickerTrigger");
+var _surfaces = require("../picker/surfaces");
+var _jsxRuntime = require("react/jsx-runtime");
+const DATE_FIELD_SCOPE = 'DATE_FIELD';
+const DateRangePickerRoot = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  children,
+  style,
+  ...props
+}, ref) => {
+  const parent = (0, _utils.useParentContext)();
+  const ctx = (0, _react.useMemo)(() => ({
+    ...parent,
+    [DATE_FIELD_SCOPE]: {
+      variant: 'outline',
+      size: 'default',
+      fullWidth: true
+    }
+  }), [parent]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_utils.ParentContext.Provider, {
+    value: ctx,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.DateRangePickerRoot, {
+      ref: ref,
+      className: (0, _utils.cn)('gap-2', className),
+      style: style,
+      ...props,
+      ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+        slot: 'date-range-picker'
+      })),
+      children: children
+    })
+  });
+});
+DateRangePickerRoot.displayName = 'DateRangePicker';
+const DateRangePickerTrigger = /*#__PURE__*/(0, _react.forwardRef)(({
+  accessibilityLabel,
+  ...props
+}, ref) => {
+  const {
+    open,
+    setOpen,
+    disabled,
+    triggerRef,
+    labels
+  } = (0, _primitives.useDateRangePickerContext)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickerTrigger.PickerTrigger, {
+    ref: ref,
+    open: open,
+    setOpen: setOpen,
+    disabled: disabled,
+    triggerRef: triggerRef,
+    accessibilityLabel: accessibilityLabel ?? labels.openDateRangePicker,
+    ...props
+  });
+});
+DateRangePickerTrigger.displayName = 'DateRangePicker.Trigger';
+const DateRangePickerTriggerIndicator = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+  as: _icons.CalendarToday,
+  className: "text-content-secondary"
+});
+DateRangePickerTriggerIndicator.displayName = 'DateRangePicker.TriggerIndicator';
+const DateRangePickerRangeSeparator = () => {
+  const {
+    labels
+  } = (0, _primitives.useDateRangePickerContext)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+    className: "body-md text-content-secondary px-1",
+    children: labels.rangeSeparator
+  });
+};
+DateRangePickerRangeSeparator.displayName = 'DateRangePicker.RangeSeparator';
+const DateRangePickerCalendar = /*#__PURE__*/(0, _react.forwardRef)(({
+  ...props
+}, ref) => {
+  const {
+    startValue,
+    endValue,
+    onRangeChange,
+    focusedField,
+    setFocusedField,
+    locale,
+    labels
+  } = (0, _primitives.useDateRangePickerContext)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_RangeCalendar.RangeCalendar, {
+    ref: ref,
+    startValue: startValue,
+    endValue: endValue,
+    focusedField: focusedField,
+    onFocusedFieldChange: setFocusedField,
+    locale: locale,
+    labels: labels,
+    onRangeChange: range => {
+      if (!range.startId) {
+        return;
+      }
+      onRangeChange?.({
+        startId: range.startId,
+        endId: range.endId
+      });
+    },
+    ...props
+  });
+});
+DateRangePickerCalendar.displayName = 'DateRangePicker.Calendar';
+function DateRangePickerDialog({
+  children
+}) {
+  const ctx = (0, _primitives.useDateRangePickerContext)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_surfaces.PickerDialogSurface, {
+    open: ctx.open,
+    setOpen: ctx.setOpen,
+    registerSurface: ctx.registerSurface,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog.Dialog.Popup, {
+      className: "p-4",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.DateRangePickerContext.Provider, {
+        value: ctx,
+        children: children
+      })
+    })
+  });
+}
+function DateRangePickerBottomSheet({
+  children
+}) {
+  const ctx = (0, _primitives.useDateRangePickerContext)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_surfaces.PickerBottomSheetSurface, {
+    open: ctx.open,
+    setOpen: ctx.setOpen,
+    registerSurface: ctx.registerSurface,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.DateRangePickerContext.Provider, {
+      value: ctx,
+      children: children
+    })
+  });
+}
+function DateRangePickerPopover({
+  children,
+  className
+}) {
+  const ctx = (0, _primitives.useDateRangePickerContext)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_surfaces.PickerPopoverSurface, {
+    open: ctx.open,
+    setOpen: ctx.setOpen,
+    registerSurface: ctx.registerSurface,
+    anchorRef: ctx.anchorRef,
+    triggerRef: ctx.triggerRef,
+    className: className,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.DateRangePickerContext.Provider, {
+      value: ctx,
+      children: children
+    })
+  });
+}
+const DateRangePicker = exports.DateRangePicker = Object.assign(DateRangePickerRoot, {
+  Trigger: DateRangePickerTrigger,
+  TriggerIndicator: DateRangePickerTriggerIndicator,
+  RangeSeparator: DateRangePickerRangeSeparator,
+  Calendar: DateRangePickerCalendar,
+  Popover: DateRangePickerPopover,
+  Dialog: DateRangePickerDialog,
+  BottomSheet: DateRangePickerBottomSheet
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/DateRangePicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_icons","_primitives","_utils","_Dialog","_Icon","_RangeCalendar","_PickerTrigger","_surfaces","_jsxRuntime","DATE_FIELD_SCOPE","DateRangePickerRoot","forwardRef","className","children","style","props","ref","parent","useParentContext","ctx","useMemo","variant","size","fullWidth","jsx","ParentContext","Provider","value","cn","mergeDataAttributes","dataAttributes","slot","displayName","DateRangePickerTrigger","accessibilityLabel","open","setOpen","disabled","triggerRef","labels","useDateRangePickerContext","PickerTrigger","openDateRangePicker","DateRangePickerTriggerIndicator","Icon","as","CalendarToday","DateRangePickerRangeSeparator","Text","rangeSeparator","DateRangePickerCalendar","startValue","endValue","onRangeChange","focusedField","setFocusedField","locale","RangeCalendar","onFocusedFieldChange","range","startId","endId","DateRangePickerDialog","PickerDialogSurface","registerSurface","Dialog","Popup","DateRangePickerContext","DateRangePickerBottomSheet","PickerBottomSheetSurface","DateRangePickerPopover","PickerPopoverSurface","anchorRef","DateRangePicker","exports","Object","assign","Trigger","TriggerIndicator","RangeSeparator","Calendar","Popover","BottomSheet"],"sourceRoot":"../../../../src","sources":["components/DateRangePicker/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/DateTimeField/index.js

@@ -0,0 +1,96 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DateTimeField = void 0;
+var _react = require("react");
+var _primitives = require("@cdx-ui/primitives");
+var _utils = require("@cdx-ui/utils");
+var _DateField = require("../DateField");
+var _styles = require("../DateField/styles");
+var _jsxRuntime = require("react/jsx-runtime");
+const SCOPE = 'DATE_FIELD';
+const useDateFieldStyleContext = () => (0, _utils.useParentContext)()[SCOPE] ?? {};
+const DateTimeFieldRoot = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  children,
+  style,
+  variant = 'outline',
+  size = 'default',
+  fullWidth,
+  ...props
+}, ref) => {
+  const parent = (0, _utils.useParentContext)();
+  const ctx = (0, _react.useMemo)(() => ({
+    ...parent,
+    [SCOPE]: {
+      variant,
+      size,
+      fullWidth
+    }
+  }), [parent, variant, size, fullWidth]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_utils.ParentContext.Provider, {
+    value: ctx,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.DateTimeFieldRoot, {
+      ref: ref,
+      className: (0, _utils.cn)((0, _styles.dateFieldRootVariants)(), className),
+      style: style,
+      ...props,
+      ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+        slot: 'date-time-field'
+      })),
+      children: children ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(_DateField.DateField.Group, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(DateTimeField.Input, {
+          children: segment => /*#__PURE__*/(0, _jsxRuntime.jsx)(DateTimeField.Segment, {
+            segment: segment
+          })
+        })
+      })
+    })
+  });
+});
+DateTimeFieldRoot.displayName = 'DateTimeField';
+const DateTimeFieldInput = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  style,
+  ...props
+}, ref) => {
+  const {
+    size
+  } = useDateFieldStyleContext();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.DateTimeFieldInput, {
+    ref: ref,
+    className: (0, _utils.cn)((0, _styles.dateFieldInputVariants)({
+      size: size ?? 'default'
+    }), className),
+    style: style,
+    ...props
+  });
+});
+DateTimeFieldInput.displayName = 'DateTimeField.Input';
+const DateTimeFieldSegment = /*#__PURE__*/(0, _react.forwardRef)(({
+  segment,
+  className,
+  style,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.DateTimeFieldSegment, {
+  ref: ref,
+  segment: segment,
+  className: (0, _utils.cn)((0, _styles.dateFieldSegmentVariants)({
+    literal: !segment.isEditable
+  }), className),
+  style: style,
+  ...props,
+  ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+    placeholder: segment.isEditable && segment.value == null
+  }))
+}));
+DateTimeFieldSegment.displayName = 'DateTimeField.Segment';
+const DateTimeField = exports.DateTimeField = Object.assign(DateTimeFieldRoot, {
+  Group: _DateField.DateField.Group,
+  Input: DateTimeFieldInput,
+  Segment: DateTimeFieldSegment,
+  Suffix: _DateField.DateField.Suffix
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/DateTimeField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_primitives","_utils","_DateField","_styles","_jsxRuntime","SCOPE","useDateFieldStyleContext","useParentContext","DateTimeFieldRoot","forwardRef","className","children","style","variant","size","fullWidth","props","ref","parent","ctx","useMemo","jsx","ParentContext","Provider","value","cn","dateFieldRootVariants","mergeDataAttributes","dataAttributes","slot","DateField","Group","DateTimeField","Input","segment","Segment","displayName","DateTimeFieldInput","dateFieldInputVariants","DateTimeFieldSegment","dateFieldSegmentVariants","literal","isEditable","placeholder","exports","Object","assign","Suffix"],"sourceRoot":"../../../../src","sources":["components/DateTimeField/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/DateTimeList/index.js

@@ -0,0 +1,180 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DateTimeList = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _uniwind = require("uniwind");
+var _primitives = require("@cdx-ui/primitives");
+var _formatters = require("@cdx-ui/formatters");
+var _utils = require("@cdx-ui/utils");
+var _styles = require("./styles");
+var _jsxRuntime = require("react/jsx-runtime");
+function DateTimeListDefaultBody() {
+  const {
+    granularity,
+    hour12
+  } = (0, _primitives.useDateTimeListContext)();
+  const {
+    showTime,
+    showMinute,
+    showSecond
+  } = (0, _formatters.getDateTimeSegmentVisibility)(granularity);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(DateTimeListDateColumn, {}), showTime ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(DateTimeListHourColumn, {}), showMinute ? /*#__PURE__*/(0, _jsxRuntime.jsx)(DateTimeListMinuteColumn, {}) : null, showSecond ? /*#__PURE__*/(0, _jsxRuntime.jsx)(DateTimeListSecondColumn, {}) : null, hour12 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(DateTimeListPeriodColumn, {}) : null]
+    }) : null]
+  });
+}
+
+/** Cross-platform edge fade (Uniwind gradients are unreliable on native). */
+function EdgeFade({
+  edge
+}) {
+  const surface = (0, _uniwind.useCSSVariable)('--color-surface-primary') || 'transparent';
+  const isTop = edge === 'top';
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    pointerEvents: "none",
+    className: (0, _styles.dateTimeListEdgeFadeVariants)({
+      edge
+    }),
+    style: {
+      height: _primitives.DATE_TIME_LIST_ITEM_HEIGHT * 1.75,
+      experimental_backgroundImage: isTop ? `linear-gradient(to bottom, ${surface}, transparent)` : `linear-gradient(to top, ${surface}, transparent)`
+    }
+  });
+}
+const DateTimeListRoot = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  children,
+  style,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.DateTimeListRoot, {
+  ref: ref,
+  className: (0, _utils.cn)((0, _styles.dateTimeListRootVariants)(), className),
+  style: [{
+    height: _primitives.DATE_TIME_LIST_HEIGHT
+  }, style],
+  ...props,
+  ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+    slot: 'date-time-list'
+  })),
+  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    pointerEvents: "none",
+    className: (0, _styles.dateTimeListHighlightVariants)(),
+    style: {
+      top: (_primitives.DATE_TIME_LIST_HEIGHT - _primitives.DATE_TIME_LIST_ITEM_HEIGHT) / 2,
+      height: _primitives.DATE_TIME_LIST_ITEM_HEIGHT
+    }
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    className: (0, _styles.dateTimeListColumnsVariants)(),
+    children: children ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(DateTimeListDefaultBody, {})
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(EdgeFade, {
+    edge: "top"
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(EdgeFade, {
+    edge: "bottom"
+  })]
+}));
+DateTimeListRoot.displayName = 'DateTimeList';
+function ColumnOption({
+  option
+}) {
+  const {
+    onSelect,
+    column
+  } = (0, _primitives.useDateTimeListColumnContext)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    accessibilityRole: "button",
+    accessibilityLabel: option.label,
+    accessibilityState: {
+      selected: option.selected
+    },
+    onPress: () => onSelect(option.value),
+    className: (0, _styles.dateTimeListOptionVariants)(),
+    'data-column': column,
+    'data-selected': option.selected,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      className: (0, _styles.dateTimeListOptionTextVariants)({
+        selected: option.selected
+      }),
+      numberOfLines: 1,
+      children: option.label
+    })
+  });
+}
+function ColumnShell({
+  className,
+  style,
+  column,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.DateTimeListColumn, {
+    column: column,
+    className: (0, _utils.cn)((0, _styles.dateTimeListColumnVariants)({
+      column
+    }), className),
+    style: [{
+      height: _primitives.DATE_TIME_LIST_HEIGHT
+    }, style],
+    ...props,
+    children: option => /*#__PURE__*/(0, _jsxRuntime.jsx)(ColumnOption, {
+      option: option
+    })
+  });
+}
+function DateTimeListDateColumn(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ColumnShell, {
+    column: "date",
+    ...props
+  });
+}
+function DateTimeListHourColumn(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ColumnShell, {
+    column: "hour",
+    ...props
+  });
+}
+function DateTimeListMinuteColumn(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ColumnShell, {
+    column: "minute",
+    ...props
+  });
+}
+function DateTimeListSecondColumn(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ColumnShell, {
+    column: "second",
+    ...props
+  });
+}
+function DateTimeListTimeColumn(props) {
+  const {
+    granularity
+  } = (0, _primitives.useDateTimeListContext)();
+  const {
+    showMinute,
+    showSecond
+  } = (0, _formatters.getDateTimeSegmentVisibility)(granularity);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(DateTimeListHourColumn, {
+      ...props
+    }), showMinute ? /*#__PURE__*/(0, _jsxRuntime.jsx)(DateTimeListMinuteColumn, {
+      ...props
+    }) : null, showSecond ? /*#__PURE__*/(0, _jsxRuntime.jsx)(DateTimeListSecondColumn, {
+      ...props
+    }) : null]
+  });
+}
+function DateTimeListPeriodColumn(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ColumnShell, {
+    column: "period",
+    ...props
+  });
+}
+const DateTimeList = exports.DateTimeList = Object.assign(DateTimeListRoot, {
+  DateColumn: DateTimeListDateColumn,
+  TimeColumn: DateTimeListTimeColumn,
+  PeriodColumn: DateTimeListPeriodColumn
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/DateTimeList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_uniwind","_primitives","_formatters","_utils","_styles","_jsxRuntime","DateTimeListDefaultBody","granularity","hour12","useDateTimeListContext","showTime","showMinute","showSecond","getDateTimeSegmentVisibility","jsxs","Fragment","children","jsx","DateTimeListDateColumn","DateTimeListHourColumn","DateTimeListMinuteColumn","DateTimeListSecondColumn","DateTimeListPeriodColumn","EdgeFade","edge","surface","useCSSVariable","isTop","View","pointerEvents","className","dateTimeListEdgeFadeVariants","style","height","DATE_TIME_LIST_ITEM_HEIGHT","experimental_backgroundImage","DateTimeListRoot","forwardRef","props","ref","cn","dateTimeListRootVariants","DATE_TIME_LIST_HEIGHT","mergeDataAttributes","dataAttributes","slot","dateTimeListHighlightVariants","top","dateTimeListColumnsVariants","displayName","ColumnOption","option","onSelect","column","useDateTimeListColumnContext","Pressable","accessibilityRole","accessibilityLabel","label","accessibilityState","selected","onPress","value","dateTimeListOptionVariants","Text","dateTimeListOptionTextVariants","numberOfLines","ColumnShell","DateTimeListColumn","dateTimeListColumnVariants","DateTimeListTimeColumn","DateTimeList","exports","Object","assign","DateColumn","TimeColumn","PeriodColumn"],"sourceRoot":"../../../../src","sources":["components/DateTimeList/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/DateTimeList/styles.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.dateTimeListRootVariants = exports.dateTimeListOptionVariants = exports.dateTimeListOptionTextVariants = exports.dateTimeListHighlightVariants = exports.dateTimeListEdgeFadeVariants = exports.dateTimeListColumnsVariants = exports.dateTimeListColumnVariants = void 0;
+var _utils = require("@cdx-ui/utils");
+// Stacking order inside the DateTimeList root: the highlight band sits behind
+// the option columns, and the edge fades sit above both. Uniwind requires
+// statically detectable class names, so each layer is a named literal rather
+// than a computed `z-[...]` string.
+const LAYER_HIGHLIGHT = 'z-[1]';
+const LAYER_COLUMNS = 'z-[2]';
+const LAYER_EDGE_FADE = 'z-[3]';
+const dateTimeListRootVariants = exports.dateTimeListRootVariants = (0, _utils.cva)('relative overflow-hidden rounded-[var(--border-radius-default)] bg-surface-primary px-2');
+const dateTimeListHighlightVariants = exports.dateTimeListHighlightVariants = (0, _utils.cva)(['absolute left-2 right-2', LAYER_HIGHLIGHT, 'rounded-[var(--border-radius-default)] bg-surface-secondary']);
+const dateTimeListColumnsVariants = exports.dateTimeListColumnsVariants = (0, _utils.cva)([LAYER_COLUMNS, 'h-full flex-row']);
+const dateTimeListColumnVariants = exports.dateTimeListColumnVariants = (0, _utils.cva)('min-w-0', {
+  variants: {
+    column: {
+      date: 'flex-[1.8]',
+      hour: 'flex-1',
+      minute: 'flex-1',
+      second: 'flex-1',
+      period: 'flex-[0.8]'
+    }
+  },
+  defaultVariants: {
+    column: 'hour'
+  }
+});
+const dateTimeListOptionVariants = exports.dateTimeListOptionVariants = (0, _utils.cva)('h-full items-center justify-center px-1');
+const dateTimeListOptionTextVariants = exports.dateTimeListOptionTextVariants = (0, _utils.cva)('body-md tabular-nums', {
+  variants: {
+    selected: {
+      true: 'font-semibold text-content-primary',
+      false: 'text-content-tertiary'
+    }
+  },
+  defaultVariants: {
+    selected: false
+  }
+});
+const dateTimeListEdgeFadeVariants = exports.dateTimeListEdgeFadeVariants = (0, _utils.cva)(['absolute left-0 right-0', LAYER_EDGE_FADE], {
+  variants: {
+    edge: {
+      top: 'top-0',
+      bottom: 'bottom-0'
+    }
+  },
+  defaultVariants: {
+    edge: 'top'
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/components/DateTimeList/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_utils","require","LAYER_HIGHLIGHT","LAYER_COLUMNS","LAYER_EDGE_FADE","dateTimeListRootVariants","exports","cva","dateTimeListHighlightVariants","dateTimeListColumnsVariants","dateTimeListColumnVariants","variants","column","date","hour","minute","second","period","defaultVariants","dateTimeListOptionVariants","dateTimeListOptionTextVariants","selected","true","false","dateTimeListEdgeFadeVariants","edge","top","bottom"],"sourceRoot":"../../../../src","sources":["components/DateTimeList/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA;AACA;AACA;AACA;AACA,MAAMC,eAAe,GAAG,OAAO;AAC/B,MAAMC,aAAa,GAAG,OAAO;AAC7B,MAAMC,eAAe,GAAG,OAAO;AAExB,MAAMC,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,GAAG,IAAAE,UAAG,EACzC,yFACF,CAAC;AAEM,MAAMC,6BAA6B,GAAAF,OAAA,CAAAE,6BAAA,GAAG,IAAAD,UAAG,EAAC,CAC/C,yBAAyB,EACzBL,eAAe,EACf,6DAA6D,CAC9D,CAAC;AAEK,MAAMO,2BAA2B,GAAAH,OAAA,CAAAG,2BAAA,GAAG,IAAAF,UAAG,EAAC,CAACJ,aAAa,EAAE,iBAAiB,CAAC,CAAC;AAE3E,MAAMO,0BAA0B,GAAAJ,OAAA,CAAAI,0BAAA,GAAG,IAAAH,UAAG,EAAC,SAAS,EAAE;EACvDI,QAAQ,EAAE;IACRC,MAAM,EAAE;MACNC,IAAI,EAAE,YAAY;MAClBC,IAAI,EAAE,QAAQ;MACdC,MAAM,EAAE,QAAQ;MAChBC,MAAM,EAAE,QAAQ;MAChBC,MAAM,EAAE;IACV;EACF,CAAC;EACDC,eAAe,EAAE;IAAEN,MAAM,EAAE;EAAO;AACpC,CAAC,CAAC;AAEK,MAAMO,0BAA0B,GAAAb,OAAA,CAAAa,0BAAA,GAAG,IAAAZ,UAAG,EAAC,yCAAyC,CAAC;AAEjF,MAAMa,8BAA8B,GAAAd,OAAA,CAAAc,8BAAA,GAAG,IAAAb,UAAG,EAAC,sBAAsB,EAAE;EACxEI,QAAQ,EAAE;IACRU,QAAQ,EAAE;MACRC,IAAI,EAAE,oCAAoC;MAC1CC,KAAK,EAAE;IACT;EACF,CAAC;EACDL,eAAe,EAAE;IAAEG,QAAQ,EAAE;EAAM;AACrC,CAAC,CAAC;AAEK,MAAMG,4BAA4B,GAAAlB,OAAA,CAAAkB,4BAAA,GAAG,IAAAjB,UAAG,EAAC,CAAC,yBAAyB,EAAEH,eAAe,CAAC,EAAE;EAC5FO,QAAQ,EAAE;IACRc,IAAI,EAAE;MACJC,GAAG,EAAE,OAAO;MACZC,MAAM,EAAE;IACV;EACF,CAAC;EACDT,eAAe,EAAE;IAAEO,IAAI,EAAE;EAAM;AACjC,CAAC,CAAC","ignoreList":[]}