@telia/teddy 0.0.4 → 0.0.6

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 (48) hide show
  1. package/dist/assets/badge.css +1 -1
  2. package/dist/assets/flex.css +1 -0
  3. package/dist/assets/grid.css +1 -1
  4. package/dist/assets/main.css +1 -1
  5. package/dist/assets/radio-group.css +1 -0
  6. package/dist/assets/spinner.css +1 -1
  7. package/dist/badge-tBBi5HpV.js +720 -0
  8. package/dist/components/accordion/accordion.d.ts +1 -0
  9. package/dist/components/accordion/accordion.js +6 -3
  10. package/dist/components/accordion/index.js +1 -1
  11. package/dist/components/badge/badge.js +6 -3
  12. package/dist/components/badge/index.js +1 -1
  13. package/dist/components/box/box.d.ts +23 -0
  14. package/dist/components/box/box.js +13 -0
  15. package/dist/components/box/index.d.ts +2 -0
  16. package/dist/components/box/index.js +4 -0
  17. package/dist/components/card/card.d.ts +2 -2
  18. package/dist/components/card/card.js +6 -3
  19. package/dist/components/card/index.js +1 -1
  20. package/dist/components/flex/flex.d.ts +23 -0
  21. package/dist/components/flex/flex.js +16 -0
  22. package/dist/components/flex/index.d.ts +2 -0
  23. package/dist/components/flex/index.js +4 -0
  24. package/dist/components/grid/grid.d.ts +4 -58
  25. package/dist/components/grid/grid.js +12 -389
  26. package/dist/components/index.d.ts +3 -0
  27. package/dist/components/index.js +44 -38
  28. package/dist/components/input/input.d.ts +3 -0
  29. package/dist/components/input/input.js +50 -51
  30. package/dist/components/navigation-menu/index.js +1 -1
  31. package/dist/components/navigation-menu/navigation-menu.js +1033 -8
  32. package/dist/components/radio-group/index.d.ts +2 -0
  33. package/dist/components/radio-group/index.js +4 -0
  34. package/dist/components/radio-group/radio-group.d.ts +52 -0
  35. package/dist/components/radio-group/radio-group.js +9 -0
  36. package/dist/components/spinner/spinner.js +25 -25
  37. package/dist/components/switch/index.js +1 -1
  38. package/dist/components/switch/switch.d.ts +1 -1
  39. package/dist/components/switch/switch.js +6 -3
  40. package/dist/index-0Eg2mucA.js +305 -0
  41. package/dist/main.js +58 -52
  42. package/dist/radio-group-0Oc9WTDf.js +422 -0
  43. package/dist/utils/action.d.ts +1 -1
  44. package/dist/utils/layout.d.ts +141 -3
  45. package/dist/utils/layout.js +217 -7
  46. package/package.json +17 -16
  47. package/dist/badge-CbHdlkcM.js +0 -742
  48. package/dist/navigation-menu-BgN7IKev.js +0 -1334
@@ -1,11 +1,11 @@
1
1
  import '../../assets/input.css';
2
- import { jsxs as y, jsx as o } from "react/jsx-runtime";
2
+ import { jsxs as y, jsx as r } from "react/jsx-runtime";
3
3
  import { c } from "../../clsx-DB4S2d7J.js";
4
- import s from "react";
4
+ import a from "react";
5
5
  import "../../assets/5161b177f001ea1a.svg";
