@telia/teddy 0.0.32 → 0.0.33

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (51) hide show
  1. package/dist/components/chip/chip-indicator.d.ts +2 -2
  2. package/dist/components/chip/chip.cjs +3 -3
  3. package/dist/components/chip/chip.js +3 -3
  4. package/dist/components/chip/index.d.ts +2 -2
  5. package/dist/components/index.cjs +2 -2
  6. package/dist/components/index.js +1 -1
  7. package/dist/components/modal/modal.cjs +1 -1
  8. package/dist/components/modal/modal.js +1 -1
  9. package/dist/components/navigation-menu/global-navigation/global-navigation-mobile.cjs +0 -1
  10. package/dist/components/navigation-menu/global-navigation/global-navigation-mobile.d.ts +4 -1
  11. package/dist/components/navigation-menu/global-navigation/global-navigation-mobile.js +0 -1
  12. package/dist/components/navigation-menu/global-navigation/global-navigation-my-pages.cjs +45 -8
  13. package/dist/components/navigation-menu/global-navigation/global-navigation-my-pages.js +46 -9
  14. package/dist/components/navigation-menu/global-navigation/global-navigation-root.d.ts +3 -1
  15. package/dist/components/navigation-menu/global-navigation/global-navigation-root.js +2 -2
  16. package/dist/components/navigation-menu/global-navigation/global-navigation-search-field.cjs +7 -34
  17. package/dist/components/navigation-menu/global-navigation/global-navigation-search-field.js +7 -34
  18. package/dist/components/navigation-menu/global-navigation/global-navigation-search.cjs +0 -1
  19. package/dist/components/navigation-menu/global-navigation/global-navigation-search.js +2 -3
  20. package/dist/components/navigation-menu/global-navigation/global-navigation-shopping-cart.js +2 -2
  21. package/dist/components/notabene/index.cjs +14 -2
  22. package/dist/components/notabene/index.d.ts +16 -1
  23. package/dist/components/notabene/index.js +13 -1
  24. package/dist/components/notabene/notabene-heading.cjs +25 -0
  25. package/dist/components/notabene/notabene-heading.d.ts +5 -0
  26. package/dist/components/notabene/notabene-heading.js +25 -0
  27. package/dist/components/notabene/notabene-icon.cjs +18 -0
  28. package/dist/components/notabene/notabene-icon.d.ts +9 -0
  29. package/dist/components/notabene/notabene-icon.js +18 -0
  30. package/dist/components/notabene/notabene-root.cjs +22 -0
  31. package/dist/components/notabene/notabene-root.d.ts +6 -0
  32. package/dist/components/notabene/notabene-root.js +22 -0
  33. package/dist/components/notabene/notabene.content.cjs +15 -0
  34. package/dist/components/notabene/notabene.content.d.ts +5 -0
  35. package/dist/components/notabene/notabene.content.js +15 -0
  36. package/dist/components/notification/notification.d.ts +2 -2
  37. package/dist/components/tabs/tabs-list.cjs +11 -0
  38. package/dist/components/tabs/tabs-list.js +11 -0
  39. package/dist/components/tabs/tabs-trigger.cjs +2 -2
  40. package/dist/components/tabs/tabs-trigger.js +2 -2
  41. package/dist/components/toggle/toggle.d.ts +2 -2
  42. package/dist/main.cjs +2 -2
  43. package/dist/main.js +1 -1
  44. package/dist/style.css +158 -156
  45. package/dist/utils/generate-styling/grid.d.ts +24 -24
  46. package/dist/utils/generate-styling/index.d.ts +16 -16
  47. package/dist/utils/generate-styling/util.d.ts +2 -2
  48. package/package.json +1 -1
  49. package/dist/components/notabene/notabene.cjs +0 -35
  50. package/dist/components/notabene/notabene.d.ts +0 -15
  51. package/dist/components/notabene/notabene.js +0 -35
package/dist/style.css CHANGED
@@ -23,123 +23,23 @@
23
23
  0% {
24
24
  transform: translateX(-100%);
25
25
  }
