@telia/teddy 0.7.17 → 0.7.27

package/dist/tokens/color/variables.cjs

@@ -233,53 +233,53 @@ const teddyColorBackgroundToneOnToneQuaternary = "#f9f1ec";
 const teddyColorBackgroundLightPurple = "#faf0ff";
 const teddyColorBackgroundLightPurpleNegative = "#4a4a4d";
 const teddyColorBackgroundCardDefault = "#ffffff";
-const teddyColorBackgroundCardDefaultNegative = "#1e1e20";
-const teddyColorBackgroundCardDefaultHover = "#f5e0ff";
-const teddyColorBackgroundCardDefaultHoverNegative = "#29003e";
+const teddyColorBackgroundCardDefaultNegative = "#353537";
+const teddyColorBackgroundCardDefaultHover = "#faf0ff";
+const teddyColorBackgroundCardDefaultHoverNegative = "#4a4a4d";
 const teddyColorBackgroundCardDefaultActive = "#f5e0ff";
-const teddyColorBackgroundCardDefaultActiveNegative = "#29003e";
-const teddyColorBackgroundCardGray = "#ffffff";
-const teddyColorBackgroundCardGrayNegative = "#1e1e20";
-const teddyColorBackgroundCardGrayHover = "#f5e0ff";
-const teddyColorBackgroundCardGrayHoverNegative = "#29003e";
-const teddyColorBackgroundCardGrayActive = "#f5e0ff";
-const teddyColorBackgroundCardGrayActiveNegative = "#29003e";
-const teddyColorBackgroundCardBeige = "#ffffff";
-const teddyColorBackgroundCardBeigeNegative = "#1e1e20";
+const teddyColorBackgroundCardDefaultActiveNegative = "#5f5f63";
+const teddyColorBackgroundCardGray = "#f3f3f8";
+const teddyColorBackgroundCardGrayNegative = "#353537";
+const teddyColorBackgroundCardGrayHover = "#e5e5eb";
+const teddyColorBackgroundCardGrayHoverNegative = "#4a4a4d";
+const teddyColorBackgroundCardGrayActive = "#c6c6cd";
+const teddyColorBackgroundCardGrayActiveNegative = "#5f5f63";
+const teddyColorBackgroundCardBeige = "#f9f1ec";
+const teddyColorBackgroundCardBeigeNegative = "#353537";
 const teddyColorBackgroundCardBeigeHover = "#ede1d8";
-const teddyColorBackgroundCardBeigeHoverNegative = "#29003e";
-const teddyColorBackgroundCardBeigeActive = "#ede1d8";
-const teddyColorBackgroundCardBeigeActiveNegative = "#29003e";
+const teddyColorBackgroundCardBeigeHoverNegative = "#4a4a4d";
+const teddyColorBackgroundCardBeigeActive = "#d7c3b5";
+const teddyColorBackgroundCardBeigeActiveNegative = "#5f5f63";
 const teddyColorBackgroundCardBeigeEmphasis = "#ede1d8";
-const teddyColorBackgroundCardBeigeEmphasisNegative = "#1e1e20";
-const teddyColorBackgroundCardBeigeEmphasisHover = "#ede1d8";
-const teddyColorBackgroundCardBeigeEmphasisHoverNegative = "#29003e";
-const teddyColorBackgroundCardBeigeEmphasisActive = "#ede1d8";
-const teddyColorBackgroundCardBeigeEmphasisActiveNegative = "#29003e";
+const teddyColorBackgroundCardBeigeEmphasisNegative = "#353537";
+const teddyColorBackgroundCardBeigeEmphasisHover = "#d7c3b5";
+const teddyColorBackgroundCardBeigeEmphasisHoverNegative = "#4a4a4d";
+const teddyColorBackgroundCardBeigeEmphasisActive = "#bba494";
+const teddyColorBackgroundCardBeigeEmphasisActiveNegative = "#5f5f63";
 const teddyColorBackgroundCardLightPurple = "#f5e0ff";
 const teddyColorBackgroundCardLightPurpleNegative = "#29003e";
 const teddyColorBackgroundCardLightPurpleHover = "#e4b6fb";
 const teddyColorBackgroundCardLightPurpleHoverNegative = "#4e0174";
 const teddyColorBackgroundCardLightPurpleActive = "#d58df9";
 const teddyColorBackgroundCardLightPurpleActiveNegative = "#6d02a3";
