twenty-ui 1.0.0-alpha.1 → 2.41.0

package/dist/theme-constants/themeTypes.d.ts

@@ -0,0 +1,1096 @@
+export type ThemeType = {
+    icon: {
+        size: {
+            sm: number;
+            md: number;
+            lg: number;
+            xl: number;
+        };
+        stroke: {
+            sm: number;
+            md: number;
+            lg: number;
+        };
+    };
+    modal: {
+        size: {
+            sm: {
+                width: string;
+            };
+            md: {
+                width: string;
+            };
+            lg: {
+                width: string;
+            };
+            xl: {
+                width: string;
+                height: string;
+            };
+            fullscreen: {
+                width: string;
+                height: string;
+            };
+        };
+    };
+    text: {
+        lineHeight: {
+            lg: number;
+            md: number;
+        };
+        iconSizeMedium: number;
+        iconSizeSmall: number;
+        iconStrikeLight: number;
+        iconStrikeMedium: number;
+        iconStrikeBold: number;
+    };
+    tooltip: {
+        background: string;
+        color: string;
+        descriptionColor: string;
+    };
+    animation: {
+        duration: {
+            instant: number;
+            fast: number;
+            normal: number;
+            slow: number;
+        };
+    };
+    spacingMultiplicator: number;
+    spacing: {
+        '0': string;
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '7': string;
+        '8': string;
+        '9': string;
+        '10': string;
+        '11': string;
+        '12': string;
+        '13': string;
+        '14': string;
+        '15': string;
+        '16': string;
+        '17': string;
+        '18': string;
+        '19': string;
+        '20': string;
+        '21': string;
+        '22': string;
+        '23': string;
+        '24': string;
+        '25': string;
+        '26': string;
+        '27': string;
+        '28': string;
+        '29': string;
+        '30': string;
+        '31': string;
+        '32': string;
+        '0.5': string;
+        '1.5': string;
+    };
+    betweenSiblingsGap: string;
+    table: {
+        horizontalCellMargin: string;
+        checkboxColumnWidth: string;
+        horizontalCellPadding: string;
+    };
+    sidePanelWidth: string;
+    clickableElementBackgroundTransition: string;
+    lastLayerZIndex: number;
+    buttons: {
+        secondaryTextColor: string;
+    };
+    accent: {
+        primary: string;
+        secondary: string;
+        tertiary: string;
+        quaternary: string;
+        accent3570: string;
+        accent4060: string;
+        accent1: string;
+        accent2: string;
+        accent3: string;
+        accent4: string;
+        accent5: string;
+        accent6: string;
+        accent7: string;
+        accent8: string;
+        accent9: string;
+        accent10: string;
+        accent11: string;
+        accent12: string;
+    };
+    background: {
+        noisy: string;
+        primary: string;
+        secondary: string;
+        tertiary: string;
+        quaternary: string;
+        invertedPrimary: string;
+        invertedSecondary: string;
+        danger: string;
+        transparent: {
+            primary: string;
+            secondary: string;
+            strong: string;
+            medium: string;
+            light: string;
+            lighter: string;
+            danger: string;
+            blue: string;
+            orange: string;
+            success: string;
+        };
+        overlayPrimary: string;
+        overlaySecondary: string;
+        overlayTertiary: string;
+        radialGradient: string;
+        radialGradientHover: string;
+        primaryInverted: string;
+        primaryInvertedHover: string;
+    };
+    blur: {
+        light: string;
+        medium: string;
+        strong: string;
+    };
+    border: {
+        color: {
+            strong: string;
+            medium: string;
+            light: string;
+            secondaryInverted: string;
+            inverted: string;
+            danger: string;
+            blue: string;
+            transparentStrong: string;
+        };
+        radius: {
+            xs: string;
+            sm: string;
+            md: string;
+            smRound: string;
+            mdRound: string;
+            lg: string;
+            xl: string;
+            xxl: string;
+            pill: string;
+            rounded: string;
+        };
+    };
+    boxShadow: {
+        color: string;
+        light: string;
+        sidebar: string;
+        strong: string;
+        underline: string;
+        superHeavy: string;
+    };
+    font: {
+        color: {
+            primary: string;
+            secondary: string;
+            tertiary: string;
+            light: string;
+            extraLight: string;
+            inverted: string;
+            danger: string;
+        };
+        size: {
+            xxs: string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            xxl: string;
+        };
+        weight: {
+            regular: number;
+            medium: number;
+            semiBold: number;
+        };
+        family: string;
+    };
+    name: string;
+    snackBar: {
+        success: {
+            color: string;
+            backgroundColor: string;
+        };
+        error: {
+            color: string;
+            backgroundColor: string;
+        };
+        warning: {
+            color: string;
+            backgroundColor: string;
+        };
+        info: {
+            color: string;
+            backgroundColor: string;
+        };
+        default: {
+            color: string;
+            backgroundColor: string;
+        };
+    };
+    tag: {
+        text: {
+            gray: string;
+            mauve: string;
+            slate: string;
+            sage: string;
+            olive: string;
+            sand: string;
+            tomato: string;
+            red: string;
+            ruby: string;
+            crimson: string;
+            pink: string;
+            plum: string;
+            purple: string;
+            violet: string;
+            iris: string;
+            cyan: string;
+            turquoise: string;
+            sky: string;
+            blue: string;
+            jade: string;
+            green: string;
+            grass: string;
+            mint: string;
+            lime: string;
+            bronze: string;
+            gold: string;
+            brown: string;
+            orange: string;
+            amber: string;
+            yellow: string;
+        };
+        background: {
+            gray: string;
+            mauve: string;
+            slate: string;
+            sage: string;
+            olive: string;
+            sand: string;
+            tomato: string;
+            red: string;
+            ruby: string;
+            crimson: string;
+            pink: string;
+            plum: string;
+            purple: string;
+            violet: string;
+            iris: string;
+            cyan: string;
+            turquoise: string;
+            sky: string;
+            blue: string;
+            jade: string;
+            green: string;
+            grass: string;
+            mint: string;
+            lime: string;
+            bronze: string;
+            gold: string;
+            brown: string;
+            orange: string;
+            amber: string;
+            yellow: string;
+        };
+    };
+    code: {
+        text: {
+            gray: string;
+            sky: string;
+            pink: string;
+            orange: string;
+            green: string;
+        };
+        font: {
+            family: string;
+        };
+    };
+    IllustrationIcon: {
+        color: {
+            blue: string;
+            gray: string;
+        };
+        fill: {
+            blue: string;
+            gray: string;
+        };
+    };
+    grayScale: {
+        gray1: string;
+        gray2: string;
+        gray3: string;
+        gray4: string;
+        gray5: string;
+        gray6: string;
+        gray7: string;
+        gray8: string;
+        gray9: string;
+        gray10: string;
+        gray11: string;
+        gray12: string;
+    };
+    color: {
+        red: string;
+        ruby: string;
+        crimson: string;
+        tomato: string;
+        orange: string;
+        amber: string;
+        yellow: string;
+        lime: string;
+        grass: string;
+        green: string;
+        jade: string;
+        mint: string;
+        turquoise: string;
+        cyan: string;
+        sky: string;
+        blue: string;
+        iris: string;
+        violet: string;
+        purple: string;
+        plum: string;
+        pink: string;
+        bronze: string;
+        gold: string;
+        brown: string;
+        gray: string;
+        yellow1: string;
+        yellow2: string;
+        yellow3: string;
+        yellow4: string;
+        yellow5: string;
+        yellow6: string;
+        yellow7: string;
+        yellow8: string;
+        yellow9: string;
+        yellow10: string;
+        yellow11: string;
+        yellow12: string;
+        green1: string;
+        green2: string;
+        green3: string;
+        green4: string;
+        green5: string;
+        green6: string;
+        green7: string;
+        green8: string;
+        green9: string;
+        green10: string;
+        green11: string;
+        green12: string;
+        turquoise1: string;
+        turquoise2: string;
+        turquoise3: string;
+        turquoise4: string;
+        turquoise5: string;
+        turquoise6: string;
+        turquoise7: string;
+        turquoise8: string;
+        turquoise9: string;
+        turquoise10: string;
+        turquoise11: string;
+        turquoise12: string;
+        sky1: string;
+        sky2: string;
+        sky3: string;
+        sky4: string;
+        sky5: string;
+        sky6: string;
+        sky7: string;
+        sky8: string;
+        sky9: string;
+        sky10: string;
+        sky11: string;
+        sky12: string;
+        blue1: string;
+        blue2: string;
+        blue3: string;
+        blue4: string;
+        blue5: string;
+        blue6: string;
+        blue7: string;
+        blue8: string;
+        blue9: string;
+        blue10: string;
+        blue11: string;
+        blue12: string;
+        purple1: string;
+        purple2: string;
+        purple3: string;
+        purple4: string;
+        purple5: string;
+        purple6: string;
+        purple7: string;
+        purple8: string;
+        purple9: string;
+        purple10: string;
+        purple11: string;
+        purple12: string;
+        pink1: string;
+        pink2: string;
+        pink3: string;
+        pink4: string;
+        pink5: string;
+        pink6: string;
+        pink7: string;
+        pink8: string;
+        pink9: string;
+        pink10: string;
+        pink11: string;
+        pink12: string;
+        red1: string;
+        red2: string;
+        red3: string;
+        red4: string;
+        red5: string;
+        red6: string;
+        red7: string;
+        red8: string;
+        red9: string;
+        red10: string;
+        red11: string;
+        red12: string;
+        orange1: string;
+        orange2: string;
+        orange3: string;
+        orange4: string;
+        orange5: string;
+        orange6: string;
+        orange7: string;
+        orange8: string;
+        orange9: string;
+        orange10: string;
+        orange11: string;
+        orange12: string;
+        gray1: string;
+        gray2: string;
+        gray3: string;
+        gray4: string;
+        gray5: string;
+        gray6: string;
+        gray7: string;
+        gray8: string;
+        gray9: string;
+        gray10: string;
+        gray11: string;
+        gray12: string;
+        mauve1: string;
+        mauve2: string;
+        mauve3: string;
+        mauve4: string;
+        mauve5: string;
+        mauve6: string;
+        mauve7: string;
+        mauve8: string;
+        mauve9: string;
+        mauve10: string;
+        mauve11: string;
+        mauve12: string;
+        slate1: string;
+        slate2: string;
+        slate3: string;
+        slate4: string;
+        slate5: string;
+        slate6: string;
+        slate7: string;
+        slate8: string;
+        slate9: string;
+        slate10: string;
+        slate11: string;
+        slate12: string;
+        sage1: string;
+        sage2: string;
+        sage3: string;
+        sage4: string;
+        sage5: string;
+        sage6: string;
+        sage7: string;
+        sage8: string;
+        sage9: string;
+        sage10: string;
+        sage11: string;
+        sage12: string;
+        olive1: string;
+        olive2: string;
+        olive3: string;
+        olive4: string;
+        olive5: string;
+        olive6: string;
+        olive7: string;
+        olive8: string;
+        olive9: string;
+        olive10: string;
+        olive11: string;
+        olive12: string;
+        sand1: string;
+        sand2: string;
+        sand3: string;
+        sand4: string;
+        sand5: string;
+        sand6: string;
+        sand7: string;
+        sand8: string;
+        sand9: string;
+        sand10: string;
+        sand11: string;
+        sand12: string;
+        tomato1: string;
+        tomato2: string;
+        tomato3: string;
+        tomato4: string;
+        tomato5: string;
+        tomato6: string;
+        tomato7: string;
+        tomato8: string;
+        tomato9: string;
+        tomato10: string;
+        tomato11: string;
+        tomato12: string;
+        ruby1: string;
+        ruby2: string;
+        ruby3: string;
+        ruby4: string;
+        ruby5: string;
+        ruby6: string;
+        ruby7: string;
+        ruby8: string;
+        ruby9: string;
+        ruby10: string;
+        ruby11: string;
+        ruby12: string;
+        crimson1: string;
+        crimson2: string;
+        crimson3: string;
+        crimson4: string;
+        crimson5: string;
+        crimson6: string;
+        crimson7: string;
+        crimson8: string;
+        crimson9: string;
+        crimson10: string;
+        crimson11: string;
+        crimson12: string;
+        plum1: string;
+        plum2: string;
+        plum3: string;
+        plum4: string;
+        plum5: string;
+        plum6: string;
+        plum7: string;
+        plum8: string;
+        plum9: string;
+        plum10: string;
+        plum11: string;
+        plum12: string;
+        violet1: string;
+        violet2: string;
+        violet3: string;
+        violet4: string;
+        violet5: string;
+        violet6: string;
+        violet7: string;
+        violet8: string;
+        violet9: string;
+        violet10: string;
+        violet11: string;
+        violet12: string;
+        iris1: string;
+        iris2: string;
+        iris3: string;
+        iris4: string;
+        iris5: string;
+        iris6: string;
+        iris7: string;
+        iris8: string;
+        iris9: string;
+        iris10: string;
+        iris11: string;
+        iris12: string;
+        cyan1: string;
+        cyan2: string;
+        cyan3: string;
+        cyan4: string;
+        cyan5: string;
+        cyan6: string;
+        cyan7: string;
+        cyan8: string;
+        cyan9: string;
+        cyan10: string;
+        cyan11: string;
+        cyan12: string;
+        jade1: string;
+        jade2: string;
+        jade3: string;
+        jade4: string;
+        jade5: string;
+        jade6: string;
+        jade7: string;
+        jade8: string;
+        jade9: string;
+        jade10: string;
+        jade11: string;
+        jade12: string;
+        grass1: string;
+        grass2: string;
+        grass3: string;
+        grass4: string;
+        grass5: string;
+        grass6: string;
+        grass7: string;
+        grass8: string;
+        grass9: string;
+        grass10: string;
+        grass11: string;
+        grass12: string;
+        mint1: string;
+        mint2: string;
+        mint3: string;
+        mint4: string;
+        mint5: string;
+        mint6: string;
+        mint7: string;
+        mint8: string;
+        mint9: string;
+        mint10: string;
+        mint11: string;
+        mint12: string;
+        lime1: string;
+        lime2: string;
+        lime3: string;
+        lime4: string;
+        lime5: string;
+        lime6: string;
+        lime7: string;
+        lime8: string;
+        lime9: string;
+        lime10: string;
+        lime11: string;
+        lime12: string;
+        bronze1: string;
+        bronze2: string;
+        bronze3: string;
+        bronze4: string;
+        bronze5: string;
+        bronze6: string;
+        bronze7: string;
+        bronze8: string;
+        bronze9: string;
+        bronze10: string;
+        bronze11: string;
+        bronze12: string;
+        gold1: string;
+        gold2: string;
+        gold3: string;
+        gold4: string;
+        gold5: string;
+        gold6: string;
+        gold7: string;
+        gold8: string;
+        gold9: string;
+        gold10: string;
+        gold11: string;
+        gold12: string;
+        brown1: string;
+        brown2: string;
+        brown3: string;
+        brown4: string;
+        brown5: string;
+        brown6: string;
+        brown7: string;
+        brown8: string;
+        brown9: string;
+        brown10: string;
+        brown11: string;
+        brown12: string;
+        amber1: string;
+        amber2: string;
+        amber3: string;
+        amber4: string;
+        amber5: string;
+        amber6: string;
+        amber7: string;
+        amber8: string;
+        amber9: string;
+        amber10: string;
+        amber11: string;
+        amber12: string;
+        transparent: {
+            green1: string;
+            green2: string;
+            green3: string;
+            green4: string;
+            green5: string;
+            green6: string;
+            green7: string;
+            green8: string;
+            green9: string;
+            green10: string;
+            green11: string;
+            green12: string;
+            turquoise1: string;
+            turquoise2: string;
+            turquoise3: string;
+            turquoise4: string;
+            turquoise5: string;
+            turquoise6: string;
+            turquoise7: string;
+            turquoise8: string;
+            turquoise9: string;
+            turquoise10: string;
+            turquoise11: string;
+            turquoise12: string;
+            sky1: string;
+            sky2: string;
+            sky3: string;
+            sky4: string;
+            sky5: string;
+            sky6: string;
+            sky7: string;
+            sky8: string;
+            sky9: string;
+            sky10: string;
+            sky11: string;
+            sky12: string;
+            blue1: string;
+            blue2: string;
+            blue3: string;
+            blue4: string;
+            blue5: string;
+            blue6: string;
+            blue7: string;
+            blue8: string;
+            blue9: string;
+            blue10: string;
+            blue11: string;
+            blue12: string;
+            purple1: string;
+            purple2: string;
+            purple3: string;
+            purple4: string;
+            purple5: string;
+            purple6: string;
+            purple7: string;
+            purple8: string;
+            purple9: string;
+            purple10: string;
+            purple11: string;
+            purple12: string;
+            pink1: string;
+            pink2: string;
+            pink3: string;
+            pink4: string;
+            pink5: string;
+            pink6: string;
+            pink7: string;
+            pink8: string;
+            pink9: string;
+            pink10: string;
+            pink11: string;
+            pink12: string;
+            red1: string;
+            red2: string;
+            red3: string;
+            red4: string;
+            red5: string;
+            red6: string;
+            red7: string;
+            red8: string;
+            red9: string;
+            red10: string;
+            red11: string;
+            red12: string;
+            orange1: string;
+            orange2: string;
+            orange3: string;
+            orange4: string;
+            orange5: string;
+            orange6: string;
+            orange7: string;
+            orange8: string;
+            orange9: string;
+            orange10: string;
+            orange11: string;
+            orange12: string;
+            yellow1: string;
+            yellow2: string;
+            yellow3: string;
+            yellow4: string;
+            yellow5: string;
+            yellow6: string;
+            yellow7: string;
+            yellow8: string;
+            yellow9: string;
+            yellow10: string;
+            yellow11: string;
+            yellow12: string;
+            gray1: string;
+            gray2: string;
+            gray3: string;
+            gray4: string;
+            gray5: string;
+            gray6: string;
+            gray7: string;
+            gray8: string;
+            gray9: string;
+            gray10: string;
+            gray11: string;
+            gray12: string;
+            mauve1: string;
+            mauve2: string;
+            mauve3: string;
+            mauve4: string;
+            mauve5: string;
+            mauve6: string;
+            mauve7: string;
+            mauve8: string;
+            mauve9: string;
+            mauve10: string;
+            mauve11: string;
+            mauve12: string;
+            slate1: string;
+            slate2: string;
+            slate3: string;
+            slate4: string;
+            slate5: string;
+            slate6: string;
+            slate7: string;
+            slate8: string;
+            slate9: string;
+            slate10: string;
+            slate11: string;
+            slate12: string;
+            sage1: string;
+            sage2: string;
+            sage3: string;
+            sage4: string;
+            sage5: string;
+            sage6: string;
+            sage7: string;
+            sage8: string;
+            sage9: string;
+            sage10: string;
+            sage11: string;
+            sage12: string;
+            olive1: string;
+            olive2: string;
+            olive3: string;
+            olive4: string;
+            olive5: string;
+            olive6: string;
+            olive7: string;
+            olive8: string;
+            olive9: string;
+            olive10: string;
+            olive11: string;
+            olive12: string;
+            sand1: string;
+            sand2: string;
+            sand3: string;
+            sand4: string;
+            sand5: string;
+            sand6: string;
+            sand7: string;
+            sand8: string;
+            sand9: string;
+            sand10: string;
+            sand11: string;
+            sand12: string;
+            tomato1: string;
+            tomato2: string;
+            tomato3: string;
+            tomato4: string;
+            tomato5: string;
+            tomato6: string;
+            tomato7: string;
+            tomato8: string;
+            tomato9: string;
+            tomato10: string;
+            tomato11: string;
+            tomato12: string;
+            ruby1: string;
+            ruby2: string;
+            ruby3: string;
+            ruby4: string;
+            ruby5: string;
+            ruby6: string;
+            ruby7: string;
+            ruby8: string;
+            ruby9: string;
+            ruby10: string;
+            ruby11: string;
+            ruby12: string;
+            crimson1: string;
+            crimson2: string;
+            crimson3: string;
+            crimson4: string;
+            crimson5: string;
+            crimson6: string;
+            crimson7: string;
+            crimson8: string;
+            crimson9: string;
+            crimson10: string;
+            crimson11: string;
+            crimson12: string;
+            plum1: string;
+            plum2: string;
+            plum3: string;
+            plum4: string;
+            plum5: string;
+            plum6: string;
+            plum7: string;
+            plum8: string;
+            plum9: string;
+            plum10: string;
+            plum11: string;
+            plum12: string;
+            violet1: string;
+            violet2: string;
+            violet3: string;
+            violet4: string;
+            violet5: string;
+            violet6: string;
+            violet7: string;
+            violet8: string;
+            violet9: string;
+            violet10: string;
+            violet11: string;
+            violet12: string;
+            iris1: string;
+            iris2: string;
+            iris3: string;
+            iris4: string;
+            iris5: string;
+            iris6: string;
+            iris7: string;
+            iris8: string;
+            iris9: string;
+            iris10: string;
+            iris11: string;
+            iris12: string;
+            cyan1: string;
+            cyan2: string;
+            cyan3: string;
+            cyan4: string;
+            cyan5: string;
+            cyan6: string;
+            cyan7: string;
+            cyan8: string;
+            cyan9: string;
+            cyan10: string;
+            cyan11: string;
+            cyan12: string;
+            jade1: string;
+            jade2: string;
+            jade3: string;
+            jade4: string;
+            jade5: string;
+            jade6: string;
+            jade7: string;
+            jade8: string;
+            jade9: string;
+            jade10: string;
+            jade11: string;
+            jade12: string;
+            grass1: string;
+            grass2: string;
+            grass3: string;
+            grass4: string;
+            grass5: string;
+            grass6: string;
+            grass7: string;
+            grass8: string;
+            grass9: string;
+            grass10: string;
+            grass11: string;
+            grass12: string;
+            mint1: string;
+            mint2: string;
+            mint3: string;
+            mint4: string;
+            mint5: string;
+            mint6: string;
+            mint7: string;
+            mint8: string;
+            mint9: string;
+            mint10: string;
+            mint11: string;
+            mint12: string;
+            lime1: string;
+            lime2: string;
+            lime3: string;
+            lime4: string;
+            lime5: string;
+            lime6: string;
+            lime7: string;
+            lime8: string;
+            lime9: string;
+            lime10: string;
+            lime11: string;
+            lime12: string;
+            bronze1: string;
+            bronze2: string;
+            bronze3: string;
+            bronze4: string;
+            bronze5: string;
+            bronze6: string;
+            bronze7: string;
+            bronze8: string;
+            bronze9: string;
+            bronze10: string;
+            bronze11: string;
+            bronze12: string;
+            gold1: string;
+            gold2: string;
+            gold3: string;
+            gold4: string;
+            gold5: string;
+            gold6: string;
+            gold7: string;
+            gold8: string;
+            gold9: string;
+            gold10: string;
+            gold11: string;
+            gold12: string;
+            brown1: string;
+            brown2: string;
+            brown3: string;
+            brown4: string;
+            brown5: string;
+            brown6: string;
+            brown7: string;
+            brown8: string;
+            brown9: string;
+            brown10: string;
+            brown11: string;
+            brown12: string;
+            amber1: string;
+            amber2: string;
+            amber3: string;
+            amber4: string;
+            amber5: string;
+            amber6: string;
+            amber7: string;
+            amber8: string;
+            amber9: string;
+            amber10: string;
+            amber11: string;
+            amber12: string;
+        };
+    };
+};