@telia/teddy 0.0.11 → 0.0.14

package/dist/utils/layout/inset.d.ts

@@ -0,0 +1,478 @@
+import { Responsive } from './util';
+
+export declare const insetValues: readonly [{
+    readonly key: "0";
+    readonly value: "var(--teddy-spacing-0)";
+}, {
+    readonly key: "10";
+    readonly value: "var(--teddy-spacing-10)";
+}, {
+    readonly key: "25";
+    readonly value: "var(--teddy-spacing-25)";
+}, {
+    readonly key: "50";
+    readonly value: "var(--teddy-spacing-50)";
+}, {
+    readonly key: "100";
+    readonly value: "var(--teddy-spacing-100)";
+}, {
+    readonly key: "150";
+    readonly value: "var(--teddy-spacing-150)";
+}, {
+    readonly key: "200";
+    readonly value: "var(--teddy-spacing-200)";
+}, {
+    readonly key: "250";
+    readonly value: "var(--teddy-spacing-250)";
+}, {
+    readonly key: "300";
+    readonly value: "var(--teddy-spacing-300)";
+}, {
+    readonly key: "400";
+    readonly value: "var(--teddy-spacing-400)";
+}, {
+    readonly key: "600";
+    readonly value: "var(--teddy-spacing-600)";
+}, {
+    readonly key: "800";
+    readonly value: "var(--teddy-spacing-800)";
+}, {
+    readonly key: "1000";
+    readonly value: "var(--teddy-spacing-1000)";
+}, {
+    readonly key: "1200";
+    readonly value: "var(--teddy-spacing-1200)";
+}, {
+    readonly key: "1600";
+    readonly value: "var(--teddy-spacing-1600)";
+}, {
+    readonly key: "gutter-sm";
+    readonly value: "var(--teddy-spacing-gutter-sm)";
+}, {
+    readonly key: "gutter-md";
+    readonly value: "var(--teddy-spacing-gutter-md)";
+}, {
+    readonly key: "gutter-lg";
+    readonly value: "var(--teddy-spacing-gutter-lg)";
+}, {
+    readonly key: "gutter-xl";
+    readonly value: "var(--teddy-spacing-gutter-xl)";
+}, {
+    readonly key: "page-padding-sm";
+    readonly value: "var(--teddy-spacing-page-padding-sm)";
+}, {
+    readonly key: "page-padding-md";
+    readonly value: "var(--teddy-spacing-page-padding-md)";
+}, {
+    readonly key: "page-padding-lg";
+    readonly value: "var(--teddy-spacing-page-padding-lg)";
+}, {
+    readonly key: "page-padding-xl";
+    readonly value: "var(--teddy-spacing-page-padding-xl)";
+}, {
+    readonly key: "auto";
+    readonly value: "auto";
+}];
+export type InsetProps = {
+    /**
+     * The inset of the element.
+     */
+    inset?: Responsive<(typeof insetValues)[number]['key']>;
+    /**
+     * The top of the element.
+     */
+    top?: Responsive<(typeof insetValues)[number]['key']>;
+    /**
+     * The bottom of the element.
+     */
+    bottom?: Responsive<(typeof insetValues)[number]['key']>;
+    /**
+     * The right of the element.
+     */
+    right?: Responsive<(typeof insetValues)[number]['key']>;
+    /**
+     * The left of the element.s
+     */
+    left?: Responsive<(typeof insetValues)[number]['key']>;
+};
+export declare const inset: readonly [{
+    readonly key: "inset";
+    readonly className: "teddy-inset";
+    readonly values: readonly [{
+        readonly key: "0";
+        readonly value: "var(--teddy-spacing-0)";
+    }, {
+        readonly key: "10";
+        readonly value: "var(--teddy-spacing-10)";
+    }, {
+        readonly key: "25";
+        readonly value: "var(--teddy-spacing-25)";
+    }, {
+        readonly key: "50";
+        readonly value: "var(--teddy-spacing-50)";
+    }, {
+        readonly key: "100";
+        readonly value: "var(--teddy-spacing-100)";
+    }, {
+        readonly key: "150";
+        readonly value: "var(--teddy-spacing-150)";
+    }, {
+        readonly key: "200";
+        readonly value: "var(--teddy-spacing-200)";
+    }, {
+        readonly key: "250";
+        readonly value: "var(--teddy-spacing-250)";
+    }, {
+        readonly key: "300";
+        readonly value: "var(--teddy-spacing-300)";
+    }, {
+        readonly key: "400";
+        readonly value: "var(--teddy-spacing-400)";
+    }, {
+        readonly key: "600";
+        readonly value: "var(--teddy-spacing-600)";
+    }, {
+        readonly key: "800";
+        readonly value: "var(--teddy-spacing-800)";
+    }, {
+        readonly key: "1000";
+        readonly value: "var(--teddy-spacing-1000)";
+    }, {
+        readonly key: "1200";
+        readonly value: "var(--teddy-spacing-1200)";
+    }, {
+        readonly key: "1600";
+        readonly value: "var(--teddy-spacing-1600)";
+    }, {
+        readonly key: "gutter-sm";
+        readonly value: "var(--teddy-spacing-gutter-sm)";
+    }, {
+        readonly key: "gutter-md";
+        readonly value: "var(--teddy-spacing-gutter-md)";
+    }, {
+        readonly key: "gutter-lg";
+        readonly value: "var(--teddy-spacing-gutter-lg)";
+    }, {
+        readonly key: "gutter-xl";
+        readonly value: "var(--teddy-spacing-gutter-xl)";
+    }, {
+        readonly key: "page-padding-sm";
+        readonly value: "var(--teddy-spacing-page-padding-sm)";
+    }, {
+        readonly key: "page-padding-md";
+        readonly value: "var(--teddy-spacing-page-padding-md)";
+    }, {
+        readonly key: "page-padding-lg";
+        readonly value: "var(--teddy-spacing-page-padding-lg)";
+    }, {
+        readonly key: "page-padding-xl";
+        readonly value: "var(--teddy-spacing-page-padding-xl)";
+    }, {
+        readonly key: "auto";
+        readonly value: "auto";
+    }];
+}, {
+    readonly key: "top";
+    readonly className: "teddy-top";
+    readonly values: readonly [{
+        readonly key: "0";
+        readonly value: "var(--teddy-spacing-0)";
+    }, {
+        readonly key: "10";
+        readonly value: "var(--teddy-spacing-10)";
+    }, {
+        readonly key: "25";
+        readonly value: "var(--teddy-spacing-25)";
+    }, {
+        readonly key: "50";
+        readonly value: "var(--teddy-spacing-50)";
+    }, {
+        readonly key: "100";
+        readonly value: "var(--teddy-spacing-100)";
+    }, {
+        readonly key: "150";
+        readonly value: "var(--teddy-spacing-150)";
+    }, {
+        readonly key: "200";
+        readonly value: "var(--teddy-spacing-200)";
+    }, {
+        readonly key: "250";
+        readonly value: "var(--teddy-spacing-250)";
+    }, {
+        readonly key: "300";
+        readonly value: "var(--teddy-spacing-300)";
+    }, {
+        readonly key: "400";
+        readonly value: "var(--teddy-spacing-400)";
+    }, {
+        readonly key: "600";
+        readonly value: "var(--teddy-spacing-600)";
+    }, {
+        readonly key: "800";
+        readonly value: "var(--teddy-spacing-800)";
+    }, {
+        readonly key: "1000";
+        readonly value: "var(--teddy-spacing-1000)";
+    }, {
+        readonly key: "1200";
+        readonly value: "var(--teddy-spacing-1200)";
+    }, {
+        readonly key: "1600";
+        readonly value: "var(--teddy-spacing-1600)";
+    }, {
+        readonly key: "gutter-sm";
+        readonly value: "var(--teddy-spacing-gutter-sm)";
+    }, {
+        readonly key: "gutter-md";
+        readonly value: "var(--teddy-spacing-gutter-md)";
+    }, {
+        readonly key: "gutter-lg";
+        readonly value: "var(--teddy-spacing-gutter-lg)";
+    }, {
+        readonly key: "gutter-xl";
+        readonly value: "var(--teddy-spacing-gutter-xl)";
+    }, {
+        readonly key: "page-padding-sm";
+        readonly value: "var(--teddy-spacing-page-padding-sm)";
+    }, {
+        readonly key: "page-padding-md";
+        readonly value: "var(--teddy-spacing-page-padding-md)";
+    }, {
+        readonly key: "page-padding-lg";
+        readonly value: "var(--teddy-spacing-page-padding-lg)";
+    }, {
+        readonly key: "page-padding-xl";
+        readonly value: "var(--teddy-spacing-page-padding-xl)";
+    }, {
+        readonly key: "auto";
+        readonly value: "auto";
+    }];
+}, {
+    readonly key: "bottom";
+    readonly className: "teddy-bottom";
+    readonly values: readonly [{
+        readonly key: "0";
+        readonly value: "var(--teddy-spacing-0)";
+    }, {
+        readonly key: "10";
+        readonly value: "var(--teddy-spacing-10)";
+    }, {
+        readonly key: "25";
+        readonly value: "var(--teddy-spacing-25)";
+    }, {
+        readonly key: "50";
+        readonly value: "var(--teddy-spacing-50)";
+    }, {
+        readonly key: "100";
+        readonly value: "var(--teddy-spacing-100)";
+    }, {
+        readonly key: "150";
+        readonly value: "var(--teddy-spacing-150)";
+    }, {
+        readonly key: "200";
+        readonly value: "var(--teddy-spacing-200)";
+    }, {
+        readonly key: "250";
+        readonly value: "var(--teddy-spacing-250)";
+    }, {
+        readonly key: "300";
+        readonly value: "var(--teddy-spacing-300)";
+    }, {
+        readonly key: "400";
+        readonly value: "var(--teddy-spacing-400)";
+    }, {
+        readonly key: "600";
+        readonly value: "var(--teddy-spacing-600)";
+    }, {
+        readonly key: "800";
+        readonly value: "var(--teddy-spacing-800)";
+    }, {
+        readonly key: "1000";
+        readonly value: "var(--teddy-spacing-1000)";
+    }, {
+        readonly key: "1200";
+        readonly value: "var(--teddy-spacing-1200)";
+    }, {
+        readonly key: "1600";
+        readonly value: "var(--teddy-spacing-1600)";
+    }, {
+        readonly key: "gutter-sm";
+        readonly value: "var(--teddy-spacing-gutter-sm)";
+    }, {
+        readonly key: "gutter-md";
+        readonly value: "var(--teddy-spacing-gutter-md)";
+    }, {
+        readonly key: "gutter-lg";
+        readonly value: "var(--teddy-spacing-gutter-lg)";
+    }, {
+        readonly key: "gutter-xl";
+        readonly value: "var(--teddy-spacing-gutter-xl)";
+    }, {
+        readonly key: "page-padding-sm";
+        readonly value: "var(--teddy-spacing-page-padding-sm)";
+    }, {
+        readonly key: "page-padding-md";
+        readonly value: "var(--teddy-spacing-page-padding-md)";
+    }, {
+        readonly key: "page-padding-lg";
+        readonly value: "var(--teddy-spacing-page-padding-lg)";
+    }, {
+        readonly key: "page-padding-xl";
+        readonly value: "var(--teddy-spacing-page-padding-xl)";
+    }, {
+        readonly key: "auto";
+        readonly value: "auto";
+    }];
+}, {
+    readonly key: "left";
+    readonly className: "teddy-left";
+    readonly values: readonly [{
+        readonly key: "0";
+        readonly value: "var(--teddy-spacing-0)";
+    }, {
+        readonly key: "10";
+        readonly value: "var(--teddy-spacing-10)";
+    }, {
+        readonly key: "25";
+        readonly value: "var(--teddy-spacing-25)";
+    }, {
+        readonly key: "50";
+        readonly value: "var(--teddy-spacing-50)";
+    }, {
+        readonly key: "100";
+        readonly value: "var(--teddy-spacing-100)";
+    }, {
+        readonly key: "150";
+        readonly value: "var(--teddy-spacing-150)";
+    }, {
+        readonly key: "200";
+        readonly value: "var(--teddy-spacing-200)";
+    }, {
+        readonly key: "250";
+        readonly value: "var(--teddy-spacing-250)";
+    }, {
+        readonly key: "300";
+        readonly value: "var(--teddy-spacing-300)";
+    }, {
+        readonly key: "400";
+        readonly value: "var(--teddy-spacing-400)";
+    }, {
+        readonly key: "600";
+        readonly value: "var(--teddy-spacing-600)";
+    }, {
+        readonly key: "800";
+        readonly value: "var(--teddy-spacing-800)";
+    }, {
+        readonly key: "1000";
+        readonly value: "var(--teddy-spacing-1000)";
+    }, {
+        readonly key: "1200";
+        readonly value: "var(--teddy-spacing-1200)";
+    }, {
+        readonly key: "1600";
+        readonly value: "var(--teddy-spacing-1600)";
+    }, {
+        readonly key: "gutter-sm";
+        readonly value: "var(--teddy-spacing-gutter-sm)";
+    }, {
+        readonly key: "gutter-md";
+        readonly value: "var(--teddy-spacing-gutter-md)";
+    }, {
+        readonly key: "gutter-lg";
+        readonly value: "var(--teddy-spacing-gutter-lg)";
+    }, {
+        readonly key: "gutter-xl";
+        readonly value: "var(--teddy-spacing-gutter-xl)";
+    }, {
+        readonly key: "page-padding-sm";
+        readonly value: "var(--teddy-spacing-page-padding-sm)";
+    }, {
+        readonly key: "page-padding-md";
+        readonly value: "var(--teddy-spacing-page-padding-md)";
+    }, {
+        readonly key: "page-padding-lg";
+        readonly value: "var(--teddy-spacing-page-padding-lg)";
+    }, {
+        readonly key: "page-padding-xl";
+        readonly value: "var(--teddy-spacing-page-padding-xl)";
+    }, {
+        readonly key: "auto";
+        readonly value: "auto";
+    }];
+}, {
+    readonly key: "right";
+    readonly className: "teddy-right";
+    readonly values: readonly [{
+        readonly key: "0";
+        readonly value: "var(--teddy-spacing-0)";
+    }, {
+        readonly key: "10";
+        readonly value: "var(--teddy-spacing-10)";
+    }, {
+        readonly key: "25";
+        readonly value: "var(--teddy-spacing-25)";
+    }, {
+        readonly key: "50";
+        readonly value: "var(--teddy-spacing-50)";
+    }, {
+        readonly key: "100";
+        readonly value: "var(--teddy-spacing-100)";
+    }, {
+        readonly key: "150";
+        readonly value: "var(--teddy-spacing-150)";
+    }, {
+        readonly key: "200";
+        readonly value: "var(--teddy-spacing-200)";
+    }, {
+        readonly key: "250";
+        readonly value: "var(--teddy-spacing-250)";
+    }, {
+        readonly key: "300";
+        readonly value: "var(--teddy-spacing-300)";
+    }, {
+        readonly key: "400";
+        readonly value: "var(--teddy-spacing-400)";
+    }, {
+        readonly key: "600";
+        readonly value: "var(--teddy-spacing-600)";
+    }, {
+        readonly key: "800";
+        readonly value: "var(--teddy-spacing-800)";
+    }, {
+        readonly key: "1000";
+        readonly value: "var(--teddy-spacing-1000)";
+    }, {
+        readonly key: "1200";
+        readonly value: "var(--teddy-spacing-1200)";
+    }, {
+        readonly key: "1600";
+        readonly value: "var(--teddy-spacing-1600)";
+    }, {
+        readonly key: "gutter-sm";
+        readonly value: "var(--teddy-spacing-gutter-sm)";
+    }, {
+        readonly key: "gutter-md";
+        readonly value: "var(--teddy-spacing-gutter-md)";
+    }, {
+        readonly key: "gutter-lg";
+        readonly value: "var(--teddy-spacing-gutter-lg)";
+    }, {
+        readonly key: "gutter-xl";
+        readonly value: "var(--teddy-spacing-gutter-xl)";
+    }, {
+        readonly key: "page-padding-sm";
+        readonly value: "var(--teddy-spacing-page-padding-sm)";
+    }, {
+        readonly key: "page-padding-md";
+        readonly value: "var(--teddy-spacing-page-padding-md)";
+    }, {
+        readonly key: "page-padding-lg";
+        readonly value: "var(--teddy-spacing-page-padding-lg)";
+    }, {
+        readonly key: "page-padding-xl";
+        readonly value: "var(--teddy-spacing-page-padding-xl)";
+    }, {
+        readonly key: "auto";
+        readonly value: "auto";
+    }];
+}];

