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

Comparing version 0.0.6 to 0.0.7

dist/index.cjs.js

@@ -8,3 +8,2 @@ 'use strict';
 function Margin(props) {
-  var _theme$space, _theme$space2, _theme$space3, _theme$space4, _theme$space5;
   var theme = styledComponents.useTheme();
@@ -19,7 +18,7 @@ var m = {
   if (!Object.keys(m)) return undefined;
-  m.b = m.b && m.b !== m.m ? (theme === null || theme === void 0 ? void 0 : (_theme$space = theme.space) === null || _theme$space === void 0 ? void 0 : _theme$space[Number(m.b)]) || m.b : '';
-  m.l = m.l && m.l !== m.m ? (theme === null || theme === void 0 ? void 0 : (_theme$space2 = theme.space) === null || _theme$space2 === void 0 ? void 0 : _theme$space2[Number(m.l)]) || m.l : '';
-  m.m = m.m ? (theme === null || theme === void 0 ? void 0 : (_theme$space3 = theme.space) === null || _theme$space3 === void 0 ? void 0 : _theme$space3[Number(m.m)]) || m.m : '';
-  m.r = m.r && m.r !== m.m ? (theme === null || theme === void 0 ? void 0 : (_theme$space4 = theme.space) === null || _theme$space4 === void 0 ? void 0 : _theme$space4[Number(m.r)]) || m.r : '';
-  m.t = m.t && m.t !== m.m ? (theme === null || theme === void 0 ? void 0 : (_theme$space5 = theme.space) === null || _theme$space5 === void 0 ? void 0 : _theme$space5[Number(m.t)]) || m.t : '';
+  m.b = m.b && m.b !== m.m ? theme !== null && theme !== void 0 && theme.space ? theme.space[Number(m.b)] : m.b : '';
+  m.l = m.l && m.l !== m.m ? theme !== null && theme !== void 0 && theme.space ? theme.space[Number(m.l)] : m.l : '';
+  m.r = m.r && m.r !== m.m ? theme !== null && theme !== void 0 && theme.space ? theme.space[Number(m.r)] : m.r : '';
+  m.t = m.t && m.t !== m.m ? theme !== null && theme !== void 0 && theme.space ? theme.space[Number(m.t)] : m.t : '';
+  m.m = m.m ? theme.space ? theme.space[Number(m.m)] : m.m : '';
   return styledComponents.css(["margin:", ";margin-block-end:", ";margin-block-start:", ";margin-inline-end:", ";margin-inline-start:", ";@supports not (margin-block-end:1rem){margin-bottom:", ";margin-left:", ";margin-right:", ";margin-top:", ";}"], m.m, m.b, m.t, m.r, m.l, m.b, m.t, m.r, m.l);
@@ -29,3 +28,2 @@ }
 function Padding(props) {
-  var _theme$space, _theme$space2, _theme$space3, _theme$space4, _theme$space5;
   var theme = styledComponents.useTheme();
@@ -35,3 +33,3 @@ var p = {
     l: props.pl || props.px || props.p,
-    m: props.p,
+    p: props.p,
     r: props.pr || props.px || props.p,
@@ -41,8 +39,8 @@ t: props.pt || props.py || props.p
   if (!Object.keys(p)) return undefined;
-  p.b = p.b && p.b !== p.m ? (theme === null || theme === void 0 ? void 0 : (_theme$space = theme.space) === null || _theme$space === void 0 ? void 0 : _theme$space[Number(p.b)]) || p.b : '';
-  p.l = p.l && p.l !== p.m ? (theme === null || theme === void 0 ? void 0 : (_theme$space2 = theme.space) === null || _theme$space2 === void 0 ? void 0 : _theme$space2[Number(p.l)]) || p.l : '';
-  p.m = p.m ? (theme === null || theme === void 0 ? void 0 : (_theme$space3 = theme.space) === null || _theme$space3 === void 0 ? void 0 : _theme$space3[Number(p.m)]) || p.m : '';
-  p.r = p.r && p.r !== p.m ? (theme === null || theme === void 0 ? void 0 : (_theme$space4 = theme.space) === null || _theme$space4 === void 0 ? void 0 : _theme$space4[Number(p.r)]) || p.r : '';
-  p.t = p.t && p.t !== p.m ? (theme === null || theme === void 0 ? void 0 : (_theme$space5 = theme.space) === null || _theme$space5 === void 0 ? void 0 : _theme$space5[Number(p.t)]) || p.t : '';
-  return styledComponents.css(["padding:", ";padding-block-end:", ";padding-block-start:", ";padding-inline-end:", ";padding-inline-start:", ";@supports not (padding-block-end:1rem){padding-bottom:", ";padding-left:", ";padding-right:", ";padding-top:", ";}"], p.m, p.b, p.t, p.r, p.l, p.b, p.t, p.r, p.l);
+  p.b = p.b && p.b !== p.p ? theme !== null && theme !== void 0 && theme.space ? theme.space[Number(p.b)] : p.b : '';
+  p.l = p.l && p.l !== p.p ? theme !== null && theme !== void 0 && theme.space ? theme.space[Number(p.l)] : p.l : '';
+  p.r = p.r && p.r !== p.p ? theme !== null && theme !== void 0 && theme.space ? theme.space[Number(p.r)] : p.r : '';
+  p.t = p.t && p.t !== p.p ? theme !== null && theme !== void 0 && theme.space ? theme.space[Number(p.t)] : p.t : '';
+  p.p = p.p ? theme.space ? theme.space[Number(p.p)] : p.p : '';
+  return styledComponents.css(["padding:", ";padding-block-end:", ";padding-block-start:", ";padding-inline-end:", ";padding-inline-start:", ";@supports not (padding-block-end:1rem){padding-bottom:", ";padding-left:", ";padding-right:", ";padding-top:", ";}"], p.p, p.b, p.t, p.r, p.l, p.b, p.t, p.r, p.l);
 }
@@ -49,0 +47,0 @@

dist/index.esm.js

 import { useTheme, css } from 'styled-components';
 
 function Margin(props) {
-  var _theme$space, _theme$space2, _theme$space3, _theme$space4, _theme$space5;
   var theme = useTheme();
@@ -14,7 +13,7 @@ var m = {
   if (!Object.keys(m)) return undefined;
-  m.b = m.b && m.b !== m.m ? (theme === null || theme === void 0 ? void 0 : (_theme$space = theme.space) === null || _theme$space === void 0 ? void 0 : _theme$space[Number(m.b)]) || m.b : '';
-  m.l = m.l && m.l !== m.m ? (theme === null || theme === void 0 ? void 0 : (_theme$space2 = theme.space) === null || _theme$space2 === void 0 ? void 0 : _theme$space2[Number(m.l)]) || m.l : '';
-  m.m = m.m ? (theme === null || theme === void 0 ? void 0 : (_theme$space3 = theme.space) === null || _theme$space3 === void 0 ? void 0 : _theme$space3[Number(m.m)]) || m.m : '';
-  m.r = m.r && m.r !== m.m ? (theme === null || theme === void 0 ? void 0 : (_theme$space4 = theme.space) === null || _theme$space4 === void 0 ? void 0 : _theme$space4[Number(m.r)]) || m.r : '';
-  m.t = m.t && m.t !== m.m ? (theme === null || theme === void 0 ? void 0 : (_theme$space5 = theme.space) === null || _theme$space5 === void 0 ? void 0 : _theme$space5[Number(m.t)]) || m.t : '';
+  m.b = m.b && m.b !== m.m ? theme !== null && theme !== void 0 && theme.space ? theme.space[Number(m.b)] : m.b : '';
+  m.l = m.l && m.l !== m.m ? theme !== null && theme !== void 0 && theme.space ? theme.space[Number(m.l)] : m.l : '';
+  m.r = m.r && m.r !== m.m ? theme !== null && theme !== void 0 && theme.space ? theme.space[Number(m.r)] : m.r : '';
+  m.t = m.t && m.t !== m.m ? theme !== null && theme !== void 0 && theme.space ? theme.space[Number(m.t)] : m.t : '';
+  m.m = m.m ? theme.space ? theme.space[Number(m.m)] : m.m : '';
   return css(["margin:", ";margin-block-end:", ";margin-block-start:", ";margin-inline-end:", ";margin-inline-start:", ";@supports not (margin-block-end:1rem){margin-bottom:", ";margin-left:", ";margin-right:", ";margin-top:", ";}"], m.m, m.b, m.t, m.r, m.l, m.b, m.t, m.r, m.l);
@@ -24,3 +23,2 @@ }
 function Padding(props) {
-  var _theme$space, _theme$space2, _theme$space3, _theme$space4, _theme$space5;
   var theme = useTheme();
@@ -30,3 +28,3 @@ var p = {
     l: props.pl || props.px || props.p,
-    m: props.p,
+    p: props.p,
     r: props.pr || props.px || props.p,
@@ -36,8 +34,8 @@ t: props.pt || props.py || props.p
   if (!Object.keys(p)) return undefined;
-  p.b = p.b && p.b !== p.m ? (theme === null || theme === void 0 ? void 0 : (_theme$space = theme.space) === null || _theme$space === void 0 ? void 0 : _theme$space[Number(p.b)]) || p.b : '';
-  p.l = p.l && p.l !== p.m ? (theme === null || theme === void 0 ? void 0 : (_theme$space2 = theme.space) === null || _theme$space2 === void 0 ? void 0 : _theme$space2[Number(p.l)]) || p.l : '';
-  p.m = p.m ? (theme === null || theme === void 0 ? void 0 : (_theme$space3 = theme.space) === null || _theme$space3 === void 0 ? void 0 : _theme$space3[Number(p.m)]) || p.m : '';
-  p.r = p.r && p.r !== p.m ? (theme === null || theme === void 0 ? void 0 : (_theme$space4 = theme.space) === null || _theme$space4 === void 0 ? void 0 : _theme$space4[Number(p.r)]) || p.r : '';
-  p.t = p.t && p.t !== p.m ? (theme === null || theme === void 0 ? void 0 : (_theme$space5 = theme.space) === null || _theme$space5 === void 0 ? void 0 : _theme$space5[Number(p.t)]) || p.t : '';
-  return css(["padding:", ";padding-block-end:", ";padding-block-start:", ";padding-inline-end:", ";padding-inline-start:", ";@supports not (padding-block-end:1rem){padding-bottom:", ";padding-left:", ";padding-right:", ";padding-top:", ";}"], p.m, p.b, p.t, p.r, p.l, p.b, p.t, p.r, p.l);
+  p.b = p.b && p.b !== p.p ? theme !== null && theme !== void 0 && theme.space ? theme.space[Number(p.b)] : p.b : '';
+  p.l = p.l && p.l !== p.p ? theme !== null && theme !== void 0 && theme.space ? theme.space[Number(p.l)] : p.l : '';
+  p.r = p.r && p.r !== p.p ? theme !== null && theme !== void 0 && theme.space ? theme.space[Number(p.r)] : p.r : '';
+  p.t = p.t && p.t !== p.p ? theme !== null && theme !== void 0 && theme.space ? theme.space[Number(p.t)] : p.t : '';
+  p.p = p.p ? theme.space ? theme.space[Number(p.p)] : p.p : '';
+  return css(["padding:", ";padding-block-end:", ";padding-block-start:", ";padding-inline-end:", ";padding-inline-start:", ";@supports not (padding-block-end:1rem){padding-bottom:", ";padding-left:", ";padding-right:", ";padding-top:", ";}"], p.p, p.b, p.t, p.r, p.l, p.b, p.t, p.r, p.l);
 }
@@ -44,0 +42,0 @@

package.json

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

Worsened metrics

Total package byte prevSize

11193

decreased by-15.16%

Lines of code

128

decreased by-3.03%

No dependency changes