@saas-ui/react 3.0.0-next.44 → 3.0.0-next.48

package/dist/theme/global-css.js

@@ -1,56 +0,0 @@
-import { defineGlobalStyles } from '@chakra-ui/react';
-const empty = 'var(--chakra-empty,/*!*/ /*!*/)';
-export const globalCss = defineGlobalStyles({
-    '*': {
-        '--ring-inset': empty,
-        '--ring-offset-width': '0px',
-        '--ring-offset-color': '#fff',
-        '--ring-color': 'rgba(66, 153, 225, 0.6)',
-        '--ring-offset-shadow': '0 0 #0000',
-        '--ring-shadow': '0 0 #0000',
-        ...Object.fromEntries([
-            'brightness',
-            'contrast',
-            'grayscale',
-            'hue-rotate',
-            'invert',
-            'saturate',
-            'sepia',
-            'drop-shadow',
-        ].map((prop) => [`--${prop}`, empty])),
-        ...Object.fromEntries([
-            'blur',
-            'brightness',
-            'contrast',
-            'grayscale',
-            'hue-rotate',
-            'invert',
-            'opacity',
-            'saturate',
-            'sepia',
-        ].map((prop) => [`--backdrop-${prop}`, empty])),
-        '--global-font-mono': 'fonts.mono',
-        '--global-font-body': 'fonts.body',
-        '--global-color-border': 'colors.border',
-        '--cursor-button': 'default',
-        '--radius-full': '9999px',
-        '--scale-factor': '1',
-        '--overlay-effect': 'blur({blurs.lg})',
-        '--backdrop-effect': 'none',
-        '--scrollbar-color': 'colors.border.emphasized',
-        scrollbarWidth: 'thin',
-        scrollbarColor: 'var(--scrollbar-color) transparent',
-    },
-    body: {
-        color: 'fg',
-        bg: 'bg',
-        lineHeight: '1.5',
-        colorPalette: 'accent',
-    },
-    '*::placeholder, *[data-placeholder]': {
-        color: 'fg.muted/90',
-    },
-    '*::selection': {
-        bg: 'colorPalette.solid/20',
-    },
-});

package/dist/theme/index.d.ts

@@ -1 +0,0 @@
-export declare const defaultThemeConfig: import("@chakra-ui/react").SystemConfig;

package/dist/theme/index.js

@@ -1,72 +0,0 @@
-import { defineConfig } from '@chakra-ui/react';
-import { animationStyles } from "./animation-styles.js";
-import { breakpoints } from "./breakpoints.js";
-import { conditions } from "./conditions.js";
-import { globalCss } from "./global-css.js";
-import { layerStyles } from "./layer-styles.js";
-import { recipes } from "./recipes.js";
-import { semanticColors } from "./semantic-tokens/colors.js";
-import { semanticRadii } from "./semantic-tokens/radii.js";
-import { semanticShadows } from "./semantic-tokens/shadows.js";
-import { slotRecipes } from "./slot-recipes.js";
-import { textStyles } from "./text-styles.js";
-import { animations } from "./tokens/animations.js";
-import { aspectRatios } from "./tokens/aspect-ratios.js";
-import { blurs } from "./tokens/blurs.js";
-import { borders } from "./tokens/borders.js";
-import { colors } from "./tokens/colors.js";
-import { cursor } from "./tokens/cursor.js";
-import { durations } from "./tokens/durations.js";
-import { easings } from "./tokens/easings.js";
-import { fontSizes } from "./tokens/font-sizes.js";
-import { fontWeights } from "./tokens/font-weights.js";
-import { fonts } from "./tokens/fonts.js";
-import { keyframes } from "./tokens/keyframes.js";
-import { letterSpacings } from "./tokens/letter-spacing.js";
-import { lineHeights } from "./tokens/line-heights.js";
-import { radii } from "./tokens/radius.js";
-import { sizes } from "./tokens/sizes.js";
-import { spacing } from "./tokens/spacing.js";
-import { zIndices } from "./tokens/z-indices.js";
-import { utilities } from "./utilities.js";
-export const defaultThemeConfig = defineConfig({
-    preflight: true,
-    cssVarsPrefix: 'chakra',
-    cssVarsRoot: ':where(html, .chakra-theme)',
-    globalCss: globalCss,
-    utilities: utilities,
-    theme: {
-        breakpoints: breakpoints,
-        keyframes: keyframes,
-        tokens: {
-            animations,
-            aspectRatios,
-            blurs,
-            borders,
-            colors,
-            durations,
-            easings,
-            fonts,
-            fontSizes,
-            fontWeights,
-            letterSpacings,
-            lineHeights,
-            radii,
-            spacing,
-            sizes,
-            zIndex: zIndices,
-            cursor,
-        },
-        semanticTokens: {
-            colors: semanticColors,
-            radii: semanticRadii,
-            shadows: semanticShadows,
-        },
-        recipes: recipes,
-        slotRecipes: slotRecipes,
-        textStyles: textStyles,
-        layerStyles: layerStyles,
-        animationStyles: animationStyles,
-    },
-    conditions,
-});

