@telia/teddy 0.0.15 → 0.0.17

package/dist/utils/layout/flex.js

@@ -1,60 +1,67 @@
-import { spacingValues as l } from "./util.js";
-const e = [
+import { spacingValues } from "./util.js";
+const flexGrowValues = [
   { key: "0", value: "0" },
   { key: "1", value: "1" }
-], a = e, s = [
-  ...l,
+];
+const flexShrinkValues = flexGrowValues;
+const flexBasisValues = [
+  ...spacingValues,
   { key: "auto", value: "auto" },
   { key: "full", value: "100%" },
   { key: "1/2", value: "50%" }
-], u = [
+];
+const flexDirectionValues = [
   { key: "row", value: "row" },
   { key: "row-reverse", value: "row-reverse" },
   { key: "column", value: "column" },
   { key: "column-reverse", value: "column-reverse" }
-], r = [
+];
+const displayFlexValues = [
   { key: "none", value: "none" },
   { key: "inline-flex", value: "inline-flex" },
   { key: "flex", value: "flex" }
-], y = [
+];
+const flexWrapValues = [
   { key: "nowrap", value: "nowrap" },
   { key: "wrap", value: "wrap" },
   { key: "wrap-reverse", value: "wrap-reverse" }
-], n = [
+];
+const flexLayout = [
   {
     key: "display",
     className: "teddy-display",
-    values: r
+    values: displayFlexValues
   },
   {
     key: "wrap",
     className: "teddy-fw",
-    values: y
+    values: flexWrapValues
   },
   {
     key: "direction",
     className: "teddy-fd",
-    values: u
+    values: flexDirectionValues
   }
-], v = [
+];
+const flexChildren = [
   {
     key: "flexGrow",
     className: "teddy-fg",
-    values: e
+    values: flexGrowValues
   },
   {
     key: "flexShrink",
     className: "teddy-fs",
-    values: a
+    values: flexShrinkValues
   },
   {
     key: "flexBasis",
     className: "teddy-fb",
-    values: s
+    values: flexBasisValues
   }
 ];
 export {
-  r as displayFlexValues,
-  v as flexChildren,
-  n as flexLayout
+  displayFlexValues,
+  flexChildren,
+  flexLayout
 };

package/dist/utils/layout/gap.js

@@ -1,21 +1,22 @@
-import { spacingValues as e } from "./util.js";
-const a = e, g = [
+import { spacingValues } from "./util.js";
+const gapValues = spacingValues;
+const gap = [
   {
     key: "gap",
     className: "teddy-gap",
-    values: a
+    values: gapValues
   },
   {
     key: "gapX",
     className: "teddy-cg",
-    values: a
+    values: gapValues
   },
   {
     key: "gapY",
     className: "teddy-rg",
-    values: a
+    values: gapValues
   }
 ];
 export {
-  g as gap
+  gap
 };

package/dist/utils/layout/grid.js

@@ -1,9 +1,11 @@
-import { numberIterator as e } from "./util.js";
-const l = [...e, { key: "none", value: "none" }], n = [
-  ...e.map((a) => ({ key: a.key, value: `repeat(${a.value}, minmax(0, 1fr))` })),
+import { numberIterator } from "./util.js";
+const gridTemplateRowsValues = [...numberIterator, { key: "none", value: "none" }];
+const gridTemplateColumnsValues = [
+  ...numberIterator.map((v) => ({ key: v.key, value: `repeat(${v.value}, minmax(0, 1fr))` })),
   { key: "none", value: "none" }
-], s = [
-  ...e,
+];
+const gridColumnValues = [
+  ...numberIterator,
   {
     key: "span-2",
     value: "span 2"
@@ -48,69 +50,74 @@ const l = [...e, { key: "none", value: "none" }], n = [
     key: "span-12",
     value: "span 12"
   }
-], u = s, d = [
+];
+const gridRowValues = gridColumnValues;
+const displayGridValues = [
   { key: "none", value: "none" },
   { key: "grid", value: "grid" },
   { key: "inline-grid", value: "inline-grid" }
-], y = [
+];
+const gridFlowValues = [
   { key: "row", value: "row" },
   { key: "column", value: "column" },
   { key: "dense", value: "dense" },
   { key: "row-dense", value: "row-dense" },
   { key: "column-dense", value: "column-dense" }
-], r = [
-  { key: "display", className: "teddy-display", values: d },
+];
+const gridLayout = [
+  { key: "display", className: "teddy-display", values: displayGridValues },
   {
     key: "rows",
     className: "teddy-gtr",
-    values: l
+    values: gridTemplateRowsValues
   },
   {
     key: "columns",
     className: "teddy-gtc",
-    values: n
+    values: gridTemplateColumnsValues
   },
   {
     key: "flow",
     className: "teddy-gaf",
-    values: y
+    values: gridFlowValues
   }
-], k = [
+];
+const gridChildren = [
   {
     key: "gridColumnStart",
     className: "teddy-gcs",
-    values: e
+    values: numberIterator
   },
   {
     key: "gridColumnEnd",
     className: "teddy-gce",
-    values: e
+    values: numberIterator
   },
   {
     key: "gridRowStart",
     className: "teddy-grs",
-    values: e
+    values: numberIterator
   },
   {
     key: "gridRowEnd",
     className: "teddy-gre",
-    values: e
+    values: numberIterator
   },
   {
     key: "gridColumn",
     className: "teddy-gc",
-    values: s
+    values: gridColumnValues
   },
   {
     key: "gridRow",
     className: "teddy-gr",
-    values: u
+    values: gridRowValues
   }
 ];
 export {
-  d as displayGridValues,
-  k as gridChildren,
-  r as gridLayout,
-  n as gridTemplateColumnsValues,
-  l as gridTemplateRowsValues
+  displayGridValues,
+  gridChildren,
+  gridLayout,
+  gridTemplateColumnsValues,
+  gridTemplateRowsValues
 };

package/dist/utils/layout/height.js

@@ -1,20 +1,20 @@
-import { t as a, a as t, b as s, c as l } from "../../variables-BkY5b0io.js";
-const e = [
+import { teddyBreakpointSm, teddyBreakpointMd, teddyBreakpointLg, teddyBreakpointXl } from "../../tokens/breakpoint/variables.js";
+const heightValues = [
   {
     key: "bp-sm",
-    value: a
+    value: teddyBreakpointSm
   },
   {
     key: "bp-md",
-    value: t
+    value: teddyBreakpointMd
   },
   {
     key: "bp-lg",
-    value: s
+    value: teddyBreakpointLg
   },
   {
     key: "bp-xl",
-    value: l
+    value: teddyBreakpointXl
   },
   {
     key: "auto",
@@ -28,23 +28,24 @@ const e = [
     key: "50%",
     value: "50%"
   }
-], d = [
+];
+const heights = [
   {
     key: "height",
     className: "teddy-h",
-    values: e
+    values: heightValues
   },
   {
     key: "minHeight",
     className: "teddy-min-h",
-    values: e
+    values: heightValues
   },
   {
     key: "maxHeight",
     className: "teddy-max-h",
-    values: e
+    values: heightValues
   }
 ];
 export {
-  d as heights
+  heights
 };