@kb.ui/tokens 0.10.4 → 0.12.0

package/dist/tokens.js

@@ -147,9 +147,21 @@ export const tokens = {
     "face": "--kb-card-face",
     "shadow": "--kb-card-shadow"
   },
+  "gallery": {
+    "max-width": "--kb-gallery-max-width",
+    "gutter-sm": "--kb-gallery-gutter-sm",
+    "gutter-md": "--kb-gallery-gutter-md",
+    "gutter-lg": "--kb-gallery-gutter-lg",
+    "gap": "--kb-gallery-gap",
+    "filters-gap": "--kb-gallery-filters-gap",
+    "filter-min-width": "--kb-gallery-filter-min-width"
+  },
   "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,12 +229,15 @@ 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",
     "background-active": "--kb-panel-background-active",
     "background-sunken": "--kb-panel-background-sunken",
+    "background-opaque": "--kb-panel-background-opaque",
     "border": "--kb-panel-border",
     "border-active": "--kb-panel-border-active",
     "border-critical": "--kb-panel-border-critical",
@@ -442,7 +457,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": {
@@ -466,6 +529,16 @@ export const tokens = {
       "lg": "--kb-split-collapse-lg"
     }
   },
+  "supportingpane": {
+    "max-width": "--kb-supportingpane-max-width",
+    "gutter": {
+      "sm": "--kb-supportingpane-gutter-sm",
+      "md": "--kb-supportingpane-gutter-md",
+      "lg": "--kb-supportingpane-gutter-lg"
+    },
+    "gap": "--kb-supportingpane-gap",
+    "aside-width": "--kb-supportingpane-aside-width"
+  },
   "separator": {
     "color": "--kb-separator-color",
     "width": "--kb-separator-width",
@@ -485,9 +558,288 @@ export const tokens = {
     "gap": "--kb-formactions-gap",
     "padding-top": "--kb-formactions-padding-top"
   },
+  "form": {
+    "gap": "--kb-form-gap",
+    "width": {
+      "sm": "--kb-form-width-sm",
+      "md": "--kb-form-width-md"
+    }
+  },
+  "formsection": {
+    "gap": "--kb-formsection-gap",
+    "header-gap": "--kb-formsection-header-gap",
+    "fields-gap": "--kb-formsection-fields-gap",
+    "collapse": "--kb-formsection-collapse"
+  },
+  "settings": {
+    "gap": "--kb-settings-gap",
+    "divider": "--kb-settings-divider"
+  },
   "errorsummary": {
     "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"
+  },
+  "pageheader": {
+    "gap": "--kb-pageheader-gap",
+    "main-gap": "--kb-pageheader-main-gap",
+    "heading-gap": "--kb-pageheader-heading-gap",
+    "headline-gap": "--kb-pageheader-headline-gap",
+    "actions-gap": "--kb-pageheader-actions-gap",
+    "heading-min-width": "--kb-pageheader-heading-min-width",
+    "description-max-width": "--kb-pageheader-description-max-width",
+    "title-size": {
+      "sm": "--kb-pageheader-title-size-sm",
+      "md": "--kb-pageheader-title-size-md",
+      "lg": "--kb-pageheader-title-size-lg"
+    },
+    "divider": "--kb-pageheader-divider",
+    "divider-gap": "--kb-pageheader-divider-gap"
+  },
+  "statsrow": {
+    "column-gap": "--kb-statsrow-column-gap",
+    "row-gap": "--kb-statsrow-row-gap",
+    "item-gap": "--kb-statsrow-item-gap",
+    "item-min-width": "--kb-statsrow-item-min-width",
+    "item-padding": "--kb-statsrow-item-padding",
+    "item-background": "--kb-statsrow-item-background",
+    "item-border": "--kb-statsrow-item-border",
+    "item-border-width": "--kb-statsrow-item-border-width",
+    "item-radius": "--kb-statsrow-item-radius",
+    "positive": "--kb-statsrow-positive",
+    "negative": "--kb-statsrow-negative",
+    "neutral": "--kb-statsrow-neutral"
+  },
+  "dashboard": {
+    "gap": "--kb-dashboard-gap",
+    "max-width": "--kb-dashboard-max-width",
+    "gutter": {
+      "sm": "--kb-dashboard-gutter-sm",
+      "md": "--kb-dashboard-gutter-md",
+      "lg": "--kb-dashboard-gutter-lg",
+      "md-from": "--kb-dashboard-gutter-md-from",
+      "lg-from": "--kb-dashboard-gutter-lg-from"
+    },
+    "collapse": "--kb-dashboard-collapse"
   }
 };

package/package.json

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