-const teddyColorBackgroundCardDarkPurple = "#e4b6fb";
-const teddyColorBackgroundCardDarkPurpleNegative = "#4e0174";
-const teddyColorBackgroundCardDarkPurpleHover = "#d58df9";
-const teddyColorBackgroundCardDarkPurpleHoverNegative = "#6d02a3";
-const teddyColorBackgroundCardDarkPurpleActive = "#c461f7";
-const teddyColorBackgroundCardDarkPurpleActiveNegative = "#8c07d0";
+const teddyColorBackgroundCardDarkPurple = "#29003e";
+const teddyColorBackgroundCardDarkPurpleNegative = "#f5e0ff";
+const teddyColorBackgroundCardDarkPurpleHover = "#4e0174";
+const teddyColorBackgroundCardDarkPurpleHoverNegative = "#e4b6fb";
+const teddyColorBackgroundCardDarkPurpleActive = "#6d02a3";
+const teddyColorBackgroundCardDarkPurpleActiveNegative = "#d58df9";
 const teddyColorBackgroundCardTeal = "#edf5f5";
-const teddyColorBackgroundCardTealNegative = "#032220";
+const teddyColorBackgroundCardTealNegative = "#006c67";
 const teddyColorBackgroundCardTealHover = "#d5eae9";
-const teddyColorBackgroundCardTealHoverNegative = "#063c39";
+const teddyColorBackgroundCardTealHoverNegative = "#00847e";
 const teddyColorBackgroundCardTealActive = "#a1cfcd";
-const teddyColorBackgroundCardTealActiveNegative = "#02534f";
+const teddyColorBackgroundCardTealActiveNegative = "#3a9b96";
 const teddyColorBackgroundCardTealEmphasis = "#d5eae9";
-const teddyColorBackgroundCardTealEmphasisNegative = "#063c39";
+const teddyColorBackgroundCardTealEmphasisNegative = "#006c67";
 const teddyColorBackgroundCardTealEmphasisHover = "#a1cfcd";
-const teddyColorBackgroundCardTealEmphasisHoverNegative = "#02534f";
+const teddyColorBackgroundCardTealEmphasisHoverNegative = "#00847e";
 const teddyColorBackgroundCardTealEmphasisActive = "#6eb5b2";
-const teddyColorBackgroundCardTealEmphasisActiveNegative = "#006c67";
+const teddyColorBackgroundCardTealEmphasisActiveNegative = "#3a9b96";
 const teddyColorBorderMedium = "rgba(0, 0, 0, 0.33)";
 const teddyColorBorderMediumNegative = "rgba(255, 255, 255, 0.29)";
 const teddyColorBorderStrong = "rgba(0, 0, 0, 0.54)";

package/dist/tokens/color/variables.d.ts

@@ -231,53 +231,53 @@ export declare const teddyColorBackgroundToneOnToneQuaternary = "#f9f1ec";
 export declare const teddyColorBackgroundLightPurple = "#faf0ff";
 export declare const teddyColorBackgroundLightPurpleNegative = "#4a4a4d";
 export declare const teddyColorBackgroundCardDefault = "#ffffff";
-export declare const teddyColorBackgroundCardDefaultNegative = "#1e1e20";
-export declare const teddyColorBackgroundCardDefaultHover = "#f5e0ff";
-export declare const teddyColorBackgroundCardDefaultHoverNegative = "#29003e";
+export declare const teddyColorBackgroundCardDefaultNegative = "#353537";
+export declare const teddyColorBackgroundCardDefaultHover = "#faf0ff";
+export declare const teddyColorBackgroundCardDefaultHoverNegative = "#4a4a4d";
 export declare const teddyColorBackgroundCardDefaultActive = "#f5e0ff";
