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

Comparing version 0.0.9 to 0.0.10

dist/index.cjs.js

@@ -35,2 +35,6 @@ 'use strict';
 
+function Flex(props) {
+  return styledComponents.css(["align-content:", ";align-items:", ";align-self:", ";flex:", ";flex-basis:", ";flex-direction:", ";flex-grow:", ";flex-shrink:", ";flex-wrap:", ";justify-content:", ";justify-items:", ";justify-self:", ";order:", ";"], props.alignContent, props.alignItems, props.alignSelf, props.flex, props.flexBasis, props.flexDirection, props.flexGrow, props.flexShrink, props.flexWrap, props.justifyContent, props.justifyItems, props.justifySelf, props.order);
+}
+
 function Gradient(props) {
@@ -117,2 +121,3 @@ if (!props.bgClip && !props.bgGradient) return undefined;
 exports.BoxShadow = BoxShadow;
+exports.Flex = Flex;
 exports.Gradient = Gradient;
@@ -119,0 +124,0 @@ exports.Layout = Layout;

dist/index.esm.js

@@ -31,2 +31,6 @@ import { css, useTheme } from 'styled-components';
 
+function Flex(props) {
+  return css(["align-content:", ";align-items:", ";align-self:", ";flex:", ";flex-basis:", ";flex-direction:", ";flex-grow:", ";flex-shrink:", ";flex-wrap:", ";justify-content:", ";justify-items:", ";justify-self:", ";order:", ";"], props.alignContent, props.alignItems, props.alignSelf, props.flex, props.flexBasis, props.flexDirection, props.flexGrow, props.flexShrink, props.flexWrap, props.justifyContent, props.justifyItems, props.justifySelf, props.order);
+}
+
 function Gradient(props) {
@@ -110,2 +114,2 @@ if (!props.bgClip && !props.bgGradient) return undefined;
 
-export { Background, BorderRadius, BoxShadow, Gradient, Layout, Margin, Other, Padding, Position, Space, Typography };
+export { Background, BorderRadius, BoxShadow, Flex, Gradient, Layout, Margin, Other, Padding, Position, Space, Typography };

dist/types/index.d.ts

 export * from './mixins/Background';
 export * from './mixins/BorderRadius';
 export * from './mixins/BoxShadow';
+export * from './mixins/Flex';
 export * from './mixins/Gradient';
@@ -5,0 +6,0 @@ export * from './mixins/Layout';

package.json

 {
   "name": "@kaakao-ui/styled-mixins",
-  "version": "0.0.9",
+  "version": "0.0.10",
   "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

@@ -37,2 +37,3 @@ <img alt="Kaakao-UI" src="kaakao.jpg" width="100%">
 | [Box Shadow](/src/mixins/BoxShadow)       | theme.shadow                         | boxShadow                                                                                                                                        | box-shadow                                                                                                                                                                                                                                                                                                                               |
+| [Flex](/src/mixins/Flex)                  |                                      |                                                                                                                                                  |                                                                                                                                                                                                                                                                                                                                          |
 | [Gradient](/src/mixins/Gradient)          |                                      | bgClip<br />bgGradient                                                                                                                           | background-clip<br />background-image                                                                                                                                                                                                                                                                                                    |
@@ -39,0 +40,0 @@ | [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 |

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

38914

increased by6.86%

Number of package files

42

increased by7.69%

Lines of code

467

increased by7.85%

Number of lines in readme file

46

increased by2.22%

No dependency changes