@gusun/design-system 0.1.0

package/dist-lib/tokens/border.d.ts

@@ -0,0 +1,6 @@
+export declare const borderWidth: {
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+};

package/dist-lib/tokens/colors/accordionColors.d.ts

@@ -0,0 +1,3 @@
+export declare const accordionColors: {
+    'list-name': string;
+};

package/dist-lib/tokens/colors/builderAreaColors.d.ts

@@ -0,0 +1,12 @@
+export declare const builderAreaColors: {
+    'add-default-bg': string;
+    'add-default-outline': string;
+    'add-default-text': string;
+    'add-hover-bg': string;
+    'add-hover-outline': string;
+    'box-bg': string;
+    'box-line': string;
+    'card-area-bg': string;
+    'header-fade-top': string;
+    'header-fade-bottom': string;
+};

package/dist-lib/tokens/colors/buttonColors.d.ts

@@ -0,0 +1,37 @@
+export declare const buttonColors: {
+    fill: {
+        'default-bg': string;
+        'default-fg': string;
+        'hover-bg': string;
+        'disabled-bg': string;
+        'disabled-fg': string;
+    };
+    ghost: {
+        'default-fg': string;
+        'hover-bg': string;
+        'disabled-bg': string;
+        'disabled-fg': string;
+        'selected-bg': string;
+        'selected-text': string;
+        'pagination-fg': string;
+    };
+    line: {
+        'default-bg': string;
+        'default-fg': string;
+        'default-line': string;
+        'hover-bg': string;
+        'hover-line': string;
+        'disabled-bg': string;
+        'disabled-fg': string;
+        'disabled-line': string;
+    };
+    underline: {
+        'black-fg': string;
+        'red-fg': string;
+        'blue-fg': string;
+        'green-fg': string;
+        'violet-fg': string;
+        'pink-fg': string;
+        'orange-fg': string;
+    };
+};

package/dist-lib/tokens/colors/calendarColors.d.ts

@@ -0,0 +1,12 @@
+export declare const calendarColors: {
+    'day-bg': string;
+    'day-text': string;
+    'hover-bg': string;
+    'muted-text': string;
+    'today-bg': string;
+    'today-text': string;
+    'selected-bg': string;
+    'selected-text': string;
+    'range-bg': string;
+    'range-text': string;
+};

package/dist-lib/tokens/colors/checkboxColors.d.ts

@@ -0,0 +1,12 @@
+export declare const checkboxColors: {
+    'unselected-bg': string;
+    'hover-outline': string;
+    'disabled-bg': string;
+    'selected-bg': string;
+    'selected-hover-outline': string;
+    'selected-disabled-bg': string;
+    check: string;
+    'disabled-check': string;
+    text: string;
+    'disabled-text': string;
+};

package/dist-lib/tokens/colors/chipColors.d.ts

@@ -0,0 +1,82 @@
+export declare const chipColors: {
+    gray: {
+        'default-text': string;
+        'default-icon': string;
+        'default-bg': string;
+        'default-line': string;
+        'hover-text': string;
+        'hover-icon': string;
+        'hover-bg': string;
+        'hover-line': string;
+    };
+    red: {
+        'default-text': string;
+        'default-icon': string;
+        'default-bg': string;
+        'default-line': string;
+        'hover-text': string;
+        'hover-icon': string;
+        'hover-bg': string;
+        'hover-line': string;
+    };
+    blue: {
+        'default-text': string;
+        'default-icon': string;
+        'default-bg': string;
+        'default-line': string;
+        'hover-text': string;
+        'hover-icon': string;
+        'hover-bg': string;
+        'hover-line': string;
+    };
+    black: {
+        'default-text': string;
+        'default-icon': string;
+        'default-bg': string;
+        'default-line': string;
+        'hover-text': string;
+        'hover-icon': string;
+        'hover-bg': string;
+        'hover-line': string;
+    };
+    green: {
+        'default-text': string;
+        'default-icon': string;
+        'default-bg': string;
+        'default-line': string;
+        'hover-text': string;
+        'hover-icon': string;
+        'hover-bg': string;
+        'hover-line': string;
+    };
+    violet: {
+        'default-text': string;
+        'default-icon': string;
+        'default-bg': string;
+        'default-line': string;
+        'hover-text': string;
+        'hover-icon': string;
+        'hover-bg': string;
+        'hover-line': string;
+    };
+    pink: {
+        'default-text': string;
+        'default-icon': string;
+        'default-bg': string;
+        'default-line': string;
+        'hover-text': string;
+        'hover-icon': string;
+        'hover-bg': string;
+        'hover-line': string;
+    };
+    orange: {
+        'default-text': string;
+        'default-icon': string;
+        'default-bg': string;
+        'default-line': string;
+        'hover-text': string;
+        'hover-icon': string;
+        'hover-bg': string;
+        'hover-line': string;
+    };
+};