-export declare const teddyColorBackgroundCardDefaultActiveNegative = "#29003e";
-export declare const teddyColorBackgroundCardGray = "#ffffff";
-export declare const teddyColorBackgroundCardGrayNegative = "#1e1e20";
-export declare const teddyColorBackgroundCardGrayHover = "#f5e0ff";
-export declare const teddyColorBackgroundCardGrayHoverNegative = "#29003e";
-export declare const teddyColorBackgroundCardGrayActive = "#f5e0ff";
-export declare const teddyColorBackgroundCardGrayActiveNegative = "#29003e";
-export declare const teddyColorBackgroundCardBeige = "#ffffff";
-export declare const teddyColorBackgroundCardBeigeNegative = "#1e1e20";
+export declare const teddyColorBackgroundCardDefaultActiveNegative = "#5f5f63";
+export declare const teddyColorBackgroundCardGray = "#f3f3f8";
+export declare const teddyColorBackgroundCardGrayNegative = "#353537";
+export declare const teddyColorBackgroundCardGrayHover = "#e5e5eb";
+export declare const teddyColorBackgroundCardGrayHoverNegative = "#4a4a4d";
+export declare const teddyColorBackgroundCardGrayActive = "#c6c6cd";
+export declare const teddyColorBackgroundCardGrayActiveNegative = "#5f5f63";
+export declare const teddyColorBackgroundCardBeige = "#f9f1ec";
+export declare const teddyColorBackgroundCardBeigeNegative = "#353537";
 export declare const teddyColorBackgroundCardBeigeHover = "#ede1d8";
-export declare const teddyColorBackgroundCardBeigeHoverNegative = "#29003e";
-export declare const teddyColorBackgroundCardBeigeActive = "#ede1d8";
-export declare const teddyColorBackgroundCardBeigeActiveNegative = "#29003e";
+export declare const teddyColorBackgroundCardBeigeHoverNegative = "#4a4a4d";
+export declare const teddyColorBackgroundCardBeigeActive = "#d7c3b5";
+export declare const teddyColorBackgroundCardBeigeActiveNegative = "#5f5f63";
 export declare const teddyColorBackgroundCardBeigeEmphasis = "#ede1d8";
-export declare const teddyColorBackgroundCardBeigeEmphasisNegative = "#1e1e20";
-export declare const teddyColorBackgroundCardBeigeEmphasisHover = "#ede1d8";
-export declare const teddyColorBackgroundCardBeigeEmphasisHoverNegative = "#29003e";
-export declare const teddyColorBackgroundCardBeigeEmphasisActive = "#ede1d8";
-export declare const teddyColorBackgroundCardBeigeEmphasisActiveNegative = "#29003e";
+export declare const teddyColorBackgroundCardBeigeEmphasisNegative = "#353537";
+export declare const teddyColorBackgroundCardBeigeEmphasisHover = "#d7c3b5";
+export declare const teddyColorBackgroundCardBeigeEmphasisHoverNegative = "#4a4a4d";
+export declare const teddyColorBackgroundCardBeigeEmphasisActive = "#bba494";
+export declare const teddyColorBackgroundCardBeigeEmphasisActiveNegative = "#5f5f63";
 export declare const teddyColorBackgroundCardLightPurple = "#f5e0ff";
 export declare const teddyColorBackgroundCardLightPurpleNegative = "#29003e";
 export declare const teddyColorBackgroundCardLightPurpleHover = "#e4b6fb";
 export declare const teddyColorBackgroundCardLightPurpleHoverNegative = "#4e0174";
 export declare const teddyColorBackgroundCardLightPurpleActive = "#d58df9";
 export declare const teddyColorBackgroundCardLightPurpleActiveNegative = "#6d02a3";
