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

Comparing version 0.0.13 to 0.0.14

dist/index.cjs.js

@@ -11,2 +11,6 @@ 'use strict';
 
+function Border(props) {
+  return styledComponents.css(["border:", ";border-color:", ";border-style:", ";border-width:", ";border-block-end:", ";border-block-end-color:", ";border-block-end-style:", ";border-block-end-width:", ";border-block-start:", ";border-block-start-color:", ";border-block-start-style:", ";border-block-start-width:", ";border-inline-end:", ";border-inline-end-color:", ";border-inline-end-style:", ";border-inline-end-width:", ";border-inline-start:", ";border-inline-start-color:", ";border-inline-start-style:", ";border-inline-start-width:", ";@supports not (border-block-end:1px solid #000000){border-bottom:", ";border-bottom-color:", ";border-bottom-style:", ";border-bottom-width:", ";border-top:", ";border-top-color:", ";border-top-style:", ";border-top-width:", ";border-right:", ";border-right-color:", ";border-right-style:", ";border-right-width:", ";border-left:", ";border-left-color:", ";border-left-style:", ";border-left-width:", ";}"], props.border, props.borderColor, props.borderStyle, props.borderWidth, props.borderY || props.borderBottom, props.borderYColor || props.borderBottomColor, props.borderYStyle || props.borderBottomStyle, props.borderYStyle || props.borderBottomStyle, props.borderY || props.borderTop, props.borderYColor || props.borderTopColor, props.borderYStyle || props.borderTopStyle, props.borderYStyle || props.borderTopStyle, props.borderX || props.borderRight, props.borderXColor || props.borderRightColor, props.borderXStyle || props.borderRightStyle, props.borderXStyle || props.borderRightStyle, props.borderX || props.borderLeft, props.borderXColor || props.borderLeftColor, props.borderXStyle || props.borderLeftStyle, props.borderXStyle || props.borderLeftStyle, props.borderY || props.borderBottom, props.borderYColor || props.borderBottomColor, props.borderYStyle || props.borderBottomStyle, props.borderYStyle || props.borderBottomStyle, props.borderY || props.borderTop, props.borderYColor || props.borderTopColor, props.borderYStyle || props.borderTopStyle, props.borderYStyle || props.borderTopStyle, props.borderX || props.borderRight, props.borderXColor || props.borderRightColor, props.borderXStyle || props.borderRightStyle, props.borderXStyle || props.borderRightStyle, props.borderX || props.borderLeft, props.borderXColor || props.borderLeftColor, props.borderXStyle || props.borderLeftStyle, props.borderXStyle || props.borderLeftStyle);
+}
+
 function BorderRadius(props) {
@@ -130,2 +134,3 @@ var _theme$radii, _theme$radii2, _theme$radii3, _theme$radii4, _theme$radii5;
 exports.Background = Background;
+exports.Border = Border;
 exports.BorderRadius = BorderRadius;
@@ -132,0 +137,0 @@ exports.BoxShadow = BoxShadow;

dist/index.esm.js

@@ -7,2 +7,6 @@ import { css, useTheme } from 'styled-components';
 
+function Border(props) {
+  return css(["border:", ";border-color:", ";border-style:", ";border-width:", ";border-block-end:", ";border-block-end-color:", ";border-block-end-style:", ";border-block-end-width:", ";border-block-start:", ";border-block-start-color:", ";border-block-start-style:", ";border-block-start-width:", ";border-inline-end:", ";border-inline-end-color:", ";border-inline-end-style:", ";border-inline-end-width:", ";border-inline-start:", ";border-inline-start-color:", ";border-inline-start-style:", ";border-inline-start-width:", ";@supports not (border-block-end:1px solid #000000){border-bottom:", ";border-bottom-color:", ";border-bottom-style:", ";border-bottom-width:", ";border-top:", ";border-top-color:", ";border-top-style:", ";border-top-width:", ";border-right:", ";border-right-color:", ";border-right-style:", ";border-right-width:", ";border-left:", ";border-left-color:", ";border-left-style:", ";border-left-width:", ";}"], props.border, props.borderColor, props.borderStyle, props.borderWidth, props.borderY || props.borderBottom, props.borderYColor || props.borderBottomColor, props.borderYStyle || props.borderBottomStyle, props.borderYStyle || props.borderBottomStyle, props.borderY || props.borderTop, props.borderYColor || props.borderTopColor, props.borderYStyle || props.borderTopStyle, props.borderYStyle || props.borderTopStyle, props.borderX || props.borderRight, props.borderXColor || props.borderRightColor, props.borderXStyle || props.borderRightStyle, props.borderXStyle || props.borderRightStyle, props.borderX || props.borderLeft, props.borderXColor || props.borderLeftColor, props.borderXStyle || props.borderLeftStyle, props.borderXStyle || props.borderLeftStyle, props.borderY || props.borderBottom, props.borderYColor || props.borderBottomColor, props.borderYStyle || props.borderBottomStyle, props.borderYStyle || props.borderBottomStyle, props.borderY || props.borderTop, props.borderYColor || props.borderTopColor, props.borderYStyle || props.borderTopStyle, props.borderYStyle || props.borderTopStyle, props.borderX || props.borderRight, props.borderXColor || props.borderRightColor, props.borderXStyle || props.borderRightStyle, props.borderXStyle || props.borderRightStyle, props.borderX || props.borderLeft, props.borderXColor || props.borderLeftColor, props.borderXStyle || props.borderLeftStyle, props.borderXStyle || props.borderLeftStyle);
+}
+
 function BorderRadius(props) {
@@ -125,2 +129,2 @@ var _theme$radii, _theme$radii2, _theme$radii3, _theme$radii4, _theme$radii5;
 
-export { Background, BorderRadius, BoxShadow, Flex, Gradient, Grid, Layout, Margin, Other, Padding, Position, Space, Typography };
+export { Background, Border, BorderRadius, BoxShadow, Flex, Gradient, Grid, Layout, Margin, Other, Padding, Position, Space, Typography };

dist/types/index.d.ts

 export * from './mixins/Background';
+export * from './mixins/Border';
 export * from './mixins/BorderRadius';
@@ -3,0 +4,0 @@ export * from './mixins/BoxShadow';

package.json

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

@@ -35,2 +35,3 @@ <img alt="Kaakao-UI" src="kaakao.jpg" width="100%">
 | [Background](/src/mixins/Background)      |                                      | bg<br />bgAttachment<br />bgImage<br />bgPosition<br />bgRepeat<br />bgSize                                                                      | background<br />background-attachment<br />background-image<br />background-position<br />background-repeat<br />background-size                                                                                                                                                                                                         |
+| [Border](/src/mixins/Border)              |                                      |                                                                                                                                                  |                                                                                                                                                                                                                                                                                                                                          |
 | [Border Radius](/src/mixins/BorderRadius) | theme.radii                          |                                                                                                                                                  |                                                                                                                                                                                                                                                                                                                                          |
@@ -37,0 +38,0 @@ | [Box Shadow](/src/mixins/BoxShadow)       | theme.shadow                         | boxShadow                                                                                                                                        | box-shadow                                                                                                                                                                                                                                                                                                                               |

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

51141

increased by15.05%

Number of package files

48

increased by6.67%

Lines of code

585

increased by11.43%

Number of lines in readme file

48

increased by2.13%

No dependency changes