@scattered-light/loomiere-base-ui 0.9.0 → 0.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (77) hide show
  1. package/README.md +16 -1
  2. package/dist/{chunk-LQWPDLLQ.js → chunk-PV5YOQMN.js} +54 -3
  3. package/dist/chunk-PV5YOQMN.js.map +1 -0
  4. package/dist/custom/index.d.ts +1 -1
  5. package/dist/custom/index.js +1 -1
  6. package/dist/design-system/components/SideNav/README.md +73 -0
  7. package/dist/design-system/components/SideNav/preview.html +19 -0
  8. package/dist/design-system/components/bundle.js +7 -7
  9. package/dist/design-system/components/index.d.ts +1 -1
  10. package/dist/design-system/components/styles.css +241 -59
  11. package/dist/{index-DdHpYalU.d.ts → index-D88kSSlM.d.ts} +49 -1
  12. package/dist/index.d.ts +1 -1
  13. package/dist/index.js +1 -1
  14. package/dist/styles/components/Accordion.css +1 -1
  15. package/dist/styles/components/AlertDialog.css +1 -1
  16. package/dist/styles/components/Autocomplete.css +1 -1
  17. package/dist/styles/components/Avatar.css +1 -1
  18. package/dist/styles/components/Button.css +1 -1
  19. package/dist/styles/components/Checkbox.css +1 -1
  20. package/dist/styles/components/CheckboxGroup.css +1 -1
  21. package/dist/styles/components/Collapsible.css +1 -1
  22. package/dist/styles/components/Combobox.css +1 -1
  23. package/dist/styles/components/ContextMenu.css +1 -1
  24. package/dist/styles/components/Dialog.css +1 -1
  25. package/dist/styles/components/Drawer.css +1 -1
  26. package/dist/styles/components/Field.css +1 -1
  27. package/dist/styles/components/Fieldset.css +1 -1
  28. package/dist/styles/components/Form.css +1 -1
  29. package/dist/styles/components/Input.css +1 -1
  30. package/dist/styles/components/Menu.css +1 -1
  31. package/dist/styles/components/Menubar.css +1 -1
  32. package/dist/styles/components/Meter.css +1 -1
  33. package/dist/styles/components/NavigationMenu.css +1 -1
  34. package/dist/styles/components/NumberField.css +1 -1
  35. package/dist/styles/components/OTPField.css +1 -1
  36. package/dist/styles/components/Popover.css +1 -1
  37. package/dist/styles/components/PreviewCard.css +1 -1
  38. package/dist/styles/components/Progress.css +1 -1
  39. package/dist/styles/components/Radio.css +1 -1
  40. package/dist/styles/components/ScrollArea.css +1 -1
  41. package/dist/styles/components/Select.css +1 -1
  42. package/dist/styles/components/Separator.css +1 -1
  43. package/dist/styles/components/Slider.css +1 -1
  44. package/dist/styles/components/Switch.css +1 -1
  45. package/dist/styles/components/Tabs.css +1 -1
  46. package/dist/styles/components/Toast.css +1 -1
  47. package/dist/styles/components/Toggle.css +1 -1
  48. package/dist/styles/components/ToggleGroup.css +1 -1
  49. package/dist/styles/components/Toolbar.css +1 -1
  50. package/dist/styles/components/Tooltip.css +1 -1
  51. package/dist/styles/custom/AppBar.css +1 -1
  52. package/dist/styles/custom/Badge.css +1 -1
  53. package/dist/styles/custom/Collection.css +1 -1
  54. package/dist/styles/custom/CollectionPagination.css +1 -1
  55. package/dist/styles/custom/CollectionToolbar.css +1 -1
  56. package/dist/styles/custom/DataList.css +1 -1
  57. package/dist/styles/custom/DataTable.css +1 -1
  58. package/dist/styles/custom/DatePicker.css +1 -1
  59. package/dist/styles/custom/DescriptionList.css +1 -1
  60. package/dist/styles/custom/EditableList.css +1 -1
  61. package/dist/styles/custom/EmptyState.css +1 -1
  62. package/dist/styles/custom/ListDetail.css +1 -1
  63. package/dist/styles/custom/MoneyField.css +1 -1
  64. package/dist/styles/custom/PickerButton.css +1 -1
  65. package/dist/styles/custom/Sheet.css +1 -1
  66. package/dist/styles/custom/SideNav.css +181 -0
  67. package/dist/styles/custom/Splitter.css +1 -1
  68. package/dist/styles/custom/StatFigure.css +1 -1
  69. package/dist/styles/custom/Table.css +1 -1
  70. package/dist/styles/index.css +2 -1
  71. package/dist/styles/reset/accessibility.css +1 -1
  72. package/dist/styles/reset/reset-accessibility.css +1 -1
  73. package/dist/styles/reset/reset-tailwind.css +1 -1
  74. package/dist/styles/reset/reset.css +1 -1
  75. package/dist/styles/tailwind.css +2 -1
  76. package/package.json +2 -2
  77. package/dist/chunk-LQWPDLLQ.js.map +0 -1