-export declare const teddyColorBackgroundCardDarkPurple = "#e4b6fb";
-export declare const teddyColorBackgroundCardDarkPurpleNegative = "#4e0174";
-export declare const teddyColorBackgroundCardDarkPurpleHover = "#d58df9";
-export declare const teddyColorBackgroundCardDarkPurpleHoverNegative = "#6d02a3";
-export declare const teddyColorBackgroundCardDarkPurpleActive = "#c461f7";
-export declare const teddyColorBackgroundCardDarkPurpleActiveNegative = "#8c07d0";
+export declare const teddyColorBackgroundCardDarkPurple = "#29003e";
+export declare const teddyColorBackgroundCardDarkPurpleNegative = "#f5e0ff";
+export declare const teddyColorBackgroundCardDarkPurpleHover = "#4e0174";
+export declare const teddyColorBackgroundCardDarkPurpleHoverNegative = "#e4b6fb";
+export declare const teddyColorBackgroundCardDarkPurpleActive = "#6d02a3";
+export declare const teddyColorBackgroundCardDarkPurpleActiveNegative = "#d58df9";
 export declare const teddyColorBackgroundCardTeal = "#edf5f5";
-export declare const teddyColorBackgroundCardTealNegative = "#032220";
+export declare const teddyColorBackgroundCardTealNegative = "#006c67";
 export declare const teddyColorBackgroundCardTealHover = "#d5eae9";
-export declare const teddyColorBackgroundCardTealHoverNegative = "#063c39";
+export declare const teddyColorBackgroundCardTealHoverNegative = "#00847e";
 export declare const teddyColorBackgroundCardTealActive = "#a1cfcd";
-export declare const teddyColorBackgroundCardTealActiveNegative = "#02534f";
+export declare const teddyColorBackgroundCardTealActiveNegative = "#3a9b96";
 export declare const teddyColorBackgroundCardTealEmphasis = "#d5eae9";
-export declare const teddyColorBackgroundCardTealEmphasisNegative = "#063c39";
+export declare const teddyColorBackgroundCardTealEmphasisNegative = "#006c67";
 export declare const teddyColorBackgroundCardTealEmphasisHover = "#a1cfcd";
-export declare const teddyColorBackgroundCardTealEmphasisHoverNegative = "#02534f";
+export declare const teddyColorBackgroundCardTealEmphasisHoverNegative = "#00847e";
 export declare const teddyColorBackgroundCardTealEmphasisActive = "#6eb5b2";
-export declare const teddyColorBackgroundCardTealEmphasisActiveNegative = "#006c67";
+export declare const teddyColorBackgroundCardTealEmphasisActiveNegative = "#3a9b96";
 export declare const teddyColorBorderMedium = "rgba(0, 0, 0, 0.33)";
 export declare const teddyColorBorderMediumNegative = "rgba(255, 255, 255, 0.29)";
 export declare const teddyColorBorderStrong = "rgba(0, 0, 0, 0.54)";

package/dist/tokens/color/variables.js

@@ -231,53 +231,53 @@ const teddyColorBackgroundToneOnToneQuaternary = "#f9f1ec";
 const teddyColorBackgroundLightPurple = "#faf0ff";
 const teddyColorBackgroundLightPurpleNegative = "#4a4a4d";
 const teddyColorBackgroundCardDefault = "#ffffff";
-const teddyColorBackgroundCardDefaultNegative = "#1e1e20";
-const teddyColorBackgroundCardDefaultHover = "#f5e0ff";
-const teddyColorBackgroundCardDefaultHoverNegative = "#29003e";
+const teddyColorBackgroundCardDefaultNegative = "#353537";
+const teddyColorBackgroundCardDefaultHover = "#faf0ff";
+const teddyColorBackgroundCardDefaultHoverNegative = "#4a4a4d";
 const teddyColorBackgroundCardDefaultActive = "#f5e0ff";
