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

Comparing version 0.0.10 to 0.0.11

dist/index.cjs.js

@@ -44,2 +44,6 @@ '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);
+}
+
 function Layout(props) {
@@ -123,2 +127,3 @@ return styledComponents.css(["block-size:", ";display:", ";inline-size:", ";max-block-size:", ";max-inline-size:", ";min-block-size:", ";min-inline-size:", ";overflow:", ";overflow-block:", ";overflow-inline:", ";vertical-align:", ";@supports not (block-size:1rem){height:", ";max-height:", ";min-height:", ";}@supports not (inline-size:1rem){max-width:", ";min-width:", ";width:", ";}", ""], props.boxSize || props.h, props.display, props.boxSize || props.w, props.maxH, props.maxW, props.minH, props.minW, props.overflow, props.overflowY, props.overflowX, props.vAlign, props.boxSize || props.h, props.maxH, props.minH, props.maxW, props.minW, props.boxSize || props.w, (props.overflowX || props.overflowY) && styledComponents.css(["@supports not (overflow-block:scroll){overflow-x:", ";overflow-y:", ";}"], props.overflowX, props.overflowY));
 exports.Gradient = Gradient;
+exports.Grid = Grid;
 exports.Layout = Layout;
@@ -125,0 +130,0 @@ exports.Margin = Margin;

dist/index.esm.js

@@ -40,2 +40,6 @@ 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);
+}
+
 function Layout(props) {
@@ -114,2 +118,2 @@ return css(["block-size:", ";display:", ";inline-size:", ";max-block-size:", ";max-inline-size:", ";min-block-size:", ";min-inline-size:", ";overflow:", ";overflow-block:", ";overflow-inline:", ";vertical-align:", ";@supports not (block-size:1rem){height:", ";max-height:", ";min-height:", ";}@supports not (inline-size:1rem){max-width:", ";min-width:", ";width:", ";}", ""], props.boxSize || props.h, props.display, props.boxSize || props.w, props.maxH, props.maxW, props.minH, props.minW, props.overflow, props.overflowY, props.overflowX, props.vAlign, props.boxSize || props.h, props.maxH, props.minH, props.maxW, props.minW, props.boxSize || props.w, (props.overflowX || props.overflowY) && css(["@supports not (overflow-block:scroll){overflow-x:", ";overflow-y:", ";}"], props.overflowX, props.overflowY));
 
-export { Background, BorderRadius, BoxShadow, Flex, Gradient, Layout, Margin, Other, Padding, Position, Space, Typography };
+export { Background, BorderRadius, BoxShadow, Flex, Gradient, Grid, Layout, Margin, Other, Padding, Position, Space, Typography };

dist/types/index.d.ts

@@ -6,2 +6,3 @@ export * from './mixins/Background';
 export * from './mixins/Gradient';
+export * from './mixins/Grid';
 export * from './mixins/Layout';
@@ -8,0 +9,0 @@ export * from './mixins/Margin';

dist/types/mixins/Flex/Flex.types.d.ts

@@ -1,7 +0,8 @@
-import { GlobalValues } from '../../types/global';
+import { GlobalAlignments, GlobalValues } from '../../types/global';
+export declare type ContentAlignment = GlobalValues | GlobalAlignments | 'flex-start' | 'flex-end' | 'normal' | 'space-around' | 'space-between' | 'space-evenly' | 'stretch';
 export declare type Direction = GlobalValues | 'row' | 'row-reverse' | 'column' | 'column-reverse';
 export declare type Wrap = GlobalValues | 'nowrap' | 'wrap' | 'wrap-reverse';
 export interface IFlex {
-    alignContent?: string;
-    alignItems?: string;
+    alignContent?: ContentAlignment;
+    alignItems?: ContentAlignment;
     alignSelf?: string;
@@ -14,6 +15,6 @@ flex?: string;
     flexWrap?: Wrap;
-    justifyContent?: string;
-    justifyItems?: string;
+    justifyContent?: ContentAlignment;
+    justifyItems?: ContentAlignment;
     justifySelf?: string;
     order?: number;
 }

package.json

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

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

41952

increased by7.81%

Number of package files

45

increased by7.14%

Lines of code

509

increased by8.99%

No dependency changes