package/dist/theme/layer-styles.d.ts

@@ -1 +0,0 @@
-export declare const layerStyles: any;

package/dist/theme/layer-styles.js

@@ -1,133 +0,0 @@
-import { defineLayerStyles } from '@chakra-ui/react';
-export const layerStyles = defineLayerStyles({
-    // fill: some background color + color combination
-    'fill.muted': {
-        value: {
-            background: 'colorPalette.muted',
-            color: 'colorPalette.fg',
-        },
-    },
-    'fill.subtle': {
-        value: {
-            background: 'colorPalette.subtle',
-            color: 'colorPalette.fg',
-        },
-    },
-    'fill.surface': {
-        value: {
-            background: 'colorPalette.muted',
-            color: 'colorPalette.fg',
-            boxShadow: 'inset 0 0 0px 1px var(--shadow-color)',
-            boxShadowColor: 'colorPalette.subtle',
-        },
-    },
-    'fill.solid': {
-        value: {
-            background: 'colorPalette.solid',
-            color: 'colorPalette.contrast',
-        },
-    },
-    // outline: some border color + color combination
-    'outline.subtle': {
-        value: {
-            color: 'colorPalette.fg',
-            boxShadow: 'inset 0 0 0px 1px var(--shadow-color)',
-            boxShadowColor: 'colorPalette.subtle',
-        },
-    },
-    'outline.solid': {
-        value: {
-            borderWidth: '1px',
-            borderColor: 'colorPalette.solid',
-            color: 'colorPalette.fg',
-        },
-    },
-    // indicator: floating border color or left/bottom border
-    'indicator.bottom': {
-        value: {
-            position: 'relative',
-            '--indicator-color-fallback': 'colors.colorPalette.solid',
-            _before: {
-                content: `""`,
-                position: 'absolute',
-                bottom: 'var(--indicator-offset-y, 0)',
-                insetInline: 'var(--indicator-offset-x, 0)',
-                height: 'var(--indicator-thickness, 3px)',
-                borderTopLeftRadius: 'var(--indicator-thickness, 3px)',
-                borderTopRightRadius: 'var(--indicator-thickness, 3px)',
-                background: 'var(--indicator-color, var(--indicator-color-fallback))',
-            },
-        },
-    },
-    'indicator.top': {
-        value: {
-            position: 'relative',
-            '--indicator-color-fallback': 'colors.colorPalette.solid',
-            _before: {
-                content: `""`,
-                position: 'absolute',
-                top: 'var(--indicator-offset-y, 0)',
-                insetInline: 'var(--indicator-offset-x, 0)',
-                height: 'var(--indicator-thickness, 3px)',
-                borderBottomLeftRadius: 'var(--indicator-thickness, 3px)',
-                borderBottomRightRadius: 'var(--indicator-thickness, 3px)',
-                background: 'var(--indicator-color, var(--indicator-color-fallback))',
-            },
-        },
-    },
-    'indicator.start': {
-        value: {
-            position: 'relative',
-            '--indicator-color-fallback': 'colors.colorPalette.solid',
-            _before: {
-                content: `""`,
-                position: 'absolute',
-                insetInlineStart: 'var(--indicator-offset-x, 0)',
-                insetBlock: 'var(--indicator-offset-y, 0)',
-                width: 'var(--indicator-thickness, 3px)',
-                borderTopLeftRadius: 'var(--indicator-thickness, 3px)',
-                borderBottomLeftRadius: 'var(--indicator-thickness, 3px)',
-                background: 'var(--indicator-color, var(--indicator-color-fallback))',
-            },
-        },
-    },
-    'indicator.end': {
-        value: {
-            position: 'relative',
-            '--indicator-color-fallback': 'colors.colorPalette.solid',
-            _before: {
-                content: `""`,
-                position: 'absolute',
-                insetInlineEnd: 'var(--indicator-offset-x, 0)',
-                insetBlock: 'var(--indicator-offset-y, 0)',
-                width: 'var(--indicator-thickness, 3px)',
-                borderTopRightRadius: 'var(--indicator-thickness, 3px)',
-                borderBottomRightRadius: 'var(--indicator-thickness, 3px)',
-                background: 'var(--indicator-color, var(--indicator-color-fallback))',
-            },
-        },
-    },
-    disabled: {
-        value: {
-            opacity: '0.5',
-            cursor: 'not-allowed',
-        },
-    },
-    none: {
-        value: {},
-    },
-    overlay: {
-        value: {
-            bg: 'bg.overlay',
-            backdropFilter: 'var(--overlay-effect)',
-            borderRadius: 'panel.lg',
-            boxShadow: 'overlay',
-        },
-    },
-    backdrop: {
-        value: {
-            bg: 'bg.backdrop',
-            backdropFilter: 'var(--backdrop-effect)',
-        },
-    },
-});