@telia/teddy 0.0.9 → 0.0.10

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 (45) hide show
  1. package/dist/assets/badge.css +1 -1
  2. package/dist/assets/heading.css +1 -1
  3. package/dist/assets/main.css +1 -1
  4. package/dist/assets/navigation-menu.css +1 -1
  5. package/dist/badge-cOFoFJw0.js +798 -0
  6. package/dist/components/accordion/accordion.d.ts +1 -1
  7. package/dist/components/accordion/accordion.js +2 -2
  8. package/dist/components/accordion/index.js +1 -1
  9. package/dist/components/badge/badge.js +2 -2
  10. package/dist/components/badge/index.js +1 -1
  11. package/dist/components/box/box.js +1 -1
  12. package/dist/components/card/card.js +2 -2
  13. package/dist/components/card/index.js +1 -1
  14. package/dist/components/flex/flex.js +1 -1
  15. package/dist/components/grid/grid.js +1 -1
  16. package/dist/components/heading/heading.d.ts +7 -35
  17. package/dist/components/heading/heading.js +28 -28
  18. package/dist/components/index.d.ts +1 -0
  19. package/dist/components/index.js +34 -33
  20. package/dist/components/navigation-menu/navigation-menu.js +121 -121
  21. package/dist/components/notification/index.d.ts +2 -0
  22. package/dist/components/notification/index.js +4 -0
  23. package/dist/components/notification/notification.d.ts +59 -0
  24. package/dist/components/notification/notification.js +27 -0
  25. package/dist/components/radio-group/index.js +1 -1
  26. package/dist/components/radio-group/radio-group.js +1 -1
  27. package/dist/components/toggle/index.js +1 -1
  28. package/dist/components/toggle/toggle.d.ts +2 -2
  29. package/dist/components/toggle/toggle.js +2 -2
  30. package/dist/{index-0Eg2mucA.js → index-DPFZO9xk.js} +96 -95
  31. package/dist/main.js +48 -47
  32. package/dist/{radio-group-BR5SMJXJ.js → radio-group-DN1IYZdr.js} +1 -1
  33. package/dist/utils/layout/flex.d.ts +23 -0
  34. package/dist/utils/layout/flex.js +24 -0
  35. package/dist/utils/{layout.d.ts → layout/index.d.ts} +6 -38
  36. package/dist/utils/layout/index.js +156 -0
  37. package/dist/utils/layout/margin.d.ts +46 -0
  38. package/dist/utils/layout/margin.js +32 -0
  39. package/dist/utils/layout/util.d.ts +8 -0
  40. package/dist/utils/layout/util.js +33 -0
  41. package/dist/utils/layout/width.d.ts +33 -0
  42. package/dist/utils/layout/width.js +21 -0
  43. package/package.json +4 -1
  44. package/dist/badge-9vHb0-Jo.js +0 -721
  45. package/dist/utils/layout.js +0 -221