package/dist-lib/tokens/colors/conditionCardColors.d.ts

@@ -0,0 +1,10 @@
+export declare const conditionCardColors: {
+    'default-card-bg': string;
+    'default-card-line': string;
+    'default-card-text': string;
+    'hover-card-bg': string;
+    'hover-card-line': string;
+    'hover-card-text': string;
+    'drop-outline': string;
+    'drop-text': string;
+};

package/dist-lib/tokens/colors/conditionOrderSlotColors.d.ts

@@ -0,0 +1,15 @@
+export declare const conditionOrderSlotColors: {
+    'card-default-text': string;
+    'card-default-icon': string;
+    'card-default-bg': string;
+    'card-default-line': string;
+    'card-hover-text': string;
+    'card-hover-icon': string;
+    'card-hover-bg': string;
+    'card-hover-line': string;
+    'card-pressed-text': string;
+    'card-pressed-icon': string;
+    'card-pressed-bg': string;
+    'card-pressed-line': string;
+    'slot-bg': string;
+};

package/dist-lib/tokens/colors/dividerColors.d.ts

@@ -0,0 +1,5 @@
+export declare const dividerColors: {
+    subtle: string;
+    default: string;
+    strong: string;
+};

package/dist-lib/tokens/colors/editorColors.d.ts

@@ -0,0 +1,30 @@
+export declare const editorColors: {
+    outline: string;
+    'toolbar-bg': string;
+    divider: string;
+    'btn-active-bg': string;
+    'btn-active-fg': string;
+    link: string;
+    'code-bg': string;
+    'code-text': string;
+    'block-bg': string;
+    'source-bg': string;
+    'source-text': string;
+    placeholder: string;
+};
+export declare const editorTextPalette: ({
+    label: string;
+    value: null;
+    swatch: string;
+} | {
+    label: string;
+    value: string;
+    swatch?: undefined;
+})[];
+export declare const editorHighlightPalette: ({
+    label: string;
+    value: null;
+} | {
+    label: string;
+    value: string;
+})[];

package/dist-lib/tokens/colors/formulaColors.d.ts

@@ -0,0 +1,26 @@
+export declare const formulaColors: {
+    'default-bg': string;
+    'default-text': string;
+    'hover-bg': string;
+    'default-outline': string;
+    parentheses: string;
+    comparison: string;
+    logical: string;
+    conditional: string;
+    aggregate: string;
+    'score-limit': string;
+    evaluation: string;
+    'hover-logical-outline': string;
+    'hover-conditional-outline': string;
+    'hover-aggregate-outline': string;
+    'hover-score-limit-outline': string;
+    'hover-evaluation-outline': string;
+    'add-text': string;
+    'add-bg': string;
+    'add-outline': string;
+    'add-drop-text': string;
+    'add-drop-bg': string;
+    'add-drop-outline': string;
+    'compact-chip-text': string;
+    'compact-chip-line': string;
+};

package/dist-lib/tokens/colors/labelFieldColors.d.ts

@@ -0,0 +1,6 @@
+export declare const labelFieldColors: {
+    'default-text': string;
+    'required-mark': string;
+    'disabled-text': string;
+    'helper-text': string;
+};

package/dist-lib/tokens/colors/listColors.d.ts

@@ -0,0 +1,20 @@
+export declare const listColors: {
+    'default-bg': string;
+    'default-text': string;
+    'default-icon': string;
+    'hover-bg': string;
+    'pressed-bg': string;
+    'selected-text': string;
+    'selected-icon': string;
+    'disabled-text': string;
+    'disabled-icon': string;
+    'group-bg': string;
+    'empty-bg': string;
+    'empty-text': string;
+    'popover-bg': string;
+    'popover-outline': string;
+    'scroll-bar': string;
+    'scroll-bar-hover': string;
+    'scroll-bar-light': string;
+    'scroll-bar-light-hover': string;
+};

package/dist-lib/tokens/colors/modalColors.d.ts

@@ -0,0 +1,7 @@
+export declare const modalColors: {
+    overlay: string;
+    inline: string;
+    outline: string;
+    'panel-bg': string;
+    'description-bg': string;
+};

package/dist-lib/tokens/colors/newTagColors.d.ts

@@ -0,0 +1,6 @@
+export declare const newTagColors: {
+    title: string;
+    'blue-bg': string;
+    'red-bg': string;
+    'black-bg': string;
+};

package/dist-lib/tokens/colors/radioColors.d.ts