-const teddyColorBackgroundCardDefaultActiveNegative = "#29003e";
-const teddyColorBackgroundCardGray = "#ffffff";
-const teddyColorBackgroundCardGrayNegative = "#1e1e20";
-const teddyColorBackgroundCardGrayHover = "#f5e0ff";
-const teddyColorBackgroundCardGrayHoverNegative = "#29003e";
-const teddyColorBackgroundCardGrayActive = "#f5e0ff";
-const teddyColorBackgroundCardGrayActiveNegative = "#29003e";
-const teddyColorBackgroundCardBeige = "#ffffff";
-const teddyColorBackgroundCardBeigeNegative = "#1e1e20";
+const teddyColorBackgroundCardDefaultActiveNegative = "#5f5f63";
+const teddyColorBackgroundCardGray = "#f3f3f8";
+const teddyColorBackgroundCardGrayNegative = "#353537";
+const teddyColorBackgroundCardGrayHover = "#e5e5eb";
+const teddyColorBackgroundCardGrayHoverNegative = "#4a4a4d";
+const teddyColorBackgroundCardGrayActive = "#c6c6cd";
+const teddyColorBackgroundCardGrayActiveNegative = "#5f5f63";
+const teddyColorBackgroundCardBeige = "#f9f1ec";
+const teddyColorBackgroundCardBeigeNegative = "#353537";
 const teddyColorBackgroundCardBeigeHover = "#ede1d8";
-const teddyColorBackgroundCardBeigeHoverNegative = "#29003e";
-const teddyColorBackgroundCardBeigeActive = "#ede1d8";
-const teddyColorBackgroundCardBeigeActiveNegative = "#29003e";
+const teddyColorBackgroundCardBeigeHoverNegative = "#4a4a4d";
+const teddyColorBackgroundCardBeigeActive = "#d7c3b5";
+const teddyColorBackgroundCardBeigeActiveNegative = "#5f5f63";
 const teddyColorBackgroundCardBeigeEmphasis = "#ede1d8";
-const teddyColorBackgroundCardBeigeEmphasisNegative = "#1e1e20";
-const teddyColorBackgroundCardBeigeEmphasisHover = "#ede1d8";
-const teddyColorBackgroundCardBeigeEmphasisHoverNegative = "#29003e";
-const teddyColorBackgroundCardBeigeEmphasisActive = "#ede1d8";
-const teddyColorBackgroundCardBeigeEmphasisActiveNegative = "#29003e";
+const teddyColorBackgroundCardBeigeEmphasisNegative = "#353537";
+const teddyColorBackgroundCardBeigeEmphasisHover = "#d7c3b5";
+const teddyColorBackgroundCardBeigeEmphasisHoverNegative = "#4a4a4d";
+const teddyColorBackgroundCardBeigeEmphasisActive = "#bba494";
+const teddyColorBackgroundCardBeigeEmphasisActiveNegative = "#5f5f63";
 const teddyColorBackgroundCardLightPurple = "#f5e0ff";
 const teddyColorBackgroundCardLightPurpleNegative = "#29003e";
 const teddyColorBackgroundCardLightPurpleHover = "#e4b6fb";
 const teddyColorBackgroundCardLightPurpleHoverNegative = "#4e0174";
 const teddyColorBackgroundCardLightPurpleActive = "#d58df9";
 const teddyColorBackgroundCardLightPurpleActiveNegative = "#6d02a3";
-const teddyColorBackgroundCardDarkPurple = "#e4b6fb";
-const teddyColorBackgroundCardDarkPurpleNegative = "#4e0174";
-const teddyColorBackgroundCardDarkPurpleHover = "#d58df9";
-const teddyColorBackgroundCardDarkPurpleHoverNegative = "#6d02a3";
-const teddyColorBackgroundCardDarkPurpleActive = "#c461f7";
-const teddyColorBackgroundCardDarkPurpleActiveNegative = "#8c07d0";
+const teddyColorBackgroundCardDarkPurple = "#29003e";
+const teddyColorBackgroundCardDarkPurpleNegative = "#f5e0ff";
+const teddyColorBackgroundCardDarkPurpleHover = "#4e0174";
+const teddyColorBackgroundCardDarkPurpleHoverNegative = "#e4b6fb";
+const teddyColorBackgroundCardDarkPurpleActive = "#6d02a3";
+const teddyColorBackgroundCardDarkPurpleActiveNegative = "#d58df9";
 const teddyColorBackgroundCardTeal = "#edf5f5";
