@soroush.tech/styled-system 6.0.0-rc.3 → 6.0.0-rc.5
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-B-jql3jb.mjs → background-CheuaxZJ.mjs} +1 -2
- package/dist/{background-wugr6cG7.cjs → background-Dv_dVIPN.cjs} +1 -2
- package/dist/background.cjs +1 -1
- package/dist/background.d.cts +2 -2
- package/dist/background.d.mts +2 -2
- package/dist/background.mjs +1 -2
- package/dist/{border-Dder4Dhp.mjs → border-CsPngymB.mjs} +1 -2
- package/dist/{border-UuT-fTpy.cjs → border-fjCqyeZv.cjs} +1 -2
- package/dist/border.cjs +1 -1
- package/dist/border.d.cts +2 -2
- package/dist/border.d.mts +2 -2
- package/dist/border.mjs +1 -2
- package/dist/{color-CGmMe8yP.mjs → color-CrV_A14P.mjs} +1 -2
- package/dist/{color-BNs17Gw-.cjs → color-WjQwKGuZ.cjs} +1 -2
- package/dist/color.cjs +1 -1
- package/dist/color.d.cts +2 -2
- package/dist/color.d.mts +2 -2
- package/dist/color.mjs +1 -2
- package/dist/core.cjs +2 -3
- package/dist/core.d.cts +2 -2
- package/dist/core.d.mts +2 -2
- package/dist/core.mjs +2 -3
- package/dist/{css-Ba4jdXOq.mjs → css-CtHxdva0.mjs} +2 -3
- package/dist/{css-D1zAlDVz.cjs → css-i8hqsTaO.cjs} +2 -3
- package/dist/css.cjs +1 -1
- package/dist/css.d.cts +1 -3
- package/dist/css.d.mts +1 -3
- package/dist/css.mjs +1 -2
- package/dist/{flexbox-XQnlnfa4.mjs → flexbox-CTYbetP6.mjs} +0 -1
- package/dist/{flexbox-CFkO6PrP.cjs → flexbox-XZuHEUqn.cjs} +0 -1
- package/dist/flexbox.cjs +1 -1
- package/dist/flexbox.d.cts +2 -2
- package/dist/flexbox.d.mts +2 -2
- package/dist/flexbox.mjs +1 -2
- package/dist/{grid-OHT6r2bt.cjs → grid-B4wEAvs-.cjs} +3 -5
- package/dist/{grid-C-HdJk4U.mjs → grid-DnxN6q4v.mjs} +3 -5
- package/dist/grid.cjs +1 -1
- package/dist/grid.d.cts +2 -2
- package/dist/grid.d.mts +2 -2
- package/dist/grid.mjs +1 -2
- package/dist/index-8uEgVLn3.d.mts +7 -0
- package/dist/index-ANVSsrC2.d.cts +4 -0
- package/dist/index-B-EzH430.d.mts +4 -0
- package/dist/{index-BE_EAkI7.d.mts → index-Blauy6s_.d.mts} +1 -3
- package/dist/index-BrRHS_IT.d.cts +4 -0
- package/dist/index-C1Vo1IWu.d.mts +4 -0
- package/dist/{index-BkyQ2I3Q.d.cts → index-CEwxfXzD.d.cts} +2 -6
- package/dist/{index-BHK7G7gO.d.cts → index-CG_2fAK2.d.cts} +2 -4
- package/dist/index-CXX_WQaU.d.mts +4 -0
- package/dist/{index-Cr2cfFsQ.d.mts → index-Cy1VnBXp.d.mts} +2 -4
- package/dist/index-CzMuOA_2.d.cts +4 -0
- package/dist/index-DWzXE26Z.d.mts +4 -0
- package/dist/index-D_CqO28J.d.cts +4 -0
- package/dist/index-Da6mJb_D.d.cts +4 -0
- package/dist/index-DfNEKv5v.d.cts +7 -0
- package/dist/index-Dg6uFnk5.d.cts +4 -0
- package/dist/index-DlCsbZ6I.d.mts +4 -0
- package/dist/{index-Bxo9Q79f.d.mts → index-DlH62bww.d.mts} +2 -6
- package/dist/index-DxgnOyev.d.cts +4 -0
- package/dist/index-ICecgJ7p.d.mts +4 -0
- package/dist/index-lqpCkqaP.d.mts +4 -0
- package/dist/index-ucidUFlQ.d.cts +4 -0
- package/dist/index-vFKQQYTh.d.mts +4 -0
- package/dist/{index-BLOT8F36.d.cts → index-zCm2QsT2.d.cts} +1 -3
- package/dist/index.cjs +14 -16
- package/dist/index.d.cts +14 -18
- package/dist/index.d.mts +14 -18
- package/dist/index.mjs +14 -16
- package/dist/{layout-D3pG7vBp.cjs → layout-8GOCNa4J.cjs} +1 -2
- package/dist/{layout-DF83ooFn.mjs → layout-DNsPazXt.mjs} +1 -2
- package/dist/layout.cjs +1 -1
- package/dist/layout.d.cts +2 -2
- package/dist/layout.d.mts +2 -2
- package/dist/layout.mjs +1 -2
- package/dist/{media-DSJdRy_k.cjs → media-D-RFMX2h.cjs} +1 -2
- package/dist/{media-Bho3l7WK.mjs → media-IgnBo8UV.mjs} +1 -2
- package/dist/{media-CfYDomHt.d.mts → media-LonDvLGc.d.cts} +0 -2
- package/dist/{media-CfYDomHt.d.cts → media-LonDvLGc.d.mts} +0 -2
- package/dist/{position-zWvCE4hD.cjs → position-Bni2ueFz.cjs} +1 -2
- package/dist/{position-jf6VlRyR.mjs → position-DfQIX6-q.mjs} +1 -2
- package/dist/position.cjs +1 -1
- package/dist/position.d.cts +2 -2
- package/dist/position.d.mts +2 -2
- package/dist/position.mjs +1 -2
- package/dist/presets-n_FP4689.cjs +20 -0
- package/dist/presets-sqrmOm7G.mjs +15 -0
- package/dist/prop-types.cjs +13 -14
- package/dist/prop-types.d.cts +0 -2
- package/dist/prop-types.d.mts +0 -2
- package/dist/prop-types.mjs +12 -13
- package/dist/props.cjs +2 -3
- package/dist/props.d.cts +0 -2
- package/dist/props.d.mts +0 -2
- package/dist/props.mjs +2 -3
- package/dist/{rolldown-runtime-VH7oDXx4.cjs → rolldown-runtime-CmQyd0Gu.cjs} +1 -2
- package/dist/{shadow-BrDnaQQl.cjs → shadow-CzPhmiBH.cjs} +1 -2
- package/dist/{shadow-Bp7lx_41.mjs → shadow-DC1rdPNr.mjs} +1 -2
- package/dist/shadow.cjs +1 -1
- package/dist/shadow.d.cts +2 -2
- package/dist/shadow.d.mts +2 -2
- package/dist/shadow.mjs +1 -2
- package/dist/should-forward-prop.cjs +3 -4
- package/dist/should-forward-prop.d.cts +0 -2
- package/dist/should-forward-prop.d.mts +0 -2
- package/dist/should-forward-prop.mjs +2 -3
- package/dist/{space-Q-1mECZz.cjs → space-C47RNjsG.cjs} +1 -2
- package/dist/{space-Df3n3G6a.mjs → space-fvI8x7b9.mjs} +1 -2
- package/dist/space.cjs +1 -1
- package/dist/space.d.cts +2 -2
- package/dist/space.d.mts +2 -2
- package/dist/space.mjs +1 -2
- package/dist/theme-get.cjs +1 -2
- package/dist/theme-get.d.cts +0 -2
- package/dist/theme-get.d.mts +0 -2
- package/dist/theme-get.mjs +1 -2
- package/dist/{types-Cl2haWqC.d.cts → types-C7OSPYLs.d.cts} +0 -2
- package/dist/{types-Cl2haWqC.d.mts → types-C7OSPYLs.d.mts} +0 -2
- package/dist/{typography-p6qWP6Px.mjs → typography-BPvqadh9.mjs} +0 -1
- package/dist/{typography-7jHZXqtc.cjs → typography-CVBkBkfu.cjs} +0 -1
- package/dist/typography.cjs +1 -1
- package/dist/typography.d.cts +2 -2
- package/dist/typography.d.mts +2 -2
- package/dist/typography.mjs +1 -2
- package/dist/{variant-D1u5rSqm.mjs → variant-BnSGnDmQ.mjs} +2 -3
- package/dist/{variant-BSPTyRcQ.cjs → variant-Db4dGAZ-.cjs} +2 -3
- 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 -2
- package/package.json +5 -5
- package/dist/index-6ik3iTHu.d.mts +0 -6
- package/dist/index-B0YS7_m6.d.mts +0 -6
- package/dist/index-BXclWtvo.d.cts +0 -6
- package/dist/index-BczRuB6e.d.mts +0 -9
- package/dist/index-CR-GVkrN.d.mts +0 -6
- package/dist/index-CTXw8gri.d.cts +0 -6
- package/dist/index-CkR8r7gi.d.cts +0 -6
- package/dist/index-CrobiDS5.d.mts +0 -6
- package/dist/index-DKXeepUh.d.cts +0 -6
- package/dist/index-DRJD7XL8.d.cts +0 -6
- package/dist/index-DS8Ma7Lx.d.cts +0 -6
- package/dist/index-DjZPAVMl.d.cts +0 -9
- package/dist/index-DpxMCtVD.d.cts +0 -6
- package/dist/index-JvkI1X8U.d.mts +0 -6
- package/dist/index-VKL1l__P.d.mts +0 -6
- package/dist/index-hyKpD01B.d.mts +0 -6
- package/dist/index-o6LXc-DI.d.cts +0 -6
- package/dist/index-qepAIdZL.d.mts +0 -6
- package/dist/presets-4VDAnszD.cjs +0 -21
- package/dist/presets-CClRdg4X.mjs +0 -16
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import { a as ResponsiveQueries, n as Breakpoints } from "./media-
|
|
1
|
+
import { a as ResponsiveQueries, n as Breakpoints } from "./media-LonDvLGc.cjs";
|
|
2
2
|
import * as CSS from "csstype";
|
|
3
|
-
//#region src/core/core.d.ts
|
|
4
3
|
type StyleObject = Record<string, any>;
|
|
5
4
|
type CSSLength = string | number;
|
|
6
5
|
/**
|
|
@@ -52,5 +51,4 @@ declare const createParser: (config: ParserConfig) => Parser;
|
|
|
52
51
|
declare const createStyleFunction: ({ properties, property, scale, transform, defaultScale }: ConfigStyle) => StyleFn;
|
|
53
52
|
declare const system: (args?: SystemConfig) => Parser;
|
|
54
53
|
declare const compose: (...parsers: (Parser | undefined)[]) => Parser;
|
|
55
|
-
//#endregion
|
|
56
54
|
export { Props as a, SystemConfig as c, compose as d, createParser as f, system as g, merge as h, ParserConfig as i, Theme as l, get as m, ConfigStyle as n, StyleFn as o, createStyleFunction as p, Parser as r, StyleObject as s, CSSObject as t, Transform as u };
|
package/dist/index.cjs
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
2
|
-
const require_media = require("./media-
|
|
2
|
+
const require_media = require("./media-D-RFMX2h.cjs");
|
|
3
3
|
const require_core = require("./core.cjs");
|
|
4
|
-
const require_background = require("./background-
|
|
5
|
-
const require_border = require("./border-
|
|
6
|
-
const require_color = require("./color-
|
|
7
|
-
const require_flexbox = require("./flexbox-
|
|
8
|
-
const require_grid = require("./grid-
|
|
9
|
-
const require_layout = require("./layout-
|
|
10
|
-
const require_position = require("./position-
|
|
11
|
-
const require_typography = require("./typography-
|
|
12
|
-
const require_space = require("./space-
|
|
13
|
-
const require_shadow = require("./shadow-
|
|
14
|
-
const require_variant = require("./variant-
|
|
15
|
-
|
|
4
|
+
const require_background = require("./background-Dv_dVIPN.cjs");
|
|
5
|
+
const require_border = require("./border-fjCqyeZv.cjs");
|
|
6
|
+
const require_color = require("./color-WjQwKGuZ.cjs");
|
|
7
|
+
const require_flexbox = require("./flexbox-XZuHEUqn.cjs");
|
|
8
|
+
const require_grid = require("./grid-B4wEAvs-.cjs");
|
|
9
|
+
const require_layout = require("./layout-8GOCNa4J.cjs");
|
|
10
|
+
const require_position = require("./position-Bni2ueFz.cjs");
|
|
11
|
+
const require_typography = require("./typography-CVBkBkfu.cjs");
|
|
12
|
+
const require_space = require("./space-C47RNjsG.cjs");
|
|
13
|
+
const require_shadow = require("./shadow-CzPhmiBH.cjs");
|
|
14
|
+
const require_variant = require("./variant-Db4dGAZ-.cjs");
|
|
15
|
+
// src/style/style.ts
|
|
16
16
|
const style = ({ prop, cssProperty, alias, key, transformValue, scale, properties }) => {
|
|
17
17
|
const config = {};
|
|
18
18
|
config[prop] = require_core.createStyleFunction({
|
|
@@ -25,8 +25,7 @@ const style = ({ prop, cssProperty, alias, key, transformValue, scale, propertie
|
|
|
25
25
|
if (alias) config[alias] = config[prop];
|
|
26
26
|
return require_core.createParser(config);
|
|
27
27
|
};
|
|
28
|
-
|
|
29
|
-
//#region src/index.ts
|
|
28
|
+
// src/index.ts
|
|
30
29
|
const layoutFns = require_layout.layout;
|
|
31
30
|
const width = layoutFns.width;
|
|
32
31
|
const height = layoutFns.height;
|
|
@@ -105,7 +104,6 @@ const top = positionFns.top;
|
|
|
105
104
|
const right = positionFns.right;
|
|
106
105
|
const bottom = positionFns.bottom;
|
|
107
106
|
const left = positionFns.left;
|
|
108
|
-
//#endregion
|
|
109
107
|
exports.alignContent = alignContent;
|
|
110
108
|
exports.alignItems = alignItems;
|
|
111
109
|
exports.alignSelf = alignSelf;
|
package/dist/index.d.cts
CHANGED
|
@@ -1,18 +1,17 @@
|
|
|
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-
|
|
2
|
-
import { a as Props, c as SystemConfig, d as compose, f as createParser, g as system, i as ParserConfig, m as get, n as ConfigStyle, o as StyleFn, p as createStyleFunction, r as Parser, s as StyleObject, u as Transform } from "./index-
|
|
3
|
-
import { t as background } from "./index-
|
|
4
|
-
import { $ as GridTemplateRowsProps, A as FlexDirectionProps, At as TLengthStyledSystem, B as GapProps, Bt as TextShadowProps, C as ButtonStyleProps, Ct as RightProps, D as ContainerProps, Dt as SizeProps, E as ColumnGapProps, Et as ShadowProps, F as FlexboxProps, Ft as TextDecorationLineProps, G as GridColumnGapProps, Gt as TopProps, H as GridAutoColumnsProps, Ht as TextTransformProps, I as FontFamilyProps, It as TextDecorationProps, J as GridProps, Jt as WhiteSpaceProps, K as GridColumnProps, Kt as TypographyProps, L as FontSizeProps, Lt as TextDecorationStyleProps, M as FlexProps, Mt as TextAlignProps, N as FlexShrinkProps, Nt as TextColorProps, O as DisplayProps, Ot as SpaceProps, P as FlexWrapProps, Pt as TextDecorationColorProps, Q as GridTemplateColumnsProps, R as FontStyleProps, Rt as TextDecorationThicknessProps, S as BreakpointName, St as ResponsiveValue, T as ColorStyleProps, Tt as Scale, U as GridAutoFlowProps, Ut as Theme, V as GridAreaProps, Vt as TextStyleProps, W as GridAutoRowsProps, Wt as ThemeValue, X as GridRowProps, Xt as ZIndexProps, Y as GridRowGapProps, Yt as WidthProps, Z as GridTemplateAreasProps, _ as BorderStyleProps, _t as OrderProps, a as BackgroundColorProps, at as LayoutGridProps, b as BottomProps, bt as PositionProps, c as BackgroundProps, ct as LetterSpacingProps, d as BorderBottomProps, dt as MaxHeightProps, et as HeightProps, f as BorderColorProps, ft as MaxWidthProps, g as BorderRightProps, gt as OpacityProps, h as BorderRadiusProps, ht as ObjectOrArray, i as AspectRatioProps, it as LayoutFrameProps, j as FlexGrowProps, jt as TextAlignLastProps, k as FlexBasisProps, kt as SpanProps, l as BackgroundRepeatProps, lt as LineHeightProps, m as BorderProps, mt as MinWidthProps, n as AlignItemsProps, nt as JustifyItemsProps, o as BackgroundImageProps, ot as LayoutProps, p as BorderLeftProps, pt as MinHeightProps, q as GridGapProps, qt as VerticalAlignProps, r as AlignSelfProps, rt as JustifySelfProps, s as BackgroundPositionProps, st as LeftProps, t as AlignContentProps, tt as JustifyContentProps, u as BackgroundSizeProps, ut as MarginProps, v as BorderTopProps, vt as OverflowProps, w as ColorProps, wt as RowGapProps, x as BoxShadowProps, xt as RequiredTheme, y as BorderWidthProps, yt as PaddingProps, z as FontWeightProps, zt as TextOverflowProps } from "./types-
|
|
5
|
-
import { t as border } from "./index-
|
|
6
|
-
import { t as color } from "./index-
|
|
7
|
-
import { t as flexbox } from "./index-
|
|
8
|
-
import { a as layoutGrid, c as grid, i as layoutFrame, n as LayoutGridGap, o as layoutGridStyles, r as LayoutGridValue, s as span, t as LayoutGridEntry } from "./index-
|
|
9
|
-
import { i as space, n as margin, r as padding, t as gap } from "./index-
|
|
10
|
-
import { t as layout } from "./index-
|
|
11
|
-
import { t as typography } from "./index-
|
|
12
|
-
import { t as position } from "./index-
|
|
13
|
-
import { t as shadow } from "./index-
|
|
14
|
-
import { a as textStyle, i as colorStyle, n as VariantOptions, o as variant, r as buttonStyle, t as VariantArgs } from "./index-
|
|
15
|
-
//#region src/style/style.d.ts
|
|
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-LonDvLGc.cjs";
|
|
2
|
+
import { a as Props, c as SystemConfig, d as compose, f as createParser, g as system, i as ParserConfig, m as get, n as ConfigStyle, o as StyleFn, p as createStyleFunction, r as Parser, s as StyleObject, u as Transform } from "./index-zCm2QsT2.cjs";
|
|
3
|
+
import { t as background } from "./index-ANVSsrC2.cjs";
|
|
4
|
+
import { $ as GridTemplateRowsProps, A as FlexDirectionProps, At as TLengthStyledSystem, B as GapProps, Bt as TextShadowProps, C as ButtonStyleProps, Ct as RightProps, D as ContainerProps, Dt as SizeProps, E as ColumnGapProps, Et as ShadowProps, F as FlexboxProps, Ft as TextDecorationLineProps, G as GridColumnGapProps, Gt as TopProps, H as GridAutoColumnsProps, Ht as TextTransformProps, I as FontFamilyProps, It as TextDecorationProps, J as GridProps, Jt as WhiteSpaceProps, K as GridColumnProps, Kt as TypographyProps, L as FontSizeProps, Lt as TextDecorationStyleProps, M as FlexProps, Mt as TextAlignProps, N as FlexShrinkProps, Nt as TextColorProps, O as DisplayProps, Ot as SpaceProps, P as FlexWrapProps, Pt as TextDecorationColorProps, Q as GridTemplateColumnsProps, R as FontStyleProps, Rt as TextDecorationThicknessProps, S as BreakpointName, St as ResponsiveValue, T as ColorStyleProps, Tt as Scale, U as GridAutoFlowProps, Ut as Theme, V as GridAreaProps, Vt as TextStyleProps, W as GridAutoRowsProps, Wt as ThemeValue, X as GridRowProps, Xt as ZIndexProps, Y as GridRowGapProps, Yt as WidthProps, Z as GridTemplateAreasProps, _ as BorderStyleProps, _t as OrderProps, a as BackgroundColorProps, at as LayoutGridProps, b as BottomProps, bt as PositionProps, c as BackgroundProps, ct as LetterSpacingProps, d as BorderBottomProps, dt as MaxHeightProps, et as HeightProps, f as BorderColorProps, ft as MaxWidthProps, g as BorderRightProps, gt as OpacityProps, h as BorderRadiusProps, ht as ObjectOrArray, i as AspectRatioProps, it as LayoutFrameProps, j as FlexGrowProps, jt as TextAlignLastProps, k as FlexBasisProps, kt as SpanProps, l as BackgroundRepeatProps, lt as LineHeightProps, m as BorderProps, mt as MinWidthProps, n as AlignItemsProps, nt as JustifyItemsProps, o as BackgroundImageProps, ot as LayoutProps, p as BorderLeftProps, pt as MinHeightProps, q as GridGapProps, qt as VerticalAlignProps, r as AlignSelfProps, rt as JustifySelfProps, s as BackgroundPositionProps, st as LeftProps, t as AlignContentProps, tt as JustifyContentProps, u as BackgroundSizeProps, ut as MarginProps, v as BorderTopProps, vt as OverflowProps, w as ColorProps, wt as RowGapProps, x as BoxShadowProps, xt as RequiredTheme, y as BorderWidthProps, yt as PaddingProps, z as FontWeightProps, zt as TextOverflowProps } from "./types-C7OSPYLs.cjs";
|
|
5
|
+
import { t as border } from "./index-ucidUFlQ.cjs";
|
|
6
|
+
import { t as color } from "./index-Dg6uFnk5.cjs";
|
|
7
|
+
import { t as flexbox } from "./index-D_CqO28J.cjs";
|
|
8
|
+
import { a as layoutGrid, c as grid, i as layoutFrame, n as LayoutGridGap, o as layoutGridStyles, r as LayoutGridValue, s as span, t as LayoutGridEntry } from "./index-CEwxfXzD.cjs";
|
|
9
|
+
import { i as space, n as margin, r as padding, t as gap } from "./index-DfNEKv5v.cjs";
|
|
10
|
+
import { t as layout } from "./index-CzMuOA_2.cjs";
|
|
11
|
+
import { t as typography } from "./index-BrRHS_IT.cjs";
|
|
12
|
+
import { t as position } from "./index-Da6mJb_D.cjs";
|
|
13
|
+
import { t as shadow } from "./index-DxgnOyev.cjs";
|
|
14
|
+
import { a as textStyle, i as colorStyle, n as VariantOptions, o as variant, r as buttonStyle, t as VariantArgs } from "./index-CG_2fAK2.cjs";
|
|
16
15
|
interface StyleOptions {
|
|
17
16
|
prop: string;
|
|
18
17
|
cssProperty?: string;
|
|
@@ -25,8 +24,6 @@ interface StyleOptions {
|
|
|
25
24
|
/** Upstream `@types/styled-system` name for {@link StyleOptions}. */
|
|
26
25
|
type LowLevelStyleFunctionArguments = StyleOptions;
|
|
27
26
|
declare const style: ({ prop, cssProperty, alias, key, transformValue, scale, properties }: StyleOptions) => Parser;
|
|
28
|
-
//#endregion
|
|
29
|
-
//#region src/index.d.ts
|
|
30
27
|
declare const width: Parser;
|
|
31
28
|
declare const height: Parser;
|
|
32
29
|
declare const minWidth: Parser;
|
|
@@ -98,5 +95,4 @@ declare const top: Parser;
|
|
|
98
95
|
declare const right: Parser;
|
|
99
96
|
declare const bottom: Parser;
|
|
100
97
|
declare const left: Parser;
|
|
101
|
-
//#endregion
|
|
102
98
|
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 SystemConfig as Config, type SystemConfig, type StyleFn as ConfigFunction, type StyleFn, 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, LayoutFrameProps, type LayoutGridEntry, type LayoutGridGap, LayoutGridProps, type LayoutGridValue, LayoutProps, LeftProps, LetterSpacingProps, LineHeightProps, type LowLevelStyleFunctionArguments, MarginProps, MaxHeightProps, MaxWidthProps, MinHeightProps, MinWidthProps, ObjectOrArray, OpacityProps, OrderProps, OverflowProps, PaddingProps, type Parser, type Parser as styleFn, type ParserConfig, PositionProps, type Props, type QueryHelpers, RequiredTheme, type ResponsiveQueries, ResponsiveValue, RightProps, RowGapProps, Scale, ShadowProps, SizeProps, SpaceProps, SpanProps, type StyleObject, type StyleOptions, 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, layoutFrame, 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/index.d.mts
CHANGED
|
@@ -1,18 +1,17 @@
|
|
|
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-
|
|
2
|
-
import { a as Props, c as SystemConfig, d as compose, f as createParser, g as system, i as ParserConfig, m as get, n as ConfigStyle, o as StyleFn, p as createStyleFunction, r as Parser, s as StyleObject, u as Transform } from "./index-
|
|
3
|
-
import { t as background } from "./index-
|
|
4
|
-
import { $ as GridTemplateRowsProps, A as FlexDirectionProps, At as TLengthStyledSystem, B as GapProps, Bt as TextShadowProps, C as ButtonStyleProps, Ct as RightProps, D as ContainerProps, Dt as SizeProps, E as ColumnGapProps, Et as ShadowProps, F as FlexboxProps, Ft as TextDecorationLineProps, G as GridColumnGapProps, Gt as TopProps, H as GridAutoColumnsProps, Ht as TextTransformProps, I as FontFamilyProps, It as TextDecorationProps, J as GridProps, Jt as WhiteSpaceProps, K as GridColumnProps, Kt as TypographyProps, L as FontSizeProps, Lt as TextDecorationStyleProps, M as FlexProps, Mt as TextAlignProps, N as FlexShrinkProps, Nt as TextColorProps, O as DisplayProps, Ot as SpaceProps, P as FlexWrapProps, Pt as TextDecorationColorProps, Q as GridTemplateColumnsProps, R as FontStyleProps, Rt as TextDecorationThicknessProps, S as BreakpointName, St as ResponsiveValue, T as ColorStyleProps, Tt as Scale, U as GridAutoFlowProps, Ut as Theme, V as GridAreaProps, Vt as TextStyleProps, W as GridAutoRowsProps, Wt as ThemeValue, X as GridRowProps, Xt as ZIndexProps, Y as GridRowGapProps, Yt as WidthProps, Z as GridTemplateAreasProps, _ as BorderStyleProps, _t as OrderProps, a as BackgroundColorProps, at as LayoutGridProps, b as BottomProps, bt as PositionProps, c as BackgroundProps, ct as LetterSpacingProps, d as BorderBottomProps, dt as MaxHeightProps, et as HeightProps, f as BorderColorProps, ft as MaxWidthProps, g as BorderRightProps, gt as OpacityProps, h as BorderRadiusProps, ht as ObjectOrArray, i as AspectRatioProps, it as LayoutFrameProps, j as FlexGrowProps, jt as TextAlignLastProps, k as FlexBasisProps, kt as SpanProps, l as BackgroundRepeatProps, lt as LineHeightProps, m as BorderProps, mt as MinWidthProps, n as AlignItemsProps, nt as JustifyItemsProps, o as BackgroundImageProps, ot as LayoutProps, p as BorderLeftProps, pt as MinHeightProps, q as GridGapProps, qt as VerticalAlignProps, r as AlignSelfProps, rt as JustifySelfProps, s as BackgroundPositionProps, st as LeftProps, t as AlignContentProps, tt as JustifyContentProps, u as BackgroundSizeProps, ut as MarginProps, v as BorderTopProps, vt as OverflowProps, w as ColorProps, wt as RowGapProps, x as BoxShadowProps, xt as RequiredTheme, y as BorderWidthProps, yt as PaddingProps, z as FontWeightProps, zt as TextOverflowProps } from "./types-
|
|
5
|
-
import { t as border } from "./index-
|
|
6
|
-
import { t as color } from "./index-
|
|
7
|
-
import { t as flexbox } from "./index-
|
|
8
|
-
import { a as layoutGrid, c as grid, i as layoutFrame, n as LayoutGridGap, o as layoutGridStyles, r as LayoutGridValue, s as span, t as LayoutGridEntry } from "./index-
|
|
9
|
-
import { i as space, n as margin, r as padding, t as gap } from "./index-
|
|
10
|
-
import { t as layout } from "./index-
|
|
11
|
-
import { t as typography } from "./index-
|
|
12
|
-
import { t as position } from "./index-
|
|
13
|
-
import { t as shadow } from "./index-
|
|
14
|
-
import { a as textStyle, i as colorStyle, n as VariantOptions, o as variant, r as buttonStyle, t as VariantArgs } from "./index-
|
|
15
|
-
//#region src/style/style.d.ts
|
|
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-LonDvLGc.mjs";
|
|
2
|
+
import { a as Props, c as SystemConfig, d as compose, f as createParser, g as system, i as ParserConfig, m as get, n as ConfigStyle, o as StyleFn, p as createStyleFunction, r as Parser, s as StyleObject, u as Transform } from "./index-Blauy6s_.mjs";
|
|
3
|
+
import { t as background } from "./index-DlCsbZ6I.mjs";
|
|
4
|
+
import { $ as GridTemplateRowsProps, A as FlexDirectionProps, At as TLengthStyledSystem, B as GapProps, Bt as TextShadowProps, C as ButtonStyleProps, Ct as RightProps, D as ContainerProps, Dt as SizeProps, E as ColumnGapProps, Et as ShadowProps, F as FlexboxProps, Ft as TextDecorationLineProps, G as GridColumnGapProps, Gt as TopProps, H as GridAutoColumnsProps, Ht as TextTransformProps, I as FontFamilyProps, It as TextDecorationProps, J as GridProps, Jt as WhiteSpaceProps, K as GridColumnProps, Kt as TypographyProps, L as FontSizeProps, Lt as TextDecorationStyleProps, M as FlexProps, Mt as TextAlignProps, N as FlexShrinkProps, Nt as TextColorProps, O as DisplayProps, Ot as SpaceProps, P as FlexWrapProps, Pt as TextDecorationColorProps, Q as GridTemplateColumnsProps, R as FontStyleProps, Rt as TextDecorationThicknessProps, S as BreakpointName, St as ResponsiveValue, T as ColorStyleProps, Tt as Scale, U as GridAutoFlowProps, Ut as Theme, V as GridAreaProps, Vt as TextStyleProps, W as GridAutoRowsProps, Wt as ThemeValue, X as GridRowProps, Xt as ZIndexProps, Y as GridRowGapProps, Yt as WidthProps, Z as GridTemplateAreasProps, _ as BorderStyleProps, _t as OrderProps, a as BackgroundColorProps, at as LayoutGridProps, b as BottomProps, bt as PositionProps, c as BackgroundProps, ct as LetterSpacingProps, d as BorderBottomProps, dt as MaxHeightProps, et as HeightProps, f as BorderColorProps, ft as MaxWidthProps, g as BorderRightProps, gt as OpacityProps, h as BorderRadiusProps, ht as ObjectOrArray, i as AspectRatioProps, it as LayoutFrameProps, j as FlexGrowProps, jt as TextAlignLastProps, k as FlexBasisProps, kt as SpanProps, l as BackgroundRepeatProps, lt as LineHeightProps, m as BorderProps, mt as MinWidthProps, n as AlignItemsProps, nt as JustifyItemsProps, o as BackgroundImageProps, ot as LayoutProps, p as BorderLeftProps, pt as MinHeightProps, q as GridGapProps, qt as VerticalAlignProps, r as AlignSelfProps, rt as JustifySelfProps, s as BackgroundPositionProps, st as LeftProps, t as AlignContentProps, tt as JustifyContentProps, u as BackgroundSizeProps, ut as MarginProps, v as BorderTopProps, vt as OverflowProps, w as ColorProps, wt as RowGapProps, x as BoxShadowProps, xt as RequiredTheme, y as BorderWidthProps, yt as PaddingProps, z as FontWeightProps, zt as TextOverflowProps } from "./types-C7OSPYLs.mjs";
|
|
5
|
+
import { t as border } from "./index-vFKQQYTh.mjs";
|
|
6
|
+
import { t as color } from "./index-CXX_WQaU.mjs";
|
|
7
|
+
import { t as flexbox } from "./index-ICecgJ7p.mjs";
|
|
8
|
+
import { a as layoutGrid, c as grid, i as layoutFrame, n as LayoutGridGap, o as layoutGridStyles, r as LayoutGridValue, s as span, t as LayoutGridEntry } from "./index-DlH62bww.mjs";
|
|
9
|
+
import { i as space, n as margin, r as padding, t as gap } from "./index-8uEgVLn3.mjs";
|
|
10
|
+
import { t as layout } from "./index-DWzXE26Z.mjs";
|
|
11
|
+
import { t as typography } from "./index-B-EzH430.mjs";
|
|
12
|
+
import { t as position } from "./index-lqpCkqaP.mjs";
|
|
13
|
+
import { t as shadow } from "./index-C1Vo1IWu.mjs";
|
|
14
|
+
import { a as textStyle, i as colorStyle, n as VariantOptions, o as variant, r as buttonStyle, t as VariantArgs } from "./index-Cy1VnBXp.mjs";
|
|
16
15
|
interface StyleOptions {
|
|
17
16
|
prop: string;
|
|
18
17
|
cssProperty?: string;
|
|
@@ -25,8 +24,6 @@ interface StyleOptions {
|
|
|
25
24
|
/** Upstream `@types/styled-system` name for {@link StyleOptions}. */
|
|
26
25
|
type LowLevelStyleFunctionArguments = StyleOptions;
|
|
27
26
|
declare const style: ({ prop, cssProperty, alias, key, transformValue, scale, properties }: StyleOptions) => Parser;
|
|
28
|
-
//#endregion
|
|
29
|
-
//#region src/index.d.ts
|
|
30
27
|
declare const width: Parser;
|
|
31
28
|
declare const height: Parser;
|
|
32
29
|
declare const minWidth: Parser;
|
|
@@ -98,5 +95,4 @@ declare const top: Parser;
|
|
|
98
95
|
declare const right: Parser;
|
|
99
96
|
declare const bottom: Parser;
|
|
100
97
|
declare const left: Parser;
|
|
101
|
-
//#endregion
|
|
102
98
|
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 SystemConfig as Config, type SystemConfig, type StyleFn as ConfigFunction, type StyleFn, 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, LayoutFrameProps, type LayoutGridEntry, type LayoutGridGap, LayoutGridProps, type LayoutGridValue, LayoutProps, LeftProps, LetterSpacingProps, LineHeightProps, type LowLevelStyleFunctionArguments, MarginProps, MaxHeightProps, MaxWidthProps, MinHeightProps, MinWidthProps, ObjectOrArray, OpacityProps, OrderProps, OverflowProps, PaddingProps, type Parser, type Parser as styleFn, type ParserConfig, PositionProps, type Props, type QueryHelpers, RequiredTheme, type ResponsiveQueries, ResponsiveValue, RightProps, RowGapProps, Scale, ShadowProps, SizeProps, SpaceProps, SpanProps, type StyleObject, type StyleOptions, 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, layoutFrame, 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/index.mjs
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import { a as createMediaQuery, i as createMediaHelpers, n as containerKey, o as responsiveQueries, r as createContainerQueries, t as breakpointQueries } from "./media-
|
|
1
|
+
import { a as createMediaQuery, i as createMediaHelpers, n as containerKey, o as responsiveQueries, r as createContainerQueries, t as breakpointQueries } from "./media-IgnBo8UV.mjs";
|
|
2
2
|
import { compose, createParser, createStyleFunction, get, system } from "./core.mjs";
|
|
3
|
-
import { t as background } from "./background-
|
|
4
|
-
import { t as border } from "./border-
|
|
5
|
-
import { t as color } from "./color-
|
|
6
|
-
import { t as flexbox } from "./flexbox-
|
|
7
|
-
import { a as grid, i as span, n as layoutGrid, r as layoutGridStyles, t as layoutFrame } from "./grid-
|
|
8
|
-
import { t as layout } from "./layout-
|
|
9
|
-
import { t as position } from "./position-
|
|
10
|
-
import { t as typography } from "./typography-
|
|
11
|
-
import { i as space, n as margin, r as padding, t as gap } from "./space-
|
|
12
|
-
import { t as shadow } from "./shadow-
|
|
13
|
-
import { i as variant, n as colorStyle, r as textStyle, t as buttonStyle } from "./variant-
|
|
14
|
-
|
|
3
|
+
import { t as background } from "./background-CheuaxZJ.mjs";
|
|
4
|
+
import { t as border } from "./border-CsPngymB.mjs";
|
|
5
|
+
import { t as color } from "./color-CrV_A14P.mjs";
|
|
6
|
+
import { t as flexbox } from "./flexbox-CTYbetP6.mjs";
|
|
7
|
+
import { a as grid, i as span, n as layoutGrid, r as layoutGridStyles, t as layoutFrame } from "./grid-DnxN6q4v.mjs";
|
|
8
|
+
import { t as layout } from "./layout-DNsPazXt.mjs";
|
|
9
|
+
import { t as position } from "./position-DfQIX6-q.mjs";
|
|
10
|
+
import { t as typography } from "./typography-BPvqadh9.mjs";
|
|
11
|
+
import { i as space, n as margin, r as padding, t as gap } from "./space-fvI8x7b9.mjs";
|
|
12
|
+
import { t as shadow } from "./shadow-DC1rdPNr.mjs";
|
|
13
|
+
import { i as variant, n as colorStyle, r as textStyle, t as buttonStyle } from "./variant-BnSGnDmQ.mjs";
|
|
14
|
+
// src/style/style.ts
|
|
15
15
|
const style = ({ prop, cssProperty, alias, key, transformValue, scale, properties }) => {
|
|
16
16
|
const config = {};
|
|
17
17
|
config[prop] = createStyleFunction({
|
|
@@ -24,8 +24,7 @@ const style = ({ prop, cssProperty, alias, key, transformValue, scale, propertie
|
|
|
24
24
|
if (alias) config[alias] = config[prop];
|
|
25
25
|
return createParser(config);
|
|
26
26
|
};
|
|
27
|
-
|
|
28
|
-
//#region src/index.ts
|
|
27
|
+
// src/index.ts
|
|
29
28
|
const layoutFns = layout;
|
|
30
29
|
const width = layoutFns.width;
|
|
31
30
|
const height = layoutFns.height;
|
|
@@ -104,5 +103,4 @@ const top = positionFns.top;
|
|
|
104
103
|
const right = positionFns.right;
|
|
105
104
|
const bottom = positionFns.bottom;
|
|
106
105
|
const left = positionFns.left;
|
|
107
|
-
//#endregion
|
|
108
106
|
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, layoutFrame, 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 };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
const require_core = require("./core.cjs");
|
|
2
|
-
|
|
2
|
+
// src/layout/layout.ts
|
|
3
3
|
const isNumber = (n) => typeof n === "number" && !Number.isNaN(n);
|
|
4
4
|
const getWidth = (n, scale) => require_core.get(scale, n, !isNumber(n) || n > 1 ? n : n * 100 + "%");
|
|
5
5
|
const config = {
|
|
@@ -42,7 +42,6 @@ const config = {
|
|
|
42
42
|
containerName: true
|
|
43
43
|
};
|
|
44
44
|
const layout = require_core.system(config);
|
|
45
|
-
//#endregion
|
|
46
45
|
Object.defineProperty(exports, "layout", {
|
|
47
46
|
enumerable: true,
|
|
48
47
|
get: function() {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { get, system } from "./core.mjs";
|
|
2
|
-
|
|
2
|
+
// src/layout/layout.ts
|
|
3
3
|
const isNumber = (n) => typeof n === "number" && !Number.isNaN(n);
|
|
4
4
|
const getWidth = (n, scale) => get(scale, n, !isNumber(n) || n > 1 ? n : n * 100 + "%");
|
|
5
5
|
const layout = system({
|
|
@@ -41,5 +41,4 @@ const layout = system({
|
|
|
41
41
|
containerType: true,
|
|
42
42
|
containerName: true
|
|
43
43
|
});
|
|
44
|
-
//#endregion
|
|
45
44
|
export { layout as t };
|
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-8GOCNa4J.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 { D as ContainerProps, Dt as SizeProps, O as DisplayProps, Yt as WidthProps, dt as MaxHeightProps, et as HeightProps, ft as MaxWidthProps, i as AspectRatioProps, mt as MinWidthProps, ot as LayoutProps, pt as MinHeightProps, qt as VerticalAlignProps, vt as OverflowProps } from "./types-
|
|
2
|
-
import { t as layout } from "./index-
|
|
1
|
+
import { D as ContainerProps, Dt as SizeProps, O as DisplayProps, Yt as WidthProps, dt as MaxHeightProps, et as HeightProps, ft as MaxWidthProps, i as AspectRatioProps, mt as MinWidthProps, ot as LayoutProps, pt as MinHeightProps, qt as VerticalAlignProps, vt as OverflowProps } from "./types-C7OSPYLs.cjs";
|
|
2
|
+
import { t as layout } from "./index-CzMuOA_2.cjs";
|
|
3
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 { D as ContainerProps, Dt as SizeProps, O as DisplayProps, Yt as WidthProps, dt as MaxHeightProps, et as HeightProps, ft as MaxWidthProps, i as AspectRatioProps, mt as MinWidthProps, ot as LayoutProps, pt as MinHeightProps, qt as VerticalAlignProps, vt as OverflowProps } from "./types-
|
|
2
|
-
import { t as layout } from "./index-
|
|
1
|
+
import { D as ContainerProps, Dt as SizeProps, O as DisplayProps, Yt as WidthProps, dt as MaxHeightProps, et as HeightProps, ft as MaxWidthProps, i as AspectRatioProps, mt as MinWidthProps, ot as LayoutProps, pt as MinHeightProps, qt as VerticalAlignProps, vt as OverflowProps } from "./types-C7OSPYLs.mjs";
|
|
2
|
+
import { t as layout } from "./index-DWzXE26Z.mjs";
|
|
3
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 @@
|
|
|
1
|
-
|
|
2
|
-
export { layout as default, layout };
|
|
1
|
+
export { t as default, t as layout } from "./layout-DNsPazXt.mjs";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
// src/core/media.ts
|
|
2
2
|
const isLength = (value) => /^[\d.+-]|^(calc|min|max|clamp)\(/.test(value);
|
|
3
3
|
const toLength = (value) => typeof value === "number" ? `${value}px` : value;
|
|
4
4
|
const isZero = (value) => typeof value === "number" ? value === 0 : isLength(value) && Number.parseFloat(value) === 0;
|
|
@@ -81,7 +81,6 @@ const responsiveQueries = (breakpoints) => {
|
|
|
81
81
|
order: [...media.filter((query) => query !== null), ...containers]
|
|
82
82
|
};
|
|
83
83
|
};
|
|
84
|
-
//#endregion
|
|
85
84
|
Object.defineProperty(exports, "breakpointQueries", {
|
|
86
85
|
enumerable: true,
|
|
87
86
|
get: function() {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
// src/core/media.ts
|
|
2
2
|
const isLength = (value) => /^[\d.+-]|^(calc|min|max|clamp)\(/.test(value);
|
|
3
3
|
const toLength = (value) => typeof value === "number" ? `${value}px` : value;
|
|
4
4
|
const isZero = (value) => typeof value === "number" ? value === 0 : isLength(value) && Number.parseFloat(value) === 0;
|
|
@@ -81,5 +81,4 @@ const responsiveQueries = (breakpoints) => {
|
|
|
81
81
|
order: [...media.filter((query) => query !== null), ...containers]
|
|
82
82
|
};
|
|
83
83
|
};
|
|
84
|
-
//#endregion
|
|
85
84
|
export { createMediaQuery as a, createMediaHelpers as i, containerKey as n, responsiveQueries as o, createContainerQueries as r, breakpointQueries as t };
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
//#region src/core/media.d.ts
|
|
2
1
|
/**
|
|
3
2
|
* `theme.breakpoints`: an ascending list, or named breakpoints in their declared order.
|
|
4
3
|
* Each value is where its range starts; the range holds until the next breakpoint. A
|
|
@@ -50,5 +49,4 @@ interface ResponsiveQueries {
|
|
|
50
49
|
order: string[];
|
|
51
50
|
}
|
|
52
51
|
declare const responsiveQueries: (breakpoints: Breakpoints) => ResponsiveQueries;
|
|
53
|
-
//#endregion
|
|
54
52
|
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 };
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
//#region src/core/media.d.ts
|
|
2
1
|
/**
|
|
3
2
|
* `theme.breakpoints`: an ascending list, or named breakpoints in their declared order.
|
|
4
3
|
* Each value is where its range starts; the range holds until the next breakpoint. A
|
|
@@ -50,5 +49,4 @@ interface ResponsiveQueries {
|
|
|
50
49
|
order: string[];
|
|
51
50
|
}
|
|
52
51
|
declare const responsiveQueries: (breakpoints: Breakpoints) => ResponsiveQueries;
|
|
53
|
-
//#endregion
|
|
54
52
|
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 };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
const require_core = require("./core.cjs");
|
|
2
|
-
|
|
2
|
+
// src/position/position.ts
|
|
3
3
|
const spaceScale = [
|
|
4
4
|
0,
|
|
5
5
|
4,
|
|
@@ -39,7 +39,6 @@ const config = {
|
|
|
39
39
|
}
|
|
40
40
|
};
|
|
41
41
|
const position = require_core.system(config);
|
|
42
|
-
//#endregion
|
|
43
42
|
Object.defineProperty(exports, "position", {
|
|
44
43
|
enumerable: true,
|
|
45
44
|
get: function() {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { system } from "./core.mjs";
|
|
2
|
-
|
|
2
|
+
// src/position/position.ts
|
|
3
3
|
const spaceScale = [
|
|
4
4
|
0,
|
|
5
5
|
4,
|
|
@@ -38,5 +38,4 @@ const position = system({
|
|
|
38
38
|
defaultScale: spaceScale
|
|
39
39
|
}
|
|
40
40
|
});
|
|
41
|
-
//#endregion
|
|
42
41
|
export { position as t };
|
package/dist/position.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_position = require("./position-
|
|
5
|
+
const require_position = require("./position-Bni2ueFz.cjs");
|
|
6
6
|
exports.default = require_position.position;
|
|
7
7
|
exports.position = require_position.position;
|
package/dist/position.d.cts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { Ct as RightProps, Gt as TopProps, Xt as ZIndexProps, b as BottomProps, bt as PositionProps, st as LeftProps } from "./types-
|
|
2
|
-
import { t as position } from "./index-
|
|
1
|
+
import { Ct as RightProps, Gt as TopProps, Xt as ZIndexProps, b as BottomProps, bt as PositionProps, st as LeftProps } from "./types-C7OSPYLs.cjs";
|
|
2
|
+
import { t as position } from "./index-Da6mJb_D.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 { Ct as RightProps, Gt as TopProps, Xt as ZIndexProps, b as BottomProps, bt as PositionProps, st as LeftProps } from "./types-
|
|
2
|
-
import { t as position } from "./index-
|
|
1
|
+
import { Ct as RightProps, Gt as TopProps, Xt as ZIndexProps, b as BottomProps, bt as PositionProps, st as LeftProps } from "./types-C7OSPYLs.mjs";
|
|
2
|
+
import { t as position } from "./index-lqpCkqaP.mjs";
|
|
3
3
|
export { type BottomProps, type LeftProps, type PositionProps, type RightProps, type TopProps, type ZIndexProps, position as default, position };
|
package/dist/position.mjs
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export { position as default, position };
|
|
1
|
+
export { t as default, t as position } from "./position-DfQIX6-q.mjs";
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
const require_core = require("./core.cjs");
|
|
2
|
+
const require_background = require("./background-Dv_dVIPN.cjs");
|
|
3
|
+
const require_border = require("./border-fjCqyeZv.cjs");
|
|
4
|
+
const require_color = require("./color-WjQwKGuZ.cjs");
|
|
5
|
+
const require_flexbox = require("./flexbox-XZuHEUqn.cjs");
|
|
6
|
+
const require_grid = require("./grid-B4wEAvs-.cjs");
|
|
7
|
+
const require_layout = require("./layout-8GOCNa4J.cjs");
|
|
8
|
+
const require_position = require("./position-Bni2ueFz.cjs");
|
|
9
|
+
const require_typography = require("./typography-CVBkBkfu.cjs");
|
|
10
|
+
const require_space = require("./space-C47RNjsG.cjs");
|
|
11
|
+
const require_shadow = require("./shadow-CzPhmiBH.cjs");
|
|
12
|
+
const require_variant = require("./variant-Db4dGAZ-.cjs");
|
|
13
|
+
// 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_grid.span, require_shadow.shadow, require_variant.buttonStyle, require_variant.textStyle, require_variant.colorStyle);
|
|
15
|
+
Object.defineProperty(exports, "all", {
|
|
16
|
+
enumerable: true,
|
|
17
|
+
get: function() {
|
|
18
|
+
return all;
|
|
19
|
+
}
|
|
20
|
+
});
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { compose } from "./core.mjs";
|
|
2
|
+
import { t as background } from "./background-CheuaxZJ.mjs";
|
|
3
|
+
import { t as border } from "./border-CsPngymB.mjs";
|
|
4
|
+
import { t as color } from "./color-CrV_A14P.mjs";
|
|
5
|
+
import { t as flexbox } from "./flexbox-CTYbetP6.mjs";
|
|
6
|
+
import { a as grid, i as span } from "./grid-DnxN6q4v.mjs";
|
|
7
|
+
import { t as layout } from "./layout-DNsPazXt.mjs";
|
|
8
|
+
import { t as position } from "./position-DfQIX6-q.mjs";
|
|
9
|
+
import { t as typography } from "./typography-BPvqadh9.mjs";
|
|
10
|
+
import { i as space } from "./space-fvI8x7b9.mjs";
|
|
11
|
+
import { t as shadow } from "./shadow-DC1rdPNr.mjs";
|
|
12
|
+
import { n as colorStyle, r as textStyle, t as buttonStyle } from "./variant-BnSGnDmQ.mjs";
|
|
13
|
+
// src/presets/presets.ts
|
|
14
|
+
const all = compose(space, typography, color, layout, flexbox, border, background, position, grid, span, shadow, buttonStyle, textStyle, colorStyle);
|
|
15
|
+
export { all as t };
|
package/dist/prop-types.cjs
CHANGED
|
@@ -2,21 +2,21 @@ Object.defineProperties(exports, {
|
|
|
2
2
|
__esModule: { value: true },
|
|
3
3
|
[Symbol.toStringTag]: { value: "Module" }
|
|
4
4
|
});
|
|
5
|
-
const require_rolldown_runtime = require("./rolldown-runtime-
|
|
6
|
-
const require_background = require("./background-
|
|
7
|
-
const require_border = require("./border-
|
|
8
|
-
const require_color = require("./color-
|
|
9
|
-
const require_flexbox = require("./flexbox-
|
|
10
|
-
const require_grid = require("./grid-
|
|
11
|
-
const require_layout = require("./layout-
|
|
12
|
-
const require_position = require("./position-
|
|
13
|
-
const require_typography = require("./typography-
|
|
14
|
-
const require_space = require("./space-
|
|
15
|
-
const require_shadow = require("./shadow-
|
|
16
|
-
const require_variant = require("./variant-
|
|
5
|
+
const require_rolldown_runtime = require("./rolldown-runtime-CmQyd0Gu.cjs");
|
|
6
|
+
const require_background = require("./background-Dv_dVIPN.cjs");
|
|
7
|
+
const require_border = require("./border-fjCqyeZv.cjs");
|
|
8
|
+
const require_color = require("./color-WjQwKGuZ.cjs");
|
|
9
|
+
const require_flexbox = require("./flexbox-XZuHEUqn.cjs");
|
|
10
|
+
const require_grid = require("./grid-B4wEAvs-.cjs");
|
|
11
|
+
const require_layout = require("./layout-8GOCNa4J.cjs");
|
|
12
|
+
const require_position = require("./position-Bni2ueFz.cjs");
|
|
13
|
+
const require_typography = require("./typography-CVBkBkfu.cjs");
|
|
14
|
+
const require_space = require("./space-C47RNjsG.cjs");
|
|
15
|
+
const require_shadow = require("./shadow-CzPhmiBH.cjs");
|
|
16
|
+
const require_variant = require("./variant-Db4dGAZ-.cjs");
|
|
17
17
|
let prop_types = require("prop-types");
|
|
18
18
|
prop_types = require_rolldown_runtime.__toESM(prop_types, 1);
|
|
19
|
-
|
|
19
|
+
// src/prop-types/prop-types.ts
|
|
20
20
|
const propType = prop_types.default.oneOfType([
|
|
21
21
|
prop_types.default.number,
|
|
22
22
|
prop_types.default.string,
|
|
@@ -42,7 +42,6 @@ const propTypes = {
|
|
|
42
42
|
textStyle: createPropTypes(require_variant.textStyle.propNames),
|
|
43
43
|
colorStyle: createPropTypes(require_variant.colorStyle.propNames)
|
|
44
44
|
};
|
|
45
|
-
//#endregion
|
|
46
45
|
exports.createPropTypes = createPropTypes;
|
|
47
46
|
exports.default = propTypes;
|
|
48
47
|
exports.propType = propType;
|
package/dist/prop-types.d.cts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
//#region src/prop-types/prop-types.d.ts
|
|
2
1
|
type PropTypeValidator = (props: Record<string, unknown>, propName: string, componentName: string, location: string, propFullName: string) => Error | null;
|
|
3
2
|
type PropTypeMap = Record<string, PropTypeValidator>;
|
|
4
3
|
declare const propType: PropTypeValidator;
|
|
@@ -18,5 +17,4 @@ declare const propTypes: {
|
|
|
18
17
|
textStyle: PropTypeMap;
|
|
19
18
|
colorStyle: PropTypeMap;
|
|
20
19
|
};
|
|
21
|
-
//#endregion
|
|
22
20
|
export { PropTypeMap, PropTypeValidator, createPropTypes, propTypes as default, propType };
|
package/dist/prop-types.d.mts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
//#region src/prop-types/prop-types.d.ts
|
|
2
1
|
type PropTypeValidator = (props: Record<string, unknown>, propName: string, componentName: string, location: string, propFullName: string) => Error | null;
|
|
3
2
|
type PropTypeMap = Record<string, PropTypeValidator>;
|
|
4
3
|
declare const propType: PropTypeValidator;
|
|
@@ -18,5 +17,4 @@ declare const propTypes: {
|
|
|
18
17
|
textStyle: PropTypeMap;
|
|
19
18
|
colorStyle: PropTypeMap;
|
|
20
19
|
};
|
|
21
|
-
//#endregion
|
|
22
20
|
export { PropTypeMap, PropTypeValidator, createPropTypes, propTypes as default, propType };
|
package/dist/prop-types.mjs
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import { t as background } from "./background-
|
|
2
|
-
import { t as border } from "./border-
|
|
3
|
-
import { t as color } from "./color-
|
|
4
|
-
import { t as flexbox } from "./flexbox-
|
|
5
|
-
import { a as grid } from "./grid-
|
|
6
|
-
import { t as layout } from "./layout-
|
|
7
|
-
import { t as position } from "./position-
|
|
8
|
-
import { t as typography } from "./typography-
|
|
9
|
-
import { i as space } from "./space-
|
|
10
|
-
import { t as shadow } from "./shadow-
|
|
11
|
-
import { n as colorStyle, r as textStyle, t as buttonStyle } from "./variant-
|
|
1
|
+
import { t as background } from "./background-CheuaxZJ.mjs";
|
|
2
|
+
import { t as border } from "./border-CsPngymB.mjs";
|
|
3
|
+
import { t as color } from "./color-CrV_A14P.mjs";
|
|
4
|
+
import { t as flexbox } from "./flexbox-CTYbetP6.mjs";
|
|
5
|
+
import { a as grid } from "./grid-DnxN6q4v.mjs";
|
|
6
|
+
import { t as layout } from "./layout-DNsPazXt.mjs";
|
|
7
|
+
import { t as position } from "./position-DfQIX6-q.mjs";
|
|
8
|
+
import { t as typography } from "./typography-BPvqadh9.mjs";
|
|
9
|
+
import { i as space } from "./space-fvI8x7b9.mjs";
|
|
10
|
+
import { t as shadow } from "./shadow-DC1rdPNr.mjs";
|
|
11
|
+
import { n as colorStyle, r as textStyle, t as buttonStyle } from "./variant-BnSGnDmQ.mjs";
|
|
12
12
|
import PropTypes from "prop-types";
|
|
13
|
-
|
|
13
|
+
// src/prop-types/prop-types.ts
|
|
14
14
|
const propType = PropTypes.oneOfType([
|
|
15
15
|
PropTypes.number,
|
|
16
16
|
PropTypes.string,
|
|
@@ -36,5 +36,4 @@ const propTypes = {
|
|
|
36
36
|
textStyle: createPropTypes(textStyle.propNames),
|
|
37
37
|
colorStyle: createPropTypes(colorStyle.propNames)
|
|
38
38
|
};
|
|
39
|
-
//#endregion
|
|
40
39
|
export { createPropTypes, propTypes as default, propType };
|
package/dist/props.cjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
2
|
-
const require_presets = require("./presets-
|
|
3
|
-
|
|
2
|
+
const require_presets = require("./presets-n_FP4689.cjs");
|
|
3
|
+
// src/props/props.ts
|
|
4
4
|
const styledSystemProps = new Set(require_presets.all.propNames);
|
|
5
5
|
const omit = (props) => {
|
|
6
6
|
const next = {};
|
|
@@ -18,6 +18,5 @@ const pick = (props) => {
|
|
|
18
18
|
}
|
|
19
19
|
return next;
|
|
20
20
|
};
|
|
21
|
-
//#endregion
|
|
22
21
|
exports.omit = omit;
|
|
23
22
|
exports.pick = pick;
|
package/dist/props.d.cts
CHANGED