@telia/teddy 0.0.10 → 0.0.12

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 (67) hide show
  1. package/dist/assets/badge.css +1 -1
  2. package/dist/assets/main.css +1 -1
  3. package/dist/assets/radio-group.css +1 -1
  4. package/dist/badge-DscsRVHR.js +1825 -0
  5. package/dist/components/accordion/accordion.js +3 -3
  6. package/dist/components/accordion/index.js +1 -1
  7. package/dist/components/badge/badge.js +3 -3
  8. package/dist/components/badge/index.js +1 -1
  9. package/dist/components/box/box.js +8 -8
  10. package/dist/components/button/button.d.ts +2 -1
  11. package/dist/components/button/button.js +59 -60
  12. package/dist/components/card/card.js +3 -3
  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 +6 -6
  16. package/dist/components/heading/heading.d.ts +3 -2
  17. package/dist/components/heading/heading.js +20 -21
  18. package/dist/components/index.d.ts +1 -0
  19. package/dist/components/index.js +26 -25
  20. package/dist/components/modal/index.d.ts +2 -0
  21. package/dist/components/modal/index.js +4 -0
  22. package/dist/components/modal/modal.d.ts +76 -0
  23. package/dist/components/modal/modal.js +28 -0
  24. package/dist/components/navigation-menu/index.js +1 -1
  25. package/dist/components/navigation-menu/navigation-menu.d.ts +2 -0
  26. package/dist/components/navigation-menu/navigation-menu.js +8 -1032
  27. package/dist/components/notification/index.js +1 -1
  28. package/dist/components/notification/notification.d.ts +3 -3
  29. package/dist/components/notification/notification.js +4 -4
  30. package/dist/components/radio-group/index.js +1 -1
  31. package/dist/components/radio-group/radio-group.js +1 -1
  32. package/dist/components/text-field/text-field.js +15 -15
  33. package/dist/components/toggle/index.js +1 -1
  34. package/dist/components/toggle/toggle.d.ts +2 -2
  35. package/dist/components/toggle/toggle.js +3 -3
  36. package/dist/{index-DPFZO9xk.js → index-FPIZOCcD.js} +27 -28
  37. package/dist/main.js +41 -40
  38. package/dist/navigation-menu-DKuyW8zE.js +1036 -0
  39. package/dist/{radio-group-DN1IYZdr.js → radio-group-B--zT3OL.js} +8 -8
  40. package/dist/tokens/breakpoint/variables.json.d.ts +11 -0
  41. package/dist/utils/component-props-as.d.ts +5 -0
  42. package/dist/utils/component-props-as.js +1 -0
  43. package/dist/utils/layout/align.d.ts +46 -0
  44. package/dist/utils/layout/align.js +31 -0
  45. package/dist/utils/layout/flex.d.ts +281 -10
  46. package/dist/utils/layout/flex.js +44 -8
  47. package/dist/utils/layout/gap.d.ts +340 -0
  48. package/dist/utils/layout/gap.js +21 -0
  49. package/dist/utils/layout/grid.d.ts +313 -0
  50. package/dist/utils/layout/grid.js +116 -0
  51. package/dist/utils/layout/height.d.ts +118 -0
  52. package/dist/utils/layout/height.js +50 -0
  53. package/dist/utils/layout/index.d.ts +63 -111
  54. package/dist/utils/layout/index.js +62 -147
  55. package/dist/utils/layout/justify.d.ts +39 -0
  56. package/dist/utils/layout/justify.js +16 -0
  57. package/dist/utils/layout/margin.d.ts +443 -11
  58. package/dist/utils/layout/margin.js +1 -1
  59. package/dist/utils/layout/padding.d.ts +478 -0
  60. package/dist/utils/layout/padding.js +32 -0
  61. package/dist/utils/layout/util.d.ts +78 -4
  62. package/dist/utils/layout/util.js +30 -31
  63. package/dist/utils/layout/width.d.ts +43 -7
  64. package/dist/utils/layout/width.js +6 -2
  65. package/package.json +2 -1
  66. package/dist/badge-cOFoFJw0.js +0 -798
  67. package/dist/tokens/spacing/variables.json.d.ts +0 -34
package/dist/utils/layout/width.d.ts CHANGED
@@ -1,33 +1,69 @@
1
1
  import { Responsive } from './util';
2
2
 
