@kaakao-ui/styled-mixins - npm Package Compare versions

Comparing version 0.0.11 to 0.0.12

dist/index.cjs.js

@@ -45,3 +45,5 @@ 'use strict';
 function Grid(props) {
-  return styledComponents.css(["align-content:", ";align-items:", ";grid-area:", ";grid-auto-columns:", ";grid-auto-flow:", ";grid-auto-rows:", ";grid-column:", ";grid-column-gap:", ";grid-gap:", ";grid-row:", ";grid-row-gap:", ";grid-template-areas:", ";grid-template-columns:", ";grid-template-rows:", ";justify-content:", ";justify-items:", ";place-items:", ";"], props.alignContent, props.alignItems, props.gridArea, props.gridAutoCols, props.gridAutoFlow, props.gridAutoRows, props.gridCol, props.gridColGap, props.gridGap, props.gridRow, props.gridRowGap, props.gridTemplateAreas, props.gridTemplateCols, props.gridTemplateRows, props.justifyContent, props.justifyItems, props.placeItems);
+  var _theme$space, _theme$space2, _theme$space3;
+  var theme = styledComponents.useTheme();
+  return styledComponents.css(["align-content:", ";align-items:", ";grid-area:", ";grid-auto-columns:", ";grid-auto-flow:", ";grid-auto-rows:", ";grid-column:", ";grid-column-gap:", ";grid-gap:", ";grid-row:", ";grid-row-gap:", ";grid-template-areas:", ";grid-template-columns:", ";grid-template-rows:", ";justify-content:", ";justify-items:", ";place-items:", ";"], props.alignContent, props.alignItems, props.gridArea, props.gridAutoCols, props.gridAutoFlow, props.gridAutoRows, props.gridCol, props.gridColGap && ((_theme$space = theme.space) === null || _theme$space === void 0 ? void 0 : _theme$space[props.gridColGap]), props.gridGap && ((_theme$space2 = theme.space) === null || _theme$space2 === void 0 ? void 0 : _theme$space2[props.gridGap]), props.gridRow, props.gridRowGap && ((_theme$space3 = theme.space) === null || _theme$space3 === void 0 ? void 0 : _theme$space3[props.gridRowGap]), props.gridTemplateAreas, props.gridTemplateCols, props.gridTemplateRows, props.justifyContent, props.justifyItems, props.placeItems);
 }
@@ -48,0 +50,0 @@

dist/index.esm.js

@@ -41,3 +41,5 @@ import { css, useTheme } from 'styled-components';
 function Grid(props) {
-  return css(["align-content:", ";align-items:", ";grid-area:", ";grid-auto-columns:", ";grid-auto-flow:", ";grid-auto-rows:", ";grid-column:", ";grid-column-gap:", ";grid-gap:", ";grid-row:", ";grid-row-gap:", ";grid-template-areas:", ";grid-template-columns:", ";grid-template-rows:", ";justify-content:", ";justify-items:", ";place-items:", ";"], props.alignContent, props.alignItems, props.gridArea, props.gridAutoCols, props.gridAutoFlow, props.gridAutoRows, props.gridCol, props.gridColGap, props.gridGap, props.gridRow, props.gridRowGap, props.gridTemplateAreas, props.gridTemplateCols, props.gridTemplateRows, props.justifyContent, props.justifyItems, props.placeItems);
+  var _theme$space, _theme$space2, _theme$space3;
+  var theme = useTheme();
+  return css(["align-content:", ";align-items:", ";grid-area:", ";grid-auto-columns:", ";grid-auto-flow:", ";grid-auto-rows:", ";grid-column:", ";grid-column-gap:", ";grid-gap:", ";grid-row:", ";grid-row-gap:", ";grid-template-areas:", ";grid-template-columns:", ";grid-template-rows:", ";justify-content:", ";justify-items:", ";place-items:", ";"], props.alignContent, props.alignItems, props.gridArea, props.gridAutoCols, props.gridAutoFlow, props.gridAutoRows, props.gridCol, props.gridColGap && ((_theme$space = theme.space) === null || _theme$space === void 0 ? void 0 : _theme$space[props.gridColGap]), props.gridGap && ((_theme$space2 = theme.space) === null || _theme$space2 === void 0 ? void 0 : _theme$space2[props.gridGap]), props.gridRow, props.gridRowGap && ((_theme$space3 = theme.space) === null || _theme$space3 === void 0 ? void 0 : _theme$space3[props.gridRowGap]), props.gridTemplateAreas, props.gridTemplateCols, props.gridTemplateRows, props.justifyContent, props.justifyItems, props.placeItems);
 }
@@ -44,0 +46,0 @@

dist/types/mixins/Grid/Grid.types.d.ts

@@ -13,6 +13,6 @@ import { DefaultTheme } from 'styled-components';
     gridCol?: GlobalValues | string;
-    gridColGap?: keyof DefaultTheme['space'] | string | number;
-    gridGap?: keyof DefaultTheme['space'] | string | number;
+    gridColGap?: keyof DefaultTheme['space'];
+    gridGap?: keyof DefaultTheme['space'];
     gridRow?: GlobalValues | string;
-    gridRowGap?: keyof DefaultTheme['space'] | string | number;
+    gridRowGap?: keyof DefaultTheme['space'];
     gridTemplateAreas?: string;
@@ -19,0 +19,0 @@ gridTemplateCols?: string;

package.json

 {
   "name": "@kaakao-ui/styled-mixins",
-  "version": "0.0.11",
+  "version": "0.0.12",
   "description": "A framework-agnostic collection of Styled Components mixins for creating logical CSS styles with appropriate fallbacks.",
@@ -5,0 +5,0 @@ "license": "MIT",

README.md

@@ -39,2 +39,3 @@ <img alt="Kaakao-UI" src="kaakao.jpg" width="100%">
 | [Gradient](/src/mixins/Gradient)          |                                      | bgClip<br />bgGradient                                                                                                                           | background-clip<br />background-image                                                                                                                                                                                                                                                                                                    |
+| [Grid](/src/mixins/Grid)                  |                                      |                                                                                                                                                  |                                                                                                                                                                                                                                                                                                                                          |
 | [Layout](/src/mixins/Layout)              |                                      | boxSize<br />display<br />h<br />maxH<br />maxW<br />minH<br />minW<br />overflow<br />overflowX<br />overflowY<br />vAlign<br />w               | block:inline-size / height:width<br />display<br />block-size / height<br />max-block-size / max-height<br />max-inline-size / max-width<br />min-block-size / min-height<br />min-inline-size / min-width<br />overflow<br />overflow-inline / overflow-x<br />overflow-block / overflow-y<br />vertical-align<br />inline-size / width |
@@ -41,0 +42,0 @@ | [Margin](/src/mixins/Margin)              | theme.space                          | m<br />mb<br />ml<br />mr<br />mt<br />mx<br />my                                                                                                | margin<br /> margin-block-end / margin-bottom<br /> margin-inline-start / margin-left<br /> margin-inline-end / margin-right<br /> margin-block-start / margin-top<br /> margin-inline-start:end / margin-left:right<br /> margin-block-start:end / margin-top:bottom                                                                    |

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

43308

increased by3.23%

Lines of code

515

increased by1.18%

Number of lines in readme file

47

increased by2.17%

No dependency changes