@soroush.tech/styled-system 5.8.3 → 6.0.0-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/background.d.cts +2 -2
- package/dist/background.d.mts +2 -2
- package/dist/border.d.cts +2 -2
- package/dist/border.d.mts +2 -2
- package/dist/color.d.cts +2 -2
- package/dist/color.d.mts +2 -2
- package/dist/core.cjs +28 -24
- package/dist/core.d.cts +3 -2
- package/dist/core.d.mts +3 -2
- package/dist/core.mjs +23 -25
- package/dist/{css-BTuRmXCo.mjs → css-Ba4jdXOq.mjs} +27 -17
- package/dist/{css-CeNnKyGm.cjs → css-D1zAlDVz.cjs} +27 -17
- package/dist/css.cjs +1 -1
- package/dist/css.d.cts +2 -1
- package/dist/css.d.mts +2 -1
- package/dist/css.mjs +1 -1
- package/dist/flexbox.d.cts +2 -2
- package/dist/flexbox.d.mts +2 -2
- package/dist/grid-BlMUPDJM.cjs +156 -0
- package/dist/grid-CYjL4-gb.mjs +126 -0
- package/dist/grid.cjs +5 -1
- package/dist/grid.d.cts +3 -3
- package/dist/grid.d.mts +3 -3
- package/dist/grid.mjs +2 -2
- package/dist/index-90_abc05.d.mts +6 -0
- package/dist/{index-6cAxfKIl.d.mts → index-BQPI7z-B.d.mts} +2 -2
- package/dist/index-BmyL5qR7.d.cts +6 -0
- package/dist/index-Bwpwvg1h.d.cts +6 -0
- package/dist/index-Bxh1FNcS.d.cts +6 -0
- package/dist/index-ByDfI1go.d.cts +6 -0
- package/dist/index-C1IdMVtQ.d.mts +6 -0
- package/dist/index-CQWZd4iQ.d.mts +6 -0
- package/dist/index-CQyvhO-h.d.cts +6 -0
- package/dist/index-CXK27dY_.d.cts +42 -0
- package/dist/{index-O6xVfQo3.d.cts → index-CgJzEbXW.d.cts} +2 -2
- package/dist/{index-DbknCBOx.d.mts → index-ClbGlQxq.d.mts} +2 -2
- package/dist/{index-bHspW0eP.d.cts → index-Csbxj8Yo.d.cts} +2 -2
- package/dist/index-D1mRMWDm.d.cts +6 -0
- package/dist/index-D2v_oJEm.d.cts +6 -0
- package/dist/index-D5xp7RWT.d.cts +6 -0
- package/dist/index-D7IZ8-Zq.d.mts +42 -0
- package/dist/index-DKz4zEeT.d.mts +6 -0
- package/dist/{index-C0SM54dQ.d.cts → index-IulNhyDt.d.mts} +4 -3
- package/dist/index-MbcUN6uf.d.mts +6 -0
- package/dist/index-aRomguCQ.d.mts +6 -0
- package/dist/{index-C0SM54dQ.d.mts → index-iVqAMF2L.d.cts} +4 -3
- package/dist/index-nfjmLzHF.d.mts +6 -0
- package/dist/index-pzogdlkS.d.mts +6 -0
- package/dist/index.cjs +14 -3
- package/dist/index.d.cts +15 -14
- package/dist/index.d.mts +15 -14
- package/dist/index.mjs +5 -4
- package/dist/{layout-kqQ2OsL5.cjs → layout-D3pG7vBp.cjs} +3 -1
- package/dist/{layout-lG3i5mWZ.mjs → layout-DF83ooFn.mjs} +3 -1
- package/dist/layout.cjs +1 -1
- package/dist/layout.d.cts +3 -3
- package/dist/layout.d.mts +3 -3
- package/dist/layout.mjs +1 -1
- package/dist/media-Bho3l7WK.mjs +85 -0
- package/dist/media-CfYDomHt.d.cts +54 -0
- package/dist/media-CfYDomHt.d.mts +54 -0
- package/dist/media-DSJdRy_k.cjs +120 -0
- package/dist/position.d.cts +2 -2
- package/dist/position.d.mts +2 -2
- package/dist/{presets-Dg3yjRZU.mjs → presets-DsxPfpSE.mjs} +4 -4
- package/dist/{presets-B2nFh_Zn.cjs → presets-KURYP1_7.cjs} +4 -4
- package/dist/prop-types.cjs +3 -3
- package/dist/prop-types.mjs +3 -3
- package/dist/props.cjs +1 -1
- package/dist/props.mjs +1 -1
- package/dist/shadow.d.cts +2 -2
- package/dist/shadow.d.mts +2 -2
- package/dist/should-forward-prop.cjs +1 -1
- package/dist/should-forward-prop.mjs +1 -1
- package/dist/space.d.cts +2 -2
- package/dist/space.d.mts +2 -2
- package/dist/{types-B52XAdkx.d.cts → types-Cv5WjcVA.d.cts} +36 -4
- package/dist/{types-B52XAdkx.d.mts → types-Cv5WjcVA.d.mts} +36 -4
- package/dist/typography.d.cts +2 -2
- package/dist/typography.d.mts +2 -2
- package/dist/{variant-BSwNEY5l.cjs → variant-BSPTyRcQ.cjs} +1 -1
- package/dist/{variant-NupmzzRg.mjs → variant-D1u5rSqm.mjs} +1 -1
- package/dist/variant.cjs +1 -1
- package/dist/variant.d.cts +2 -2
- package/dist/variant.d.mts +2 -2
- package/dist/variant.mjs +1 -1
- package/package.json +4 -4
- package/dist/grid-Bpk-QjhF.mjs +0 -41
- package/dist/grid-CpvRIng4.cjs +0 -47
- package/dist/index-B89zA95f.d.mts +0 -6
- package/dist/index-BBuQfHYC.d.cts +0 -6
- package/dist/index-BNnm8JPL.d.mts +0 -6
- package/dist/index-B_swWveU.d.cts +0 -6
- package/dist/index-Bqj29Szo.d.mts +0 -6
- package/dist/index-C-8kLZ_X.d.mts +0 -6
- package/dist/index-ClSRfFkX.d.cts +0 -6
- package/dist/index-CpDyBw8z.d.cts +0 -6
- package/dist/index-D11y4gdv.d.mts +0 -6
- package/dist/index-DLQzYvfH.d.mts +0 -6
- package/dist/index-DOmnNWoA.d.cts +0 -6
- package/dist/index-Daclwf93.d.cts +0 -6
- package/dist/index-DdlTo1c6.d.mts +0 -6
- package/dist/index-DluQIAXz.d.cts +0 -6
- package/dist/index-DuI1XGHT.d.mts +0 -6
- package/dist/index-NT55TmXe.d.cts +0 -6
- package/dist/index-RXhfbqjT.d.cts +0 -6
- package/dist/index-yC71Yo0d.d.mts +0 -6
package/dist/index.d.mts
CHANGED
|
@@ -1,16 +1,17 @@
|
|
|
1
|
-
import { a as
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import { t as
|
|
5
|
-
import { t as
|
|
6
|
-
import { t as
|
|
7
|
-
import { t as
|
|
8
|
-
import { i as
|
|
9
|
-
import { t as
|
|
10
|
-
import { t as
|
|
11
|
-
import { t as
|
|
12
|
-
import { t as
|
|
13
|
-
import {
|
|
1
|
+
import { a as ResponsiveQueries, c as createContainerQueries, d as responsiveQueries, i as QueryHelpers, l as createMediaHelpers, n as Breakpoints, o as breakpointQueries, r as ContainerQueries, s as containerKey, t as BreakpointInput, u as createMediaQuery } from "./media-CfYDomHt.mjs";
|
|
2
|
+
import { a as Parser, c as StyleFn, f as Transform, g as get, h as createStyleFunction, i as ConfigStyle, l as StyleObject, m as createParser, n as Config, o as ParserConfig, p as compose, r as ConfigFunction, s as Props, u as SystemConfig, v as styleFn, y as system } from "./index-IulNhyDt.mjs";
|
|
3
|
+
import { t as background } from "./index-DKz4zEeT.mjs";
|
|
4
|
+
import { $ as GridTemplateRowsProps, A as FlexDirectionProps, At as TextAlignLastProps, B as GapProps, Bt as TextStyleProps, C as ButtonStyleProps, Ct as RowGapProps, D as ContainerProps, Dt as SpaceProps, E as ColumnGapProps, Et as SizeProps, F as FlexboxProps, Ft as TextDecorationProps, G as GridColumnGapProps, Gt as TypographyProps, H as GridAutoColumnsProps, Ht as Theme, I as FontFamilyProps, It as TextDecorationStyleProps, J as GridProps, Jt as WidthProps, K as GridColumnProps, Kt as VerticalAlignProps, L as FontSizeProps, Lt as TextDecorationThicknessProps, M as FlexProps, Mt as TextColorProps, N as FlexShrinkProps, Nt as TextDecorationColorProps, O as DisplayProps, Ot as SpanProps, P as FlexWrapProps, Pt as TextDecorationLineProps, Q as GridTemplateColumnsProps, R as FontStyleProps, Rt as TextOverflowProps, S as BreakpointName, St as RightProps, T as ColorStyleProps, Tt as ShadowProps, U as GridAutoFlowProps, Ut as ThemeValue, V as GridAreaProps, Vt as TextTransformProps, W as GridAutoRowsProps, Wt as TopProps, X as GridRowProps, Y as GridRowGapProps, Yt as ZIndexProps, Z as GridTemplateAreasProps, _ as BorderStyleProps, _t as OverflowProps, a as BackgroundColorProps, at as LayoutProps, b as BottomProps, bt as RequiredTheme, c as BackgroundProps, ct as LineHeightProps, d as BorderBottomProps, dt as MaxWidthProps, et as HeightProps, f as BorderColorProps, ft as MinHeightProps, g as BorderRightProps, gt as OrderProps, h as BorderRadiusProps, ht as OpacityProps, i as AspectRatioProps, it as LayoutGridProps, j as FlexGrowProps, jt as TextAlignProps, k as FlexBasisProps, kt as TLengthStyledSystem, l as BackgroundRepeatProps, lt as MarginProps, m as BorderProps, mt as ObjectOrArray, n as AlignItemsProps, nt as JustifyItemsProps, o as BackgroundImageProps, ot as LeftProps, p as BorderLeftProps, pt as MinWidthProps, q as GridGapProps, qt as WhiteSpaceProps, r as AlignSelfProps, rt as JustifySelfProps, s as BackgroundPositionProps, st as LetterSpacingProps, t as AlignContentProps, tt as JustifyContentProps, u as BackgroundSizeProps, ut as MaxHeightProps, v as BorderTopProps, vt as PaddingProps, w as ColorProps, wt as Scale, x as BoxShadowProps, xt as ResponsiveValue, y as BorderWidthProps, yt as PositionProps, z as FontWeightProps, zt as TextShadowProps } from "./types-Cv5WjcVA.mjs";
|
|
5
|
+
import { t as border } from "./index-CQWZd4iQ.mjs";
|
|
6
|
+
import { t as color } from "./index-90_abc05.mjs";
|
|
7
|
+
import { t as flexbox } from "./index-aRomguCQ.mjs";
|
|
8
|
+
import { a as layoutGrid, c as grid, i as layoutFlex, n as LayoutGridEntry, o as layoutGridStyles, r as LayoutGridValue, s as span, t as LayoutGridDisplay } from "./index-D7IZ8-Zq.mjs";
|
|
9
|
+
import { i as space, n as margin, r as padding, t as gap } from "./index-BQPI7z-B.mjs";
|
|
10
|
+
import { t as layout } from "./index-pzogdlkS.mjs";
|
|
11
|
+
import { t as typography } from "./index-nfjmLzHF.mjs";
|
|
12
|
+
import { t as position } from "./index-MbcUN6uf.mjs";
|
|
13
|
+
import { t as shadow } from "./index-C1IdMVtQ.mjs";
|
|
14
|
+
import { a as textStyle, i as colorStyle, n as VariantOptions, o as variant, r as buttonStyle, t as VariantArgs } from "./index-ClbGlQxq.mjs";
|
|
14
15
|
//#region src/style/style.d.ts
|
|
15
16
|
interface StyleOptions {
|
|
16
17
|
prop: string;
|
|
@@ -98,4 +99,4 @@ declare const right: Parser;
|
|
|
98
99
|
declare const bottom: Parser;
|
|
99
100
|
declare const left: Parser;
|
|
100
101
|
//#endregion
|
|
101
|
-
export { AlignContentProps, AlignItemsProps, AlignSelfProps, AspectRatioProps, BackgroundColorProps, BackgroundImageProps, BackgroundPositionProps, BackgroundProps, BackgroundRepeatProps, BackgroundSizeProps, BorderBottomProps, BorderColorProps, BorderLeftProps, BorderProps, BorderRadiusProps, BorderRightProps, BorderStyleProps, BorderTopProps, BorderWidthProps, BottomProps, BoxShadowProps, ButtonStyleProps, ColorProps, ColorStyleProps, ColumnGapProps, type Config, type ConfigFunction, type ConfigStyle, DisplayProps, FlexBasisProps, FlexDirectionProps, FlexGrowProps, FlexProps, FlexShrinkProps, FlexWrapProps, FlexboxProps, FontFamilyProps, FontSizeProps, FontStyleProps, FontWeightProps, GapProps, GridAreaProps, GridAutoColumnsProps, GridAutoFlowProps, GridAutoRowsProps, GridColumnGapProps, GridColumnProps, GridGapProps, GridProps, GridRowGapProps, GridRowProps, GridTemplateAreasProps, GridTemplateColumnsProps, GridTemplateRowsProps, HeightProps, JustifyContentProps, JustifyItemsProps, JustifySelfProps, LayoutProps, LeftProps, LetterSpacingProps, LineHeightProps, type LowLevelStyleFunctionArguments, MarginProps, MaxHeightProps, MaxWidthProps, MinHeightProps, MinWidthProps, ObjectOrArray, OpacityProps, OrderProps, OverflowProps, PaddingProps, type Parser, type ParserConfig, PositionProps, type Props, RequiredTheme, ResponsiveValue, RightProps, RowGapProps, Scale, ShadowProps, SizeProps, SpaceProps, type StyleFn, type StyleObject, type StyleOptions, type SystemConfig, TLengthStyledSystem, TextAlignLastProps, TextAlignProps, TextColorProps, TextDecorationColorProps, TextDecorationLineProps, TextDecorationProps, TextDecorationStyleProps, TextDecorationThicknessProps, TextOverflowProps, TextShadowProps, TextStyleProps, TextTransformProps, Theme, ThemeValue, TopProps, type Transform, TypographyProps, type VariantArgs, type VariantOptions, VerticalAlignProps, WhiteSpaceProps, WidthProps, ZIndexProps, alignContent, alignItems, alignSelf, background, backgroundImage, backgroundPosition, backgroundRepeat, backgroundSize, border, border as borders, borderBottom, borderColor, borderLeft, borderRadius, borderRight, borderStyle, borderTop, borderWidth, bottom, shadow as boxShadow, shadow, shadow as textShadow, buttonStyle, color, colorStyle, compose, createParser, createStyleFunction, display, flex, flexBasis, flexDirection, flexGrow, flexShrink, flexWrap, flexbox, fontFamily, fontSize, fontStyle, fontWeight, gap, get, grid, gridArea, gridAutoColumns, gridAutoFlow, gridAutoRows, gridColumn, gridColumnGap, gridGap, gridRow, gridRowGap, gridTemplateAreas, gridTemplateColumns, gridTemplateRows, height, justifyContent, justifyItems, justifySelf, layout, left, letterSpacing, lineHeight, margin, maxHeight, maxWidth, minHeight, minWidth, opacity, order, overflow, overflowX, overflowY, padding, position, right, size, space, style, type styleFn, system, textAlign, textAlignLast, textDecoration, textDecorationColor, textDecorationLine, textDecorationStyle, textDecorationThickness, textOverflow, textStyle, textTransform, top, typography, variant, verticalAlign, whiteSpace, width, zIndex };
|
|
102
|
+
export { AlignContentProps, AlignItemsProps, AlignSelfProps, AspectRatioProps, BackgroundColorProps, BackgroundImageProps, BackgroundPositionProps, BackgroundProps, BackgroundRepeatProps, BackgroundSizeProps, BorderBottomProps, BorderColorProps, BorderLeftProps, BorderProps, BorderRadiusProps, BorderRightProps, BorderStyleProps, BorderTopProps, BorderWidthProps, BottomProps, BoxShadowProps, type BreakpointInput, BreakpointName, type Breakpoints, ButtonStyleProps, ColorProps, ColorStyleProps, ColumnGapProps, type Config, type ConfigFunction, type ConfigStyle, ContainerProps, type ContainerQueries, DisplayProps, FlexBasisProps, FlexDirectionProps, FlexGrowProps, FlexProps, FlexShrinkProps, FlexWrapProps, FlexboxProps, FontFamilyProps, FontSizeProps, FontStyleProps, FontWeightProps, GapProps, GridAreaProps, GridAutoColumnsProps, GridAutoFlowProps, GridAutoRowsProps, GridColumnGapProps, GridColumnProps, GridGapProps, GridProps, GridRowGapProps, GridRowProps, GridTemplateAreasProps, GridTemplateColumnsProps, GridTemplateRowsProps, HeightProps, JustifyContentProps, JustifyItemsProps, JustifySelfProps, type LayoutGridDisplay, type LayoutGridEntry, LayoutGridProps, type LayoutGridValue, LayoutProps, LeftProps, LetterSpacingProps, LineHeightProps, type LowLevelStyleFunctionArguments, MarginProps, MaxHeightProps, MaxWidthProps, MinHeightProps, MinWidthProps, ObjectOrArray, OpacityProps, OrderProps, OverflowProps, PaddingProps, type Parser, type ParserConfig, PositionProps, type Props, type QueryHelpers, RequiredTheme, type ResponsiveQueries, ResponsiveValue, RightProps, RowGapProps, Scale, ShadowProps, SizeProps, SpaceProps, SpanProps, type StyleFn, type StyleObject, type StyleOptions, type SystemConfig, TLengthStyledSystem, TextAlignLastProps, TextAlignProps, TextColorProps, TextDecorationColorProps, TextDecorationLineProps, TextDecorationProps, TextDecorationStyleProps, TextDecorationThicknessProps, TextOverflowProps, TextShadowProps, TextStyleProps, TextTransformProps, Theme, ThemeValue, TopProps, type Transform, TypographyProps, type VariantArgs, type VariantOptions, VerticalAlignProps, WhiteSpaceProps, WidthProps, ZIndexProps, alignContent, alignItems, alignSelf, background, backgroundImage, backgroundPosition, backgroundRepeat, backgroundSize, border, border as borders, borderBottom, borderColor, borderLeft, borderRadius, borderRight, borderStyle, borderTop, borderWidth, bottom, shadow as boxShadow, shadow, shadow as textShadow, breakpointQueries, buttonStyle, color, colorStyle, compose, containerKey, createContainerQueries, createMediaHelpers, createMediaQuery, createParser, createStyleFunction, display, flex, flexBasis, flexDirection, flexGrow, flexShrink, flexWrap, flexbox, fontFamily, fontSize, fontStyle, fontWeight, gap, get, grid, gridArea, gridAutoColumns, gridAutoFlow, gridAutoRows, gridColumn, gridColumnGap, gridGap, gridRow, gridRowGap, gridTemplateAreas, gridTemplateColumns, gridTemplateRows, height, justifyContent, justifyItems, justifySelf, layout, layoutFlex, layoutGrid, layoutGridStyles, left, letterSpacing, lineHeight, margin, maxHeight, maxWidth, minHeight, minWidth, opacity, order, overflow, overflowX, overflowY, padding, position, responsiveQueries, right, size, space, span, style, type styleFn, system, textAlign, textAlignLast, textDecoration, textDecorationColor, textDecorationLine, textDecorationStyle, textDecorationThickness, textOverflow, textStyle, textTransform, top, typography, variant, verticalAlign, whiteSpace, width, zIndex };
|
package/dist/index.mjs
CHANGED
|
@@ -1,15 +1,16 @@
|
|
|
1
|
+
import { a as createMediaQuery, i as createMediaHelpers, n as containerKey, o as responsiveQueries, r as createContainerQueries, t as breakpointQueries } from "./media-Bho3l7WK.mjs";
|
|
1
2
|
import { compose, createParser, createStyleFunction, get, system } from "./core.mjs";
|
|
2
3
|
import { t as background } from "./background-B-jql3jb.mjs";
|
|
3
4
|
import { t as border } from "./border-Dder4Dhp.mjs";
|
|
4
5
|
import { t as color } from "./color-CGmMe8yP.mjs";
|
|
5
6
|
import { t as flexbox } from "./flexbox-XQnlnfa4.mjs";
|
|
6
|
-
import {
|
|
7
|
-
import { t as layout } from "./layout-
|
|
7
|
+
import { a as grid, i as span, n as layoutGrid, r as layoutGridStyles, t as layoutFlex } from "./grid-CYjL4-gb.mjs";
|
|
8
|
+
import { t as layout } from "./layout-DF83ooFn.mjs";
|
|
8
9
|
import { t as position } from "./position-jf6VlRyR.mjs";
|
|
9
10
|
import { t as typography } from "./typography-p6qWP6Px.mjs";
|
|
10
11
|
import { i as space, n as margin, r as padding, t as gap } from "./space-Df3n3G6a.mjs";
|
|
11
12
|
import { t as shadow } from "./shadow-Bp7lx_41.mjs";
|
|
12
|
-
import { i as variant, n as colorStyle, r as textStyle, t as buttonStyle } from "./variant-
|
|
13
|
+
import { i as variant, n as colorStyle, r as textStyle, t as buttonStyle } from "./variant-D1u5rSqm.mjs";
|
|
13
14
|
//#region src/style/style.ts
|
|
14
15
|
const style = ({ prop, cssProperty, alias, key, transformValue, scale, properties }) => {
|
|
15
16
|
const config = {};
|
|
@@ -104,4 +105,4 @@ const right = positionFns.right;
|
|
|
104
105
|
const bottom = positionFns.bottom;
|
|
105
106
|
const left = positionFns.left;
|
|
106
107
|
//#endregion
|
|
107
|
-
export { alignContent, alignItems, alignSelf, background, backgroundImage, backgroundPosition, backgroundRepeat, backgroundSize, border, border as borders, borderBottom, borderColor, borderLeft, borderRadius, borderRight, borderStyle, borderTop, borderWidth, bottom, shadow as boxShadow, shadow, shadow as textShadow, buttonStyle, color, colorStyle, compose, createParser, createStyleFunction, display, flex, flexBasis, flexDirection, flexGrow, flexShrink, flexWrap, flexbox, fontFamily, fontSize, fontStyle, fontWeight, gap, get, grid, gridArea, gridAutoColumns, gridAutoFlow, gridAutoRows, gridColumn, gridColumnGap, gridGap, gridRow, gridRowGap, gridTemplateAreas, gridTemplateColumns, gridTemplateRows, height, justifyContent, justifyItems, justifySelf, layout, left, letterSpacing, lineHeight, margin, maxHeight, maxWidth, minHeight, minWidth, opacity, order, overflow, overflowX, overflowY, padding, position, right, size, space, style, system, textAlign, textAlignLast, textDecoration, textDecorationColor, textDecorationLine, textDecorationStyle, textDecorationThickness, textOverflow, textStyle, textTransform, top, typography, variant, verticalAlign, whiteSpace, width, zIndex };
|
|
108
|
+
export { alignContent, alignItems, alignSelf, background, backgroundImage, backgroundPosition, backgroundRepeat, backgroundSize, border, border as borders, borderBottom, borderColor, borderLeft, borderRadius, borderRight, borderStyle, borderTop, borderWidth, bottom, shadow as boxShadow, shadow, shadow as textShadow, breakpointQueries, buttonStyle, color, colorStyle, compose, containerKey, createContainerQueries, createMediaHelpers, createMediaQuery, createParser, createStyleFunction, display, flex, flexBasis, flexDirection, flexGrow, flexShrink, flexWrap, flexbox, fontFamily, fontSize, fontStyle, fontWeight, gap, get, grid, gridArea, gridAutoColumns, gridAutoFlow, gridAutoRows, gridColumn, gridColumnGap, gridGap, gridRow, gridRowGap, gridTemplateAreas, gridTemplateColumns, gridTemplateRows, height, justifyContent, justifyItems, justifySelf, layout, layoutFlex, layoutGrid, layoutGridStyles, left, letterSpacing, lineHeight, margin, maxHeight, maxWidth, minHeight, minWidth, opacity, order, overflow, overflowX, overflowY, padding, position, responsiveQueries, right, size, space, span, style, system, textAlign, textAlignLast, textDecoration, textDecorationColor, textDecorationLine, textDecorationStyle, textDecorationThickness, textOverflow, textStyle, textTransform, top, typography, variant, verticalAlign, whiteSpace, width, zIndex };
|
package/dist/layout.cjs
CHANGED
|
@@ -2,6 +2,6 @@ Object.defineProperties(exports, {
|
|
|
2
2
|
__esModule: { value: true },
|
|
3
3
|
[Symbol.toStringTag]: { value: "Module" }
|
|
4
4
|
});
|
|
5
|
-
const require_layout = require("./layout-
|
|
5
|
+
const require_layout = require("./layout-D3pG7vBp.cjs");
|
|
6
6
|
exports.default = require_layout.layout;
|
|
7
7
|
exports.layout = require_layout.layout;
|
package/dist/layout.d.cts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { t as layout } from "./index-
|
|
3
|
-
export { type AspectRatioProps, type DisplayProps, type HeightProps, type LayoutProps, type MaxHeightProps, type MaxWidthProps, type MinHeightProps, type MinWidthProps, type OverflowProps, type SizeProps, type VerticalAlignProps, type WidthProps, layout as default, layout };
|
|
1
|
+
import { D as ContainerProps, Et as SizeProps, Jt as WidthProps, Kt as VerticalAlignProps, O as DisplayProps, _t as OverflowProps, at as LayoutProps, dt as MaxWidthProps, et as HeightProps, ft as MinHeightProps, i as AspectRatioProps, pt as MinWidthProps, ut as MaxHeightProps } from "./types-Cv5WjcVA.cjs";
|
|
2
|
+
import { t as layout } from "./index-Bxh1FNcS.cjs";
|
|
3
|
+
export { type AspectRatioProps, type ContainerProps, type DisplayProps, type HeightProps, type LayoutProps, type MaxHeightProps, type MaxWidthProps, type MinHeightProps, type MinWidthProps, type OverflowProps, type SizeProps, type VerticalAlignProps, type WidthProps, layout as default, layout };
|
package/dist/layout.d.mts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { t as layout } from "./index-
|
|
3
|
-
export { type AspectRatioProps, type DisplayProps, type HeightProps, type LayoutProps, type MaxHeightProps, type MaxWidthProps, type MinHeightProps, type MinWidthProps, type OverflowProps, type SizeProps, type VerticalAlignProps, type WidthProps, layout as default, layout };
|
|
1
|
+
import { D as ContainerProps, Et as SizeProps, Jt as WidthProps, Kt as VerticalAlignProps, O as DisplayProps, _t as OverflowProps, at as LayoutProps, dt as MaxWidthProps, et as HeightProps, ft as MinHeightProps, i as AspectRatioProps, pt as MinWidthProps, ut as MaxHeightProps } from "./types-Cv5WjcVA.mjs";
|
|
2
|
+
import { t as layout } from "./index-pzogdlkS.mjs";
|
|
3
|
+
export { type AspectRatioProps, type ContainerProps, type DisplayProps, type HeightProps, type LayoutProps, type MaxHeightProps, type MaxWidthProps, type MinHeightProps, type MinWidthProps, type OverflowProps, type SizeProps, type VerticalAlignProps, type WidthProps, layout as default, layout };
|
package/dist/layout.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as layout } from "./layout-
|
|
1
|
+
import { t as layout } from "./layout-DF83ooFn.mjs";
|
|
2
2
|
export { layout as default, layout };
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
//#region src/core/media.ts
|
|
2
|
+
const isLength = (value) => /^[\d.+-]|^(calc|min|max|clamp)\(/.test(value);
|
|
3
|
+
const toLength = (value) => typeof value === "number" ? `${value}px` : value;
|
|
4
|
+
const isZero = (value) => typeof value === "number" ? value === 0 : isLength(value) && Number.parseFloat(value) === 0;
|
|
5
|
+
/**
|
|
6
|
+
* The `@media` rule for one breakpoint value, from its start up: a length (a number gets
|
|
7
|
+
* `px`) becomes `@media (width >= <length>)`, and `null` when it starts at 0; a value
|
|
8
|
+
* starting with `@media` is used as written; anything else - a condition such as
|
|
9
|
+
* `(orientation: landscape)`, or a media type - follows `@media `.
|
|
10
|
+
*/
|
|
11
|
+
const createMediaQuery = (value) => {
|
|
12
|
+
if (isZero(value)) return null;
|
|
13
|
+
if (typeof value === "number") return `@media (width >= ${value}px)`;
|
|
14
|
+
if (value.startsWith("@media")) return value;
|
|
15
|
+
if (isLength(value)) return `@media (width >= ${value})`;
|
|
16
|
+
return `@media ${value}`;
|
|
17
|
+
};
|
|
18
|
+
/** Each breakpoint's `@media` rule (`null` for the base), in declared order, keyed by name or index. */
|
|
19
|
+
const breakpointQueries = (breakpoints) => Object.entries(breakpoints).map(([key, value]) => [key, createMediaQuery(value)]);
|
|
20
|
+
/** `xs` -> `cqXs`: the prop key for a container query from a breakpoint up. */
|
|
21
|
+
const containerKey = (key) => `cq${key.charAt(0).toUpperCase()}${key.slice(1)}`;
|
|
22
|
+
const createQueryHelpers = (breakpoints, prefix) => {
|
|
23
|
+
const entries = Object.entries(breakpoints);
|
|
24
|
+
const width = (input) => {
|
|
25
|
+
if (typeof input === "number") return `${input}px`;
|
|
26
|
+
const entry = entries.find(([key]) => key === input);
|
|
27
|
+
if (entry) {
|
|
28
|
+
const value = String(toLength(entry[1]));
|
|
29
|
+
if (!isLength(value)) throw new Error(`Breakpoint "${input}" is not a width: ${value}`);
|
|
30
|
+
return value;
|
|
31
|
+
}
|
|
32
|
+
if (isLength(input)) return input;
|
|
33
|
+
throw new Error(`Unknown breakpoint "${input}"`);
|
|
34
|
+
};
|
|
35
|
+
const next = (key) => {
|
|
36
|
+
const index = entries.findIndex(([name]) => name === key);
|
|
37
|
+
if (index === -1) throw new Error(`Unknown breakpoint "${key}"`);
|
|
38
|
+
return index + 1 < entries.length ? entries[index + 1][0] : void 0;
|
|
39
|
+
};
|
|
40
|
+
const query = (condition) => `${prefix} ${condition}`;
|
|
41
|
+
const range = (from, to) => {
|
|
42
|
+
if (to === void 0) return `(width >= ${from})`;
|
|
43
|
+
return isZero(from) ? `(width < ${to})` : `(${from} <= width < ${to})`;
|
|
44
|
+
};
|
|
45
|
+
return {
|
|
46
|
+
up: (from) => query(`(width >= ${width(from)})`),
|
|
47
|
+
down: (to) => query(`(width < ${width(to)})`),
|
|
48
|
+
only: (key) => {
|
|
49
|
+
const end = next(key);
|
|
50
|
+
return query(range(width(key), end === void 0 ? void 0 : width(end)));
|
|
51
|
+
},
|
|
52
|
+
between: (from, to) => query(range(width(from), width(to))),
|
|
53
|
+
not: (key) => {
|
|
54
|
+
const start = width(key);
|
|
55
|
+
const end = next(key);
|
|
56
|
+
const below = isZero(start) ? [] : [`(width < ${start})`];
|
|
57
|
+
const above = end === void 0 ? [] : [`(width >= ${width(end)})`];
|
|
58
|
+
return query([...below, ...above].join(", ") || "not all");
|
|
59
|
+
}
|
|
60
|
+
};
|
|
61
|
+
};
|
|
62
|
+
/** `up` / `down` / `only` / `between` / `not` as `@media` rules over a breakpoint scale. */
|
|
63
|
+
const createMediaHelpers = (breakpoints) => createQueryHelpers(breakpoints, "@media");
|
|
64
|
+
/** The same helpers as `@container` rules; call it with a name for a named container. */
|
|
65
|
+
const createContainerQueries = (breakpoints) => Object.assign((name) => createQueryHelpers(breakpoints, `@container ${name}`), createQueryHelpers(breakpoints, "@container"));
|
|
66
|
+
const responsiveQueries = (breakpoints) => {
|
|
67
|
+
const queries = breakpointQueries(breakpoints);
|
|
68
|
+
const media = queries.map(([, query]) => query);
|
|
69
|
+
const keyed = new Map(queries);
|
|
70
|
+
const containers = [];
|
|
71
|
+
for (const [key, value] of Object.entries(breakpoints)) {
|
|
72
|
+
const length = String(toLength(value));
|
|
73
|
+
if (!isLength(length)) continue;
|
|
74
|
+
const query = `@container (width >= ${length})`;
|
|
75
|
+
keyed.set(containerKey(key), query);
|
|
76
|
+
containers.push(query);
|
|
77
|
+
}
|
|
78
|
+
return {
|
|
79
|
+
array: media[0] === null ? media : [null, ...media],
|
|
80
|
+
keyed,
|
|
81
|
+
order: [...media.filter((query) => query !== null), ...containers]
|
|
82
|
+
};
|
|
83
|
+
};
|
|
84
|
+
//#endregion
|
|
85
|
+
export { createMediaQuery as a, createMediaHelpers as i, containerKey as n, responsiveQueries as o, createContainerQueries as r, breakpointQueries as t };
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
//#region src/core/media.d.ts
|
|
2
|
+
/**
|
|
3
|
+
* `theme.breakpoints`: an ascending list, or named breakpoints in their declared order.
|
|
4
|
+
* Each value is where its range starts; the range holds until the next breakpoint. A
|
|
5
|
+
* breakpoint that starts at 0 (`xs: '0px'`) is the base: it applies everywhere until the
|
|
6
|
+
* next one overrides it.
|
|
7
|
+
*/
|
|
8
|
+
type Breakpoints = readonly (string | number)[] | Record<string, string | number>;
|
|
9
|
+
/** A breakpoint name, or a width: a number (px) or any CSS length. */
|
|
10
|
+
type BreakpointInput = string | number;
|
|
11
|
+
/** `up` / `down` / `only` / `between` / `not` - each returns an at-rule in range syntax. */
|
|
12
|
+
interface QueryHelpers {
|
|
13
|
+
/** From this breakpoint or width up: `@media (width >= 840px)`. */
|
|
14
|
+
up: (from: BreakpointInput) => string;
|
|
15
|
+
/** Below this breakpoint or width: `@media (width < 840px)`. */
|
|
16
|
+
down: (to: BreakpointInput) => string;
|
|
17
|
+
/** This breakpoint's range, up to the next one: `@media (840px <= width < 1200px)`. */
|
|
18
|
+
only: (key: string) => string;
|
|
19
|
+
/** From the first up to the second: `@media (600px <= width < 1200px)`. */
|
|
20
|
+
between: (from: BreakpointInput, to: BreakpointInput) => string;
|
|
21
|
+
/** Everywhere but this breakpoint's range: `@media (width < 840px), (width >= 1200px)`. */
|
|
22
|
+
not: (key: string) => string;
|
|
23
|
+
}
|
|
24
|
+
/** Container queries: the helpers unnamed, or `containerQueries('sidebar').up(400)` for a named container. */
|
|
25
|
+
interface ContainerQueries extends QueryHelpers {
|
|
26
|
+
(name: string): QueryHelpers;
|
|
27
|
+
}
|
|
28
|
+
/**
|
|
29
|
+
* The `@media` rule for one breakpoint value, from its start up: a length (a number gets
|
|
30
|
+
* `px`) becomes `@media (width >= <length>)`, and `null` when it starts at 0; a value
|
|
31
|
+
* starting with `@media` is used as written; anything else - a condition such as
|
|
32
|
+
* `(orientation: landscape)`, or a media type - follows `@media `.
|
|
33
|
+
*/
|
|
34
|
+
declare const createMediaQuery: (value: string | number) => string | null;
|
|
35
|
+
/** Each breakpoint's `@media` rule (`null` for the base), in declared order, keyed by name or index. */
|
|
36
|
+
declare const breakpointQueries: (breakpoints: Breakpoints) => [string, string | null][];
|
|
37
|
+
/** `xs` -> `cqXs`: the prop key for a container query from a breakpoint up. */
|
|
38
|
+
declare const containerKey: (key: string) => string;
|
|
39
|
+
/** `up` / `down` / `only` / `between` / `not` as `@media` rules over a breakpoint scale. */
|
|
40
|
+
declare const createMediaHelpers: (breakpoints: Breakpoints) => QueryHelpers;
|
|
41
|
+
/** The same helpers as `@container` rules; call it with a name for a named container. */
|
|
42
|
+
declare const createContainerQueries: (breakpoints: Breakpoints) => ContainerQueries;
|
|
43
|
+
/** What a scale's responsive values compile to - shared by the prop parsers and `css()`. */
|
|
44
|
+
interface ResponsiveQueries {
|
|
45
|
+
/** One query per array position; `null` is the base. */
|
|
46
|
+
array: (string | null)[];
|
|
47
|
+
/** Object keys: breakpoint names (`null` for the base) and their `cq<Name>` container keys. */
|
|
48
|
+
keyed: Map<string, string | null>;
|
|
49
|
+
/** Every query in cascade order: the media blocks in breakpoint order, then the container blocks. */
|
|
50
|
+
order: string[];
|
|
51
|
+
}
|
|
52
|
+
declare const responsiveQueries: (breakpoints: Breakpoints) => ResponsiveQueries;
|
|
53
|
+
//#endregion
|
|
54
|
+
export { ResponsiveQueries as a, createContainerQueries as c, responsiveQueries as d, QueryHelpers as i, createMediaHelpers as l, Breakpoints as n, breakpointQueries as o, ContainerQueries as r, containerKey as s, BreakpointInput as t, createMediaQuery as u };
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
//#region src/core/media.d.ts
|
|
2
|
+
/**
|
|
3
|
+
* `theme.breakpoints`: an ascending list, or named breakpoints in their declared order.
|
|
4
|
+
* Each value is where its range starts; the range holds until the next breakpoint. A
|
|
5
|
+
* breakpoint that starts at 0 (`xs: '0px'`) is the base: it applies everywhere until the
|
|
6
|
+
* next one overrides it.
|
|
7
|
+
*/
|
|
8
|
+
type Breakpoints = readonly (string | number)[] | Record<string, string | number>;
|
|
9
|
+
/** A breakpoint name, or a width: a number (px) or any CSS length. */
|
|
10
|
+
type BreakpointInput = string | number;
|
|
11
|
+
/** `up` / `down` / `only` / `between` / `not` - each returns an at-rule in range syntax. */
|
|
12
|
+
interface QueryHelpers {
|
|
13
|
+
/** From this breakpoint or width up: `@media (width >= 840px)`. */
|
|
14
|
+
up: (from: BreakpointInput) => string;
|
|
15
|
+
/** Below this breakpoint or width: `@media (width < 840px)`. */
|
|
16
|
+
down: (to: BreakpointInput) => string;
|
|
17
|
+
/** This breakpoint's range, up to the next one: `@media (840px <= width < 1200px)`. */
|
|
18
|
+
only: (key: string) => string;
|
|
19
|
+
/** From the first up to the second: `@media (600px <= width < 1200px)`. */
|
|
20
|
+
between: (from: BreakpointInput, to: BreakpointInput) => string;
|
|
21
|
+
/** Everywhere but this breakpoint's range: `@media (width < 840px), (width >= 1200px)`. */
|
|
22
|
+
not: (key: string) => string;
|
|
23
|
+
}
|
|
24
|
+
/** Container queries: the helpers unnamed, or `containerQueries('sidebar').up(400)` for a named container. */
|
|
25
|
+
interface ContainerQueries extends QueryHelpers {
|
|
26
|
+
(name: string): QueryHelpers;
|
|
27
|
+
}
|
|
28
|
+
/**
|
|
29
|
+
* The `@media` rule for one breakpoint value, from its start up: a length (a number gets
|
|
30
|
+
* `px`) becomes `@media (width >= <length>)`, and `null` when it starts at 0; a value
|
|
31
|
+
* starting with `@media` is used as written; anything else - a condition such as
|
|
32
|
+
* `(orientation: landscape)`, or a media type - follows `@media `.
|
|
33
|
+
*/
|
|
34
|
+
declare const createMediaQuery: (value: string | number) => string | null;
|
|
35
|
+
/** Each breakpoint's `@media` rule (`null` for the base), in declared order, keyed by name or index. */
|
|
36
|
+
declare const breakpointQueries: (breakpoints: Breakpoints) => [string, string | null][];
|
|
37
|
+
/** `xs` -> `cqXs`: the prop key for a container query from a breakpoint up. */
|
|
38
|
+
declare const containerKey: (key: string) => string;
|
|
39
|
+
/** `up` / `down` / `only` / `between` / `not` as `@media` rules over a breakpoint scale. */
|
|
40
|
+
declare const createMediaHelpers: (breakpoints: Breakpoints) => QueryHelpers;
|
|
41
|
+
/** The same helpers as `@container` rules; call it with a name for a named container. */
|
|
42
|
+
declare const createContainerQueries: (breakpoints: Breakpoints) => ContainerQueries;
|
|
43
|
+
/** What a scale's responsive values compile to - shared by the prop parsers and `css()`. */
|
|
44
|
+
interface ResponsiveQueries {
|
|
45
|
+
/** One query per array position; `null` is the base. */
|
|
46
|
+
array: (string | null)[];
|
|
47
|
+
/** Object keys: breakpoint names (`null` for the base) and their `cq<Name>` container keys. */
|
|
48
|
+
keyed: Map<string, string | null>;
|
|
49
|
+
/** Every query in cascade order: the media blocks in breakpoint order, then the container blocks. */
|
|
50
|
+
order: string[];
|
|
51
|
+
}
|
|
52
|
+
declare const responsiveQueries: (breakpoints: Breakpoints) => ResponsiveQueries;
|
|
53
|
+
//#endregion
|
|
54
|
+
export { ResponsiveQueries as a, createContainerQueries as c, responsiveQueries as d, QueryHelpers as i, createMediaHelpers as l, Breakpoints as n, breakpointQueries as o, ContainerQueries as r, containerKey as s, BreakpointInput as t, createMediaQuery as u };
|
|
@@ -0,0 +1,120 @@
|
|
|
1
|
+
//#region src/core/media.ts
|
|
2
|
+
const isLength = (value) => /^[\d.+-]|^(calc|min|max|clamp)\(/.test(value);
|
|
3
|
+
const toLength = (value) => typeof value === "number" ? `${value}px` : value;
|
|
4
|
+
const isZero = (value) => typeof value === "number" ? value === 0 : isLength(value) && Number.parseFloat(value) === 0;
|
|
5
|
+
/**
|
|
6
|
+
* The `@media` rule for one breakpoint value, from its start up: a length (a number gets
|
|
7
|
+
* `px`) becomes `@media (width >= <length>)`, and `null` when it starts at 0; a value
|
|
8
|
+
* starting with `@media` is used as written; anything else - a condition such as
|
|
9
|
+
* `(orientation: landscape)`, or a media type - follows `@media `.
|
|
10
|
+
*/
|
|
11
|
+
const createMediaQuery = (value) => {
|
|
12
|
+
if (isZero(value)) return null;
|
|
13
|
+
if (typeof value === "number") return `@media (width >= ${value}px)`;
|
|
14
|
+
if (value.startsWith("@media")) return value;
|
|
15
|
+
if (isLength(value)) return `@media (width >= ${value})`;
|
|
16
|
+
return `@media ${value}`;
|
|
17
|
+
};
|
|
18
|
+
/** Each breakpoint's `@media` rule (`null` for the base), in declared order, keyed by name or index. */
|
|
19
|
+
const breakpointQueries = (breakpoints) => Object.entries(breakpoints).map(([key, value]) => [key, createMediaQuery(value)]);
|
|
20
|
+
/** `xs` -> `cqXs`: the prop key for a container query from a breakpoint up. */
|
|
21
|
+
const containerKey = (key) => `cq${key.charAt(0).toUpperCase()}${key.slice(1)}`;
|
|
22
|
+
const createQueryHelpers = (breakpoints, prefix) => {
|
|
23
|
+
const entries = Object.entries(breakpoints);
|
|
24
|
+
const width = (input) => {
|
|
25
|
+
if (typeof input === "number") return `${input}px`;
|
|
26
|
+
const entry = entries.find(([key]) => key === input);
|
|
27
|
+
if (entry) {
|
|
28
|
+
const value = String(toLength(entry[1]));
|
|
29
|
+
if (!isLength(value)) throw new Error(`Breakpoint "${input}" is not a width: ${value}`);
|
|
30
|
+
return value;
|
|
31
|
+
}
|
|
32
|
+
if (isLength(input)) return input;
|
|
33
|
+
throw new Error(`Unknown breakpoint "${input}"`);
|
|
34
|
+
};
|
|
35
|
+
const next = (key) => {
|
|
36
|
+
const index = entries.findIndex(([name]) => name === key);
|
|
37
|
+
if (index === -1) throw new Error(`Unknown breakpoint "${key}"`);
|
|
38
|
+
return index + 1 < entries.length ? entries[index + 1][0] : void 0;
|
|
39
|
+
};
|
|
40
|
+
const query = (condition) => `${prefix} ${condition}`;
|
|
41
|
+
const range = (from, to) => {
|
|
42
|
+
if (to === void 0) return `(width >= ${from})`;
|
|
43
|
+
return isZero(from) ? `(width < ${to})` : `(${from} <= width < ${to})`;
|
|
44
|
+
};
|
|
45
|
+
return {
|
|
46
|
+
up: (from) => query(`(width >= ${width(from)})`),
|
|
47
|
+
down: (to) => query(`(width < ${width(to)})`),
|
|
48
|
+
only: (key) => {
|
|
49
|
+
const end = next(key);
|
|
50
|
+
return query(range(width(key), end === void 0 ? void 0 : width(end)));
|
|
51
|
+
},
|
|
52
|
+
between: (from, to) => query(range(width(from), width(to))),
|
|
53
|
+
not: (key) => {
|
|
54
|
+
const start = width(key);
|
|
55
|
+
const end = next(key);
|
|
56
|
+
const below = isZero(start) ? [] : [`(width < ${start})`];
|
|
57
|
+
const above = end === void 0 ? [] : [`(width >= ${width(end)})`];
|
|
58
|
+
return query([...below, ...above].join(", ") || "not all");
|
|
59
|
+
}
|
|
60
|
+
};
|
|
61
|
+
};
|
|
62
|
+
/** `up` / `down` / `only` / `between` / `not` as `@media` rules over a breakpoint scale. */
|
|
63
|
+
const createMediaHelpers = (breakpoints) => createQueryHelpers(breakpoints, "@media");
|
|
64
|
+
/** The same helpers as `@container` rules; call it with a name for a named container. */
|
|
65
|
+
const createContainerQueries = (breakpoints) => Object.assign((name) => createQueryHelpers(breakpoints, `@container ${name}`), createQueryHelpers(breakpoints, "@container"));
|
|
66
|
+
const responsiveQueries = (breakpoints) => {
|
|
67
|
+
const queries = breakpointQueries(breakpoints);
|
|
68
|
+
const media = queries.map(([, query]) => query);
|
|
69
|
+
const keyed = new Map(queries);
|
|
70
|
+
const containers = [];
|
|
71
|
+
for (const [key, value] of Object.entries(breakpoints)) {
|
|
72
|
+
const length = String(toLength(value));
|
|
73
|
+
if (!isLength(length)) continue;
|
|
74
|
+
const query = `@container (width >= ${length})`;
|
|
75
|
+
keyed.set(containerKey(key), query);
|
|
76
|
+
containers.push(query);
|
|
77
|
+
}
|
|
78
|
+
return {
|
|
79
|
+
array: media[0] === null ? media : [null, ...media],
|
|
80
|
+
keyed,
|
|
81
|
+
order: [...media.filter((query) => query !== null), ...containers]
|
|
82
|
+
};
|
|
83
|
+
};
|
|
84
|
+
//#endregion
|
|
85
|
+
Object.defineProperty(exports, "breakpointQueries", {
|
|
86
|
+
enumerable: true,
|
|
87
|
+
get: function() {
|
|
88
|
+
return breakpointQueries;
|
|
89
|
+
}
|
|
90
|
+
});
|
|
91
|
+
Object.defineProperty(exports, "containerKey", {
|
|
92
|
+
enumerable: true,
|
|
93
|
+
get: function() {
|
|
94
|
+
return containerKey;
|
|
95
|
+
}
|
|
96
|
+
});
|
|
97
|
+
Object.defineProperty(exports, "createContainerQueries", {
|
|
98
|
+
enumerable: true,
|
|
99
|
+
get: function() {
|
|
100
|
+
return createContainerQueries;
|
|
101
|
+
}
|
|
102
|
+
});
|
|
103
|
+
Object.defineProperty(exports, "createMediaHelpers", {
|
|
104
|
+
enumerable: true,
|
|
105
|
+
get: function() {
|
|
106
|
+
return createMediaHelpers;
|
|
107
|
+
}
|
|
108
|
+
});
|
|
109
|
+
Object.defineProperty(exports, "createMediaQuery", {
|
|
110
|
+
enumerable: true,
|
|
111
|
+
get: function() {
|
|
112
|
+
return createMediaQuery;
|
|
113
|
+
}
|
|
114
|
+
});
|
|
115
|
+
Object.defineProperty(exports, "responsiveQueries", {
|
|
116
|
+
enumerable: true,
|
|
117
|
+
get: function() {
|
|
118
|
+
return responsiveQueries;
|
|
119
|
+
}
|
|
120
|
+
});
|
package/dist/position.d.cts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { t as position } from "./index-
|
|
1
|
+
import { St as RightProps, Wt as TopProps, Yt as ZIndexProps, b as BottomProps, ot as LeftProps, yt as PositionProps } from "./types-Cv5WjcVA.cjs";
|
|
2
|
+
import { t as position } from "./index-D2v_oJEm.cjs";
|
|
3
3
|
export { type BottomProps, type LeftProps, type PositionProps, type RightProps, type TopProps, type ZIndexProps, position as default, position };
|
package/dist/position.d.mts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { t as position } from "./index-
|
|
1
|
+
import { St as RightProps, Wt as TopProps, Yt as ZIndexProps, b as BottomProps, ot as LeftProps, yt as PositionProps } from "./types-Cv5WjcVA.mjs";
|
|
2
|
+
import { t as position } from "./index-MbcUN6uf.mjs";
|
|
3
3
|
export { type BottomProps, type LeftProps, type PositionProps, type RightProps, type TopProps, type ZIndexProps, position as default, position };
|
|
@@ -3,14 +3,14 @@ import { t as background } from "./background-B-jql3jb.mjs";
|
|
|
3
3
|
import { t as border } from "./border-Dder4Dhp.mjs";
|
|
4
4
|
import { t as color } from "./color-CGmMe8yP.mjs";
|
|
5
5
|
import { t as flexbox } from "./flexbox-XQnlnfa4.mjs";
|
|
6
|
-
import {
|
|
7
|
-
import { t as layout } from "./layout-
|
|
6
|
+
import { a as grid, i as span } from "./grid-CYjL4-gb.mjs";
|
|
7
|
+
import { t as layout } from "./layout-DF83ooFn.mjs";
|
|
8
8
|
import { t as position } from "./position-jf6VlRyR.mjs";
|
|
9
9
|
import { t as typography } from "./typography-p6qWP6Px.mjs";
|
|
10
10
|
import { i as space } from "./space-Df3n3G6a.mjs";
|
|
11
11
|
import { t as shadow } from "./shadow-Bp7lx_41.mjs";
|
|
12
|
-
import { n as colorStyle, r as textStyle, t as buttonStyle } from "./variant-
|
|
12
|
+
import { n as colorStyle, r as textStyle, t as buttonStyle } from "./variant-D1u5rSqm.mjs";
|
|
13
13
|
//#region src/presets/presets.ts
|
|
14
|
-
const all = compose(space, typography, color, layout, flexbox, border, background, position, grid, shadow, buttonStyle, textStyle, colorStyle);
|
|
14
|
+
const all = compose(space, typography, color, layout, flexbox, border, background, position, grid, span, shadow, buttonStyle, textStyle, colorStyle);
|
|
15
15
|
//#endregion
|
|
16
16
|
export { all as t };
|
|
@@ -3,15 +3,15 @@ const require_background = require("./background-wugr6cG7.cjs");
|
|
|
3
3
|
const require_border = require("./border-UuT-fTpy.cjs");
|
|
4
4
|
const require_color = require("./color-BNs17Gw-.cjs");
|
|
5
5
|
const require_flexbox = require("./flexbox-CFkO6PrP.cjs");
|
|
6
|
-
const require_grid = require("./grid-
|
|
7
|
-
const require_layout = require("./layout-
|
|
6
|
+
const require_grid = require("./grid-BlMUPDJM.cjs");
|
|
7
|
+
const require_layout = require("./layout-D3pG7vBp.cjs");
|
|
8
8
|
const require_position = require("./position-zWvCE4hD.cjs");
|
|
9
9
|
const require_typography = require("./typography-7jHZXqtc.cjs");
|
|
10
10
|
const require_space = require("./space-Q-1mECZz.cjs");
|
|
11
11
|
const require_shadow = require("./shadow-BrDnaQQl.cjs");
|
|
12
|
-
const require_variant = require("./variant-
|
|
12
|
+
const require_variant = require("./variant-BSPTyRcQ.cjs");
|
|
13
13
|
//#region src/presets/presets.ts
|
|
14
|
-
const all = require_core.compose(require_space.space, require_typography.typography, require_color.color, require_layout.layout, require_flexbox.flexbox, require_border.border, require_background.background, require_position.position, require_grid.grid, require_shadow.shadow, require_variant.buttonStyle, require_variant.textStyle, require_variant.colorStyle);
|
|
14
|
+
const all = require_core.compose(require_space.space, require_typography.typography, require_color.color, require_layout.layout, require_flexbox.flexbox, require_border.border, require_background.background, require_position.position, require_grid.grid, require_grid.span, require_shadow.shadow, require_variant.buttonStyle, require_variant.textStyle, require_variant.colorStyle);
|
|
15
15
|
//#endregion
|
|
16
16
|
Object.defineProperty(exports, "all", {
|
|
17
17
|
enumerable: true,
|
package/dist/prop-types.cjs
CHANGED
|
@@ -7,13 +7,13 @@ const require_background = require("./background-wugr6cG7.cjs");
|
|
|
7
7
|
const require_border = require("./border-UuT-fTpy.cjs");
|
|
8
8
|
const require_color = require("./color-BNs17Gw-.cjs");
|
|
9
9
|
const require_flexbox = require("./flexbox-CFkO6PrP.cjs");
|
|
10
|
-
const require_grid = require("./grid-
|
|
11
|
-
const require_layout = require("./layout-
|
|
10
|
+
const require_grid = require("./grid-BlMUPDJM.cjs");
|
|
11
|
+
const require_layout = require("./layout-D3pG7vBp.cjs");
|
|
12
12
|
const require_position = require("./position-zWvCE4hD.cjs");
|
|
13
13
|
const require_typography = require("./typography-7jHZXqtc.cjs");
|
|
14
14
|
const require_space = require("./space-Q-1mECZz.cjs");
|
|
15
15
|
const require_shadow = require("./shadow-BrDnaQQl.cjs");
|
|
16
|
-
const require_variant = require("./variant-
|
|
16
|
+
const require_variant = require("./variant-BSPTyRcQ.cjs");
|
|
17
17
|
let prop_types = require("prop-types");
|
|
18
18
|
prop_types = require_rolldown_runtime.__toESM(prop_types, 1);
|
|
19
19
|
//#region src/prop-types/prop-types.ts
|
package/dist/prop-types.mjs
CHANGED
|
@@ -2,13 +2,13 @@ import { t as background } from "./background-B-jql3jb.mjs";
|
|
|
2
2
|
import { t as border } from "./border-Dder4Dhp.mjs";
|
|
3
3
|
import { t as color } from "./color-CGmMe8yP.mjs";
|
|
4
4
|
import { t as flexbox } from "./flexbox-XQnlnfa4.mjs";
|
|
5
|
-
import {
|
|
6
|
-
import { t as layout } from "./layout-
|
|
5
|
+
import { a as grid } from "./grid-CYjL4-gb.mjs";
|
|
6
|
+
import { t as layout } from "./layout-DF83ooFn.mjs";
|
|
7
7
|
import { t as position } from "./position-jf6VlRyR.mjs";
|
|
8
8
|
import { t as typography } from "./typography-p6qWP6Px.mjs";
|
|
9
9
|
import { i as space } from "./space-Df3n3G6a.mjs";
|
|
10
10
|
import { t as shadow } from "./shadow-Bp7lx_41.mjs";
|
|
11
|
-
import { n as colorStyle, r as textStyle, t as buttonStyle } from "./variant-
|
|
11
|
+
import { n as colorStyle, r as textStyle, t as buttonStyle } from "./variant-D1u5rSqm.mjs";
|
|
12
12
|
import PropTypes from "prop-types";
|
|
13
13
|
//#region src/prop-types/prop-types.ts
|
|
14
14
|
const propType = PropTypes.oneOfType([
|
package/dist/props.cjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
2
|
-
const require_presets = require("./presets-
|
|
2
|
+
const require_presets = require("./presets-KURYP1_7.cjs");
|
|
3
3
|
//#region src/props/props.ts
|
|
4
4
|
const styledSystemProps = new Set(require_presets.all.propNames);
|
|
5
5
|
const omit = (props) => {
|
package/dist/props.mjs
CHANGED
package/dist/shadow.d.cts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { t as shadow } from "./index-
|
|
1
|
+
import { Tt as ShadowProps, x as BoxShadowProps, zt as TextShadowProps } from "./types-Cv5WjcVA.cjs";
|
|
2
|
+
import { t as shadow } from "./index-D1mRMWDm.cjs";
|
|
3
3
|
export { type BoxShadowProps, type ShadowProps, type TextShadowProps, shadow as default, shadow };
|
package/dist/shadow.d.mts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { t as shadow } from "./index-
|
|
1
|
+
import { Tt as ShadowProps, x as BoxShadowProps, zt as TextShadowProps } from "./types-Cv5WjcVA.mjs";
|
|
2
|
+
import { t as shadow } from "./index-C1IdMVtQ.mjs";
|
|
3
3
|
export { type BoxShadowProps, type ShadowProps, type TextShadowProps, shadow as default, shadow };
|
|
@@ -3,7 +3,7 @@ Object.defineProperties(exports, {
|
|
|
3
3
|
[Symbol.toStringTag]: { value: "Module" }
|
|
4
4
|
});
|
|
5
5
|
const require_rolldown_runtime = require("./rolldown-runtime-VH7oDXx4.cjs");
|
|
6
|
-
const require_presets = require("./presets-
|
|
6
|
+
const require_presets = require("./presets-KURYP1_7.cjs");
|
|
7
7
|
let _emotion_is_prop_valid = require("@emotion/is-prop-valid");
|
|
8
8
|
_emotion_is_prop_valid = require_rolldown_runtime.__toESM(_emotion_is_prop_valid, 1);
|
|
9
9
|
//#region src/should-forward-prop/should-forward-prop.ts
|
package/dist/space.d.cts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { i as space, n as margin, r as padding, t as gap } from "./index-
|
|
1
|
+
import { B as GapProps, Ct as RowGapProps, Dt as SpaceProps, E as ColumnGapProps, lt as MarginProps, vt as PaddingProps } from "./types-Cv5WjcVA.cjs";
|
|
2
|
+
import { i as space, n as margin, r as padding, t as gap } from "./index-CgJzEbXW.cjs";
|
|
3
3
|
export { type ColumnGapProps, type GapProps, type MarginProps, type PaddingProps, type RowGapProps, type SpaceProps, space as default, space, gap, margin, padding };
|