3
- export declare const widthValues: readonly ["bp-sm", "bp-md", "bp-lg", "bp-xl", "auto", "100%", "50%"];
3
+ export declare const widthValues: readonly [{
4
+ readonly key: "auto";
5
+ readonly value: "auto";
6
+ }, {
7
+ readonly key: "100%";
8
+ readonly value: "100%";
9
+ }, {
10
+ readonly key: "50%";
11
+ readonly value: "50%";
12
+ }];
4
13
  export type WidthProps = {
5
14
  /**
6
15
  * Static width.
7
16
  * @see https://developer.mozilla.org/en-US/docs/Web/CSS/width
8
17
  */
9
- width?: Responsive<(typeof widthValues)[number]>;
18
+ width?: Responsive<(typeof widthValues)[number]['key']>;
10
19
  /**
11
20
  * Min width.
12
21
  * @see https://developer.mozilla.org/en-US/docs/Web/CSS/min-width
13
22
  */
14
- minWidth?: Responsive<(typeof widthValues)[number]>;
23
+ minWidth?: Responsive<(typeof widthValues)[number]['key']>;
15
24
  /**
16
25
  * Max width.
17
26
  * @see https://developer.mozilla.org/en-US/docs/Web/CSS/max-width
18
27
  */
19
- maxWidth?: Responsive<(typeof widthValues)[number]>;
28
+ maxWidth?: Responsive<(typeof widthValues)[number]['key']>;
20
29
  };
21
30
  export declare const widths: readonly [{
22
31
  readonly key: "width";
23
32
  readonly className: "teddy-w";
24
- readonly values: readonly ["bp-sm", "bp-md", "bp-lg", "bp-xl", "auto", "100%", "50%"];
33
+ readonly values: readonly [{
34
+ readonly key: "auto";
35
+ readonly value: "auto";
36
+ }, {
37
+ readonly key: "100%";
38
+ readonly value: "100%";
39
+ }, {
40
+ readonly key: "50%";
41
+ readonly value: "50%";
42
+ }];
25
43
  }, {
26
44
  readonly key: "minWidth";
27
45
  readonly className: "teddy-min-w";
28
- readonly values: readonly ["bp-sm", "bp-md", "bp-lg", "bp-xl", "auto", "100%", "50%"];
46
+ readonly values: readonly [{
47
+ readonly key: "auto";
48
+ readonly value: "auto";
49
+ }, {
50
+ readonly key: "100%";
51
+ readonly value: "100%";
52
+ }, {
53
+ readonly key: "50%";
54
+ readonly value: "50%";
55
+ }];
29
56
  }, {
30
57
  readonly key: "maxWidth";
31
58
  readonly className: "teddy-max-w";
32
- readonly values: readonly ["bp-sm", "bp-md", "bp-lg", "bp-xl", "auto", "100%", "50%"];
59
+ readonly values: readonly [{
60
+ readonly key: "auto";
61
+ readonly value: "auto";
62
+ }, {
63
+ readonly key: "100%";
64
+ readonly value: "100%";
65
+ }, {
66
+ readonly key: "50%";
67
+ readonly value: "50%";
68
+ }];
33
69
  }];
package/dist/utils/layout/width.js CHANGED
@@ -1,4 +1,8 @@
1
- const e = ["bp-sm", "bp-md", "bp-lg", "bp-xl", "auto", "100%", "50%"], s = [
1
+ const e = [
2
+ { key: "auto", value: "auto" },
3
+ { key: "100%", value: "100%" },
4
+ { key: "50%", value: "50%" }
5
+ ], a = [
2
6
  {
3
7
  key: "width",
4
8
  className: "teddy-w",
@@ -17,5 +21,5 @@ const e = ["bp-sm", "bp-md", "bp-lg", "bp-xl", "auto", "100%", "50%"], s = [
17
21
  ];
18
22
  export {
19
23
  e as widthValues,
20
- s as widths
24
+ a as widths
21
25
  };
package/package.json CHANGED
@@ -11,7 +11,7 @@
11
11
  "pnpm": ">=8"
12
12
  },
13
13
  "private": false,
14
- "version": "0.0.10",
14
+ "version": "0.0.12",
15
15
  "sideEffects": [
16
16
  "**/*.css"
17
17
  ],
@@ -72,6 +72,7 @@
72
72
  "dependencies": {
73
73
  "@radix-ui/react-accordion": "^1.1.2",
74
74
  "@radix-ui/react-collapsible": "^1.0.3",
75
+ "@radix-ui/react-dialog": "^1.0.5",
75
76
  "@radix-ui/react-label": "^2.0.2",
76
77
  "@radix-ui/react-navigation-menu": "^1.1.4",
77
78
  "@radix-ui/react-radio-group": "^1.1.3",