@chenzy-design/tokens 0.3.0 → 0.4.1

package/dist/components/input.d.ts

@@ -1,27 +1,585 @@
-/** Component tokens for Input. See specs/components/input/Input.spec.md. */
 export declare const inputTokens: {
-    readonly 'input-height-default': "var(--cd-control-height-default)";
-    readonly 'input-height-small': "var(--cd-control-height-small)";
-    readonly 'input-height-large': "var(--cd-control-height-large)";
-    readonly 'input-padding-x': "var(--cd-spacing-base-tight)";
-    readonly 'input-border': "transparent";
-    readonly 'input-radius': "var(--cd-border-radius-small)";
-    readonly 'input-color-bg': "var(--cd-color-fill-0)";
-    readonly 'input-bg-hover': "var(--cd-color-fill-1)";
-    readonly 'input-color-text': "var(--cd-color-text-0)";
-    readonly 'input-color-placeholder': "var(--cd-color-text-3)";
-    readonly 'input-border-active': "var(--cd-color-focus-border)";
-    readonly 'input-border-warning': "var(--cd-color-warning)";
-    readonly 'input-border-error': "var(--cd-color-danger)";
-    readonly 'input-font-size': "var(--cd-font-size-regular)";
-    readonly 'input-number-step-width': "14px";
-    readonly 'input-number-step-bg': "var(--cd-color-bg-2)";
-    readonly 'input-number-step-bg-hover': "var(--cd-color-fill-0)";
-    readonly 'input-number-step-bg-active': "var(--cd-color-fill-1)";
-    readonly 'input-number-step-bg-disabled': "var(--cd-color-fill-0)";
-    readonly 'input-number-step-color': "var(--cd-color-text-2)";
-    readonly 'input-number-step-color-disabled': "var(--cd-color-text-3)";
-    readonly 'input-number-step-border': "var(--cd-color-border)";
-    readonly 'input-number-step-radius': "var(--cd-border-radius-small)";
+    'color-input-default-border-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-input-default-bg-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-input-default-text-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-input-default-bg-hover': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-input-default-border-hover': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-input-default-bg-active': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-input-default-border-active': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-input-default-bg-focus': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-input-default-border-focus': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-input-icon-outline': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-input-default-bg-focus-hover': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-input-danger-bg-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-input-danger-border-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-input-danger-bg-hover': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-input-danger-border-hover': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-input-danger-bg-focus': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-input-danger-border-focus': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-input-danger-bg-active': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-input-danger-border-active': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-input-warning-bg-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-input-warning-border-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-input-warning-bg-hover': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-input-warning-border-hover': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-input-warning-bg-focus': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-input-warning-border-focus': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-input-warning-bg-active': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-input-warning-border-active': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-input-disabled-border-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-input-disabled-bg-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-input-disabled-text-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-input-placeholder-text-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-input-prefix-text-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-input-icon-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-input-icon-hover': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-input-icon-active': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-input-counter-text-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-input-counter-danger-text-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-input-group-border-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-input-default-border-only-border-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-input-default-border-only-border-hover': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'height-input-large': {
+        value: string;
+        category: "height";
+        label: string;
+        usage: string;
+    };
+    'height-input-small': {
+        value: string;
+        category: "height";
+        label: string;
+        usage: string;
+    };
+    'height-input-default': {
+        value: string;
+        category: "height";
+        label: string;
+        usage: string;
+    };
+    'height-input-wrapper-large': {
+        value: string;
+        category: "height";
+        label: string;
+        usage: string;
+    };
+    'height-input-wrapper-small': {
+        value: string;
+        category: "height";
+        label: string;
+        usage: string;
+    };
+    'height-input-wrapper-default': {
+        value: string;
+        category: "height";
+        label: string;
+        usage: string;
+    };
+    'width-input-icon': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'width-input-icon-clear-before-suffix': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'width-input-icon-clear-before-modebtn': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'motion-scale-size-active': {
+        value: string;
+        category: "other";
+        label: string;
+        usage: string;
+    };
+    'motion-scale-size-inactive': {
+        value: string;
+        category: "other";
+        label: string;
+        usage: string;
+    };
+    'width-input-append-border': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'width-input-prepend-border': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'width-input-group-pseudo-border': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'width-input-wrapper-border': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'width-input-wrapper-focus-border': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'width-input-icon-outline': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'width-input-icon-outlineoffset': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'radius-input-wrapper': {
+        value: string;
+        category: "radius";
+        label: string;
+        usage: string;
+    };
+    'spacing-input-icon-marginleft': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-input-paddingleft': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-input-paddingright': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-input-prefix-suffix-marginx': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-input-prefix-icon-marginy': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-input-prefix-icon-marginx': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-input-clearbtn-withsuffix-marginleft': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-input-prepend-paddingy': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-input-prepend-paddingx': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-input-group-withtoplabel-margintop': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-input-group-withtoplabel-marginbottom': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'font-input-prefix-suffix-fontweight': {
+        value: string;
+        category: "font";
+        label: string;
+        usage: string;
+    };
+    'spacing-textarea-paddingy': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-textarea-paddingx': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-textarea-counter-paddingtop': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-textarea-counter-paddingright': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-textarea-counter-paddingbottom': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-textarea-counter-paddingleft': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'width-textarea-border': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'height-textarea-counter': {
+        value: string;
+        category: "height";
+        label: string;
+        usage: string;
+    };
+    'color-textarea-border-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-textarea-border-hover': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-textarea-icon-default': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'color-textarea-icon-hover': {
+        value: string;
+        category: "color";
+        label: string;
+        usage: string;
+    };
+    'width-textarea-icon': {
+        value: string;
+        category: "width";
+        label: string;
+        usage: string;
+    };
+    'height-textarea-default': {
+        value: string;
+        category: "height";
+        label: string;
+        usage: string;
+    };
+    'spacing-textarea-withshowclear-paddingright': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'spacing-textarea-icon-right': {
+        value: string;
+        category: "spacing";
+        label: string;
+        usage: string;
+    };
+    'transition-duration-input-bg': {
+        value: string;
+        category: "animation";
+        label: string;
+        usage: string;
+    };
+    'transition-function-input-bg': {
+        value: string;
+        category: "animation";
+        label: string;
+        usage: string;
+    };
+    'transition-delay-input-bg': {
+        value: string;
+        category: "animation";
+        label: string;
+        usage: string;
+    };
+    'transition-duration-input-border': {
+        value: string;
+        category: "animation";
+        label: string;
+        usage: string;
+    };
+    'transition-function-input-border': {
+        value: string;
+        category: "animation";
+        label: string;
+        usage: string;
+    };
+    'transition-delay-input-border': {
+        value: string;
+        category: "animation";
+        label: string;
+        usage: string;
+    };
+    'transition-duration-input-text': {
+        value: string;
+        category: "animation";
+        label: string;
+        usage: string;
+    };
+    'transition-function-input-text': {
+        value: string;
+        category: "animation";
+        label: string;
+        usage: string;
+    };
+    'transition-delay-input-text': {
+        value: string;
+        category: "animation";
+        label: string;
+        usage: string;
+    };
+    'transform-scale-input': {
+        value: string;
+        category: "other";
+        label: string;
+        usage: string;
+    };
 };
 //# sourceMappingURL=input.d.ts.map

package/dist/components/input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/components/input.ts"],"names":[],"mappings":"AAAA,4EAA4E;AAC5E,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;CA0Bd,CAAC"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/components/input.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsIF,CAAC"}