@@ -0,0 +1,12 @@
+export declare const radioColors: {
+    'unselected-bg': string;
+    'hover-outline': string;
+    'disabled-bg': string;
+    'selected-bg': string;
+    'selected-hover-outline': string;
+    'selected-disabled-bg': string;
+    point: string;
+    'disabled-point': string;
+    text: string;
+    'disabled-text': string;
+};

package/dist-lib/tokens/colors/segmentedColors.d.ts

@@ -0,0 +1,9 @@
+export declare const segmentedColors: {
+    'tab-bg': string;
+    'select-bg': string;
+    'select-line': string;
+    'select-text': string;
+    'unselect-text': string;
+    'hover-text': string;
+    'disabled-text': string;
+};

package/dist-lib/tokens/colors/sideNavColors.d.ts

@@ -0,0 +1,13 @@
+export declare const sideNavColors: {
+    'default-text': string;
+    'default-icon': string;
+    'hover-text': string;
+    'hover-icon': string;
+    'hover-bg': string;
+    'select-text': string;
+    'select-icon': string;
+    'select-bg': string;
+    'disabled-text': string;
+    'disabled-icon': string;
+    'right-line': string;
+};

package/dist-lib/tokens/colors/switchColors.d.ts

@@ -0,0 +1,13 @@
+export declare const switchColors: {
+    'unselected-bg': string;
+    'hover-outline': string;
+    'disabled-bg': string;
+    'selected-bg': string;
+    'selected-hover-outline': string;
+    'selected-disabled-bg': string;
+    thumb: string;
+    'disabled-thumb': string;
+    'disabled-thumb-off': string;
+    text: string;
+    'disabled-text': string;
+};

package/dist-lib/tokens/colors/tabColors.d.ts

@@ -0,0 +1,9 @@
+export declare const tabColors: {
+    'default-text': string;
+    'hover-text': string;
+    'selected-text': string;
+    'disabled-text': string;
+    'selected-underline': string;
+    'hover-underline': string;
+    'group-underline': string;
+};

package/dist-lib/tokens/colors/tableColors.d.ts

@@ -0,0 +1,8 @@
+export declare const tableColors: {
+    'header-bg': string;
+    'header-line': string;
+    'cell-line': string;
+    outline: string;
+    'row-bg': string;
+    'row-hover-bg': string;
+};

package/dist-lib/tokens/colors/tagColors.d.ts

@@ -0,0 +1,10 @@
+export declare const tagColors: {
+    'blue-bg': string;
+    'blue-text': string;
+    'red-bg': string;
+    'red-text': string;
+    'gray-bg': string;
+    'gray-text': string;
+    'black-bg': string;
+    'black-text': string;
+};

package/dist-lib/tokens/colors/textFieldColors.d.ts

@@ -0,0 +1,25 @@
+export declare const textFieldColors: {
+    'default-bg': string;
+    'default-line': string;
+    'default-text': string;
+    'hover-bg': string;
+    'hover-line': string;
+    'hover-text': string;
+    'focused-bg': string;
+    'focused-line': string;
+    'filled-bg': string;
+    'filled-line': string;
+    'filled-text': string;
+    'disabled-bg': string;
+    'disabled-line': string;
+    'disabled-text': string;
+    'disabled-icon': string;
+    'readonly-bg': string;
+    'readonly-line': string;
+    'readonly-text': string;
+    'readonly-icon': string;
+    'error-tooltip-bg': string;
+    'error-tooltip-text': string;
+    'normal-tooltip-bg': string;
+    'normal-tooltip-text': string;
+};

package/dist-lib/tokens/colors/toolbarColors.d.ts

@@ -0,0 +1,5 @@
+export declare const toolbarColors: {
+    'bg-top': string;
+    'bg-bottom': string;
+    line: string;
+};

package/dist-lib/tokens/colors.d.ts