26
- }@layer icon {
27
- ._teddy-icon_1rwgf_2 {
28
- display: inline;
29
- align-self: center;
30
- fill: currentColor;
31
- }
32
- ._teddy-icon--font_1rwgf_7 {
33
- width: 1em;
34
- height: 1em;
35
- }
36
- ._teddy-icon--xxs_1rwgf_11 {
37
- width: var(--teddy-spacing-150);
38
- height: var(--teddy-spacing-150);
39
- }
40
- ._teddy-icon--xs_1rwgf_15 {
41
- width: var(--teddy-spacing-200);
42
- height: var(--teddy-spacing-200);
43
- }
44
- ._teddy-icon--sm_1rwgf_19 {
45
- width: var(--teddy-spacing-250);
46
- height: var(--teddy-spacing-250);
47
- }
48
- ._teddy-icon--md_1rwgf_23 {
49
- width: var(--teddy-spacing-300);
50
- height: var(--teddy-spacing-300);
51
- }
52
- ._teddy-icon--lg_1rwgf_27 {
53
- width: var(--teddy-spacing-400);
54
- height: var(--teddy-spacing-400);
55
- }
56
- ._teddy-icon--xl_1rwgf_31 {
57
- width: var(--teddy-spacing-600);
58
- height: var(--teddy-spacing-600);
59
- }
60
- ._teddy-icon-with-children_1rwgf_35 {
61
- display: inline-flex;
62
- align-items: center;
63
- font-family: var(--teddy-typography-family-default);
64
- gap: var(--teddy-spacing-100);
65
- }
66
- }@layer text {
67
- ._teddy-text_15w9u_2 {
68
- color: inherit;
69
- display: block;
70
- margin: 0;
71
- hyphens: none;
72
- }
73
- ._teddy-text--disabled_15w9u_8 {
74
- color: var(--teddy-color-text-weak);
75
- }
76
- ._teddy-text--hyphens_15w9u_11 {
77
- hyphens: auto;
78
- }
79
- ._teddy-text--paragraph-100_15w9u_14 {
80
- font-family: var(--teddy-typography-family-default);
81
- font-weight: var(--teddy-typography-weight-normal);
82
- font-size: var(--teddy-typography-scale-100);
83
- line-height: var(--teddy-typography-line-height-loose);
84
- }
85
- ._teddy-text--paragraph-100-medium_15w9u_20 {
86
- font-family: var(--teddy-typography-family-default);
87
- font-weight: var(--teddy-typography-weight-normal);
88
- font-size: var(--teddy-typography-scale-100);
89
- line-height: var(--teddy-typography-line-height-loose);
90
- font-weight: var(--teddy-typography-weight-medium);
91
- }
92
- ._teddy-text--paragraph-100-bold_15w9u_27 {
93
- font-family: var(--teddy-typography-family-default);
94
- font-weight: var(--teddy-typography-weight-normal);
95
- font-size: var(--teddy-typography-scale-100);
96
- line-height: var(--teddy-typography-line-height-loose);
97
- font-weight: var(--teddy-typography-weight-bold);
98
- }
99
- ._teddy-text--paragraph-200_15w9u_34 {
100
- font-family: var(--teddy-typography-family-default);
101
- font-weight: var(--teddy-typography-weight-normal);
102
- font-size: var(--teddy-typography-scale-100);
103
- line-height: var(--teddy-typography-line-height-looser);
104
- }
105
- ._teddy-text--preamble-100_15w9u_40 {
106
- font-family: var(--teddy-typography-family-default);
107
- font-weight: var(--teddy-typography-weight-normal);
108
- font-size: var(--teddy-typography-scale-200);
109
- line-height: var(--teddy-typography-line-height-loose);
110
- }
111
- ._teddy-text--preamble-200_15w9u_46 {
112
- font-family: var(--teddy-typography-family-default);
113
- font-weight: var(--teddy-typography-weight-normal);
114
- font-size: clamp(var(--teddy-typography-scale-150), 3vw, var(--teddy-typography-scale-400));
115
- line-height: var(--teddy-typography-line-height-loose);
116
- }
117
- ._teddy-text--additional-100_15w9u_52 {
118
- font-family: var(--teddy-typography-family-default);
119
- font-weight: var(--teddy-typography-weight-normal);
120
- font-size: var(--teddy-typography-scale-75);
121
- line-height: var(--teddy-typography-line-height-loose);
122
- }
123
- ._teddy-text--additional-100-medium_15w9u_58 {
124
- font-family: var(--teddy-typography-family-default);
125
- font-weight: var(--teddy-typography-weight-normal);
126
- font-size: var(--teddy-typography-scale-75);
127
- line-height: var(--teddy-typography-line-height-loose);
128
- font-weight: var(--teddy-typography-weight-medium);
129
- }
130
- ._teddy-text--overline-100_15w9u_65 {
131
- font-family: var(--teddy-typography-family-default);
132
- font-size: var(--teddy-typography-scale-75);
133
- letter-spacing: var(--teddy-spacing-10);
134
- line-height: var(--teddy-typography-line-height-tight);
135
- text-transform: uppercase;
136
- }
137
- ._teddy-text--overline-200_15w9u_72 {
138
- font-family: var(--teddy-typography-family-default);
139
- font-size: clamp(var(--teddy-typography-scale-75), 3vw, var(--teddy-typography-scale-100));
140
- letter-spacing: var(--teddy-spacing-10);
141
- line-height: var(--teddy-typography-line-height-tight);
142
- text-transform: uppercase;
26
+ }._teddy-notabene_1dybk_1 {
27
+ padding: var(--teddy-spacing-300);
28
+ display: flex;
29
+ flex-direction: column;
30
+ gap: var(--teddy-spacing-150);
31
+ background-color: var(--teddy-color-background-status-warning);
32
+ color: var(--teddy-color-text-default);
33
+ }
34
+ ._teddy-notabene__icon_1dybk_9, ._teddy-notabene__heading_1dybk_9 {
35
+ color: var(--teddy-color-orange-600);
36
+ align-self: flex-start;
37
+ }
38
+ @media (min-width: 600px) {
39
+ ._teddy-notabene_1dybk_1 {
40
+ padding: var(--teddy-spacing-400);
41
+ flex-direction: row;
42
+ gap: var(--teddy-spacing-300);
143
43
  }
144
44
  }@layer heading {
145
45
  ._teddy-heading_r8os0_2 {
@@ -224,22 +124,45 @@
224
124
  font-size: clamp(var(--teddy-typography-scale-800), 3cqw, var(--teddy-typography-scale-1000));
225
125
  line-height: var(--teddy-typography-line-height-tight);
226
126
  }
227
- }._teddy-notabene_waflr_1 {
228
- padding: var(--teddy-spacing-300);
229
- display: flex;
230
- flex-direction: column;
231
- gap: var(--teddy-spacing-150);
232
- background-color: var(--teddy-color-background-status-warning);
233
- color: var(--teddy-color-text-default);
234
- }
235
- ._teddy-notabene__icon_waflr_9, ._teddy-notabene__heading_waflr_9 {
236
- color: var(--teddy-color-orange-600);
237
- }
238
- @media (min-width: 600px) {
239
- ._teddy-notabene_waflr_1 {
240
- padding: var(--teddy-spacing-400);
241
- flex-direction: row;
242
- gap: var(--teddy-spacing-300);
127
+ }@layer icon {
128
+ ._teddy-icon_1rwgf_2 {
129
+ display: inline;
130
+ align-self: center;
131
+ fill: currentColor;
132
+ }
133
+ ._teddy-icon--font_1rwgf_7 {
134
+ width: 1em;
135
+ height: 1em;
136
+ }
137
+ ._teddy-icon--xxs_1rwgf_11 {
138
+ width: var(--teddy-spacing-150);
139
+ height: var(--teddy-spacing-150);
140
+ }
141
+ ._teddy-icon--xs_1rwgf_15 {
142
+ width: var(--teddy-spacing-200);
143
+ height: var(--teddy-spacing-200);
144
+ }
145
+ ._teddy-icon--sm_1rwgf_19 {
146
+ width: var(--teddy-spacing-250);
147
+ height: var(--teddy-spacing-250);
148
+ }
149
+ ._teddy-icon--md_1rwgf_23 {
150
+ width: var(--teddy-spacing-300);
151
+ height: var(--teddy-spacing-300);
152
+ }
153
+ ._teddy-icon--lg_1rwgf_27 {
154
+ width: var(--teddy-spacing-400);
155
+ height: var(--teddy-spacing-400);
156
+ }
157
+ ._teddy-icon--xl_1rwgf_31 {
158
+ width: var(--teddy-spacing-600);
159
+ height: var(--teddy-spacing-600);
160
+ }
161
+ ._teddy-icon-with-children_1rwgf_35 {
162
+ display: inline-flex;
163
+ align-items: center;
164
+ font-family: var(--teddy-typography-family-default);
165
+ gap: var(--teddy-spacing-100);
243
166
  }
244
167
  }._teddy-tooltip__content_14d9w_1 {
245
168
  box-sizing: border-box;
@@ -1007,6 +930,84 @@
1007
930
  to {
1008
931
  transform: translateX(100%);
1009
932
  }
933
+ }@layer text {
934
+ ._teddy-text_15w9u_2 {
935
+ color: inherit;
936
+ display: block;
937
+ margin: 0;
938
+ hyphens: none;
939
+ }
940
+ ._teddy-text--disabled_15w9u_8 {
941
+ color: var(--teddy-color-text-weak);
942
+ }
943
+ ._teddy-text--hyphens_15w9u_11 {
944
+ hyphens: auto;
945
+ }
946
+ ._teddy-text--paragraph-100_15w9u_14 {
947
+ font-family: var(--teddy-typography-family-default);
948
+ font-weight: var(--teddy-typography-weight-normal);
949
+ font-size: var(--teddy-typography-scale-100);
950
+ line-height: var(--teddy-typography-line-height-loose);
951
+ }
952
+ ._teddy-text--paragraph-100-medium_15w9u_20 {
953
+ font-family: var(--teddy-typography-family-default);
954
+ font-weight: var(--teddy-typography-weight-normal);
955
+ font-size: var(--teddy-typography-scale-100);
956
+ line-height: var(--teddy-typography-line-height-loose);
957
+ font-weight: var(--teddy-typography-weight-medium);
958
+ }
959
+ ._teddy-text--paragraph-100-bold_15w9u_27 {
960
+ font-family: var(--teddy-typography-family-default);
961
+ font-weight: var(--teddy-typography-weight-normal);
962
+ font-size: var(--teddy-typography-scale-100);
963
+ line-height: var(--teddy-typography-line-height-loose);
964
+ font-weight: var(--teddy-typography-weight-bold);
965
+ }
966
+ ._teddy-text--paragraph-200_15w9u_34 {
967
+ font-family: var(--teddy-typography-family-default);
968
+ font-weight: var(--teddy-typography-weight-normal);
969
+ font-size: var(--teddy-typography-scale-100);
970
+ line-height: var(--teddy-typography-line-height-looser);
971
+ }
972
+ ._teddy-text--preamble-100_15w9u_40 {
973
+ font-family: var(--teddy-typography-family-default);
974
+ font-weight: var(--teddy-typography-weight-normal);
975
+ font-size: var(--teddy-typography-scale-200);
976
+ line-height: var(--teddy-typography-line-height-loose);
977
+ }
978
+ ._teddy-text--preamble-200_15w9u_46 {
979
+ font-family: var(--teddy-typography-family-default);
980
+ font-weight: var(--teddy-typography-weight-normal);
981
+ font-size: clamp(var(--teddy-typography-scale-150), 3vw, var(--teddy-typography-scale-400));
982
+ line-height: var(--teddy-typography-line-height-loose);
983
+ }
984
+ ._teddy-text--additional-100_15w9u_52 {
985
+ font-family: var(--teddy-typography-family-default);
986
+ font-weight: var(--teddy-typography-weight-normal);
987
+ font-size: var(--teddy-typography-scale-75);
988
+ line-height: var(--teddy-typography-line-height-loose);
989
+ }
990
+ ._teddy-text--additional-100-medium_15w9u_58 {
991
+ font-family: var(--teddy-typography-family-default);
992
+ font-weight: var(--teddy-typography-weight-normal);
993
+ font-size: var(--teddy-typography-scale-75);
994
+ line-height: var(--teddy-typography-line-height-loose);
995
+ font-weight: var(--teddy-typography-weight-medium);
996
+ }
997
+ ._teddy-text--overline-100_15w9u_65 {
998
+ font-family: var(--teddy-typography-family-default);
999
+ font-size: var(--teddy-typography-scale-75);
1000
+ letter-spacing: var(--teddy-spacing-10);
1001
+ line-height: var(--teddy-typography-line-height-tight);
1002
+ text-transform: uppercase;
1003
+ }
1004
+ ._teddy-text--overline-200_15w9u_72 {
1005
+ font-family: var(--teddy-typography-family-default);
1006
+ font-size: clamp(var(--teddy-typography-scale-75), 3vw, var(--teddy-typography-scale-100));
1007
+ letter-spacing: var(--teddy-spacing-10);
1008
+ line-height: var(--teddy-typography-line-height-tight);
1009
+ text-transform: uppercase;
1010
+ }
1010
1011
  }._teddy-image_oyxp8_1 {
1011
1012
  width: 100%;
1012
1013
  max-width: 100%;
@@ -1014,7 +1015,7 @@
1014
1015
  display: block;
1015
1016
  font-style: italic;
1016
1017
  background-repeat: no-repeat;
1017
- }._teddy-chip__item_1er2j_1 {
1018
+ }._teddy-chip__item_69tae_1 {
1018
1019
  font: inherit;
1019
1020
  cursor: pointer;
1020
1021
  outline: inherit;
@@ -1033,20 +1034,20 @@
1033
1034
  position: relative;
1034
1035
  overflow: hidden;
1035
1036
  }
1036
- ._teddy-chip__item_1er2j_1:focus {
1037
- outline: var(--teddy-color-border-interactive-focus) auto var(--teddy-border-width-sm);
1037
+ ._teddy-chip__item_69tae_1:focus {
1038
+ outline: var(--teddy-border-width-sm) solid var(--teddy-color-border-interactive-focus);
1038
1039
  outline-offset: var(--teddy-spacing-50);
1039
1040
  }
1040
- ._teddy-chip__item_1er2j_1:focus:not(:focus-visible) {
1041
+ ._teddy-chip__item_69tae_1:focus:not(:focus-visible) {
1041
1042
  outline: none;
1042
1043
  }
1043
- ._teddy-chip__item_1er2j_1::before, ._teddy-chip__item_1er2j_1::after {
1044
+ ._teddy-chip__item_69tae_1::before, ._teddy-chip__item_69tae_1::after {
1044
1045
  content: "";
1045
1046
  display: block;
1046
1047
  inset: 0;
1047
1048
  position: absolute;
1048
1049
  }
1049
- ._teddy-chip__item--unavailable_1er2j_33::after {
1050
+ ._teddy-chip__item--unavailable_69tae_33::after {
1050
1051
  opacity: 1;
1051
1052
  left: calc(50% - var(--teddy-border-width-xs) / 2);
1052
1053
  top: -50%;
@@ -1056,56 +1057,57 @@
1056
1057
  transform: rotate(-60deg);
1057
1058
  transform-origin: center;
1058
1059
  }
1059
- ._teddy-chip__item--unavailable_1er2j_33[data-state=on]::after {
1060
+ ._teddy-chip__item--unavailable_69tae_33[data-state=on]::after {
1060
1061
  background: var(--teddy-color-text-interactive-on-primary);
1061
1062
  }
1062
- ._teddy-chip__item_1er2j_1::before {
1063
+ ._teddy-chip__item_69tae_1::before {
1063
1064
  border-radius: inherit;
1064
1065
  opacity: 1;
1065
- outline: var(--teddy-color-border-interactive-primary) auto var(--teddy-border-width-xs);
1066
- }
1067
- ._teddy-chip__item_1er2j_1:hover::before:not(:disabled) {
1068
- outline-width: var(--teddy-border-width-sm);
1069
1066
  outline-offset: calc(var(--teddy-border-width-xs) * -1);
1067
+ outline: var(--teddy-border-width-xs) solid var(--teddy-color-border-interactive-primary);
1068
+ }
1069
+ ._teddy-chip__item_69tae_1:hover:not(:disabled):before {
1070
+ outline: var(--teddy-border-width-sm) solid var(--teddy-color-border-interactive-primary);
1071
+ outline-offset: calc(var(--teddy-border-width-sm) * -1);
1070
1072
  }
1071
- ._teddy-chip__item_1er2j_1[data-state=off]:hover {
1073
+ ._teddy-chip__item_69tae_1[data-state=off]:hover {
1072
1074
  background-color: var(--teddy-color-background-interactive-transparent-hover);
1073
1075
  color: var(--teddy-color-text-interactive-primary-hover);
1074
1076
  }
1075
- ._teddy-chip__item_1er2j_1[data-state=off]:active {
1077
+ ._teddy-chip__item_69tae_1[data-state=off]:active {
1076
1078
  background-color: var(--teddy-color-background-interactive-transparent-active);
1077
1079
  color: var(--teddy-color-text-interactive-primary-active);
1078
1080
  }
1079
- ._teddy-chip__item_1er2j_1[data-state=off]:disabled {
1081
+ ._teddy-chip__item_69tae_1[data-state=off]:disabled {
1080
1082
  background-color: var(--teddy-color-background-interactive-transparent);
1081
1083
  color: var(--teddy-color-text-weak);
1082
1084
  }
1083
- ._teddy-chip__item_1er2j_1[data-state=on] {
1085
+ ._teddy-chip__item_69tae_1[data-state=on] {
1084
1086
  background-color: var(--teddy-color-background-interactive-primary);
1085
1087
  color: var(--teddy-color-text-interactive-on-primary);
1086
1088
  font-weight: var(--teddy-typography-weight-medium);
1087
1089
  }
1088
- ._teddy-chip__item_1er2j_1[data-state=on]:hover {
1090
+ ._teddy-chip__item_69tae_1[data-state=on]:hover {
1089
1091
  background-color: var(--teddy-color-background-interactive-primary-hover);
1090
1092
  }
1091
- ._teddy-chip__item_1er2j_1[data-state=on]:active {
1093
+ ._teddy-chip__item_69tae_1[data-state=on]:active {
1092
1094
  background-color: var(--teddy-color-background-interactive-primary-active);
1093
1095
  }
1094
- ._teddy-chip__item_1er2j_1[data-state=on]:disabled {
1096
+ ._teddy-chip__item_69tae_1[data-state=on]:disabled {
1095
1097
  background-color: var(--teddy-color-background-interactive-disabled);
1096
1098
  color: var(--teddy-color-text-weak);
1097
1099
  }
1098
- ._teddy-chip__item_1er2j_1[data-state=on] ._teddy-chip__indicator_1er2j_82 {
1100
+ ._teddy-chip__item_69tae_1[data-state=on] ._teddy-chip__indicator_69tae_83 {
1099
1101
  display: unset;
1100
1102
  }
1101
- ._teddy-chip__item_1er2j_1:disabled {
1103
+ ._teddy-chip__item_69tae_1:disabled {
1102
1104
  cursor: not-allowed;
1103
1105
  color: var(--teddy-color-text-weak);
1104
1106
  }
1105
- ._teddy-chip__item_1er2j_1:disabled::before {
1107
+ ._teddy-chip__item_69tae_1:disabled::before {
1106
1108
  outline-color: var(--teddy-color-border-medium);
1107
1109
  }
1108
- ._teddy-chip__indicator_1er2j_82 {
1110
+ ._teddy-chip__indicator_69tae_83 {
1109
1111
  display: none;
1110
1112
  }@layer link {
1111
1113
  ._teddy-link_azi31_2 {
package/dist/utils/generate-styling/grid.d.ts CHANGED
@@ -1,22 +1,22 @@
1
1
  import { Responsive, numberIterator } from './util';
2
2
 
3
3
  export declare const gridTemplateRowsValues: readonly [...{
4
- key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
5
- value: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
4
+ key: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
5
+ value: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
6
6
  }[], {
7
7
  readonly key: "none";
8
8
  readonly value: "none";
9
9
  }];
10
10
  export declare const gridTemplateColumnsValues: readonly [...{
11
- readonly key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
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))";
11
+ readonly key: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
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))";
13
13
  }[], {
14
14
  readonly key: "none";
15
15
  readonly value: "none";
16
16
  }];
17
17
  declare const gridColumnValues: readonly [...{
18
- key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
19
- value: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
18
+ key: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
19
+ value: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
20
20
  }[], {
21
21
  readonly key: "span-2";
22
22
  readonly value: "span 2";
@@ -52,8 +52,8 @@ declare const gridColumnValues: readonly [...{
52
52
  readonly value: "span 12";
53
53
  }];
54
54
  declare const gridRowValues: readonly [...{
55
- key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
56
- value: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
55
+ key: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
56
+ value: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
57
57
  }[], {
58
58
  readonly key: "span-2";
59
59
  readonly value: "span 2";
@@ -131,8 +131,8 @@ export declare const gridLayout: readonly [{
131
131
  readonly key: "rows";
132
132
  readonly className: "teddy-gtr";
133
133
  readonly values: readonly [...{
134
- key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
135
- value: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
134
+ key: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
135
+ value: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
136
136
  }[], {
137
137
  readonly key: "none";
138
138
  readonly value: "none";
@@ -141,8 +141,8 @@ export declare const gridLayout: readonly [{
141
141
  readonly key: "columns";
142
142
  readonly className: "teddy-gtc";
143
143
  readonly values: readonly [...{
144
- readonly key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
145
- 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))";
144
+ readonly key: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
145
+ 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))";
146
146
  }[], {
147
147
  readonly key: "none";
148
148
  readonly value: "none";
@@ -171,36 +171,36 @@ export declare const gridChildren: readonly [{
171
171
  readonly key: "gridColumnStart";
172
172
  readonly className: "teddy-gcs";
173
173
  readonly values: {
174
- key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
175
- value: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
174
+ key: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
175
+ value: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
176
176
  }[];
177
177
  }, {
178
178
  readonly key: "gridColumnEnd";
179
179
  readonly className: "teddy-gce";
180
180
  readonly values: {
181
- key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
182
- value: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
181
+ key: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
182
+ value: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
183
183
  }[];
184
184
  }, {
185
185
  readonly key: "gridRowStart";
186
186
  readonly className: "teddy-grs";
187
187
  readonly values: {
188
- key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
189
- value: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
188
+ key: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
189
+ value: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
190
190
  }[];
191
191
  }, {
192
192
  readonly key: "gridRowEnd";
193
193
  readonly className: "teddy-gre";
194
194
  readonly values: {
195
- key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
196
- value: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
195
+ key: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
196
+ value: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
197
197
  }[];
198
198
  }, {
199
199
  readonly key: "gridColumn";
200
200
  readonly className: "teddy-gc";
201
201
  readonly values: readonly [...{
202
- key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
203
- value: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
202
+ key: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
203
+ value: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
204
204
  }[], {
205
205
  readonly key: "span-2";
206
206
  readonly value: "span 2";
@@ -239,8 +239,8 @@ export declare const gridChildren: readonly [{
239
239
  readonly key: "gridRow";
240
240
  readonly className: "teddy-gr";
241
241
  readonly values: readonly [...{
242
- key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
243
- value: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
242
+ key: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
243
+ value: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
244
244
  }[], {
245
245
  readonly key: "span-2";
246
246
  readonly value: "span 2";
package/dist/utils/generate-styling/index.d.ts CHANGED
@@ -1867,8 +1867,8 @@ export declare const stylings: readonly [{
1867
1867
  readonly key: "rows";
1868
1868
  readonly className: "teddy-gtr";
1869
1869
  readonly values: readonly [...{
1870
- key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
1871
- value: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
1870
+ key: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
1871
+ value: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
1872
1872
  }[], {
1873
1873
  readonly key: "none";
1874
1874
  readonly value: "none";
@@ -1877,8 +1877,8 @@ export declare const stylings: readonly [{
1877
1877
  readonly key: "columns";
1878
1878
  readonly className: "teddy-gtc";
1879
1879
  readonly values: readonly [...{
1880
- readonly key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
1881
- 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))";
1880
+ readonly key: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
1881
+ 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))";
1882
1882
  }[], {
1883
1883
  readonly key: "none";
1884
1884
  readonly value: "none";
@@ -1906,36 +1906,36 @@ export declare const stylings: readonly [{
1906
1906
  readonly key: "gridColumnStart";
1907
1907
  readonly className: "teddy-gcs";
1908
1908
  readonly values: {
1909
- key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
1910
- value: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
1909
+ key: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
1910
+ value: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
1911
1911
  }[];
1912
1912
  }, {
1913
1913
  readonly key: "gridColumnEnd";
1914
1914
  readonly className: "teddy-gce";
1915
1915
  readonly values: {
1916
- key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
1917
- value: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
1916
+ key: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
1917
+ value: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
1918
1918
  }[];
1919
1919
  }, {
1920
1920
  readonly key: "gridRowStart";
1921
1921
  readonly className: "teddy-grs";
1922
1922
  readonly values: {
1923
- key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
1924
- value: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
1923
+ key: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
1924
+ value: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
1925
1925
  }[];
1926
1926
  }, {
1927
1927
  readonly key: "gridRowEnd";
1928
1928
  readonly className: "teddy-gre";
1929
1929
  readonly values: {
1930
- key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
1931
- value: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
1930
+ key: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
1931
+ value: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
1932
1932
  }[];
1933
1933
  }, {
1934
1934
  readonly key: "gridColumn";
1935
1935
  readonly className: "teddy-gc";
1936
1936
  readonly values: readonly [...{
1937
- key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
1938
- value: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
1937
+ key: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
1938
+ value: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
1939
1939
  }[], {
1940
1940
  readonly key: "span-2";
1941
1941
  readonly value: "span 2";
@@ -1974,8 +1974,8 @@ export declare const stylings: readonly [{
1974
1974
  readonly key: "gridRow";
1975
1975
  readonly className: "teddy-gr";
1976
1976
  readonly values: readonly [...{
1977
- key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
1978
- value: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
1977
+ key: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
1978
+ value: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
1979
1979
  }[], {
1980
1980
  readonly key: "span-2";
1981
1981
  readonly value: "span 2";
package/dist/utils/generate-styling/util.d.ts CHANGED
@@ -76,7 +76,7 @@ export type Responsive<T> = {
76
76
  [key in Breakpoint]?: T | AnyCssValue;
77
77
  } | (T | AnyCssValue);
78
78
  export declare const numberIterator: {
79
- key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
80
- value: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
79
+ key: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
80
+ value: "10" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
81
81
  }[];
82
82
  export {};
package/package.json CHANGED
@@ -20,7 +20,7 @@
20
20
  "pnpm": ">=8"
21
21
  },
22
22
  "private": false,
23
- "version": "0.0.32",
23
+ "version": "0.0.33",
24
24
  "sideEffects": [
25
25
  "**/*.css"
26
26
  ],