@telia/teddy 0.0.72 → 0.0.73

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 (57) hide show
  1. package/dist/components/breadcrumbs/breadcrumbs-link.d.ts +1 -1
  2. package/dist/components/breadcrumbs/index.d.ts +1 -1
  3. package/dist/components/card/card-button.cjs +2 -2
  4. package/dist/components/card/card-button.js +2 -2
  5. package/dist/components/card/card-link.d.ts +1 -1
  6. package/dist/components/card/card.cjs +50 -49
  7. package/dist/components/card/card.d.ts +1 -1
  8. package/dist/components/card/card.js +50 -49
  9. package/dist/components/card/index.d.ts +1 -1
  10. package/dist/components/chip/chip-indicator.d.ts +2 -2
  11. package/dist/components/chip/index.d.ts +2 -2
  12. package/dist/components/expandable-card/expandable-card-button.d.ts +2 -2
  13. package/dist/components/expandable-card/index.d.ts +3 -3
  14. package/dist/components/index.cjs +2 -0
  15. package/dist/components/index.d.ts +1 -0
  16. package/dist/components/index.js +2 -0
  17. package/dist/components/modal/modal.cjs +1 -0
  18. package/dist/components/modal/modal.js +1 -0
  19. package/dist/components/navigation-card/index.cjs +10 -0
  20. package/dist/components/navigation-card/index.d.ts +15 -0
  21. package/dist/components/navigation-card/index.js +10 -0
  22. package/dist/components/navigation-card/navigation-card-content.cjs +49 -0
  23. package/dist/components/navigation-card/navigation-card-content.d.ts +10 -0
  24. package/dist/components/navigation-card/navigation-card-content.js +49 -0
  25. package/dist/components/navigation-card/navigation-card-root.cjs +32 -0
  26. package/dist/components/navigation-card/navigation-card-root.d.ts +6 -0
  27. package/dist/components/navigation-card/navigation-card-root.js +32 -0
  28. package/dist/components/navigation-menu/navigation-menu.cjs +1 -0
  29. package/dist/components/navigation-menu/navigation-menu.js +1 -0
  30. package/dist/components/notabene/notabene-icon.d.ts +2 -2
  31. package/dist/components/notification/notification.d.ts +2 -2
  32. package/dist/components/radio-card-group/radio-card-group-content.cjs +1 -0
  33. package/dist/components/radio-card-group/radio-card-group-content.js +1 -0
  34. package/dist/components/radio-card-group/radio-card-group-item-body.cjs +1 -0
  35. package/dist/components/radio-card-group/radio-card-group-item-body.js +1 -0
  36. package/dist/components/radio-card-group/radio-card-group-item-title.cjs +1 -0
  37. package/dist/components/radio-card-group/radio-card-group-item-title.js +1 -0
  38. package/dist/components/radio-card-group/radio-card-group-item.cjs +1 -0
  39. package/dist/components/radio-card-group/radio-card-group-item.js +1 -0
  40. package/dist/components/scroll-area/index.d.ts +2 -2
  41. package/dist/components/scroll-area/scroll-area-bar.cjs +71 -29
  42. package/dist/components/scroll-area/scroll-area-bar.js +71 -29
  43. package/dist/components/scroll-area/scroll-area-button.d.ts +4 -4
  44. package/dist/components/scroll-area/scroll-area-item.cjs +13 -2
  45. package/dist/components/scroll-area/scroll-area-item.js +13 -2
  46. package/dist/components/tabs/index.d.ts +2 -2
  47. package/dist/components/tabs/tabs-scroll-button.d.ts +2 -2
  48. package/dist/components/text-field/index.d.ts +2 -2
  49. package/dist/components/text-field/text-field-button.d.ts +2 -2
  50. package/dist/components/toggle/toggle.d.ts +2 -2
  51. package/dist/main.cjs +2 -0
  52. package/dist/main.js +2 -0
  53. package/dist/style.css +1132 -1086
  54. package/dist/utils/generate-styling/grid.d.ts +24 -24
  55. package/dist/utils/generate-styling/index.d.ts +16 -16
  56. package/dist/utils/generate-styling/util.d.ts +2 -2
  57. package/package.json +2 -1
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: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
5
+ value: "1" | "2" | "10" | "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: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
12
+ readonly value: "repeat(1, minmax(0, 1fr))" | "repeat(2, minmax(0, 1fr))" | "repeat(10, 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: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
19
+ value: "1" | "2" | "10" | "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: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
56
+ value: "1" | "2" | "10" | "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: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
135
+ value: "1" | "2" | "10" | "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: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
145
+ readonly value: "repeat(1, minmax(0, 1fr))" | "repeat(2, minmax(0, 1fr))" | "repeat(10, 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: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
175
+ value: "1" | "2" | "10" | "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: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
182
+ value: "1" | "2" | "10" | "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: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
189
+ value: "1" | "2" | "10" | "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: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
196
+ value: "1" | "2" | "10" | "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: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
203
+ value: "1" | "2" | "10" | "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: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
243
+ value: "1" | "2" | "10" | "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: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
1871
+ value: "1" | "2" | "10" | "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: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
1881
+ readonly value: "repeat(1, minmax(0, 1fr))" | "repeat(2, minmax(0, 1fr))" | "repeat(10, 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: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
1910
+ value: "1" | "2" | "10" | "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: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
1917
+ value: "1" | "2" | "10" | "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: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
1924
+ value: "1" | "2" | "10" | "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: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
1931
+ value: "1" | "2" | "10" | "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: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
1938
+ value: "1" | "2" | "10" | "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: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
1978
+ value: "1" | "2" | "10" | "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: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
80
+ value: "1" | "2" | "10" | "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.72",
23
+ "version": "0.0.73",
24
24
  "sideEffects": [
25
25
  "**/*.css"
26
26
  ],
@@ -100,6 +100,7 @@
100
100
  "@react-spring/web": "^9.7.3",
101
101
  "@storybook/addon-docs": "^8.3.4",
102
102
  "clsx": "^2.1.0",
103
+ "react-intersection-observer": "^9.13.1",
103
104
  "react-slick": "0.29.x",
104
105
  "slick-carousel": "^1.8.1",
105
106
  "sonner": "^1.5.0"