@@ -815,6 +815,54 @@ type PickerButtonProps = Omit<React.ComponentProps<'button'>, 'value'> & {
815
815
  */
816
816
  declare const PickerButton: React.ForwardRefExoticComponent<Omit<PickerButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
817
817
 
818
+ type SideNavProps = React.ComponentProps<'nav'> & {
819
+ /** Hides the rows and shows only the collapse button. The parent sets the column's width. */
820
+ collapsed?: boolean;
821
+ };
822
+ /**
823
+ * The column of links down the side of a workspace. Needs an `aria-label` that names it
824
+ * ("Entity navigation"). Holds {@link SideNavItem}s, {@link SideNavGroup}s and, to collapse it,
825
+ * a {@link SideNavToggle}, which stays when the rows are hidden. It fills the width its parent
826
+ * gives it and does not scroll or clip, so the parent decides what happens to a long list. Not a
827
+ * Base UI part, so it does not take `render`.
828
+ */
829
+ declare const SideNav: React.ForwardRefExoticComponent<Omit<SideNavProps, "ref"> & React.RefAttributes<HTMLElement>>;
830
+ type SideNavItemProps = Omit<React.ComponentProps<'a'>, 'children'> & {
831
+ /** The page you are on. Draws the raised row with a rule under it and sets `aria-current="page"`. */
832
+ current?: boolean;
833
+ /** A figure at the end of the row, such as items open. Pass it formatted. */
834
+ count?: React.ReactNode;
835
+ /** "quiet" for a count that is only information, not a call to act. Default "accent". */
836
+ countTone?: 'accent' | 'quiet';
837
+ /** Not available yet: drawn in secondary text, not clickable, and `hint` is read after the label. */
838
+ disabled?: boolean;
839
+ /** A short note under the label of a disabled row: "Not yet available". */
840
+ hint?: React.ReactNode;
841
+ children: React.ReactNode;
842
+ };
843
+ /** One row. It is a link; a disabled row is a link without an `href` that cannot be focused or clicked. */
844
+ declare const SideNavItem: React.ForwardRefExoticComponent<Omit<SideNavItemProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
845
+ type SideNavGroupProps = Omit<React.ComponentProps<'div'>, 'title'> & {
846
+ /** The heading, set in caps. It also names the group. */
847
+ label: React.ReactNode;
848
+ };
849
+ /** A heading and the rows under it: "Books", "Coming later". */
850
+ declare const SideNavGroup: React.ForwardRefExoticComponent<Omit<SideNavGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
851
+ type SideNavToggleProps = Omit<React.ComponentProps<'button'>, 'onChange'> & {
852
+ /** Whether the column is collapsed. The chevron turns to point the way it will go. */
853
+ collapsed: boolean;
854
+ /** Called with the new state. */
855
+ onCollapsedChange: (collapsed: boolean) => void;
856
+ /** The accessible name; it follows the state. Default "Collapse navigation" / "Expand navigation". */
857
+ label?: string;
858
+ };
859
+ /**
860
+ * A small round button that sits on the column's edge to collapse and expand it. Put it
861
+ * inside the {@link SideNav}; it stays visible when the rows are hidden. The chevron turns
862
+ * with the state, and does not turn under reduced motion.
863
+ */
864
+ declare const SideNavToggle: React.ForwardRefExoticComponent<Omit<SideNavToggleProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
865
+
818
866
  interface EditableListApi<T> {
819
867
  update: (patch: Partial<T>) => void;
820
868
  remove: () => void;
@@ -889,4 +937,4 @@ declare const EditableList: {
889
937
  Balance: typeof EditableListBalance;
890
938
  };
891
939
 
892
- export { defaultPresets as $, AppBar as A, Badge as B, Calendar as C, DatePicker as D, EditableList as E, type MoneyFieldRootProps as F, type NumberFieldLabelProps as G, type PickerButtonProps as H, type Preset as I, type PresetValue as J, type SheetProps as K, ListDetail as L, MoneyField as M, NumberField as N, Splitter as O, PickerButton as P, type SplitterHandleProps as Q, type SplitterPanelProps as R, Sheet as S, type SplitterRootProps as T, StatFigure as U, type StatFigureProps as V, addDays as W, addMonths as X, builtinPresets as Y, clampDate as Z, daysInMonth as _, type AppBarProps as a, formatDay as a$, defaultWeekStartsOn as a0, endOfWeek as a1, formatMoney as a2, fromMinorUnits as a3, getCurrencyDigits as a4, inclusiveDays as a5, isValidCurrency as a6, isoWeek as a7, last30Days as a8, last7Days as a9, MAX_MINOR_UNITS as aA, type MoneyChangeDetails as aB, type MoneyDisplay as aC, MoneyFieldAffix as aD, MoneyFieldGroup as aE, MoneyFieldInput as aF, MoneyFieldRoot as aG, type MoneyFieldSteps as aH, type NormalizedPaste as aI, type PanelSpec as aJ, type RuntimePanel as aK, type Size as aL, type SizeInput as aM, SplitterHandle as aN, type SplitterKey as aO, SplitterPanel as aP, SplitterRoot as aQ, type StoredLayout as aR, type StoredPanel as aS, affixSide as aT, applyKey as aU, applyStored as aV, ariaPercents as aW, createPanels as aX, cssSize as aY, currencyName as aZ, currencySymbol as a_, lastMonth as aa, lastWeek as ab, lengthBlockReason as ac, nextMonth as ad, nextWeek as ae, orderRange as af, parseDecimalString as ag, resolvePreset as ah, startOfWeek as ai, thisMonth as aj, thisQuarter as ak, thisWeek as al, toDecimalString as am, toMinorUnits as an, today as ao, todayDate as ap, tomorrow as aq, useListDetail as ar, yearToDate as as, yesterday as at, CURRENCY_SEARCH_THRESHOLD as au, CurrencySelect as av, type KeyOptions as aw, ListDetailDetail as ax, ListDetailList as ay, ListDetailRoot as az, AppBarSpacer as b, formatFull as b0, handleTarget as b1, layoutOf as b2, measure as b3, monthCells as b4, moveFocusDate as b5, normalizePaste as b6, parseDate as b7, parseSize as b8, presetInBounds as b9, resetToDefault as ba, resizeByDelta as bb, roundHalfExpand as bc, roundingChangesValue as bd, sameSelection as be, serializeSize as bf, settle as bg, sizeText as bh, syncPanels as bi, toggleCollapsed as bj, valueText as bk, type AppBarSpacerProps as c, type BadgeProps as d, type CalendarProps as e, type CurrencyCode as f, type DatePickerProps as g, DatePresets as h, type DatePresetsProps as i, type DateRange as j, type DateValue as k, DescriptionItem as l, type DescriptionItemProps as m, DescriptionList as n, type DescriptionListProps as o, type EditableListApi as p, type EditableListRootProps as q, EmptyState as r, type EmptyStateKind as s, type EmptyStateProps as t, type ListDetailCloseReason as u, type ListDetailDetailProps as v, type ListDetailLayout as w, type ListDetailRootProps as x, type ListDetailValue as y, type MoneyFieldProps as z };
940
+ export { type SplitterRootProps as $, AppBar as A, Badge as B, Calendar as C, DatePicker as D, EditableList as E, type MoneyFieldRootProps as F, type NumberFieldLabelProps as G, type PickerButtonProps as H, type Preset as I, type PresetValue as J, type SheetProps as K, ListDetail as L, MoneyField as M, NumberField as N, SideNav as O, PickerButton as P, SideNavGroup as Q, type SideNavGroupProps as R, Sheet as S, SideNavItem as T, type SideNavItemProps as U, type SideNavProps as V, SideNavToggle as W, type SideNavToggleProps as X, Splitter as Y, type SplitterHandleProps as Z, type SplitterPanelProps as _, type AppBarProps as a, affixSide as a$, StatFigure as a0, type StatFigureProps as a1, addDays as a2, addMonths as a3, builtinPresets as a4, clampDate as a5, daysInMonth as a6, defaultPresets as a7, defaultWeekStartsOn as a8, endOfWeek as a9, yearToDate as aA, yesterday as aB, CURRENCY_SEARCH_THRESHOLD as aC, CurrencySelect as aD, type KeyOptions as aE, ListDetailDetail as aF, ListDetailList as aG, ListDetailRoot as aH, MAX_MINOR_UNITS as aI, type MoneyChangeDetails as aJ, type MoneyDisplay as aK, MoneyFieldAffix as aL, MoneyFieldGroup as aM, MoneyFieldInput as aN, MoneyFieldRoot as aO, type MoneyFieldSteps as aP, type NormalizedPaste as aQ, type PanelSpec as aR, type RuntimePanel as aS, type Size as aT, type SizeInput as aU, SplitterHandle as aV, type SplitterKey as aW, SplitterPanel as aX, SplitterRoot as aY, type StoredLayout as aZ, type StoredPanel as a_, formatMoney as aa, fromMinorUnits as ab, getCurrencyDigits as ac, inclusiveDays as ad, isValidCurrency as ae, isoWeek as af, last30Days as ag, last7Days as ah, lastMonth as ai, lastWeek as aj, lengthBlockReason as ak, nextMonth as al, nextWeek as am, orderRange as an, parseDecimalString as ao, resolvePreset as ap, startOfWeek as aq, thisMonth as ar, thisQuarter as as, thisWeek as at, toDecimalString as au, toMinorUnits as av, today as aw, todayDate as ax, tomorrow as ay, useListDetail as az, AppBarSpacer as b, applyKey as b0, applyStored as b1, ariaPercents as b2, createPanels as b3, cssSize as b4, currencyName as b5, currencySymbol as b6, formatDay as b7, formatFull as b8, handleTarget as b9, layoutOf as ba, measure as bb, monthCells as bc, moveFocusDate as bd, normalizePaste as be, parseDate as bf, parseSize as bg, presetInBounds as bh, resetToDefault as bi, resizeByDelta as bj, roundHalfExpand as bk, roundingChangesValue as bl, sameSelection as bm, serializeSize as bn, settle as bo, sizeText as bp, syncPanels as bq, toggleCollapsed as br, valueText as bs, type AppBarSpacerProps as c, type BadgeProps as d, type CalendarProps as e, type CurrencyCode as f, type DatePickerProps as g, DatePresets as h, type DatePresetsProps as i, type DateRange as j, type DateValue as k, DescriptionItem as l, type DescriptionItemProps as m, DescriptionList as n, type DescriptionListProps as o, type EditableListApi as p, type EditableListRootProps as q, EmptyState as r, type EmptyStateKind as s, type EmptyStateProps as t, type ListDetailCloseReason as u, type ListDetailDetailProps as v, type ListDetailLayout as w, type ListDetailRootProps as x, type ListDetailValue as y, type MoneyFieldProps as z };
package/dist/index.d.ts CHANGED
@@ -7,7 +7,7 @@ import { Fieldset as Fieldset$1 } from '@base-ui/react/fieldset';
7
7
  import { Form as Form$1 } from '@base-ui/react/form';
8
8
  import { NavigationMenu as NavigationMenu$1 } from '@base-ui/react/navigation-menu';
9
9
  import { Select as Select$1 } from '@base-ui/react/select';
10
- export { A as AppBar, a as AppBarProps, b as AppBarSpacer, c as AppBarSpacerProps, B as Badge, d as BadgeProps, C as Calendar, e as CalendarProps, f as CurrencyCode, D as DatePicker, g as DatePickerProps, h as DatePresets, i as DatePresetsProps, j as DateRange, k as DateValue, l as DescriptionItem, m as DescriptionItemProps, n as DescriptionList, o as DescriptionListProps, E as EditableList, p as EditableListApi, q as EditableListRootProps, r as EmptyState, s as EmptyStateKind, t as EmptyStateProps, L as ListDetail, u as ListDetailCloseReason, v as ListDetailDetailProps, w as ListDetailLayout, x as ListDetailRootProps, y as ListDetailValue, M as MoneyField, z as MoneyFieldProps, F as MoneyFieldRootProps, N as NumberField, G as NumberFieldLabelProps, P as PickerButton, H as PickerButtonProps, I as Preset, J as PresetValue, S as Sheet, K as SheetProps, O as Splitter, Q as SplitterHandleProps, R as SplitterPanelProps, T as SplitterRootProps, U as StatFigure, V as StatFigureProps, W as addDays, X as addMonths, Y as builtinPresets, Z as clampDate, _ as daysInMonth, $ as defaultPresets, a0 as defaultWeekStartsOn, a1 as endOfWeek, a2 as formatMoney, a3 as fromMinorUnits, a4 as getCurrencyDigits, a5 as inclusiveDays, a6 as isValidCurrency, a7 as isoWeek, a8 as last30Days, a9 as last7Days, aa as lastMonth, ab as lastWeek, ac as lengthBlockReason, ad as nextMonth, ae as nextWeek, af as orderRange, ag as parseDecimalString, ah as resolvePreset, ai as startOfWeek, aj as thisMonth, ak as thisQuarter, al as thisWeek, am as toDecimalString, an as toMinorUnits, ao as today, ap as todayDate, aq as tomorrow, ar as useListDetail, as as yearToDate, at as yesterday } from './index-DdHpYalU.js';
10
+ export { A as AppBar, a as AppBarProps, b as AppBarSpacer, c as AppBarSpacerProps, B as Badge, d as BadgeProps, C as Calendar, e as CalendarProps, f as CurrencyCode, D as DatePicker, g as DatePickerProps, h as DatePresets, i as DatePresetsProps, j as DateRange, k as DateValue, l as DescriptionItem, m as DescriptionItemProps, n as DescriptionList, o as DescriptionListProps, E as EditableList, p as EditableListApi, q as EditableListRootProps, r as EmptyState, s as EmptyStateKind, t as EmptyStateProps, L as ListDetail, u as ListDetailCloseReason, v as ListDetailDetailProps, w as ListDetailLayout, x as ListDetailRootProps, y as ListDetailValue, M as MoneyField, z as MoneyFieldProps, F as MoneyFieldRootProps, N as NumberField, G as NumberFieldLabelProps, P as PickerButton, H as PickerButtonProps, I as Preset, J as PresetValue, S as Sheet, K as SheetProps, O as SideNav, Q as SideNavGroup, R as SideNavGroupProps, T as SideNavItem, U as SideNavItemProps, V as SideNavProps, W as SideNavToggle, X as SideNavToggleProps, Y as Splitter, Z as SplitterHandleProps, _ as SplitterPanelProps, $ as SplitterRootProps, a0 as StatFigure, a1 as StatFigureProps, a2 as addDays, a3 as addMonths, a4 as builtinPresets, a5 as clampDate, a6 as daysInMonth, a7 as defaultPresets, a8 as defaultWeekStartsOn, a9 as endOfWeek, aa as formatMoney, ab as fromMinorUnits, ac as getCurrencyDigits, ad as inclusiveDays, ae as isValidCurrency, af as isoWeek, ag as last30Days, ah as last7Days, ai as lastMonth, aj as lastWeek, ak as lengthBlockReason, al as nextMonth, am as nextWeek, an as orderRange, ao as parseDecimalString, ap as resolvePreset, aq as startOfWeek, ar as thisMonth, as as thisQuarter, at as thisWeek, au as toDecimalString, av as toMinorUnits, aw as today, ax as todayDate, ay as tomorrow, az as useListDetail, aA as yearToDate, aB as yesterday } from './index-D88kSSlM.js';
11
11
  import * as _base_ui_react_internals_filter from '@base-ui/react/internals/filter';
12
12
  import { AutocompleteRootProps, Autocomplete as Autocomplete$1 } from '@base-ui/react/autocomplete';
13
13
  import { ComboboxRootProps, Combobox as Combobox$1 } from '@base-ui/react/combobox';
package/dist/index.js CHANGED
@@ -1,4 +1,4 @@
1
- export { AppBar, AppBarSpacer, Badge, Calendar, DatePicker, DatePresets, DescriptionItem, DescriptionList, Drawer, EditableList, Field, ListDetail, MoneyField, NumberField, PickerButton, Popover, Sheet, Splitter, StatFigure, addDays, addMonths, builtinPresets, clampDate, daysInMonth, defaultPresets, defaultWeekStartsOn, endOfWeek, formatMoney, fromMinorUnits, getCurrencyDigits, inclusiveDays, isValidCurrency, isoWeek, last30Days, last7Days, lastMonth, lastWeek, lengthBlockReason, nextMonth, nextWeek, orderRange, parseDecimalString, resolvePreset, startOfWeek, thisMonth, thisQuarter, thisWeek, toDecimalString, toMinorUnits, today, todayDate, tomorrow, useListDetail, yearToDate, yesterday } from './chunk-LQWPDLLQ.js';
1
+ export { AppBar, AppBarSpacer, Badge, Calendar, DatePicker, DatePresets, DescriptionItem, DescriptionList, Drawer, EditableList, Field, ListDetail, MoneyField, NumberField, PickerButton, Popover, Sheet, SideNav, SideNavGroup, SideNavItem, SideNavToggle, Splitter, StatFigure, addDays, addMonths, builtinPresets, clampDate, daysInMonth, defaultPresets, defaultWeekStartsOn, endOfWeek, formatMoney, fromMinorUnits, getCurrencyDigits, inclusiveDays, isValidCurrency, isoWeek, last30Days, last7Days, lastMonth, lastWeek, lengthBlockReason, nextMonth, nextWeek, orderRange, parseDecimalString, resolvePreset, startOfWeek, thisMonth, thisQuarter, thisWeek, toDecimalString, toMinorUnits, today, todayDate, tomorrow, useListDetail, yearToDate, yesterday } from './chunk-PV5YOQMN.js';
2
2
  export { Checkbox, CheckboxLabel, Input, Menu, Tabs } from './chunk-Y2CPBMFJ.js';
3
3
  import { cnState, styledPart, styledPartUnless, buttonPart, cn } from './chunk-M7KJASGK.js';
4
4
  export { Button, Combobox, EmptyState, Select, cn, cnState } from './chunk-M7KJASGK.js';
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.9.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.10.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* Accordion - Mojave Theme
3
3
  *
4
4
  * No component tokens. Hover, press, chevron, divider and motion are the disclosure
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.9.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.10.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* Alert Dialog - Mojave Theme
3
3
  *
4
4
  * No component tokens and no rules of its own. An alert dialog looks exactly like a
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.9.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.10.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* Autocomplete - Mojave Theme
3
3
  *
4
4
  * No component tokens. The input is Input (Input.css), the clear button is an icon
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.9.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.10.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* Avatar - Mojave Theme
3
3
  *
4
4
  * A round picture with a ring in the page color, so avatars in a group cut out of each other in
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.9.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.10.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* Button - Mojave Theme
3
3
  *
4
4
  * Colors are the brand's emphasis levels, sizes are control.*, text is the trigger
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.9.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.10.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* Checkbox - Mojave Theme
3
3
  * Sizes follow the label: the box is the icon size one tier above the label's text
4
4
  * tier (like a button's icon) and the check mark one tier below it.
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.9.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.10.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* Checkbox Group - Mojave Theme */
3
3
 
4
4
  /* Each checkbox row is already a full tap target tall, so the rows sit close. */
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.9.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.10.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* Collapsible - Mojave Theme
3
3
  *
4
4
  * No component tokens. Hover, press, chevron and motion are the disclosure concept
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.9.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.10.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* Combobox - Mojave Theme
3
3
  *
4
4
  * No component tokens. The input is Input (Input.css); the chips box is a field; the
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.9.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.10.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* Context Menu - Mojave Theme
3
3
  *
4
4
  * No component tokens. Opens on right-click; the trigger area only sets the cursor. The popup is the popup concept, rows are item rows at the
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.9.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.10.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* Dialog and Alert dialog - Mojave Theme
3
3
  *
4
4
  * Both are centered modals built from the modal concept (tokens/semantic/modal.json):
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.9.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.10.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* Drawer - a panel that slides in from an edge and can be swiped away.
3
3
  The surface, scrim, heading and motion are the modal concept's (--sl-modal-*), so a
4
4
  drawer reads as a dialog's sibling; only its size and grab bar are its own
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.9.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.10.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* Field - Mojave Theme
3
3
  *
4
4
  * Label, control, description and error. No component tokens: spacing is the field
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.9.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.10.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* Fieldset - Mojave Theme
3
3
  *
4
4
  * No component tokens: a titled group of fields, spaced by the stack gaps, with
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.9.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.10.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* Form - Mojave Theme
3
3
  *
4
4
  * No component tokens: fields stack with the large block space, and the action
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.9.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.10.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* Input - Mojave Theme
3
3
  *
4
4
  * No component tokens: the look is the field concept (tokens/semantic/field.json),
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.9.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.10.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* Menu - Mojave Theme
3
3
  *
4
4
  * No component tokens. The trigger is a Button. The popup is the popup concept, rows are item rows at the
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.9.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.10.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* Menubar - Mojave Theme
3
3
  *
4
4
  * No component tokens. A row of quiet triggers, each opening a menu. The popup is the popup concept, rows are item rows at the
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.9.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.10.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* Meter - Mojave Theme
3
3
  *
4
4
  * A gauge (tokens/semantic/gauge.json). The fill is the solid color of the scope around it:
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.9.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.10.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* Navigation Menu - Mojave Theme
3
3
  *
4
4
  * The strip is the bar concept, the panel is the popup concept and each link is an item
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.9.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.10.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* Number Field - Mojave Theme
3
3
  *
4
4
  * No component tokens. The input is Input (Input.css) and the label, description and
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.9.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.10.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* OTP Field - Mojave Theme
3
3
  *
4
4
  * One-time code entry: a row of single-character inputs. Each slot is the same control as Input
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.9.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.10.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* Popover - Mojave Theme */
3
3
 
4
4
  /* ============================================
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.9.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.10.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* Preview Card - Mojave Theme
3
3
  *
4
4
  * The popup concept (surface, arrow, motion) with a title-magnify title and condense
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.9.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.10.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* Progress - Mojave Theme
3
3
  *
4
4
  * A gauge (tokens/semantic/gauge.json), the same bar as Meter. The fill is the solid color of
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.9.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.10.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* Radio - Mojave Theme
3
3
  * Same box as Checkbox, always round. Sizes follow the label the same way, and the
4
4
  * dot is a share of the circle (check.dot-scale).
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.9.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.10.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* Scroll Area - Mojave Theme
3
3
  *
4
4
  * The scrollbar is the content scrollbar (content.scrollbar-*): a track that stays clear until
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.9.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.10.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* Select - Mojave Theme
3
3
  *
4
4
  * The trigger is a field (the field pattern, control sizes, the base text style); the
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.9.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.10.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* Separator - Mojave Theme
3
3
  *
4
4
  * A hairline in the everyday divider color (border.default), one stroke thick, with a step of
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.9.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.10.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* Slider - Mojave Theme
3
3
  *
4
4
  * A slider is a gauge you can drag: the track, fill and label row are gauge.* (the same bar as
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.9.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.10.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* Switch - Mojave Theme
3
3
  * Switch keeps its track sizes. The thumb, its travel and the ON/OFF text are
4
4
  * worked out from them: the thumb fills the track's height inside the padding,
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.9.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.10.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* Tabs - Mojave Theme
3
3
  *
4
4
  * No component tokens. The divider, the selected line and color, hover and the disabled
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.9.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.10.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* Toast - Mojave Theme
3
3
  *
4
4
  * A toast is a notice (tokens/semantic/notice.json) on the popup surface. A toast whose type
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.9.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.10.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* Toggle - Mojave Theme
3
3
  * A toggle is a button that stays pressed: the same heights, padding, gap and
4
4
  * trigger text style as a button of the same size. Pressed, it takes its emphasis level's
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.9.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.10.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* Toggle Group - Mojave Theme
3
3
  *
4
4
  * No component tokens. The strip is the bar concept (tokens/semantic/bar.json); the
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.9.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.10.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* Toolbar - Mojave Theme
3
3
  *
4
4
  * The strip is the bar concept (tokens/semantic/bar.json). Buttons, toggles, selects
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.9.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.10.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* Tooltip - Mojave Theme
3
3
  *
4
4
  * The inverse surface (surface.inverse, text.on-inverse-surface) with condense text, so a tooltip
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.9.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.10.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* AppBar
3
3
  *
4
4
  * The bar across the top of an app window, one row on a line in the rule color. The line is
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.9.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.10.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* Badge
3
3
  *
4
4
  * A status or count label. Not a Base UI part, and not interactive: no hover or focus.
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.9.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.10.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* Collection
3
3
  *
4
4
  * DataTable, DataList, the toolbar and the pagination, in one place so the two views
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.9.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.10.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* Pagination
3
3
  *
4
4
  * Not tied to a collection. Anything with a page, a page count and a total can use it.
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.9.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.10.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* Collection toolbar
3
3
  *
4
4
  * The wrap follows the toolbar's own width, not the window: a table in a narrow pane wraps
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.9.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.10.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* DataList
3
3
  *
4
4
  * The same rows as the table, in one container with the table's borders, hover, selected
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.9.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.10.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* DataTable additions on top of .Table.
3
3
  *
4
4
  * Sort buttons fill the header cell and inherit its hover, so old aria-sort markup keeps
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.9.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.10.0 · styles for @base-ui/react 1.9.0 */
2
2
  /*
3
3
  * DatePicker: a field that opens a calendar for one date or a period.
4
4
  * Not a Base UI part. The popup is Popover on a wide viewport and Drawer
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.9.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.10.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* DescriptionList
3
3
  *
4
4
  * Label and value pairs in a native dl, one DescriptionItem (a div holding a dt and a dd)
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.9.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.10.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* EditableList
3
3
  *
4
4
  * One table at every width, so a field is not submitted twice. Under the stack width each
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.9.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.10.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* EmptyState
3
3
  *
4
4
  * The block a page, pane, table, list or popup shows when it has nothing to show.
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.9.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.10.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* ListDetail
3
3
  *
4
4
  * The detail of one item, next to its list. Not a Base UI part. It is a Splitter
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.9.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.10.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* Money field
3
3
  *
4
4
  * An amount of money, built on Number field. The value is an integer in minor units
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.9.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.10.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* PickerButton
3
3
  *
4
4
  * A trigger with a caps label before the current choice: CLIENT Alpha Services. The field
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.9.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.10.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* Sheet
3
3
  *
4
4
  * A working-paper surface: the raised surface with a heavier rule across its top