6
- import { Icon as C } from "../icon/icon.js";
7
- import { Spinner as h } from "../spinner/spinner.js";
8
- const x = "_fadeInAnimation_1o9uu_1", A = "_scaleInAnimation_1o9uu_1", a = {
6
+ import { Icon as x } from "../icon/icon.js";
7
+ import { Spinner as A } from "../spinner/spinner.js";
8
+ const C = "_fadeInAnimation_1o9uu_1", G = "_scaleInAnimation_1o9uu_1", s = {
9
9
  "teddy-input": "_teddy-input_1o9uu_17",
10
10
  "teddy-input__frame": "_teddy-input__frame_1o9uu_24",
11
11
  "teddy-input__input": "_teddy-input__input_1o9uu_31",
@@ -13,92 +13,91 @@ const x = "_fadeInAnimation_1o9uu_1", A = "_scaleInAnimation_1o9uu_1", a = {
13
13
  "teddy-input__input--invalid": "_teddy-input__input--invalid_1o9uu_66",
14
14
  "teddy-input__indicator": "_teddy-input__indicator_1o9uu_72",
15
15
  "teddy-input__input--error": "_teddy-input__input--error_1o9uu_75",
16
- fadeInAnimation: x,
17
- scaleInAnimation: A
16
+ fadeInAnimation: C,
17
+ scaleInAnimation: G
18
18
  }, _ = "teddy-input";
19
- function G(i) {
20
- const e = i == null ? void 0 : i.target;
21
- if (e.closest("input, button, a"))
19
+ function P(n) {
20
+ const i = n == null ? void 0 : n.target;
21
+ if (i.closest("input, button, a"))
22
22
  return;
23
- const t = [...i.currentTarget.getElementsByTagName("input")].find((d) => d);
23
+ const t = [...n.currentTarget.getElementsByTagName("input")].find((d) => d);
24
24
  if (!t)
25
25
  return;
26
- const r = (t.compareDocumentPosition(e) & Node.DOCUMENT_POSITION_PRECEDING) !== 0 ? 0 : t.value.length;
26
+ const u = (t.compareDocumentPosition(i) & Node.DOCUMENT_POSITION_PRECEDING) !== 0 ? 0 : t.value.length;
27
27
  requestAnimationFrame(() => {
28
28
  try {
29
- t.setSelectionRange(r, r);
29
+ t.setSelectionRange(u, u);
30
30
  } finally {
31
31
  t.focus();
32
32
  }
33
33
  });
34
34
  }
35
- const g = s.createContext(void 0), p = s.forwardRef(
36
- ({ className: i, children: e, ...t }, n) => {
37
- const u = c([a[`${_}`]], i);
38
- return /* @__PURE__ */ y("div", { ...t, onPointerDown: G, ref: n, className: u, children: [
39
- /* @__PURE__ */ o(g.Provider, { value: !0, children: e }),
40
- /* @__PURE__ */ o("div", { className: a[`${_}__frame`] })
35
+ const v = a.createContext(void 0), p = a.forwardRef(
36
+ ({ className: n, children: i, ...t }, e) => {
37
+ const o = c([s[`${_}`]], n);
38
+ return /* @__PURE__ */ y("div", { ...t, onPointerDown: P, ref: e, className: o, children: [
39
+ /* @__PURE__ */ r(v.Provider, { value: !0, children: i }),
40
+ /* @__PURE__ */ r("div", { className: s[`${_}__frame`] })
41
41
  ] });
42
42
  }
43
43
  );
44
44
  p.displayName = "InputGroup";
45
- const v = s.forwardRef(
46
- ({ className: i, isLoading: e, validationState: t, ...n }, u) => {
47
- const r = s.useContext(g), d = c(
45
+ const N = a.forwardRef(
46
+ ({ className: n, onValueChange: i, isLoading: t, validationState: e, ...o }, u) => {
47
+ const d = a.useContext(v), m = c(
48
48
  [
49
- a[`${_}__input`],
49
+ s[`${_}__input`],
50
50
  {
51
- [a[`${_}__input--valid`]]: t === "valid",
52
- [a[`${_}__input--error`]]: t === "invalid"
51
+ [s[`${_}__input--valid`]]: e === "valid",
52
+ [s[`${_}__input--error`]]: e === "invalid"
53
53
  }
54
54
  ],
55
- i
56
- ), N = r === !0;
57
- function m(f) {
58
- var I;
59
- (I = n.onValueChange) == null || I.call(n, f.target.value), n.onChange && n.onChange(f);
55
+ n
56
+ ), g = d === !0;
57
+ function f(I) {
58
+ i == null || i(I.target.value), o.onChange && o.onChange(I);
60
59
  }
61
- return N ? /* @__PURE__ */ o(
60
+ return g ? /* @__PURE__ */ r(
62
61
  "input",
63
62
  {
64
- "aria-invalid": t === "invalid",
65
- ...n,
66
- onChange: m,
67
- className: d,
63
+ "aria-invalid": e === "invalid",
64
+ ...o,
65
+ onChange: f,
66
+ className: m,
68
67
  ref: u
69
68
  }
70
69
  ) : /* @__PURE__ */ y(p, { children: [
71
- /* @__PURE__ */ o(
70
+ /* @__PURE__ */ r(
72
71
  "input",
73
72
  {
74
- "aria-invalid": t === "invalid",
75
- ...n,
76
- onChange: m,
77
- className: d,
73
+ "aria-invalid": e === "invalid",
74
+ ...o,
75
+ onChange: f,
76
+ className: m,
78
77
  ref: u
79
78
  }
80
79
  ),
81
- /* @__PURE__ */ o(l, { isValid: t === "valid", isLoading: e })
80
+ /* @__PURE__ */ r(l, { isValid: e === "valid", isLoading: t })
82
81
  ] });
83
82
  }
84
83
  );
85
- v.displayName = "Input";
86
- const l = s.forwardRef(
87
- ({ className: i, isLoading: e, isValid: t, ...n }, u) => {
88
- if (!t && !e)
84
+ N.displayName = "Input";
85
+ const l = a.forwardRef(
86
+ ({ className: n, isLoading: i, isValid: t, ...e }, o) => {
87
+ if (!t && !i)
89
88
  return null;
90
- if (!t && e)
91
- return /* @__PURE__ */ o(h, { className: i, size: "xs", ...n, ref: u });
92
- const r = c([a[`${_}__indicator`]], i);
93
- return /* @__PURE__ */ o(C, { ...n, size: "md", name: "check-circle-filled", className: r, ref: u });
89
+ if (!t && i)
90
+ return /* @__PURE__ */ r(A, { className: n, size: "xs", ...e, ref: o });
91
+ const u = c([s[`${_}__indicator`]], n);
92
+ return /* @__PURE__ */ r(x, { ...e, size: "md", name: "check-circle-filled", className: u, ref: o });
94
93
  }
95
94
  );
96
95
  l.displayName = "InputIndicator";
97
96
  const T = Object.assign(p, {
98
- Input: v,
97
+ Input: N,
99
98
  Indicator: l
100
99
  });
101
100
  export {
102
- v as Input,
101
+ N as Input,
103
102
  T as InputGroup
104
103
  };
@@ -1,4 +1,4 @@
1
- import { N as e } from "../../navigation-menu-BgN7IKev.js";
1
+ import { NavigationMenu as e } from "./navigation-menu.js";
2
2
  export {
3
3
  e as NavigationMenu
4
4
  };