@chakra-ui/styled-system - npm Package Compare versions

Comparing version 0.0.0-dev-2022028387 to 0.0.0-dev-2022028457

dist/chakra-ui-styled-system.cjs.dev.js

@@ -1040,2 +1040,25 @@ 'use strict';
 
+var scroll = {
+  scrollBehavior: true,
+  scrollSnapAlign: true,
+  scrollSnapStop: true,
+  scrollSnapType: true,
+  // scroll margin
+  scrollMargin: t.spaceT("scrollMargin"),
+  scrollMarginTop: t.spaceT("scrollMarginTop"),
+  scrollMarginBottom: t.spaceT("scrollMarginBottom"),
+  scrollMarginLeft: t.spaceT("scrollMarginLeft"),
+  scrollMarginRight: t.spaceT("scrollMarginRight"),
+  scrollMarginX: t.spaceT(["scrollMarginLeft", "scrollMarginRight"]),
+  scrollMarginY: t.spaceT(["scrollMarginTop", "scrollMarginBottom"]),
+  // scroll padding
+  scrollPadding: t.spaceT("scrollPadding"),
+  scrollPaddingTop: t.spaceT("scrollPaddingTop"),
+  scrollPaddingBottom: t.spaceT("scrollPaddingBottom"),
+  scrollPaddingLeft: t.spaceT("scrollPaddingLeft"),
+  scrollPaddingRight: t.spaceT("scrollPaddingRight"),
+  scrollPaddingX: t.spaceT(["scrollPaddingLeft", "scrollPaddingRight"]),
+  scrollPaddingY: t.spaceT(["scrollPaddingTop", "scrollPaddingBottom"])
+};
+
 function _arrayLikeToArray(arr, len) {
@@ -1467,3 +1490,3 @@ if (len == null || len > arr.length) len = arr.length;
 
-var systemProps = utils.mergeWith({}, background, border, color, flexbox, layout, filter, ring, interactivity, grid, others, position, effect, space, typography, textDecoration, transform, list, transition);
+var systemProps = utils.mergeWith({}, background, border, color, flexbox, layout, filter, ring, interactivity, grid, others, position, effect, space, scroll, typography, textDecoration, transform, list, transition);
 var layoutSystem = Object.assign({}, space, layout, flexbox, grid, position);
@@ -2008,2 +2031,3 @@ var layoutPropNames = utils.objectKeys(layoutSystem);
 exports.ring = ring;
+exports.scroll = scroll;
 exports.space = space;
@@ -2010,0 +2034,0 @@ exports.systemProps = systemProps;

dist/chakra-ui-styled-system.cjs.prod.js

@@ -1040,2 +1040,25 @@ 'use strict';
 
+var scroll = {
+  scrollBehavior: true,
+  scrollSnapAlign: true,
+  scrollSnapStop: true,
+  scrollSnapType: true,
+  // scroll margin
+  scrollMargin: t.spaceT("scrollMargin"),
+  scrollMarginTop: t.spaceT("scrollMarginTop"),
+  scrollMarginBottom: t.spaceT("scrollMarginBottom"),
+  scrollMarginLeft: t.spaceT("scrollMarginLeft"),
+  scrollMarginRight: t.spaceT("scrollMarginRight"),
+  scrollMarginX: t.spaceT(["scrollMarginLeft", "scrollMarginRight"]),
+  scrollMarginY: t.spaceT(["scrollMarginTop", "scrollMarginBottom"]),
+  // scroll padding
+  scrollPadding: t.spaceT("scrollPadding"),
+  scrollPaddingTop: t.spaceT("scrollPaddingTop"),
+  scrollPaddingBottom: t.spaceT("scrollPaddingBottom"),
+  scrollPaddingLeft: t.spaceT("scrollPaddingLeft"),
+  scrollPaddingRight: t.spaceT("scrollPaddingRight"),
+  scrollPaddingX: t.spaceT(["scrollPaddingLeft", "scrollPaddingRight"]),
+  scrollPaddingY: t.spaceT(["scrollPaddingTop", "scrollPaddingBottom"])
+};
+
 function _arrayLikeToArray(arr, len) {
@@ -1467,3 +1490,3 @@ if (len == null || len > arr.length) len = arr.length;
 
-var systemProps = utils.mergeWith({}, background, border, color, flexbox, layout, filter, ring, interactivity, grid, others, position, effect, space, typography, textDecoration, transform, list, transition);
+var systemProps = utils.mergeWith({}, background, border, color, flexbox, layout, filter, ring, interactivity, grid, others, position, effect, space, scroll, typography, textDecoration, transform, list, transition);
 var layoutSystem = Object.assign({}, space, layout, flexbox, grid, position);
@@ -2008,2 +2031,3 @@ var layoutPropNames = utils.objectKeys(layoutSystem);
 exports.ring = ring;
+exports.scroll = scroll;
 exports.space = space;
@@ -2010,0 +2034,0 @@ exports.systemProps = systemProps;

dist/chakra-ui-styled-system.esm.js

@@ -1036,2 +1036,25 @@ import { isObject, isString, isNumber, isCssVar, memoizedGet, objectKeys, mergeWith, runIfFn, walkObject, pick, analyzeBreakpoints } from '@chakra-ui/utils';
 
+var scroll = {
+  scrollBehavior: true,
+  scrollSnapAlign: true,
+  scrollSnapStop: true,
+  scrollSnapType: true,
+  // scroll margin
+  scrollMargin: t.spaceT("scrollMargin"),
+  scrollMarginTop: t.spaceT("scrollMarginTop"),
+  scrollMarginBottom: t.spaceT("scrollMarginBottom"),
+  scrollMarginLeft: t.spaceT("scrollMarginLeft"),
+  scrollMarginRight: t.spaceT("scrollMarginRight"),
+  scrollMarginX: t.spaceT(["scrollMarginLeft", "scrollMarginRight"]),
+  scrollMarginY: t.spaceT(["scrollMarginTop", "scrollMarginBottom"]),
+  // scroll padding
+  scrollPadding: t.spaceT("scrollPadding"),
+  scrollPaddingTop: t.spaceT("scrollPaddingTop"),
+  scrollPaddingBottom: t.spaceT("scrollPaddingBottom"),
+  scrollPaddingLeft: t.spaceT("scrollPaddingLeft"),
+  scrollPaddingRight: t.spaceT("scrollPaddingRight"),
+  scrollPaddingX: t.spaceT(["scrollPaddingLeft", "scrollPaddingRight"]),
+  scrollPaddingY: t.spaceT(["scrollPaddingTop", "scrollPaddingBottom"])
+};
+
 function _arrayLikeToArray(arr, len) {
@@ -1463,3 +1486,3 @@ if (len == null || len > arr.length) len = arr.length;
 
-var systemProps = mergeWith({}, background, border, color, flexbox, layout, filter, ring, interactivity, grid, others, position, effect, space, typography, textDecoration, transform, list, transition);
+var systemProps = mergeWith({}, background, border, color, flexbox, layout, filter, ring, interactivity, grid, others, position, effect, space, scroll, typography, textDecoration, transform, list, transition);
 var layoutSystem = Object.assign({}, space, layout, flexbox, grid, position);
@@ -1983,2 +2006,2 @@ var layoutPropNames = objectKeys(layoutSystem);
 
-export { addPrefix, background, border, calc, color, css, cssVar, effect, filter, flexbox, getCss, grid, interactivity, isStyleProp, layout, layoutPropNames, list, others, position, propNames, ring, space, systemProps, textDecoration, toCSSVar, toVarDefinition, toVarReference, tokenToCSSVar, transform, transition, typography };
+export { addPrefix, background, border, calc, color, css, cssVar, effect, filter, flexbox, getCss, grid, interactivity, isStyleProp, layout, layoutPropNames, list, others, position, propNames, ring, scroll, space, systemProps, textDecoration, toCSSVar, toVarDefinition, toVarReference, tokenToCSSVar, transform, transition, typography };

dist/declarations/src/config/index.d.ts

@@ -19,2 +19,3 @@ export * from "./background";
 export * from "./typography";
+export * from "./scroll";
 //# sourceMappingURL=index.d.ts.map

dist/declarations/src/system.types.d.ts

 import { Dict } from "@chakra-ui/utils";
 import * as CSS from "csstype";
-import type { BackgroundProps, BorderProps, ColorProps, EffectProps, FilterProps, FlexboxProps, GridProps, InteractivityProps, LayoutProps, ListProps, OtherProps, PositionProps, RingProps, SpaceProps, TextDecorationProps, TransformProps, TransitionProps, TypographyProps } from "./config";
+import type { BackgroundProps, BorderProps, ColorProps, EffectProps, FilterProps, FlexboxProps, GridProps, InteractivityProps, LayoutProps, ListProps, OtherProps, PositionProps, RingProps, SpaceProps, TextDecorationProps, TransformProps, TransitionProps, TypographyProps, ScrollProps } from "./config";
 import { Pseudos } from "./pseudos";
 import { ResponsiveValue } from "./utils/types";
-export interface StyleProps extends SpaceProps, ColorProps, TransitionProps, TypographyProps, FlexboxProps, TransformProps, GridProps, FilterProps, LayoutProps, BorderProps, EffectProps, BackgroundProps, ListProps, PositionProps, RingProps, InteractivityProps, TextDecorationProps, OtherProps {
+export interface StyleProps extends SpaceProps, ColorProps, TransitionProps, TypographyProps, FlexboxProps, TransformProps, GridProps, FilterProps, LayoutProps, BorderProps, EffectProps, BackgroundProps, ListProps, PositionProps, RingProps, ScrollProps, InteractivityProps, TextDecorationProps, OtherProps {
 }
@@ -8,0 +8,0 @@ export interface SystemCSSProperties extends CSS.Properties, Omit<StyleProps, keyof CSS.Properties> {

package.json

 {
   "name": "@chakra-ui/styled-system",
-  "version": "0.0.0-dev-2022028387",
+  "version": "0.0.0-dev-2022028457",
   "description": "Style function for css-in-js building component libraries",
@@ -5,0 +5,0 @@ "keywords": [

src/config/index.ts

@@ -19,1 +19,2 @@ export * from "./background"
 export * from "./typography"
+export * from "./scroll"

src/system.ts

@@ -21,2 +21,3 @@ import { mergeWith, objectKeys } from "@chakra-ui/utils"
   typography,
+  scroll,
 } from "./config"
@@ -40,2 +41,3 @@ import { pseudoPropNames, pseudoSelectors } from "./pseudos"
   space,
+  scroll,
   typography,
@@ -42,0 +44,0 @@ textDecoration,

src/system.types.ts

@@ -22,2 +22,3 @@ import { Dict } from "@chakra-ui/utils"
   TypographyProps,
+  ScrollProps,
 } from "./config"
@@ -43,2 +44,3 @@ import { Pseudos } from "./pseudos"
     RingProps,
+    ScrollProps,
     InteractivityProps,
@@ -45,0 +47,0 @@ TextDecorationProps,

No alert changes

Improved metrics

Total package byte prevSize

443090

2.02%

Number of package files

127

2.42%

Lines of code

11630

1.27%

No dependency changes