@kb.ui/tokens 0.10.4 → 0.12.0

package/dist/tokens.d.ts

@@ -147,9 +147,21 @@ export declare const tokens: {
     readonly "face": "--kb-card-face";
     readonly "shadow": "--kb-card-shadow";
   };
+  readonly "gallery": {
+    readonly "max-width": "--kb-gallery-max-width";
+    readonly "gutter-sm": "--kb-gallery-gutter-sm";
+    readonly "gutter-md": "--kb-gallery-gutter-md";
+    readonly "gutter-lg": "--kb-gallery-gutter-lg";
+    readonly "gap": "--kb-gallery-gap";
+    readonly "filters-gap": "--kb-gallery-filters-gap";
+    readonly "filter-min-width": "--kb-gallery-filter-min-width";
+  };
   readonly "grid": {
     readonly "gap": "--kb-grid-gap";
     readonly "min-item-width": "--kb-grid-min-item-width";
+    readonly "min-item-width-sm": "--kb-grid-min-item-width-sm";
+    readonly "min-item-width-md": "--kb-grid-min-item-width-md";
+    readonly "min-item-width-lg": "--kb-grid-min-item-width-lg";
   };
   readonly "button": {
     readonly "radius": "--kb-button-radius";
@@ -218,11 +230,14 @@ export declare const tokens: {
     readonly "header-padding": "--kb-dialog-header-padding";
     readonly "body-padding": "--kb-dialog-body-padding";
     readonly "footer-padding": "--kb-dialog-footer-padding";
+    readonly "drawer-motion-duration": "--kb-dialog-drawer-motion-duration";
+    readonly "drawer-motion-easing": "--kb-dialog-drawer-motion-easing";
   };
   readonly "panel": {
     readonly "background": "--kb-panel-background";
     readonly "background-active": "--kb-panel-background-active";
     readonly "background-sunken": "--kb-panel-background-sunken";
+    readonly "background-opaque": "--kb-panel-background-opaque";
     readonly "border": "--kb-panel-border";
     readonly "border-active": "--kb-panel-border-active";
     readonly "border-critical": "--kb-panel-border-critical";
@@ -443,6 +458,54 @@ export declare const tokens: {
     readonly "background": "--kb-code-background";
     readonly "border": "--kb-code-border";
     readonly "radius": "--kb-code-radius";
+    readonly "block-radius": "--kb-code-block-radius";
+    readonly "block-background": "--kb-code-block-background";
+    readonly "block-face": "--kb-code-block-face";
+    readonly "block-border": "--kb-code-block-border";
+    readonly "block-shadow": "--kb-code-block-shadow";
+    readonly "block-padding-block": "--kb-code-block-padding-block";
+    readonly "block-padding-inline": "--kb-code-block-padding-inline";
+    readonly "block-font-size": "--kb-code-block-font-size";
+    readonly "block-leading": "--kb-code-block-leading";
+    readonly "block-max-height": "--kb-code-block-max-height";
+    readonly "collapsed-max-height": "--kb-code-collapsed-max-height";
+    readonly "header-background": "--kb-code-header-background";
+    readonly "header-face": "--kb-code-header-face";
+    readonly "header-shadow": "--kb-code-header-shadow";
+    readonly "header-padding-block": "--kb-code-header-padding-block";
+    readonly "header-padding-inline": "--kb-code-header-padding-inline";
+    readonly "header-gap": "--kb-code-header-gap";
+    readonly "title-size": "--kb-code-title-size";
+    readonly "badge-padding-block": "--kb-code-badge-padding-block";
+    readonly "badge-padding-inline": "--kb-code-badge-padding-inline";
+    readonly "badge-radius": "--kb-code-badge-radius";
+    readonly "action-height": "--kb-code-action-height";
+    readonly "action-padding-inline": "--kb-code-action-padding-inline";
+    readonly "action-gap": "--kb-code-action-gap";
+    readonly "action-radius": "--kb-code-action-radius";
+    readonly "toggle-min-width": "--kb-code-toggle-min-width";
+    readonly "copy-min-width": "--kb-code-copy-min-width";
+    readonly "motion-duration": "--kb-code-motion-duration";
+    readonly "motion-easing": "--kb-code-motion-easing";
+    readonly "gutter-width": "--kb-code-gutter-width";
+    readonly "gutter-gap": "--kb-code-gutter-gap";
+    readonly "gutter-color": "--kb-code-gutter-color";
+    readonly "gutter-border": "--kb-code-gutter-border";
+    readonly "line-padding-inline": "--kb-code-line-padding-inline";
+    readonly "line-highlight-background": "--kb-code-line-highlight-background";
+    readonly "line-highlight-border": "--kb-code-line-highlight-border";
+    readonly "syntax": {
+      readonly "keyword": "--kb-code-syntax-keyword";
+      readonly "string": "--kb-code-syntax-string";
+      readonly "comment": "--kb-code-syntax-comment";
+      readonly "number": "--kb-code-syntax-number";
+      readonly "tag": "--kb-code-syntax-tag";
+      readonly "attribute": "--kb-code-syntax-attribute";
+      readonly "type": "--kb-code-syntax-type";
+      readonly "function": "--kb-code-syntax-function";
+      readonly "operator": "--kb-code-syntax-operator";
+      readonly "property": "--kb-code-syntax-property";
+    };
   };
   readonly "container": {
     readonly "size": {
@@ -466,6 +529,16 @@ export declare const tokens: {
       readonly "lg": "--kb-split-collapse-lg";
     };
   };
+  readonly "supportingpane": {
+    readonly "max-width": "--kb-supportingpane-max-width";
+    readonly "gutter": {
+      readonly "sm": "--kb-supportingpane-gutter-sm";
+      readonly "md": "--kb-supportingpane-gutter-md";
+      readonly "lg": "--kb-supportingpane-gutter-lg";
+    };
+    readonly "gap": "--kb-supportingpane-gap";
+    readonly "aside-width": "--kb-supportingpane-aside-width";
+  };
   readonly "separator": {
     readonly "color": "--kb-separator-color";
     readonly "width": "--kb-separator-width";
@@ -485,9 +558,288 @@ export declare const tokens: {
     readonly "gap": "--kb-formactions-gap";
     readonly "padding-top": "--kb-formactions-padding-top";
   };
+  readonly "form": {
+    readonly "gap": "--kb-form-gap";
+    readonly "width": {
+      readonly "sm": "--kb-form-width-sm";
+      readonly "md": "--kb-form-width-md";
+    };
+  };
+  readonly "formsection": {
+    readonly "gap": "--kb-formsection-gap";
+    readonly "header-gap": "--kb-formsection-header-gap";
+    readonly "fields-gap": "--kb-formsection-fields-gap";
+    readonly "collapse": "--kb-formsection-collapse";
+  };
+  readonly "settings": {
+    readonly "gap": "--kb-settings-gap";
+    readonly "divider": "--kb-settings-divider";
+  };
   readonly "errorsummary": {
     readonly "padding": "--kb-errorsummary-padding";
     readonly "radius": "--kb-errorsummary-radius";
     readonly "gap": "--kb-errorsummary-gap";
   };
+  readonly "spinner": {
+    readonly "size": {
+      readonly "sm": "--kb-spinner-size-sm";
+      readonly "md": "--kb-spinner-size-md";
+      readonly "lg": "--kb-spinner-size-lg";
+    };
+    readonly "stroke-width": "--kb-spinner-stroke-width";
+    readonly "gap": "--kb-spinner-gap";
+    readonly "duration": "--kb-spinner-duration";
+    readonly "easing": "--kb-spinner-easing";
+    readonly "track-opacity": "--kb-spinner-track-opacity";
+    readonly "orbit-duration": "--kb-spinner-orbit-duration";
+    readonly "pulse-duration": "--kb-spinner-pulse-duration";
+    readonly "pulse-easing": "--kb-spinner-pulse-easing";
+    readonly "stagger": "--kb-spinner-stagger";
+    readonly "glow": "--kb-spinner-glow";
+    readonly "pill-padding-block": "--kb-spinner-pill-padding-block";
+    readonly "pill-padding-inline": "--kb-spinner-pill-padding-inline";
+    readonly "pill-radius": "--kb-spinner-pill-radius";
+  };
+  readonly "skeleton": {
+    readonly "radius": {
+      readonly "sm": "--kb-skeleton-radius-sm";
+      readonly "md": "--kb-skeleton-radius-md";
+      readonly "lg": "--kb-skeleton-radius-lg";
+      readonly "full": "--kb-skeleton-radius-full";
+    };
+    readonly "height": {
+      readonly "sm": "--kb-skeleton-height-sm";
+      readonly "md": "--kb-skeleton-height-md";
+      readonly "lg": "--kb-skeleton-height-lg";
+    };
+    readonly "block-height": "--kb-skeleton-block-height";
+    readonly "avatar-size": {
+      readonly "sm": "--kb-skeleton-avatar-size-sm";
+      readonly "md": "--kb-skeleton-avatar-size-md";
+      readonly "lg": "--kb-skeleton-avatar-size-lg";
+    };
+    readonly "pill-width": "--kb-skeleton-pill-width";
+    readonly "gap": "--kb-skeleton-gap";
+    readonly "base": "--kb-skeleton-base";
+    readonly "highlight": "--kb-skeleton-highlight";
+    readonly "sheen": "--kb-skeleton-sheen";
+    readonly "border": "--kb-skeleton-border";
+    readonly "duration": "--kb-skeleton-duration";
+    readonly "pulse-duration": "--kb-skeleton-pulse-duration";
+    readonly "stagger": "--kb-skeleton-stagger";
+    readonly "easing": "--kb-skeleton-easing";
+  };
+  readonly "emptystate": {
+    readonly "radius": "--kb-emptystate-radius";
+    readonly "padding": {
+      readonly "sm": "--kb-emptystate-padding-sm";
+      readonly "md": "--kb-emptystate-padding-md";
+      readonly "lg": "--kb-emptystate-padding-lg";
+    };
+    readonly "gap": "--kb-emptystate-gap";
+    readonly "header-gap": "--kb-emptystate-header-gap";
+    readonly "actions-gap": "--kb-emptystate-actions-gap";
+    readonly "max-width": "--kb-emptystate-max-width";
+    readonly "icon-size": {
+      readonly "sm": "--kb-emptystate-icon-size-sm";
+      readonly "md": "--kb-emptystate-icon-size-md";
+      readonly "lg": "--kb-emptystate-icon-size-lg";
+    };
+    readonly "icon-glyph-size": {
+      readonly "sm": "--kb-emptystate-icon-glyph-size-sm";
+      readonly "md": "--kb-emptystate-icon-glyph-size-md";
+      readonly "lg": "--kb-emptystate-icon-glyph-size-lg";
+    };
+    readonly "icon-radius": "--kb-emptystate-icon-radius";
+    readonly "background": "--kb-emptystate-background";
+    readonly "border": "--kb-emptystate-border";
+    readonly "shadow": "--kb-emptystate-shadow";
+  };
+  readonly "toast": {
+    readonly "width": "--kb-toast-width";
+    readonly "gutter": "--kb-toast-gutter";
+    readonly "gap": "--kb-toast-gap";
+    readonly "padding": "--kb-toast-padding";
+    readonly "radius": "--kb-toast-radius";
+    readonly "background": "--kb-toast-background";
+    readonly "color": "--kb-toast-color";
+    readonly "border": "--kb-toast-border";
+    readonly "shadow": "--kb-toast-shadow";
+    readonly "control-size": "--kb-toast-control-size";
+    readonly "motion-duration": "--kb-toast-motion-duration";
+    readonly "z-index": "--kb-toast-z-index";
+    readonly "exit-duration": "--kb-toast-exit-duration";
+    readonly "motion-easing": "--kb-toast-motion-easing";
+    readonly "enter-offset": "--kb-toast-enter-offset";
+    readonly "enter-scale": "--kb-toast-enter-scale";
+  };
+  readonly "image": {
+    readonly "radius": "--kb-image-radius";
+    readonly "border": "--kb-image-border";
+    readonly "background": "--kb-image-background";
+    readonly "color": "--kb-image-color";
+    readonly "ratio": "--kb-image-ratio";
+    readonly "icon-size": "--kb-image-icon-size";
+    readonly "fallback-padding": "--kb-image-fallback-padding";
+  };
+  readonly "avatar": {
+    readonly "size": "--kb-avatar-size";
+    readonly "size-xs": "--kb-avatar-size-xs";
+    readonly "size-sm": "--kb-avatar-size-sm";
+    readonly "size-lg": "--kb-avatar-size-lg";
+    readonly "size-xl": "--kb-avatar-size-xl";
+    readonly "radius": "--kb-avatar-radius";
+    readonly "square-radius": "--kb-avatar-square-radius";
+    readonly "font-size": "--kb-avatar-font-size";
+    readonly "font-size-xs": "--kb-avatar-font-size-xs";
+    readonly "font-size-sm": "--kb-avatar-font-size-sm";
+    readonly "font-size-lg": "--kb-avatar-font-size-lg";
+    readonly "font-size-xl": "--kb-avatar-font-size-xl";
+    readonly "font-weight": "--kb-avatar-font-weight";
+    readonly "tracking": "--kb-avatar-tracking";
+    readonly "background": "--kb-avatar-background";
+    readonly "color": "--kb-avatar-color";
+    readonly "border": "--kb-avatar-border";
+    readonly "shadow": "--kb-avatar-shadow";
+  };
+  readonly "thumbnail": {
+    readonly "gap": "--kb-thumbnail-gap";
+    readonly "caption-gap": "--kb-thumbnail-caption-gap";
+    readonly "radius": "--kb-thumbnail-radius";
+    readonly "color": "--kb-thumbnail-color";
+    readonly "muted": "--kb-thumbnail-muted";
+    readonly "title-size": "--kb-thumbnail-title-size";
+    readonly "description-size": "--kb-thumbnail-description-size";
+  };
+  readonly "collection": {
+    readonly "gap": "--kb-collection-gap";
+    readonly "cell-padding": "--kb-collection-cell-padding";
+    readonly "radius": "--kb-collection-radius";
+    readonly "border": "--kb-collection-border";
+    readonly "header-background": "--kb-collection-header-background";
+    readonly "selected-background": "--kb-collection-selected-background";
+    readonly "table-min-width": "--kb-collection-table-min-width";
+  };
+  readonly "copyabletext": {
+    readonly "gap": "--kb-copyabletext-gap";
+    readonly "padding": "--kb-copyabletext-padding";
+    readonly "radius": "--kb-copyabletext-radius";
+    readonly "border": "--kb-copyabletext-border";
+    readonly "background": "--kb-copyabletext-background";
+    readonly "target-size": "--kb-copyabletext-target-size";
+    readonly "copy-min-width": "--kb-copyabletext-copy-min-width";
+    readonly "value-color": "--kb-copyabletext-value-color";
+    readonly "highlight-background": "--kb-copyabletext-highlight-background";
+  };
+  readonly "disclosure": {
+    readonly "padding": "--kb-disclosure-padding";
+    readonly "radius": "--kb-disclosure-radius";
+    readonly "background": "--kb-disclosure-background";
+    readonly "color": "--kb-disclosure-color";
+    readonly "border": "--kb-disclosure-border";
+    readonly "trigger-height": "--kb-disclosure-trigger-height";
+    readonly "motion-duration": "--kb-disclosure-motion-duration";
+    readonly "motion-easing": "--kb-disclosure-motion-easing";
+  };
+  readonly "accordion": {
+    readonly "padding": "--kb-accordion-padding";
+    readonly "radius": "--kb-accordion-radius";
+    readonly "background": "--kb-accordion-background";
+    readonly "color": "--kb-accordion-color";
+    readonly "border": "--kb-accordion-border";
+    readonly "trigger-height": "--kb-accordion-trigger-height";
+    readonly "motion-duration": "--kb-accordion-motion-duration";
+    readonly "motion-easing": "--kb-accordion-motion-easing";
+  };
+  readonly "popover": {
+    readonly "width": "--kb-popover-width";
+    readonly "padding": "--kb-popover-padding";
+    readonly "background": "--kb-popover-background";
+    readonly "color": "--kb-popover-color";
+    readonly "border": "--kb-popover-border";
+    readonly "radius": "--kb-popover-radius";
+    readonly "shadow": "--kb-popover-shadow";
+    readonly "motion-duration": "--kb-popover-motion-duration";
+    readonly "motion-easing": "--kb-popover-motion-easing";
+    readonly "enter-scale": "--kb-popover-enter-scale";
+    readonly "enter-offset": "--kb-popover-enter-offset";
+  };
+  readonly "tabs": {
+    readonly "radius": "--kb-tabs-radius";
+    readonly "list-padding": "--kb-tabs-list-padding";
+    readonly "tab-height": {
+      readonly "sm": "--kb-tabs-tab-height-sm";
+      readonly "md": "--kb-tabs-tab-height-md";
+    };
+    readonly "indicator-thickness": "--kb-tabs-indicator-thickness";
+    readonly "panel-padding": "--kb-tabs-panel-padding";
+  };
+  readonly "table": {
+    readonly "background": "--kb-table-background";
+    readonly "header-background": "--kb-table-header-background";
+    readonly "selected-background": "--kb-table-selected-background";
+    readonly "border": "--kb-table-border";
+    readonly "cell-padding-block": "--kb-table-cell-padding-block";
+    readonly "cell-padding-inline": "--kb-table-cell-padding-inline";
+    readonly "dense-padding-block": "--kb-table-dense-padding-block";
+    readonly "radius": "--kb-table-radius";
+    readonly "sort-target": "--kb-table-sort-target";
+  };
+  readonly "descriptionlist": {
+    readonly "term-width": "--kb-descriptionlist-term-width";
+    readonly "padding-block": "--kb-descriptionlist-padding-block";
+    readonly "dense-padding-block": "--kb-descriptionlist-dense-padding-block";
+    readonly "column-gap": "--kb-descriptionlist-column-gap";
+    readonly "row-gap": "--kb-descriptionlist-row-gap";
+  };
+  readonly "collectionrow": {
+    readonly "padding-block": "--kb-collectionrow-padding-block";
+    readonly "padding-inline": "--kb-collectionrow-padding-inline";
+    readonly "dense-padding-block": "--kb-collectionrow-dense-padding-block";
+    readonly "leading-width": "--kb-collectionrow-leading-width";
+    readonly "aside-width": "--kb-collectionrow-aside-width";
+    readonly "gap": "--kb-collectionrow-gap";
+  };
+  readonly "pageheader": {
+    readonly "gap": "--kb-pageheader-gap";
+    readonly "main-gap": "--kb-pageheader-main-gap";
+    readonly "heading-gap": "--kb-pageheader-heading-gap";
+    readonly "headline-gap": "--kb-pageheader-headline-gap";
+    readonly "actions-gap": "--kb-pageheader-actions-gap";
+    readonly "heading-min-width": "--kb-pageheader-heading-min-width";
+    readonly "description-max-width": "--kb-pageheader-description-max-width";
+    readonly "title-size": {
+      readonly "sm": "--kb-pageheader-title-size-sm";
+      readonly "md": "--kb-pageheader-title-size-md";
+      readonly "lg": "--kb-pageheader-title-size-lg";
+    };
+    readonly "divider": "--kb-pageheader-divider";
+    readonly "divider-gap": "--kb-pageheader-divider-gap";
+  };
+  readonly "statsrow": {
+    readonly "column-gap": "--kb-statsrow-column-gap";
+    readonly "row-gap": "--kb-statsrow-row-gap";
+    readonly "item-gap": "--kb-statsrow-item-gap";
+    readonly "item-min-width": "--kb-statsrow-item-min-width";
+    readonly "item-padding": "--kb-statsrow-item-padding";
+    readonly "item-background": "--kb-statsrow-item-background";
+    readonly "item-border": "--kb-statsrow-item-border";
+    readonly "item-border-width": "--kb-statsrow-item-border-width";
+    readonly "item-radius": "--kb-statsrow-item-radius";
+    readonly "positive": "--kb-statsrow-positive";
+    readonly "negative": "--kb-statsrow-negative";
+    readonly "neutral": "--kb-statsrow-neutral";
+  };
+  readonly "dashboard": {
+    readonly "gap": "--kb-dashboard-gap";
+    readonly "max-width": "--kb-dashboard-max-width";
+    readonly "gutter": {
+      readonly "sm": "--kb-dashboard-gutter-sm";
+      readonly "md": "--kb-dashboard-gutter-md";
+      readonly "lg": "--kb-dashboard-gutter-lg";
+      readonly "md-from": "--kb-dashboard-gutter-md-from";
+      readonly "lg-from": "--kb-dashboard-gutter-lg-from";
+    };
+    readonly "collapse": "--kb-dashboard-collapse";
+  };
 };