@kb.ui/tokens 0.10.3 → 0.11.0

package/dist/tokens.d.ts

@@ -150,6 +150,9 @@ export declare const tokens: {
   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,6 +221,8 @@ 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";
@@ -443,6 +448,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": {
@@ -490,4 +543,224 @@ export declare const tokens: {
     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";
+  };
 };

package/dist/tokens.js

@@ -149,7 +149,10 @@ export const tokens = {
   },
   "grid": {
     "gap": "--kb-grid-gap",
-    "min-item-width": "--kb-grid-min-item-width"
+    "min-item-width": "--kb-grid-min-item-width",
+    "min-item-width-sm": "--kb-grid-min-item-width-sm",
+    "min-item-width-md": "--kb-grid-min-item-width-md",
+    "min-item-width-lg": "--kb-grid-min-item-width-lg"
   },
   "button": {
     "radius": "--kb-button-radius",
@@ -217,7 +220,9 @@ export const tokens = {
     "title-weight": "--kb-dialog-title-weight",
     "header-padding": "--kb-dialog-header-padding",
     "body-padding": "--kb-dialog-body-padding",
-    "footer-padding": "--kb-dialog-footer-padding"
+    "footer-padding": "--kb-dialog-footer-padding",
+    "drawer-motion-duration": "--kb-dialog-drawer-motion-duration",
+    "drawer-motion-easing": "--kb-dialog-drawer-motion-easing"
   },
   "panel": {
     "background": "--kb-panel-background",
@@ -442,7 +447,55 @@ export const tokens = {
     "size": "--kb-code-size",
     "background": "--kb-code-background",
     "border": "--kb-code-border",
-    "radius": "--kb-code-radius"
+    "radius": "--kb-code-radius",
+    "block-radius": "--kb-code-block-radius",
+    "block-background": "--kb-code-block-background",
+    "block-face": "--kb-code-block-face",
+    "block-border": "--kb-code-block-border",
+    "block-shadow": "--kb-code-block-shadow",
+    "block-padding-block": "--kb-code-block-padding-block",
+    "block-padding-inline": "--kb-code-block-padding-inline",
+    "block-font-size": "--kb-code-block-font-size",
+    "block-leading": "--kb-code-block-leading",
+    "block-max-height": "--kb-code-block-max-height",
+    "collapsed-max-height": "--kb-code-collapsed-max-height",
+    "header-background": "--kb-code-header-background",
+    "header-face": "--kb-code-header-face",
+    "header-shadow": "--kb-code-header-shadow",
+    "header-padding-block": "--kb-code-header-padding-block",
+    "header-padding-inline": "--kb-code-header-padding-inline",
+    "header-gap": "--kb-code-header-gap",
+    "title-size": "--kb-code-title-size",
+    "badge-padding-block": "--kb-code-badge-padding-block",
+    "badge-padding-inline": "--kb-code-badge-padding-inline",
+    "badge-radius": "--kb-code-badge-radius",
+    "action-height": "--kb-code-action-height",
+    "action-padding-inline": "--kb-code-action-padding-inline",
+    "action-gap": "--kb-code-action-gap",
+    "action-radius": "--kb-code-action-radius",
+    "toggle-min-width": "--kb-code-toggle-min-width",
+    "copy-min-width": "--kb-code-copy-min-width",
+    "motion-duration": "--kb-code-motion-duration",
+    "motion-easing": "--kb-code-motion-easing",
+    "gutter-width": "--kb-code-gutter-width",
+    "gutter-gap": "--kb-code-gutter-gap",
+    "gutter-color": "--kb-code-gutter-color",
+    "gutter-border": "--kb-code-gutter-border",
+    "line-padding-inline": "--kb-code-line-padding-inline",
+    "line-highlight-background": "--kb-code-line-highlight-background",
+    "line-highlight-border": "--kb-code-line-highlight-border",
+    "syntax": {
+      "keyword": "--kb-code-syntax-keyword",
+      "string": "--kb-code-syntax-string",
+      "comment": "--kb-code-syntax-comment",
+      "number": "--kb-code-syntax-number",
+      "tag": "--kb-code-syntax-tag",
+      "attribute": "--kb-code-syntax-attribute",
+      "type": "--kb-code-syntax-type",
+      "function": "--kb-code-syntax-function",
+      "operator": "--kb-code-syntax-operator",
+      "property": "--kb-code-syntax-property"
+    }
   },
   "container": {
     "size": {
@@ -489,5 +542,225 @@ export const tokens = {
     "padding": "--kb-errorsummary-padding",
     "radius": "--kb-errorsummary-radius",
     "gap": "--kb-errorsummary-gap"
+  },
+  "spinner": {
+    "size": {
+      "sm": "--kb-spinner-size-sm",
+      "md": "--kb-spinner-size-md",
+      "lg": "--kb-spinner-size-lg"
+    },
+    "stroke-width": "--kb-spinner-stroke-width",
+    "gap": "--kb-spinner-gap",
+    "duration": "--kb-spinner-duration",
+    "easing": "--kb-spinner-easing",
+    "track-opacity": "--kb-spinner-track-opacity",
+    "orbit-duration": "--kb-spinner-orbit-duration",
+    "pulse-duration": "--kb-spinner-pulse-duration",
+    "pulse-easing": "--kb-spinner-pulse-easing",
+    "stagger": "--kb-spinner-stagger",
+    "glow": "--kb-spinner-glow",
+    "pill-padding-block": "--kb-spinner-pill-padding-block",
+    "pill-padding-inline": "--kb-spinner-pill-padding-inline",
+    "pill-radius": "--kb-spinner-pill-radius"
+  },
+  "skeleton": {
+    "radius": {
+      "sm": "--kb-skeleton-radius-sm",
+      "md": "--kb-skeleton-radius-md",
+      "lg": "--kb-skeleton-radius-lg",
+      "full": "--kb-skeleton-radius-full"
+    },
+    "height": {
+      "sm": "--kb-skeleton-height-sm",
+      "md": "--kb-skeleton-height-md",
+      "lg": "--kb-skeleton-height-lg"
+    },
+    "block-height": "--kb-skeleton-block-height",
+    "avatar-size": {
+      "sm": "--kb-skeleton-avatar-size-sm",
+      "md": "--kb-skeleton-avatar-size-md",
+      "lg": "--kb-skeleton-avatar-size-lg"
+    },
+    "pill-width": "--kb-skeleton-pill-width",
+    "gap": "--kb-skeleton-gap",
+    "base": "--kb-skeleton-base",
+    "highlight": "--kb-skeleton-highlight",
+    "sheen": "--kb-skeleton-sheen",
+    "border": "--kb-skeleton-border",
+    "duration": "--kb-skeleton-duration",
+    "pulse-duration": "--kb-skeleton-pulse-duration",
+    "stagger": "--kb-skeleton-stagger",
+    "easing": "--kb-skeleton-easing"
+  },
+  "emptystate": {
+    "radius": "--kb-emptystate-radius",
+    "padding": {
+      "sm": "--kb-emptystate-padding-sm",
+      "md": "--kb-emptystate-padding-md",
+      "lg": "--kb-emptystate-padding-lg"
+    },
+    "gap": "--kb-emptystate-gap",
+    "header-gap": "--kb-emptystate-header-gap",
+    "actions-gap": "--kb-emptystate-actions-gap",
+    "max-width": "--kb-emptystate-max-width",
+    "icon-size": {
+      "sm": "--kb-emptystate-icon-size-sm",
+      "md": "--kb-emptystate-icon-size-md",
+      "lg": "--kb-emptystate-icon-size-lg"
+    },
+    "icon-glyph-size": {
+      "sm": "--kb-emptystate-icon-glyph-size-sm",
+      "md": "--kb-emptystate-icon-glyph-size-md",
+      "lg": "--kb-emptystate-icon-glyph-size-lg"
+    },
+    "icon-radius": "--kb-emptystate-icon-radius",
+    "background": "--kb-emptystate-background",
+    "border": "--kb-emptystate-border",
+    "shadow": "--kb-emptystate-shadow"
+  },
+  "toast": {
+    "width": "--kb-toast-width",
+    "gutter": "--kb-toast-gutter",
+    "gap": "--kb-toast-gap",
+    "padding": "--kb-toast-padding",
+    "radius": "--kb-toast-radius",
+    "background": "--kb-toast-background",
+    "color": "--kb-toast-color",
+    "border": "--kb-toast-border",
+    "shadow": "--kb-toast-shadow",
+    "control-size": "--kb-toast-control-size",
+    "motion-duration": "--kb-toast-motion-duration",
+    "z-index": "--kb-toast-z-index",
+    "exit-duration": "--kb-toast-exit-duration",
+    "motion-easing": "--kb-toast-motion-easing",
+    "enter-offset": "--kb-toast-enter-offset",
+    "enter-scale": "--kb-toast-enter-scale"
+  },
+  "image": {
+    "radius": "--kb-image-radius",
+    "border": "--kb-image-border",
+    "background": "--kb-image-background",
+    "color": "--kb-image-color",
+    "ratio": "--kb-image-ratio",
+    "icon-size": "--kb-image-icon-size",
+    "fallback-padding": "--kb-image-fallback-padding"
+  },
+  "avatar": {
+    "size": "--kb-avatar-size",
+    "size-xs": "--kb-avatar-size-xs",
+    "size-sm": "--kb-avatar-size-sm",
+    "size-lg": "--kb-avatar-size-lg",
+    "size-xl": "--kb-avatar-size-xl",
+    "radius": "--kb-avatar-radius",
+    "square-radius": "--kb-avatar-square-radius",
+    "font-size": "--kb-avatar-font-size",
+    "font-size-xs": "--kb-avatar-font-size-xs",
+    "font-size-sm": "--kb-avatar-font-size-sm",
+    "font-size-lg": "--kb-avatar-font-size-lg",
+    "font-size-xl": "--kb-avatar-font-size-xl",
+    "font-weight": "--kb-avatar-font-weight",
+    "tracking": "--kb-avatar-tracking",
+    "background": "--kb-avatar-background",
+    "color": "--kb-avatar-color",
+    "border": "--kb-avatar-border",
+    "shadow": "--kb-avatar-shadow"
+  },
+  "thumbnail": {
+    "gap": "--kb-thumbnail-gap",
+    "caption-gap": "--kb-thumbnail-caption-gap",
+    "radius": "--kb-thumbnail-radius",
+    "color": "--kb-thumbnail-color",
+    "muted": "--kb-thumbnail-muted",
+    "title-size": "--kb-thumbnail-title-size",
+    "description-size": "--kb-thumbnail-description-size"
+  },
+  "collection": {
+    "gap": "--kb-collection-gap",
+    "cell-padding": "--kb-collection-cell-padding",
+    "radius": "--kb-collection-radius",
+    "border": "--kb-collection-border",
+    "header-background": "--kb-collection-header-background",
+    "selected-background": "--kb-collection-selected-background",
+    "table-min-width": "--kb-collection-table-min-width"
+  },
+  "copyabletext": {
+    "gap": "--kb-copyabletext-gap",
+    "padding": "--kb-copyabletext-padding",
+    "radius": "--kb-copyabletext-radius",
+    "border": "--kb-copyabletext-border",
+    "background": "--kb-copyabletext-background",
+    "target-size": "--kb-copyabletext-target-size",
+    "copy-min-width": "--kb-copyabletext-copy-min-width",
+    "value-color": "--kb-copyabletext-value-color",
+    "highlight-background": "--kb-copyabletext-highlight-background"
+  },
+  "disclosure": {
+    "padding": "--kb-disclosure-padding",
+    "radius": "--kb-disclosure-radius",
+    "background": "--kb-disclosure-background",
+    "color": "--kb-disclosure-color",
+    "border": "--kb-disclosure-border",
+    "trigger-height": "--kb-disclosure-trigger-height",
+    "motion-duration": "--kb-disclosure-motion-duration",
+    "motion-easing": "--kb-disclosure-motion-easing"
+  },
+  "accordion": {
+    "padding": "--kb-accordion-padding",
+    "radius": "--kb-accordion-radius",
+    "background": "--kb-accordion-background",
+    "color": "--kb-accordion-color",
+    "border": "--kb-accordion-border",
+    "trigger-height": "--kb-accordion-trigger-height",
+    "motion-duration": "--kb-accordion-motion-duration",
+    "motion-easing": "--kb-accordion-motion-easing"
+  },
+  "popover": {
+    "width": "--kb-popover-width",
+    "padding": "--kb-popover-padding",
+    "background": "--kb-popover-background",
+    "color": "--kb-popover-color",
+    "border": "--kb-popover-border",
+    "radius": "--kb-popover-radius",
+    "shadow": "--kb-popover-shadow",
+    "motion-duration": "--kb-popover-motion-duration",
+    "motion-easing": "--kb-popover-motion-easing",
+    "enter-scale": "--kb-popover-enter-scale",
+    "enter-offset": "--kb-popover-enter-offset"
+  },
+  "tabs": {
+    "radius": "--kb-tabs-radius",
+    "list-padding": "--kb-tabs-list-padding",
+    "tab-height": {
+      "sm": "--kb-tabs-tab-height-sm",
+      "md": "--kb-tabs-tab-height-md"
+    },
+    "indicator-thickness": "--kb-tabs-indicator-thickness",
+    "panel-padding": "--kb-tabs-panel-padding"
+  },
+  "table": {
+    "background": "--kb-table-background",
+    "header-background": "--kb-table-header-background",
+    "selected-background": "--kb-table-selected-background",
+    "border": "--kb-table-border",
+    "cell-padding-block": "--kb-table-cell-padding-block",
+    "cell-padding-inline": "--kb-table-cell-padding-inline",
+    "dense-padding-block": "--kb-table-dense-padding-block",
+    "radius": "--kb-table-radius",
+    "sort-target": "--kb-table-sort-target"
+  },
+  "descriptionlist": {
+    "term-width": "--kb-descriptionlist-term-width",
+    "padding-block": "--kb-descriptionlist-padding-block",
+    "dense-padding-block": "--kb-descriptionlist-dense-padding-block",
+    "column-gap": "--kb-descriptionlist-column-gap",
+    "row-gap": "--kb-descriptionlist-row-gap"
+  },
+  "collectionrow": {
+    "padding-block": "--kb-collectionrow-padding-block",
+    "padding-inline": "--kb-collectionrow-padding-inline",
+    "dense-padding-block": "--kb-collectionrow-dense-padding-block",
+    "leading-width": "--kb-collectionrow-leading-width",
+    "aside-width": "--kb-collectionrow-aside-width",
+    "gap": "--kb-collectionrow-gap"
   }
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kb.ui/tokens",
-  "version": "0.10.3",
+  "version": "0.11.0",
   "type": "module",
   "license": "MIT",
   "repository": {