foldkit-mixins-data-grid 0.2.14 → 0.3.0

package/dist/style.d.ts

@@ -0,0 +1,555 @@
+/** The tokens the grid's styles draw with; the marks' too (`marks.ts`). */
+export declare const ref: import("foldkit-mixins").Refs<Readonly<{
+  readonly accent: {
+    default: string;
+    hover: string;
+    active: string;
+    subtle: string;
+    outline: string;
+    'on-fill': string;
+    ink: string;
+  };
+  readonly blue: {
+    '1': string;
+    '2': string;
+    '3': string;
+    '4': string;
+    '5': string;
+    '6': string;
+    '7': string;
+    '8': string;
+    '9': string;
+    '10': string;
+    'wash-1': string;
+    'wash-2': string;
+    'wash-3': string;
+    'wash-4': string;
+  };
+  readonly border: {
+    thin: string;
+    thick: string;
+    heavy: string;
+    glyph: string;
+  };
+  readonly breakpoint: {
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+  readonly chart: {
+    '1': string;
+    '2': string;
+    '3': string;
+    '4': string;
+    '5': string;
+  };
+  readonly control: {
+    height: string;
+    'height-compact': string;
+    pad: string;
+    'pad-compact': string;
+    'row-pad': string;
+    'row-pad-compact': string;
+    gap: string;
+    'gap-compact': string;
+    inset: string;
+    'inset-compact': string;
+    icon: string;
+    'icon-compact': string;
+  };
+  readonly error: {
+    default: string;
+    hover: string;
+    active: string;
+    subtle: string;
+    outline: string;
+    'on-fill': string;
+    ink: string;
+  };
+  readonly fluid: {
+    ratio: string;
+    progress: string;
+  };
+  readonly font: {
+    body: string;
+    heading: string;
+    mono: string;
+  };
+  readonly gamut: Readonly<Record<string, string>>;
+  readonly green: {
+    '1': string;
+    '2': string;
+    '3': string;
+    '4': string;
+    '5': string;
+    '6': string;
+    '7': string;
+    '8': string;
+    '9': string;
+    '10': string;
+    'wash-1': string;
+    'wash-2': string;
+    'wash-3': string;
+    'wash-4': string;
+  };
+  readonly hue: {
+    readonly accent: string;
+    readonly secondary: `calc(${string} + ${string})`;
+    readonly tertiary: `calc(${string} + ${string})`;
+    readonly neutral: string;
+  };
+  readonly icon: {
+    readonly close: string;
+    readonly error: string;
+    readonly eye: string;
+    readonly "eye-off": string;
+    readonly info: string;
+    readonly lock: string;
+    readonly pipette: string;
+    readonly "rotate-ccw": string;
+    readonly "rotate-cw": string;
+    readonly search: string;
+    readonly success: string;
+    readonly warning: string;
+  };
+  readonly info: {
+    default: string;
+    hover: string;
+    active: string;
+    subtle: string;
+    outline: string;
+    'on-fill': string;
+    ink: string;
+  };
+  readonly knob: {
+    travel: string;
+    "body-wrap": string;
+    "border-width": string;
+    "control-round": string;
+    density: string;
+    ease: string;
+    fluid: string;
+    "fluid-viewport-max": string;
+    "fluid-viewport-min": string;
+    "font-body": string;
+    "font-heading": string;
+    "glyph-width": string;
+    "heading-scale": string;
+    "heading-tracking": string;
+    "heading-weight": string;
+    "heading-wrap": string;
+    "icon-scale": string;
+    leading: string;
+    measure: string;
+    motion: string;
+    "radius-factor": string;
+    "reading-align": string;
+    "relief-field": string;
+    "relief-pressed": string;
+    "relief-raised": string;
+    "shadow-2xl": string;
+    "shadow-inset": string;
+    "shadow-lg": string;
+    "shadow-md": string;
+    "shadow-sm": string;
+    "shadow-strength": string;
+    "shadow-xl": string;
+    "shadow-xs": string;
+    step: string;
+    "text-scale": string;
+  } & {
+    'state-tint': string;
+    'state-tint-dark': string;
+    'image-edge': string;
+    'raise-dark': string;
+    "accent-c": string;
+    "accent-c-dark": string;
+    "accent-h": string;
+    "accent-l": string;
+    "accent-l-dark": string;
+    "base-l": string;
+    "base-l-dark": string;
+    "blue-h": string;
+    "body-wrap": string;
+    "border-width": string;
+    "chart-h": string;
+    "contrast-factor": string;
+    "control-round": string;
+    density: string;
+    ease: string;
+    "error-h": string;
+    fluid: string;
+    "fluid-viewport-max": string;
+    "fluid-viewport-min": string;
+    "font-body": string;
+    "font-heading": string;
+    "glyph-width": string;
+    "green-h": string;
+    "heading-scale": string;
+    "heading-tracking": string;
+    "heading-weight": string;
+    "heading-wrap": string;
+    "icon-scale": string;
+    "info-h": string;
+    leading: string;
+    measure: string;
+    motion: string;
+    "neutral-h": string;
+    "orange-h": string;
+    "outline-ink": string;
+    "outline-ink-default": string;
+    "outline-ink-overt": string;
+    "outline-ink-subtle": string;
+    "popup-alpha": string;
+    "popup-blur": string;
+    "popup-bold": string;
+    "popup-invert": string;
+    "purple-h": string;
+    "radius-factor": string;
+    "reading-align": string;
+    "red-h": string;
+    "relief-field": string;
+    "relief-pressed": string;
+    "relief-raised": string;
+    "scale-c": string;
+    "secondary-shift": string;
+    "shadow-2xl": string;
+    "shadow-c": string;
+    "shadow-h": string;
+    "shadow-inset": string;
+    "shadow-lg": string;
+    "shadow-md": string;
+    "shadow-sm": string;
+    "shadow-strength": string;
+    "shadow-xl": string;
+    "shadow-xs": string;
+    "state-disabled": string;
+    "state-hover": string;
+    "state-ink": string;
+    step: string;
+    "success-h": string;
+    "surface-c": string;
+    "surface-c-dark": string;
+    "surface-contrast": string;
+    "surface-ink": string;
+    "syntax-c": string;
+    "teal-h": string;
+    "tertiary-shift": string;
+    "text-scale": string;
+    "warning-h": string;
+    "yellow-h": string;
+  };
+  readonly leading: {
+    tight: string;
+    snug: string;
+    normal: string;
+    relaxed: string;
+  };
+  readonly motion: {
+    fast: string;
+    moderate: string;
+    slow: string;
+    'fast-exit': string;
+    'moderate-exit': string;
+    'slow-exit': string;
+    ease: string;
+    'ease-exit': string;
+    settle: string;
+    spring: string;
+  };
+  readonly orange: {
+    '1': string;
+    '2': string;
+    '3': string;
+    '4': string;
+    '5': string;
+    '6': string;
+    '7': string;
+    '8': string;
+    '9': string;
+    '10': string;
+    'wash-1': string;
+    'wash-2': string;
+    'wash-3': string;
+    'wash-4': string;
+  };
+  readonly outline: {
+    subtle: string;
+    divider: string;
+    default: string;
+    overt: string;
+    focus: string;
+  };
+  readonly popup: {
+    surface: string;
+    inverted: string;
+    ink: string;
+    highlight: string;
+    press: string;
+    'highlight-ink': string;
+    blur: string;
+  };
+  readonly purple: {
+    '1': string;
+    '2': string;
+    '3': string;
+    '4': string;
+    '5': string;
+    '6': string;
+    '7': string;
+    '8': string;
+    '9': string;
+    '10': string;
+    'wash-1': string;
+    'wash-2': string;
+    'wash-3': string;
+    'wash-4': string;
+  };
+  readonly radius: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    full: string;
+    control: string;
+  };
+  readonly reading: {
+    measure: string;
+    'heading-wrap': string;
+    'body-wrap': string;
+    align: string;
+  };
+  readonly red: {
+    '1': string;
+    '2': string;
+    '3': string;
+    '4': string;
+    '5': string;
+    '6': string;
+    '7': string;
+    '8': string;
+    '9': string;
+    '10': string;
+    'wash-1': string;
+    'wash-2': string;
+    'wash-3': string;
+    'wash-4': string;
+  };
+  readonly safe: {
+    top: string;
+    right: string;
+    bottom: string;
+    left: string;
+  };
+  readonly secondary: {
+    default: string;
+    hover: string;
+    active: string;
+    subtle: string;
+    outline: string;
+    'on-fill': string;
+    ink: string;
+  };
+  readonly shadow: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+    inset: string;
+    raised: string;
+    pressed: string;
+    field: string;
+  } & {
+    color: string;
+  };
+  readonly size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+    '3xl': string;
+    '4xl': string;
+  };
+  readonly space: {
+    '3xs': string;
+    '2xs': string;
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+    '3xl': string;
+  };
+  readonly state: {
+    hover: string;
+    press: string;
+    tint: string;
+    'tint-hover': string;
+    edge: string;
+    ink: string;
+  };
+  readonly success: {
+    default: string;
+    hover: string;
+    active: string;
+    subtle: string;
+    outline: string;
+    'on-fill': string;
+    ink: string;
+  };
+  readonly surface: {
+    base: string;
+    field: string;
+    muted: string;
+    subtle: string;
+    default: string;
+    overt: string;
+    bedrock: string;
+  };
+  readonly syntax: {
+    keyword: string;
+    function: string;
+    type: string;
+    string: string;
+    number: string;
+    property: string;
+    operator: string;
+    punctuation: string;
+    comment: string;
+  };
+  readonly teal: {
+    '1': string;
+    '2': string;
+    '3': string;
+    '4': string;
+    '5': string;
+    '6': string;
+    '7': string;
+    '8': string;
+    '9': string;
+    '10': string;
+    'wash-1': string;
+    'wash-2': string;
+    'wash-3': string;
+    'wash-4': string;
+  };
+  readonly tertiary: {
+    default: string;
+    hover: string;
+    active: string;
+    subtle: string;
+    outline: string;
+    'on-fill': string;
+    ink: string;
+  };
+  readonly text: {
+    default: string;
+    muted: string;
+    subtle: string;
+    overt: string;
+    link: string;
+    'link-hover': string;
+  };
+  readonly tracking: {
+    heading: string;
+  };
+  readonly type: {
+    'display-size': string;
+    'display-size-compact': string;
+    'display-leading': string;
+    'display-leading-compact': string;
+    'title-size': string;
+    'title-size-compact': string;
+    'title-leading': string;
+    'title-leading-compact': string;
+    'subtitle-size': string;
+    'subtitle-size-compact': string;
+    'subtitle-leading': string;
+    'subtitle-leading-compact': string;
+    'body-size': string;
+    'body-size-compact': string;
+    'body-leading': string;
+    'body-leading-compact': string;
+    'caption-size': string;
+    'caption-size-compact': string;
+    'caption-leading': string;
+    'caption-leading-compact': string;
+    'micro-size': string;
+    'micro-size-compact': string;
+    'micro-leading': string;
+    'micro-leading-compact': string;
+  };
+  readonly warning: {
+    default: string;
+    hover: string;
+    active: string;
+    subtle: string;
+    outline: string;
+    'on-fill': string;
+    ink: string;
+  };
+  readonly weight: {
+    normal: string;
+    medium: string;
+    semibold: string;
+    bold: string;
+    heading: string;
+  };
+  readonly width: {
+    field: string;
+    'column-sm': string;
+    'column-md': string;
+    'column-lg': string;
+    page: string;
+  };
+  readonly yellow: {
+    '1': string;
+    '2': string;
+    '3': string;
+    '4': string;
+    '5': string;
+    '6': string;
+    '7': string;
+    '8': string;
+    '9': string;
+    '10': string;
+    'wash-1': string;
+    'wash-2': string;
+    'wash-3': string;
+    'wash-4': string;
+  };
+}>>;
+/** Every piece is in the `components` layer, so an application's own layer wins. */
+export declare const GridStyle: import("foldkit-mixins").NamedStyle<import("foldkit-mixins").SlotsContract<{
+  readonly root: import("foldkit-mixins").UnnamedSlot<import("foldkit-mixins").CapabilityShape<"Focusable", readonly [import("foldkit-mixins").CapabilityShape<"Interactive", readonly [import("foldkit-mixins").CapabilityShape<"Base", readonly []>]>]>, readonly [import("foldkit-mixins").EventToken<"keydown">], readonly [import("foldkit-mixins").AttrToken<"role">, import("foldkit-mixins").AttrToken<"aria-label">, import("foldkit-mixins").AttrToken<"aria-rowcount">, import("foldkit-mixins").AttrToken<"aria-colcount">, import("foldkit-mixins").AttrToken<"aria-activedescendant">], readonly import("foldkit-mixins").RequirementName[], boolean>;
+  readonly header: import("foldkit-mixins").UnnamedSlot<import("foldkit-mixins").CapabilityShape<"Container", readonly [import("foldkit-mixins").CapabilityShape<"Interactive", readonly [import("foldkit-mixins").CapabilityShape<"Base", readonly []>]>]>, readonly import("foldkit-mixins").EventName[], readonly import("foldkit-mixins").AttributeName[], readonly import("foldkit-mixins").RequirementName[], boolean>;
+  readonly headerRow: import("foldkit-mixins").UnnamedSlot<import("foldkit-mixins").CapabilityShape<"Container", readonly [import("foldkit-mixins").CapabilityShape<"Interactive", readonly [import("foldkit-mixins").CapabilityShape<"Base", readonly []>]>]>, readonly import("foldkit-mixins").EventName[], readonly import("foldkit-mixins").AttributeName[], readonly import("foldkit-mixins").RequirementName[], boolean>;
+  readonly headerCell: import("foldkit-mixins").UnnamedSlot<import("foldkit-mixins").CapabilityShape<"Base", readonly []>, readonly import("foldkit-mixins").EventName[], readonly import("foldkit-mixins").AttributeName[], readonly import("foldkit-mixins").RequirementName[], boolean>;
+  readonly resizeHandle: import("foldkit-mixins").UnnamedSlot<import("foldkit-mixins").CapabilityShape<"Focusable", readonly [import("foldkit-mixins").CapabilityShape<"Interactive", readonly [import("foldkit-mixins").CapabilityShape<"Base", readonly []>]>]>, readonly [import("foldkit-mixins").EventToken<"keydown">], readonly import("foldkit-mixins").AttributeName[], readonly import("foldkit-mixins").RequirementName[], boolean>;
+  readonly body: import("foldkit-mixins").UnnamedSlot<import("foldkit-mixins").CapabilityShape<"Container", readonly [import("foldkit-mixins").CapabilityShape<"Interactive", readonly [import("foldkit-mixins").CapabilityShape<"Base", readonly []>]>]>, readonly import("foldkit-mixins").EventName[], readonly import("foldkit-mixins").AttributeName[], readonly import("foldkit-mixins").RequirementName[], boolean>;
+  readonly row: import("foldkit-mixins").UnnamedSlot<import("foldkit-mixins").CapabilityShape<"Container", readonly [import("foldkit-mixins").CapabilityShape<"Interactive", readonly [import("foldkit-mixins").CapabilityShape<"Base", readonly []>]>]>, readonly import("foldkit-mixins").EventName[], readonly import("foldkit-mixins").AttributeName[], readonly import("foldkit-mixins").RequirementName[], boolean>;
+  readonly cell: import("foldkit-mixins").UnnamedSlot<import("foldkit-mixins").CapabilityShape<"Base", readonly []>, readonly [import("foldkit-mixins").EventToken<"mousedown">], readonly import("foldkit-mixins").AttributeName[], readonly import("foldkit-mixins").RequirementName[], boolean>;
+  readonly placeholder: import("foldkit-mixins").UnnamedSlot<import("foldkit-mixins").CapabilityShape<"Base", readonly []>, readonly import("foldkit-mixins").EventName[], readonly import("foldkit-mixins").AttributeName[], readonly import("foldkit-mixins").RequirementName[], boolean>;
+  readonly editor: import("foldkit-mixins").UnnamedSlot<import("foldkit-mixins").CapabilityShape<"TextInput", readonly [import("foldkit-mixins").CapabilityShape<"Focusable", readonly [import("foldkit-mixins").CapabilityShape<"Interactive", readonly [import("foldkit-mixins").CapabilityShape<"Base", readonly []>]>]>]>, readonly [import("foldkit-mixins").EventToken<"input">, import("foldkit-mixins").EventToken<"keydown">, import("foldkit-mixins").EventToken<"blur">], readonly import("foldkit-mixins").AttributeName[], readonly import("foldkit-mixins").RequirementName[], boolean>;
+  readonly editorError: import("foldkit-mixins").UnnamedSlot<import("foldkit-mixins").CapabilityShape<"Base", readonly []>, readonly import("foldkit-mixins").EventName[], readonly import("foldkit-mixins").AttributeName[], readonly import("foldkit-mixins").RequirementName[], boolean>;
+  readonly choice: import("foldkit-mixins").UnnamedSlot<import("foldkit-mixins").CapabilityShape<"Focusable", readonly [import("foldkit-mixins").CapabilityShape<"Interactive", readonly [import("foldkit-mixins").CapabilityShape<"Base", readonly []>]>]>, readonly [import("foldkit-mixins").EventToken<"change">, import("foldkit-mixins").EventToken<"keydown">, import("foldkit-mixins").EventToken<"blur">], readonly import("foldkit-mixins").AttributeName[], readonly import("foldkit-mixins").RequirementName[], boolean>;
+  readonly choiceList: import("foldkit-mixins").UnnamedSlot<import("foldkit-mixins").CapabilityShape<"Base", readonly []>, readonly import("foldkit-mixins").EventName[], readonly import("foldkit-mixins").AttributeName[], readonly import("foldkit-mixins").RequirementName[], boolean>;
+  readonly choiceOption: import("foldkit-mixins").UnnamedSlot<import("foldkit-mixins").CapabilityShape<"Base", readonly []>, readonly [import("foldkit-mixins").EventToken<"click">], readonly import("foldkit-mixins").AttributeName[], readonly import("foldkit-mixins").RequirementName[], boolean>;
+  readonly status: import("foldkit-mixins").UnnamedSlot<import("foldkit-mixins").CapabilityShape<"Base", readonly []>, readonly import("foldkit-mixins").EventName[], readonly import("foldkit-mixins").AttributeName[], readonly import("foldkit-mixins").RequirementName[], boolean>;
+  readonly menuButton: import("foldkit-mixins").UnnamedSlot<import("foldkit-mixins").CapabilityShape<"Interactive", readonly [import("foldkit-mixins").CapabilityShape<"Base", readonly []>]>, readonly [import("foldkit-mixins").EventToken<"click">], readonly [import("foldkit-mixins").AttrToken<"aria-label">], readonly import("foldkit-mixins").RequirementName[], boolean>;
+  readonly menu: import("foldkit-mixins").UnnamedSlot<import("foldkit-mixins").CapabilityShape<"Focusable", readonly [import("foldkit-mixins").CapabilityShape<"Interactive", readonly [import("foldkit-mixins").CapabilityShape<"Base", readonly []>]>]>, readonly [import("foldkit-mixins").EventToken<"keydown">], readonly import("foldkit-mixins").AttributeName[], readonly import("foldkit-mixins").RequirementName[], boolean>;
+  readonly menuItem: import("foldkit-mixins").UnnamedSlot<import("foldkit-mixins").CapabilityShape<"Base", readonly []>, readonly [import("foldkit-mixins").EventToken<"click">], readonly import("foldkit-mixins").AttributeName[], readonly import("foldkit-mixins").RequirementName[], boolean>;
+  readonly sort: import("foldkit-mixins").UnnamedSlot<import("foldkit-mixins").CapabilityShape<"Interactive", readonly [import("foldkit-mixins").CapabilityShape<"Base", readonly []>]>, readonly [import("foldkit-mixins").EventToken<"click">], readonly import("foldkit-mixins").AttributeName[], readonly import("foldkit-mixins").RequirementName[], boolean>;
+  readonly fillHandle: import("foldkit-mixins").UnnamedSlot<import("foldkit-mixins").CapabilityShape<"Base", readonly []>, readonly import("foldkit-mixins").EventName[], readonly import("foldkit-mixins").AttributeName[], readonly import("foldkit-mixins").RequirementName[], boolean>;
+  readonly footer: import("foldkit-mixins").UnnamedSlot<import("foldkit-mixins").CapabilityShape<"Container", readonly [import("foldkit-mixins").CapabilityShape<"Interactive", readonly [import("foldkit-mixins").CapabilityShape<"Base", readonly []>]>]>, readonly import("foldkit-mixins").EventName[], readonly import("foldkit-mixins").AttributeName[], readonly import("foldkit-mixins").RequirementName[], boolean>;
+  readonly retry: import("foldkit-mixins").UnnamedSlot<import("foldkit-mixins").CapabilityShape<"Interactive", readonly [import("foldkit-mixins").CapabilityShape<"Base", readonly []>]>, readonly [import("foldkit-mixins").EventToken<"click">], readonly import("foldkit-mixins").AttributeName[], readonly import("foldkit-mixins").RequirementName[], boolean>;
+  readonly more: import("foldkit-mixins").UnnamedSlot<import("foldkit-mixins").CapabilityShape<"Interactive", readonly [import("foldkit-mixins").CapabilityShape<"Base", readonly []>]>, readonly [import("foldkit-mixins").EventToken<"click">], readonly import("foldkit-mixins").AttributeName[], readonly import("foldkit-mixins").RequirementName[], boolean>;
+}>>;
+//# sourceMappingURL=style.d.ts.map

package/dist/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","names":[],"sources":["../src/style.ts"],"mappings":";qBAUa,8BAAG,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAsCH,oCAAS,oCAAA"}