@chenzy-design/tokens 0.3.0 → 0.4.1

package/dist/components/display.d.ts

@@ -1,42 +1,1803 @@
-/** Component tokens for Tag / Avatar / Badge / Card (M4 Show). */
 export declare const displayTokens: {
-    readonly 'tag-height-default': "20px";
-    readonly 'tag-height-small': "20px";
-    readonly 'tag-height-large': "24px";
-    readonly 'tag-padding-x': "var(--cd-spacing-tight)";
-    readonly 'tag-padding-y': "2px";
-    readonly 'tag-padding-y-large': "4px";
-    readonly 'tag-radius': "var(--cd-border-radius-small)";
-    readonly 'tag-font-size': "var(--cd-font-size-small)";
-    readonly 'tag-gap': "var(--cd-spacing-extra-tight)";
-    readonly 'avatar-size-extra-small': "24px";
-    readonly 'avatar-size-small': "32px";
-    readonly 'avatar-size-default': "40px";
-    readonly 'avatar-size-medium': "48px";
-    readonly 'avatar-size-large': "72px";
-    readonly 'avatar-size-extra-large': "128px";
-    readonly 'avatar-bg': "var(--cd-color-fill-1)";
-    readonly 'avatar-color': "var(--cd-color-text-1)";
-    readonly 'avatar-border': "var(--cd-color-bg-1)";
-    readonly 'avatar-radius': "var(--cd-border-radius-small)";
-    readonly 'badge-size': "18px";
-    readonly 'badge-size-small': "14px";
-    readonly 'badge-dot-size': "8px";
-    readonly 'badge-bg': "var(--cd-color-danger)";
-    readonly 'badge-color': "var(--cd-color-text-inverse)";
-    readonly 'badge-font-size': "var(--cd-font-size-small)";
-    readonly 'card-bg': "var(--cd-color-bg-0)";
-    readonly 'card-border': "var(--cd-color-border)";
-    readonly 'card-radius': "var(--cd-border-radius-medium)";
-    readonly 'card-padding': "var(--cd-spacing-base-loose)";
-    readonly 'card-padding-small': "var(--cd-spacing-base-tight)";
-    readonly 'card-header-border': "var(--cd-color-border)";
-    readonly 'card-title-color': "var(--cd-color-text-0)";
-    readonly 'card-title-weight': "var(--cd-font-weight-bold)";
-    readonly 'card-title-size': "var(--cd-font-size-header-6)";
-    readonly 'card-desc-color': "var(--cd-color-text-2)";
-    readonly 'card-body-color': "var(--cd-color-text-1)";
-    readonly 'card-shadow': "var(--cd-shadow-elevated)";
-    readonly 'card-shadow-hover': "var(--cd-shadow-elevated)";
+    'color-avatar-default-border-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-avatar-more-bg-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-avatar-outline-focus': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'width-avatar-outline': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'width-avatar-extra-extra-small': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'width-avatar-extra-small': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'width-avatar-small': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'width-avatar-default': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'width-avatar-medium': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'width-avatar-large': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'width-avatar-extra-large': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'font-avatar-extra-extra-small-size': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'font-avatar-extra-extra-small-lineheight': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'font-avatar-extra-small-size': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'font-avatar-extra-small-lineheight': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'font-avatar-extra-large-size': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'font-avatar-extra-large-lineheight': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'radius-avatar-extra-extra-small': {
+        value: string;
+        category: "radius";
+        label: string;
+        usage: string;
+    };
+    'radius-avatar-extra-small': {
+        value: string;
+        category: "radius";
+        label: string;
+        usage: string;
+    };
+    'radius-avatar-small': {
+        value: string;
+        category: "radius";
+        label: string;
+        usage: string;
+    };
+    'radius-avatar-default': {
+        value: string;
+        category: "radius";
+        label: string;
+        usage: string;
+    };
+    'radius-avatar-medium': {
+        value: string;
+        category: "radius";
+        label: string;
+        usage: string;
+    };
+    'radius-avatar-large': {
+        value: string;
+        category: "radius";
+        label: string;
+        usage: string;
+    };
+    'radius-avatar-extra-large': {
+        value: string;
+        category: "radius";
+        label: string;
+        usage: string;
+    };
+    'width-avatar-group-extra-extra-small-border': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'width-avatar-group-extra-small-border': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'width-avatar-group-small-border': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'width-avatar-group-default-border': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'width-avatar-group-medium-border': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'width-avatar-group-large-border': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'width-avatar-group-extra-large-border': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'spacing-avatar-group-extra-extra-small-margin': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-avatar-group-extra-small-margin': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-avatar-group-small-margin': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-avatar-group-default-margin': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-avatar-group-medium-margin': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-avatar-group-large-margin': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-avatar-group-extra-large-margin': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'width-avatar-additional-border': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'color-avatar-additional-border': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'spacing-avatar-additional-bordergap': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'motion-avatar-additional-border-duration': {
+        value: string;
+        category: "other";
+        label: string;
+        usage: string;
+    };
+    'motion-avatar-additional-border-scale-end': {
+        value: string;
+        category: "other";
+        label: string;
+        usage: string;
+    };
+    'motion-avatar-content-duration': {
+        value: string;
+        category: "other";
+        label: string;
+        usage: string;
+    };
+    'motion-avatar-content-scale-middle': {
+        value: string;
+        category: "other";
+        label: string;
+        usage: string;
+    };
+    'color-avatar-top-slot-text': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-avatar-top-slot-gradient-start': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-avatar-top-slot-gradient-end': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'font-avatar-top-slot-small-size': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'font-avatar-top-slot-default-size': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'font-avatar-top-slot-medium-size': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'font-avatar-top-slot-large-size': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'font-avatar-top-slot-extra-large-size': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'spacing-avatar-top-slot-small-margintop': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-avatar-top-slot-default-margintop': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-avatar-top-slot-medium-margintop': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-avatar-top-slot-large-margintop': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-avatar-top-slot-extra-large-margintop': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-avatar-top-slot-small-shift': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-avatar-top-slot-default-shift': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-avatar-top-slot-medium-shift': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-avatar-top-slot-large-shift': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-avatar-top-slot-extra-large-shift': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'scale-avatar-top-slot-small': {
+        value: string;
+        category: "other";
+        label: string;
+        usage: string;
+    };
+    'scale-avatar-top-slot-default': {
+        value: string;
+        category: "other";
+        label: string;
+        usage: string;
+    };
+    'scale-avatar-top-slot-medium': {
+        value: string;
+        category: "other";
+        label: string;
+        usage: string;
+    };
+    'scale-avatar-top-slot-large': {
+        value: string;
+        category: "other";
+        label: string;
+        usage: string;
+    };
+    'scale-avatar-top-slot-extra-large': {
+        value: string;
+        category: "other";
+        label: string;
+        usage: string;
+    };
+    'color-avatar-bottom-slot-bg': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-avatar-bottom-slot-text': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-avatar-bottom-slot-square-border': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'radius-avatar-bottom-slot-square': {
+        value: string;
+        category: "radius";
+        label: string;
+        usage: string;
+    };
+    'spacing-avatar-bottom-slot-square-paddingx': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-avatar-bottom-slot-square-paddingy': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'width-avatar-bottom-slot-square-border': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'width-avatar-bottom-slot-circle-extra-small': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'width-avatar-bottom-slot-circle-small': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'width-avatar-bottom-slot-circle-default': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'width-avatar-bottom-slot-circle-medium': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'width-avatar-bottom-slot-circle-large': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'width-avatar-bottom-slot-circle-extra-large': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'font-avatar-bottom-slot-extra-small-size': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'font-avatar-bottom-slot-small-size': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'font-avatar-bottom-slot-default-size': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'font-avatar-bottom-slot-medium-size': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'font-avatar-bottom-slot-large-size': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'font-avatar-bottom-slot-extra-large-size': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'color-avatar-amber-bg': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-avatar-blue-bg': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-avatar-cyan-bg': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-avatar-green-bg': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-avatar-grey-bg': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-avatar-indigo-bg': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-avatar-light-blue-bg': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-avatar-light-green-bg': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-avatar-lime-bg': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-avatar-orange-bg': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-avatar-pink-bg': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-avatar-purple-bg': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-avatar-red-bg': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-avatar-teal-bg': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-avatar-violet-bg': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-avatar-yellow-bg': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-avatar-palette-text': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-avatar-white-bg': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-badge-default-border-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-badge-default-bg-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-badge-default-light-bg-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-badge-default-text-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-badge-primary-solid-bg-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-badge-primary-light-bg-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-badge-primary-light-text-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-badge-primary-inverted-text-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-badge-secondary-solid-bg-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-badge-secondary-light-bg-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-badge-secondary-light-text-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-badge-secondary-inverted-text-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-badge-tertiary-solid-bg-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-badge-tertiary-light-bg-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-badge-tertiary-light-text-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-badge-tertiary-inverted-text-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-badge-danger-solid-bg-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-badge-danger-light-bg-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-badge-danger-light-text-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-badge-danger-inverted-text-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-badge-warning-solid-bg-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-badge-warning-light-bg-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-badge-warning-light-text-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-badge-warning-inverted-text-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-badge-success-solid-bg-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-badge-success-light-bg-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-badge-success-light-text-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-badge-success-inverted-text-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'width-badge-dot': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'height-badge-dot': {
+        value: string;
+        category: "height";
+        label: string;
+        usage: string;
+    };
+    'radius-badge-dot': {
+        value: string;
+        category: "radius";
+        label: string;
+        usage: string;
+    };
+    'height-badge-count': {
+        value: string;
+        category: "height";
+        label: string;
+        usage: string;
+    };
+    'spacing-badge-count-paddingy': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-badge-count-paddingx': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'width-badge-border': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'z-badge': {
+        value: string;
+        category: "other";
+        label: string;
+        usage: string;
+    };
+    'z-badge-light-bg': {
+        value: string;
+        category: "other";
+        label: string;
+        usage: string;
+    };
+    'color-card-bg-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-card-border': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-card-title-text': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-card-description-text': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-card-extra-text': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-card-body-text': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'font-card-default-fontweight': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'font-card-extra-fontweight': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'font-card-title-fontweight': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'font-card-default-lineheight': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'font-card-title-lineheight': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'font-card-default-fontsize': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'font-card-extra-fontsize': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'font-card-title-fontsize': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'radius-card': {
+        value: string;
+        category: "radius";
+        label: string;
+        usage: string;
+    };
+    'motion-card-transition-duration': {
+        value: string;
+        category: "other";
+        label: string;
+        usage: string;
+    };
+    'width-card-border': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'shadow-card': {
+        value: string;
+        category: "other";
+        label: string;
+        usage: string;
+    };
+    'spacing-card-padding': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-card-margin': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-card-avatar-marginright': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-cardgroup-card-margin': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'z-card-hover': {
+        value: string;
+        category: "other";
+        label: string;
+        usage: string;
+    };
+    'avatar-size-extra-extra-small': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'avatar-size-extra-small': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'avatar-size-small': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'avatar-size-default': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'avatar-size-medium': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'avatar-size-large': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'avatar-size-extra-large': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'avatar-bg': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'avatar-color': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'avatar-border': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'avatar-more-bg': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'avatar-outline-color': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'avatar-outline-width': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'avatar-radius-extra-extra-small': {
+        value: string;
+        category: "radius";
+        label: string;
+        usage: string;
+    };
+    'avatar-radius-extra-small': {
+        value: string;
+        category: "radius";
+        label: string;
+        usage: string;
+    };
+    'avatar-radius-small': {
+        value: string;
+        category: "radius";
+        label: string;
+        usage: string;
+    };
+    'avatar-radius-default': {
+        value: string;
+        category: "radius";
+        label: string;
+        usage: string;
+    };
+    'avatar-radius-medium': {
+        value: string;
+        category: "radius";
+        label: string;
+        usage: string;
+    };
+    'avatar-radius-large': {
+        value: string;
+        category: "radius";
+        label: string;
+        usage: string;
+    };
+    'avatar-radius-extra-large': {
+        value: string;
+        category: "radius";
+        label: string;
+        usage: string;
+    };
+    'avatar-font-extra-extra-small-size': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'avatar-font-extra-extra-small-lineheight': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'avatar-font-extra-small-size': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'avatar-font-extra-small-lineheight': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'avatar-font-small-size': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'avatar-font-default-size': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'avatar-font-medium-size': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'avatar-font-large-size': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'avatar-font-extra-large-size': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'avatar-font-extra-large-lineheight': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'avatar-group-extra-extra-small-border': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'avatar-group-extra-small-border': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'avatar-group-small-border': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'avatar-group-default-border': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'avatar-group-medium-border': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'avatar-group-large-border': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'avatar-group-extra-large-border': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'avatar-group-extra-extra-small-margin': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'avatar-group-extra-small-margin': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'avatar-group-small-margin': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'avatar-group-default-margin': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'avatar-group-medium-margin': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'avatar-group-large-margin': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'avatar-group-extra-large-margin': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'avatar-content-motion-duration': {
+        value: string;
+        category: "other";
+        label: string;
+        usage: string;
+    };
+    'avatar-content-motion-scale-middle': {
+        value: string;
+        category: "other";
+        label: string;
+        usage: string;
+    };
+    'avatar-additional-border-width': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'avatar-additional-border-color': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'avatar-additional-border-gap': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'avatar-additional-border-duration': {
+        value: string;
+        category: "other";
+        label: string;
+        usage: string;
+    };
+    'avatar-additional-border-scale-end': {
+        value: string;
+        category: "other";
+        label: string;
+        usage: string;
+    };
+    'avatar-amber-bg': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'avatar-blue-bg': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'avatar-cyan-bg': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'avatar-green-bg': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'avatar-grey-bg': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'avatar-indigo-bg': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'avatar-light-blue-bg': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'avatar-light-green-bg': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'avatar-lime-bg': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'avatar-orange-bg': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'avatar-pink-bg': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'avatar-purple-bg': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'avatar-red-bg': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'avatar-teal-bg': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'avatar-violet-bg': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'avatar-yellow-bg': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'avatar-palette-text': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'avatar-white-bg': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'avatar-top-slot-text': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'avatar-top-slot-gradient-start': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'avatar-top-slot-gradient-end': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'avatar-top-slot-small-size': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'avatar-top-slot-default-size': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'avatar-top-slot-medium-size': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'avatar-top-slot-large-size': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'avatar-top-slot-extra-large-size': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'avatar-top-slot-small-margintop': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'avatar-top-slot-default-margintop': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'avatar-top-slot-medium-margintop': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'avatar-top-slot-large-margintop': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'avatar-top-slot-extra-large-margintop': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'avatar-top-slot-small-shift': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'avatar-top-slot-default-shift': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'avatar-top-slot-medium-shift': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'avatar-top-slot-large-shift': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'avatar-top-slot-extra-large-shift': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'avatar-top-slot-small-scale': {
+        value: string;
+        category: "other";
+        label: string;
+        usage: string;
+    };
+    'avatar-top-slot-default-scale': {
+        value: string;
+        category: "other";
+        label: string;
+        usage: string;
+    };
+    'avatar-top-slot-medium-scale': {
+        value: string;
+        category: "other";
+        label: string;
+        usage: string;
+    };
+    'avatar-top-slot-large-scale': {
+        value: string;
+        category: "other";
+        label: string;
+        usage: string;
+    };
+    'avatar-top-slot-extra-large-scale': {
+        value: string;
+        category: "other";
+        label: string;
+        usage: string;
+    };
+    'avatar-bottom-slot-bg': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'avatar-bottom-slot-text': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'avatar-bottom-slot-square-border': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'avatar-bottom-slot-square-radius': {
+        value: string;
+        category: "radius";
+        label: string;
+        usage: string;
+    };
+    'avatar-bottom-slot-square-border-width': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'avatar-bottom-slot-square-paddingx': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'avatar-bottom-slot-square-paddingy': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'avatar-bottom-slot-circle-extra-small': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'avatar-bottom-slot-circle-small': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'avatar-bottom-slot-circle-default': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'avatar-bottom-slot-circle-medium': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'avatar-bottom-slot-circle-large': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'avatar-bottom-slot-circle-extra-large': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'avatar-bottom-slot-extra-small-size': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'avatar-bottom-slot-small-size': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'avatar-bottom-slot-default-size': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'avatar-bottom-slot-medium-size': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'avatar-bottom-slot-large-size': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'avatar-bottom-slot-extra-large-size': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'card-bg': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'card-border-color': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'card-border-width': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'card-radius': {
+        value: string;
+        category: "radius";
+        label: string;
+        usage: string;
+    };
+    'card-padding': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'card-margin': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'card-title-color': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'card-title-weight': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'card-title-size': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'card-title-lineheight': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'card-extra-color': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'card-extra-weight': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'card-extra-size': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'card-desc-color': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'card-body-color': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'card-default-weight': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'card-default-size': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'card-default-lineheight': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'card-avatar-marginright': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'card-shadow': {
+        value: string;
+        category: "other";
+        label: string;
+        usage: string;
+    };
+    'card-transition-duration': {
+        value: string;
+        category: "other";
+        label: string;
+        usage: string;
+    };
+    'card-z-hover': {
+        value: string;
+        category: "other";
+        label: string;
+        usage: string;
+    };
+    'cardgroup-spacing': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'cardgroup-card-margin': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
 };
 //# sourceMappingURL=display.d.ts.map