@@ -1,221 +0,0 @@
1
- import { c as g } from "../clsx-DB4S2d7J.js";
2
- const p = {
3
- 0: "0rem",
4
- 10: "0.0625rem",
5
- 25: "0.125rem",
6
- 50: "0.25rem",
7
- 100: "0.5rem",
8
- 150: "0.75rem",
9
- 200: "1rem",
10
- 250: "1.25rem",
11
- 300: "1.5rem",
12
- 400: "2rem",
13
- 600: "3rem",
14
- 800: "4rem",
15
- 1e3: "5rem",
16
- 1200: "6rem",
17
- 1600: "8rem",
18
- gutter: {
19
- sm: "1rem",
20
- md: "1.5rem",
21
- lg: "1.5rem",
22
- xl: "1.5rem"
23
- },
24
- "page-padding": {
25
- sm: "1rem",
26
- md: "1.5rem",
27
- lg: "3rem",
28
- xl: "3rem"
29
- }
30
- }, d = Object.keys(p), t = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"], f = ["none", "inline-grid", "grid"], N = ["none", "inline-flex", "flex"], k = [...N, ...f], r = [...d, "auto"], v = ["start", "center", "end", "baseline", "stretch"], w = ["start", "center", "end", "between"], m = d, V = [...t, "none"], x = [...t, "none"], b = ["row", "column", "dense", "row-dense", "column-dense"], C = t, $ = t, j = [
31
- ...t,
32
- "span-2",
33
- "span-3",
34
- "span-4",
35
- "span-5",
36
- "span-6",
37
- "span-7",
38
- "span-8",
39
- "span-9",
40
- "span-10",
41
- "span-11",
42
- "span-12"
43
- ], R = t, S = t, h = ["row", "column", "row-reverse", "column-reverse"], E = ["nowrap", "wrap", "wrap-reverse"], G = ["0", "1"], O = ["0", "1"], P = [...d, "auto", "100%", "50%"], A = [
44
- {
45
- key: "display",
46
- className: "teddy-display",
47
- values: k
48
- },
49
- {
50
- key: "m",
51
- className: "teddy-m",
52
- values: r
53
- },
54
- {
55
- key: "mt",
56
- className: "teddy-mt",
57
- values: r
58
- },
59
- {
60
- key: "mb",
61
- className: "teddy-mb",
62
- values: r
63
- },
64
- {
65
- key: "ml",
66
- className: "teddy-ml",
67
- values: r
68
- },
69
- {
70
- key: "mr",
71
- className: "teddy-mr",
72
- values: r
73
- },
74
- {
75
- key: "columns",
76
- className: "teddy-gtc",
77
- values: V
78
- },
79
- {
80
- key: "rows",
81
- className: "teddy-gtr",
82
- values: x
83
- },
84
- {
85
- key: "flow",
86
- className: "teddy-gaf",
87
- values: b
88
- },
89
- {
90
- key: "align",
91
- className: "teddy-ai",
92
- values: v
93
- },
94
- {
95
- key: "justify",
96
- className: "teddy-jc",
97
- values: w
98
- },
99
- {
100
- key: "gap",
101
- className: "teddy-gap",
102
- values: m
103
- },
104
- {
105
- key: "gapX",
106
- className: "teddy-cg",
107
- values: m
108
- },
109
- {
110
- key: "gapY",
111
- className: "teddy-rg",
112
- values: m
113
- },
114
- {
115
- key: "wrap",
116
- className: "teddy-fw",
117
- values: E
118
- },
119
- {
120
- key: "direction",
121
- className: "teddy-fd",
122
- values: h
123
- },
124
- {
125
- key: "flexGrow",
126
- className: "teddy-fg",
127
- values: G
128
- },
129
- {
130
- key: "flexShrink",
131
- className: "teddy-fs",
132
- values: O
133
- },
134
- {
135
- key: "flexBasis",
136
- className: "teddy-fb",
137
- values: P
138
- },
139
- {
140
- key: "gridColumnStart",
141
- className: "teddy-gcs",
142
- values: C
143
- },
144
- {
145
- key: "gridColumnEnd",
146
- className: "teddy-gce",
147
- values: $
148
- },
149
- {
150
- key: "gridRowStart",
151
- className: "teddy-grs",
152
- values: R
153
- },
154
- {
155
- key: "gridRowEnd",
156
- className: "teddy-gre",
157
- values: S
158
- },
159
- {
160
- key: "gridColumn",
161
- className: "teddy-gc",
162
- values: j
163
- }
164
- ];
165
- function W(e) {
166
- const n = { className: "" };
167
- return Object.entries(e).map(([a, s]) => {
168
- const l = A.find((c) => c.key === a);
169
- return s !== null && l ? [
170
- "className",
171
- B({
172
- responsiveValue: s,
173
- rootClassName: `${l.className}`
174
- })
175
- ] : [a, s];
176
- }).reduce(
177
- (a, [s, l]) => typeof s != "string" ? a : s === "className" ? { ...a, [s]: g(a.className, l) } : { ...a, [s]: l },
178
- n
179
- );
180
- }
181
- function B({
182
- responsiveValue: e,
183
- rootClassName: n
184
- }) {
185
- if (!e)
186
- return [];
187
- if (typeof e == "object" && e !== null)
188
- return Object.entries(e).map(([c, u]) => {
189
- const i = `${n}`, y = `${c}:${n}--${o(u)}`;
190
- return [i, y];
191
- });
192
- const a = `${n}`, s = `${n}--${o(e)}`;
193
- return [a, s];
194
- }
195
- function o(e) {
196
- return typeof e == "string" && e.endsWith("%") ? e.replace("%", "p") : e;
197
- }
198
- export {
199
- v as alignValues,
200
- N as displayFlexValues,
201
- f as displayGridValues,
202
- k as displayValues,
203
- W as extractPropsResponsiveLayout,
204
- B as extractResponsiveClassName,
205
- P as flexBasisValues,
206
- h as flexDirectionValues,
207
- G as flexGrowValues,
208
- O as flexShrinkValues,
209
- E as flexWrapValues,
210
- m as gapValues,
211
- $ as gridColumnEndValues,
212
- C as gridColumnStartValues,
213
- j as gridColumnValues,
214
- V as gridColumnsValues,
215
- b as gridFlowValues,
216
- S as gridRowEndValues,
217
- R as gridRowStartValues,
218
- x as gridRowsValues,
219
- w as justifyValues,
220
- r as marginValues
221
- };