@telia/teddy 0.3.1 → 0.3.2

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 (66) hide show
  1. package/dist/components/card/card-illustration.d.ts +1 -1
  2. package/dist/components/card/index.d.ts +1 -1
  3. package/dist/components/channel-button/channel-button-illustration.cjs +33 -0
  4. package/dist/components/channel-button/channel-button-illustration.d.ts +8 -0
  5. package/dist/components/channel-button/channel-button-illustration.js +33 -0
  6. package/dist/components/channel-button/channel-button-image.cjs +19 -0
  7. package/dist/components/channel-button/channel-button-image.d.ts +5 -0
  8. package/dist/components/channel-button/channel-button-image.js +19 -0
  9. package/dist/components/channel-button/channel-button-root.cjs +41 -0
  10. package/dist/components/channel-button/channel-button-root.d.ts +34 -0
  11. package/dist/components/channel-button/channel-button-root.js +41 -0
  12. package/dist/components/channel-button/channel-button-text.cjs +23 -0
  13. package/dist/components/channel-button/channel-button-text.d.ts +5 -0
  14. package/dist/components/channel-button/channel-button-text.js +23 -0
  15. package/dist/components/channel-button/index.cjs +15 -0
  16. package/dist/components/channel-button/index.d.ts +91 -0
  17. package/dist/components/channel-button/index.js +15 -0
  18. package/dist/components/checkbox/checkbox-group-list.d.ts +1 -1
  19. package/dist/components/checkbox/checkbox-group.d.ts +1 -1
  20. package/dist/components/checkbox/index.d.ts +2 -2
  21. package/dist/components/chip/chip-indicator.d.ts +2 -2
  22. package/dist/components/chip/index.d.ts +2 -2
  23. package/dist/components/color-dot/index.d.ts +1 -1
  24. package/dist/components/expandable-card/expandable-card-button.d.ts +2 -2
  25. package/dist/components/expandable-card/index.d.ts +3 -3
  26. package/dist/components/icon/utils.d.ts +1 -1
  27. package/dist/components/index.cjs +2 -0
  28. package/dist/components/index.d.ts +1 -0
  29. package/dist/components/index.js +2 -0
  30. package/dist/components/link/link.cjs +10 -10
  31. package/dist/components/link/link.js +10 -10
  32. package/dist/components/modal/modal.cjs +1 -0
  33. package/dist/components/modal/modal.js +1 -0
  34. package/dist/components/navigation-menu/navigation-menu.cjs +1 -0
  35. package/dist/components/navigation-menu/navigation-menu.js +1 -0
  36. package/dist/components/notabene/index.cjs +2 -2
  37. package/dist/components/notabene/index.d.ts +1 -1
  38. package/dist/components/notabene/index.js +1 -1
  39. package/dist/components/notabene/notabene-icon.d.ts +2 -2
  40. package/dist/components/notification/index.d.ts +1 -1
  41. package/dist/components/notification/notification-icon.d.ts +2 -2
  42. package/dist/components/notification/notification-root.d.ts +1 -1
  43. package/dist/components/radio-card-group/radio-card-group-content.cjs +1 -0
  44. package/dist/components/radio-card-group/radio-card-group-content.js +1 -0
  45. package/dist/components/radio-card-group/radio-card-group-item-title.cjs +10 -9
  46. package/dist/components/radio-card-group/radio-card-group-item-title.js +10 -9
  47. package/dist/components/radio-card-group/radio-card-group-item.cjs +1 -0
  48. package/dist/components/radio-card-group/radio-card-group-item.js +1 -0
  49. package/dist/components/scroll-area/index.d.ts +2 -2
  50. package/dist/components/scroll-area/scroll-area-button.d.ts +2 -2
  51. package/dist/components/tabs/index.d.ts +2 -2
  52. package/dist/components/tabs/tabs-scroll-button.d.ts +2 -2
  53. package/dist/components/text-field/index.d.ts +2 -2
  54. package/dist/components/text-field/text-field-button.d.ts +2 -2
  55. package/dist/components/toggle/toggle.d.ts +2 -2
  56. package/dist/components/tooltip/index.d.ts +2 -2
  57. package/dist/main.cjs +2 -0
  58. package/dist/main.js +2 -0
  59. package/dist/style.css +983 -924
  60. package/dist/utils/generate-styling/grid.d.ts +24 -24
  61. package/dist/utils/generate-styling/index.d.ts +16 -16
  62. package/dist/utils/generate-styling/util.d.ts +2 -2
  63. package/package.json +1 -1
  64. /package/dist/components/notabene/{notabene-content.cjs → notabene.content.cjs} +0 -0
  65. /package/dist/components/notabene/{notabene-content.d.ts → notabene.content.d.ts} +0 -0
  66. /package/dist/components/notabene/{notabene-content.js → notabene.content.js} +0 -0
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
@@ -1978,8 +1978,8 @@ export declare const stylings: readonly [{
1978
1978
  readonly key: "rows";
1979
1979
  readonly className: "teddy-gtr";
1980
1980
  readonly values: readonly [...{
1981
- key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
1982
- value: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
1981
+ key: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
1982
+ value: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
1983
1983
  }[], {
1984
1984
  readonly key: "none";
1985
1985
  readonly value: "none";
@@ -1988,8 +1988,8 @@ export declare const stylings: readonly [{
1988
1988
  readonly key: "columns";
1989
1989
  readonly className: "teddy-gtc";
1990
1990
  readonly values: readonly [...{
1991
- readonly key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
1992
- 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))";
1991
+ readonly key: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
1992
+ 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))";
1993
1993
  }[], {
1994
1994
  readonly key: "none";
1995
1995
  readonly value: "none";
@@ -2017,36 +2017,36 @@ export declare const stylings: readonly [{
2017
2017
  readonly key: "gridColumnStart";
2018
2018
  readonly className: "teddy-gcs";
2019
2019
  readonly values: {
2020
- key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
2021
- value: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
2020
+ key: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
2021
+ value: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
2022
2022
  }[];
2023
2023
  }, {
2024
2024
  readonly key: "gridColumnEnd";
2025
2025
  readonly className: "teddy-gce";
2026
2026
  readonly values: {
2027
- key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
2028
- value: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
2027
+ key: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
2028
+ value: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
2029
2029
  }[];
2030
2030
  }, {
2031
2031
  readonly key: "gridRowStart";
2032
2032
  readonly className: "teddy-grs";
2033
2033
  readonly values: {
2034
- key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
2035
- value: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
2034
+ key: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
2035
+ value: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
2036
2036
  }[];
2037
2037
  }, {
2038
2038
  readonly key: "gridRowEnd";
2039
2039
  readonly className: "teddy-gre";
2040
2040
  readonly values: {
2041
- key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
2042
- value: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
2041
+ key: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
2042
+ value: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
2043
2043
  }[];
2044
2044
  }, {
2045
2045
  readonly key: "gridColumn";
2046
2046
  readonly className: "teddy-gc";
2047
2047
  readonly values: readonly [...{
2048
- key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
2049
- value: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
2048
+ key: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
2049
+ value: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
2050
2050
  }[], {
2051
2051
  readonly key: "span-2";
2052
2052
  readonly value: "span 2";
@@ -2085,8 +2085,8 @@ export declare const stylings: readonly [{
2085
2085
  readonly key: "gridRow";
2086
2086
  readonly className: "teddy-gr";
2087
2087
  readonly values: readonly [...{
2088
- key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
2089
- value: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
2088
+ key: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
2089
+ value: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
2090
2090
  }[], {
2091
2091
  readonly key: "span-2";
2092
2092
  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": ">=9"
21
21
  },
22
22
  "private": false,
23
- "version": "0.3.1",
23
+ "version": "0.3.2",
24
24
  "sideEffects": [
25
25
  "**/*.css",
26
26
  "**/*.svg"