-const teddyColorBackgroundCardTealNegative = "#032220";
+const teddyColorBackgroundCardTealNegative = "#006c67";
 const teddyColorBackgroundCardTealHover = "#d5eae9";
-const teddyColorBackgroundCardTealHoverNegative = "#063c39";
+const teddyColorBackgroundCardTealHoverNegative = "#00847e";
 const teddyColorBackgroundCardTealActive = "#a1cfcd";
-const teddyColorBackgroundCardTealActiveNegative = "#02534f";
+const teddyColorBackgroundCardTealActiveNegative = "#3a9b96";
 const teddyColorBackgroundCardTealEmphasis = "#d5eae9";
-const teddyColorBackgroundCardTealEmphasisNegative = "#063c39";
+const teddyColorBackgroundCardTealEmphasisNegative = "#006c67";
 const teddyColorBackgroundCardTealEmphasisHover = "#a1cfcd";
-const teddyColorBackgroundCardTealEmphasisHoverNegative = "#02534f";
+const teddyColorBackgroundCardTealEmphasisHoverNegative = "#00847e";
 const teddyColorBackgroundCardTealEmphasisActive = "#6eb5b2";
-const teddyColorBackgroundCardTealEmphasisActiveNegative = "#006c67";
+const teddyColorBackgroundCardTealEmphasisActiveNegative = "#3a9b96";
 const teddyColorBorderMedium = "rgba(0, 0, 0, 0.33)";
 const teddyColorBorderMediumNegative = "rgba(255, 255, 255, 0.29)";
 const teddyColorBorderStrong = "rgba(0, 0, 0, 0.54)";

package/dist/utils/generate-styling/grid.d.ts