package/dist/utils/layout/inset.js

@@ -0,0 +1,32 @@
+import { spacingValues as t } from "./util.js";
+const e = [...t, { key: "auto", value: "auto" }], a = [
+  {
+    key: "inset",
+    className: "teddy-inset",
+    values: e
+  },
+  {
+    key: "top",
+    className: "teddy-top",
+    values: e
+  },
+  {
+    key: "bottom",
+    className: "teddy-bottom",
+    values: e
+  },
+  {
+    key: "left",
+    className: "teddy-left",
+    values: e
+  },
+  {
+    key: "right",
+    className: "teddy-right",
+    values: e
+  }
+];
+export {
+  a as inset,
+  e as insetValues
+};

package/dist/utils/layout/position.d.ts

@@ -0,0 +1,64 @@
+import { Responsive } from './util';
+
+export declare const positionValues: readonly [{
+    readonly key: "relative";
+    readonly value: "relative";
+}, {
+    readonly key: "absolute";
+    readonly value: "absolute";
+}, {
+    readonly key: "fixed";
+    readonly value: "fixed";
+}, {
+    readonly key: "sticky";
+    readonly value: "sticky";
+}, {
+    readonly key: "static";
+    readonly value: "static";
+}, {
+    readonly key: "inherit";
+    readonly value: "inherit";
+}, {
+    readonly key: "initial";
+    readonly value: "initial";
+}, {
+    readonly key: "unset";
+    readonly value: "unset";
+}];
+export declare const position: readonly [{
+    readonly key: "position";
+    readonly className: "teddy-position";
+    readonly values: readonly [{
+        readonly key: "relative";
+        readonly value: "relative";
+    }, {
+        readonly key: "absolute";
+        readonly value: "absolute";
+    }, {
+        readonly key: "fixed";
+        readonly value: "fixed";
+    }, {
+        readonly key: "sticky";
+        readonly value: "sticky";
+    }, {
+        readonly key: "static";
+        readonly value: "static";
+    }, {
+        readonly key: "inherit";
+        readonly value: "inherit";
+    }, {
+        readonly key: "initial";
+        readonly value: "initial";
+    }, {
+        readonly key: "unset";
+        readonly value: "unset";
+    }];
+}];
+/**
+ * The position of an element. It can be  or a responsive value.
+ * A responsive value is an object with the keys 'sm', 'md', 'lg', 'xl' and a value for the corresponding breakpoint.
+ * @example align={{ sm: 'absolute', md: 'relative' }}
+ */
+export type PositionProps = {
+    position?: Responsive<(typeof positionValues)[number]['key']>;
+};

package/dist/utils/layout/position.js

@@ -0,0 +1,20 @@
+const e = [
+  { key: "relative", value: "relative" },
+  { key: "absolute", value: "absolute" },
+  { key: "fixed", value: "fixed" },
+  { key: "sticky", value: "sticky" },
+  { key: "static", value: "static" },
+  { key: "inherit", value: "inherit" },
+  { key: "initial", value: "initial" },
+  { key: "unset", value: "unset" }
+], i = [
+  {
+    key: "position",
+    className: "teddy-position",
+    values: e
+  }
+];
+export {
+  i as position,
+  e as positionValues
+};

package/package.json

@@ -11,7 +11,7 @@
     "pnpm": ">=8"
   },
   "private": false,
-  "version": "0.0.11",
+  "version": "0.0.14",
   "sideEffects": [
     "**/*.css"
   ],