@@ -0,0 +1,176 @@
+export declare const baseColors: {
+    base: {
+        gray: {
+            25: string;
+            50: string;
+            100: string;
+            125: string;
+            150: string;
+            200: string;
+            250: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        'gray-900-00': string;
+        'gray-900-10': string;
+        'gray-900-25': string;
+        'gray-900-50': string;
+        'gray-900-75': string;
+        'gray-900-100': string;
+        'gray-900-200': string;
+        'gray-900-300': string;
+        'white-00': string;
+        'white-10': string;
+        'white-25': string;
+        'white-50': string;
+        'white-75': string;
+        'white-100': string;
+        'white-200': string;
+        'white-300': string;
+        black: string;
+        white: string;
+        red: {
+            25: string;
+            50: string;
+            100: string;
+            150: string;
+            200: string;
+            250: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        'red-400-00': string;
+        'red-400-10': string;
+        'red-400-25': string;
+        'red-400-50': string;
+        'red-400-75': string;
+        'red-400-100': string;
+        'red-400-200': string;
+        'red-400-300': string;
+        blue: {
+            25: string;
+            50: string;
+            100: string;
+            150: string;
+            200: string;
+            250: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        'blue-400-00': string;
+        'blue-400-10': string;
+        'blue-400-25': string;
+        'blue-400-50': string;
+        'blue-400-75': string;
+        'blue-400-100': string;
+        'blue-400-200': string;
+        'blue-400-300': string;
+        green: {
+            25: string;
+            50: string;
+            100: string;
+            150: string;
+            200: string;
+            250: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        'green-400-00': string;
+        'green-400-10': string;
+        'green-400-25': string;
+        'green-400-50': string;
+        'green-400-75': string;
+        'green-400-100': string;
+        'green-400-200': string;
+        'green-400-300': string;
+        orange: {
+            25: string;
+            50: string;
+            100: string;
+            150: string;
+            200: string;
+            250: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        'orange-400-00': string;
+        'orange-400-10': string;
+        'orange-400-25': string;
+        'orange-400-50': string;
+        'orange-400-75': string;
+        'orange-400-100': string;
+        'orange-400-200': string;
+        'orange-400-300': string;
+        violet: {
+            25: string;
+            50: string;
+            100: string;
+            150: string;
+            200: string;
+            250: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        'violet-400-00': string;
+        'violet-400-10': string;
+        'violet-400-25': string;
+        'violet-400-50': string;
+        'violet-400-75': string;
+        'violet-400-100': string;
+        'violet-400-200': string;
+        'violet-400-300': string;
+        pink: {
+            25: string;
+            50: string;
+            100: string;
+            150: string;
+            200: string;
+            250: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        'pink-400-00': string;
+        'pink-400-10': string;
+        'pink-400-25': string;
+        'pink-400-50': string;
+        'pink-400-75': string;
+        'pink-400-100': string;
+        'pink-400-200': string;
+        'pink-400-300': string;
+    };
+};

package/dist-lib/tokens/fontIconColors.d.ts

@@ -0,0 +1,7 @@
+export declare const fontIconColors: {
+    5: string;
+    4: string;
+    3: string;
+    2: string;
+    1: string;
+};

package/dist-lib/tokens/icon.d.ts

@@ -0,0 +1,5 @@
+export declare const iconTokens: {
+    size: number;
+    strokeWidth: number;
+    color: string;
+};

package/dist-lib/tokens/index.d.ts

@@ -0,0 +1,32 @@
+export { fontFamily, fontSize } from './typography';
+export { lineHeight } from './lineHeight';
+export { baseColors } from './colors';
+export { fontIconColors } from './fontIconColors';
+export { buttonColors } from './colors/buttonColors';
+export { textFieldColors } from './colors/textFieldColors';
+export { labelFieldColors } from './colors/labelFieldColors';
+export { dividerColors } from './colors/dividerColors';
+export { chipColors } from './colors/chipColors';
+export { listColors } from './colors/listColors';
+export { tagColors } from './colors/tagColors';
+export { newTagColors } from './colors/newTagColors';
+export { sideNavColors } from './colors/sideNavColors';
+export { conditionOrderSlotColors } from './colors/conditionOrderSlotColors';
+export { conditionCardColors } from './colors/conditionCardColors';
+export { formulaColors } from './colors/formulaColors';
+export { builderAreaColors } from './colors/builderAreaColors';
+export { toolbarColors } from './colors/toolbarColors';
+export { accordionColors } from './colors/accordionColors';
+export { segmentedColors } from './colors/segmentedColors';
+export { checkboxColors } from './colors/checkboxColors';
+export { radioColors } from './colors/radioColors';
+export { switchColors } from './colors/switchColors';
+export { tabColors } from './colors/tabColors';
+export { tableColors } from './colors/tableColors';
+export { modalColors } from './colors/modalColors';
+export { calendarColors } from './colors/calendarColors';
+export { editorColors, editorTextPalette, editorHighlightPalette } from './colors/editorColors';
+export { spacing } from './spacing';
+export { radius } from './radius';
+export { borderWidth } from './border';
+export { iconTokens } from './icon';

package/dist-lib/tokens/lineHeight.d.ts

@@ -0,0 +1,11 @@
+export declare const lineHeight: {
+    16: string;
+    18: string;
+    20: string;
+    22: string;
+    24: string;
+    26: string;
+    28: string;
+    30: string;
+    32: string;
+};