@@ -1,22 +1,22 @@
 import { Responsive, numberIterator } from './util';
 
 export declare const gridTemplateRowsValues: readonly [...{
-    key: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
-    value: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+    key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+    value: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
 }[], {
     readonly key: "none";
     readonly value: "none";
 }];
 export declare const gridTemplateColumnsValues: readonly [...{
-    readonly key: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
-    readonly value: "repeat(10, minmax(0, 1fr))" | "repeat(1, minmax(0, 1fr))" | "repeat(2, minmax(0, 1fr))" | "repeat(3, minmax(0, 1fr))" | "repeat(4, minmax(0, 1fr))" | "repeat(5, minmax(0, 1fr))" | "repeat(6, minmax(0, 1fr))" | "repeat(7, minmax(0, 1fr))" | "repeat(8, minmax(0, 1fr))" | "repeat(9, minmax(0, 1fr))" | "repeat(11, minmax(0, 1fr))" | "repeat(12, minmax(0, 1fr))";
+    readonly key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+    readonly value: "repeat(1, minmax(0, 1fr))" | "repeat(10, minmax(0, 1fr))" | "repeat(2, minmax(0, 1fr))" | "repeat(3, minmax(0, 1fr))" | "repeat(4, minmax(0, 1fr))" | "repeat(5, minmax(0, 1fr))" | "repeat(6, minmax(0, 1fr))" | "repeat(7, minmax(0, 1fr))" | "repeat(8, minmax(0, 1fr))" | "repeat(9, minmax(0, 1fr))" | "repeat(11, minmax(0, 1fr))" | "repeat(12, minmax(0, 1fr))";
 }[], {
     readonly key: "none";
     readonly value: "none";
 }];
 declare const gridColumnValues: readonly [...{
-    key: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
-    value: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+    key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+    value: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
 }[], {
     readonly key: "span-2";
     readonly value: "span 2";
@@ -52,8 +52,8 @@ declare const gridColumnValues: readonly [...{
     readonly value: "span 12";
 }];
 declare const gridRowValues: readonly [...{
-    key: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
-    value: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+    key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+    value: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
 }[], {
     readonly key: "span-2";
     readonly value: "span 2";
@@ -131,8 +131,8 @@ export declare const gridLayout: readonly [{
     readonly key: "rows";
     readonly className: "teddy-gtr";
     readonly values: readonly [...{
-        key: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
-        value: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        value: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
     }[], {
         readonly key: "none";
         readonly value: "none";
@@ -141,8 +141,8 @@ export declare const gridLayout: readonly [{
     readonly key: "columns";
     readonly className: "teddy-gtc";
     readonly values: readonly [...{
-        readonly key: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
-        readonly value: "repeat(10, minmax(0, 1fr))" | "repeat(1, minmax(0, 1fr))" | "repeat(2, minmax(0, 1fr))" | "repeat(3, minmax(0, 1fr))" | "repeat(4, minmax(0, 1fr))" | "repeat(5, minmax(0, 1fr))" | "repeat(6, minmax(0, 1fr))" | "repeat(7, minmax(0, 1fr))" | "repeat(8, minmax(0, 1fr))" | "repeat(9, minmax(0, 1fr))" | "repeat(11, minmax(0, 1fr))" | "repeat(12, minmax(0, 1fr))";
+        readonly key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        readonly value: "repeat(1, minmax(0, 1fr))" | "repeat(10, minmax(0, 1fr))" | "repeat(2, minmax(0, 1fr))" | "repeat(3, minmax(0, 1fr))" | "repeat(4, minmax(0, 1fr))" | "repeat(5, minmax(0, 1fr))" | "repeat(6, minmax(0, 1fr))" | "repeat(7, minmax(0, 1fr))" | "repeat(8, minmax(0, 1fr))" | "repeat(9, minmax(0, 1fr))" | "repeat(11, minmax(0, 1fr))" | "repeat(12, minmax(0, 1fr))";
     }[], {
         readonly key: "none";
         readonly value: "none";
@@ -171,36 +171,36 @@ export declare const gridChildren: readonly [{
     readonly key: "gridColumnStart";
     readonly className: "teddy-gcs";
     readonly values: {
-        key: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
-        value: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        value: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
     }[];
 }, {
     readonly key: "gridColumnEnd";
     readonly className: "teddy-gce";
     readonly values: {
-        key: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
-        value: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        value: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
     }[];
 }, {
     readonly key: "gridRowStart";
     readonly className: "teddy-grs";
     readonly values: {
-        key: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
-        value: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        value: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
     }[];
 }, {
     readonly key: "gridRowEnd";
     readonly className: "teddy-gre";
     readonly values: {
-        key: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
-        value: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        value: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
     }[];
 }, {
     readonly key: "gridColumn";
     readonly className: "teddy-gc";
     readonly values: readonly [...{
-        key: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
-        value: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        value: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
     }[], {
         readonly key: "span-2";
         readonly value: "span 2";
@@ -239,8 +239,8 @@ export declare const gridChildren: readonly [{
     readonly key: "gridRow";
     readonly className: "teddy-gr";
     readonly values: readonly [...{
-        key: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
-        value: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        value: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
     }[], {
         readonly key: "span-2";
         readonly value: "span 2";

package/dist/utils/generate-styling/index.d.ts

@@ -1978,8 +1978,8 @@ export declare const stylings: readonly [{
     readonly key: "rows";
     readonly className: "teddy-gtr";
     readonly values: readonly [...{
-        key: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
-        value: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        value: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
     }[], {
         readonly key: "none";
         readonly value: "none";
@@ -1988,8 +1988,8 @@ export declare const stylings: readonly [{
     readonly key: "columns";
     readonly className: "teddy-gtc";
     readonly values: readonly [...{
-        readonly key: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
-        readonly value: "repeat(10, minmax(0, 1fr))" | "repeat(1, minmax(0, 1fr))" | "repeat(2, minmax(0, 1fr))" | "repeat(3, minmax(0, 1fr))" | "repeat(4, minmax(0, 1fr))" | "repeat(5, minmax(0, 1fr))" | "repeat(6, minmax(0, 1fr))" | "repeat(7, minmax(0, 1fr))" | "repeat(8, minmax(0, 1fr))" | "repeat(9, minmax(0, 1fr))" | "repeat(11, minmax(0, 1fr))" | "repeat(12, minmax(0, 1fr))";
+        readonly key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        readonly value: "repeat(1, minmax(0, 1fr))" | "repeat(10, minmax(0, 1fr))" | "repeat(2, minmax(0, 1fr))" | "repeat(3, minmax(0, 1fr))" | "repeat(4, minmax(0, 1fr))" | "repeat(5, minmax(0, 1fr))" | "repeat(6, minmax(0, 1fr))" | "repeat(7, minmax(0, 1fr))" | "repeat(8, minmax(0, 1fr))" | "repeat(9, minmax(0, 1fr))" | "repeat(11, minmax(0, 1fr))" | "repeat(12, minmax(0, 1fr))";
     }[], {
         readonly key: "none";
         readonly value: "none";
@@ -2017,36 +2017,36 @@ export declare const stylings: readonly [{
     readonly key: "gridColumnStart";
     readonly className: "teddy-gcs";
     readonly values: {
-        key: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
-        value: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        value: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
     }[];
 }, {
     readonly key: "gridColumnEnd";
     readonly className: "teddy-gce";
     readonly values: {
-        key: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
-        value: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        value: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
     }[];
 }, {
     readonly key: "gridRowStart";
     readonly className: "teddy-grs";
     readonly values: {
-        key: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
-        value: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        value: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
     }[];
 }, {
     readonly key: "gridRowEnd";
     readonly className: "teddy-gre";
     readonly values: {
-        key: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
-        value: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        value: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
     }[];
 }, {
     readonly key: "gridColumn";
     readonly className: "teddy-gc";
     readonly values: readonly [...{
-        key: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
-        value: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        value: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
     }[], {
         readonly key: "span-2";
         readonly value: "span 2";
@@ -2085,8 +2085,8 @@ export declare const stylings: readonly [{
     readonly key: "gridRow";
     readonly className: "teddy-gr";
     readonly values: readonly [...{
-        key: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
-        value: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        value: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
     }[], {
         readonly key: "span-2";
         readonly value: "span 2";

package/dist/utils/generate-styling/util.d.ts

@@ -76,7 +76,7 @@ export type Responsive<T> = {
     [key in Breakpoint]?: T | AnyCssValue;
 } | (T | AnyCssValue);
 export declare const numberIterator: {
-    key: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
-    value: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+    key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+    value: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
 }[];
 export {};

package/package.json

@@ -15,12 +15,12 @@
     "./styles.css": "./dist/style.css"
   },
   "type": "module",
-  "devEngines": {
+  "engines": {
     "node": "20.x || 21.x",
-    "pnpm": ">=9"
+    "pnpm": ">=10"
   },
   "private": false,
-  "version": "0.7.17",
+  "version": "0.7.27",
   "sideEffects": [
     "**/*.css",
     "**/*.svg"
@@ -54,7 +54,7 @@
     "eslint-plugin-storybook": "9.0.17",
     "execa": "8.0.1",
     "fs-extra": "11.2.0",
-    "glob": "10.3.10",
+    "glob": "10.5.0",
     "node-html-parser": "6.1.12",
     "plop": "4.0.1",
     "prettier": "3.2.5",
@@ -68,7 +68,7 @@
     "style-dictionary": "3.9.2",
     "tsx": "4.7.0",
     "typescript": "5.3.3",
-    "vite": "5.4.19",
+    "vite": "5.4.21",
     "vite-plugin-dts": "3.9.1",
     "vite-plugin-lib-inject-css": "2.0.0"
   },