@simpli-route/apollo-ds 0.1.5 → 0.1.7

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 (126) hide show
  1. package/dist/components/Accordion/types.d.ts +1 -0
  2. package/dist/components/Chips/types.d.ts +1 -0
  3. package/dist/components/ProgressBar/ProgressBar.d.ts +12 -0
  4. package/dist/components/ProgressBar/ProgressBar.test.d.ts +1 -0
  5. package/dist/components/ProgressBar/index.d.ts +2 -0
  6. package/dist/components/ProgressBar/types.d.ts +59 -0
  7. package/dist/components/ProgressBar/variants.d.ts +6 -0
  8. package/dist/components/Tabs/types.d.ts +8 -2
  9. package/dist/components/Tooltip/types.d.ts +1 -0
  10. package/dist/components/Typography/types.d.ts +1 -0
  11. package/dist/components/index.d.ts +1 -0
  12. package/dist/index.cjs.js +1 -1
  13. package/dist/index.cjs10.js +1 -1
  14. package/dist/index.cjs11.js +1 -1
  15. package/dist/index.cjs12.js +1 -1
  16. package/dist/index.cjs13.js +1 -1
  17. package/dist/index.cjs14.js +1 -1
  18. package/dist/index.cjs15.js +1 -1
  19. package/dist/index.cjs16.js +1 -1
  20. package/dist/index.cjs17.js +1 -1
  21. package/dist/index.cjs18.js +1 -1
  22. package/dist/index.cjs19.js +1 -1
  23. package/dist/index.cjs2.js +1 -1
  24. package/dist/index.cjs20.js +1 -1
  25. package/dist/index.cjs21.js +1 -1
  26. package/dist/index.cjs22.js +1 -1
  27. package/dist/index.cjs23.js +1 -1
  28. package/dist/index.cjs24.js +1 -1
  29. package/dist/index.cjs25.js +1 -1
  30. package/dist/index.cjs26.js +1 -1
  31. package/dist/index.cjs27.js +1 -1
  32. package/dist/index.cjs28.js +1 -1
  33. package/dist/index.cjs29.js +1 -1
  34. package/dist/index.cjs3.js +1 -1
  35. package/dist/index.cjs30.js +1 -1
  36. package/dist/index.cjs31.js +1 -1
  37. package/dist/index.cjs32.js +1 -1
  38. package/dist/index.cjs33.js +1 -1
  39. package/dist/index.cjs34.js +1 -1
  40. package/dist/index.cjs35.js +1 -1
  41. package/dist/index.cjs36.js +1 -1
  42. package/dist/index.cjs37.js +1 -1
  43. package/dist/index.cjs38.js +1 -1
  44. package/dist/index.cjs39.js +1 -1
  45. package/dist/index.cjs4.js +1 -1
  46. package/dist/index.cjs40.js +1 -1
  47. package/dist/index.cjs41.js +1 -1
  48. package/dist/index.cjs42.js +1 -1
  49. package/dist/index.cjs43.js +1 -9
  50. package/dist/index.cjs44.js +1 -19
  51. package/dist/index.cjs45.js +9 -1
  52. package/dist/index.cjs46.js +19 -1
  53. package/dist/index.cjs47.js +1 -1
  54. package/dist/index.cjs48.js +1 -1
  55. package/dist/index.cjs49.js +1 -1
  56. package/dist/index.cjs5.js +1 -1
  57. package/dist/index.cjs50.js +1 -1
  58. package/dist/index.cjs51.js +1 -1
  59. package/dist/index.cjs52.js +1 -1
  60. package/dist/index.cjs53.js +1 -1
  61. package/dist/index.cjs54.js +1 -0
  62. package/dist/index.cjs55.js +1 -0
  63. package/dist/index.cjs6.js +1 -1
  64. package/dist/index.cjs7.js +1 -1
  65. package/dist/index.cjs8.js +1 -1
  66. package/dist/index.cjs9.js +1 -1
  67. package/dist/index.es.js +14 -12
  68. package/dist/index.es10.js +5 -5
  69. package/dist/index.es11.js +4 -4
  70. package/dist/index.es12.js +5 -5
  71. package/dist/index.es13.js +5 -5
  72. package/dist/index.es14.js +4 -4
  73. package/dist/index.es15.js +3 -3
  74. package/dist/index.es16.js +3 -3
  75. package/dist/index.es17.js +3 -3
  76. package/dist/index.es18.js +88 -6
  77. package/dist/index.es19.js +6 -6
  78. package/dist/index.es2.js +3 -3
  79. package/dist/index.es20.js +6 -22
  80. package/dist/index.es21.js +22 -173
  81. package/dist/index.es22.js +150 -20
  82. package/dist/index.es23.js +40 -31
  83. package/dist/index.es24.js +31 -56
  84. package/dist/index.es25.js +59 -3
  85. package/dist/index.es26.js +3 -92
  86. package/dist/index.es27.js +87 -17
  87. package/dist/index.es28.js +20 -28
  88. package/dist/index.es29.js +32 -161
  89. package/dist/index.es3.js +24 -22
  90. package/dist/index.es30.js +163 -11
  91. package/dist/index.es31.js +30 -10
  92. package/dist/index.es32.js +11 -10
  93. package/dist/index.es33.js +10 -12
  94. package/dist/index.es34.js +17 -94
  95. package/dist/index.es35.js +18 -11
  96. package/dist/index.es36.js +10 -19
  97. package/dist/index.es37.js +12 -20
  98. package/dist/index.es38.js +96 -10
  99. package/dist/index.es39.js +12 -9
  100. package/dist/index.es4.js +4 -4
  101. package/dist/index.es40.js +36 -22
  102. package/dist/index.es41.js +10 -45
  103. package/dist/index.es42.js +10 -2
  104. package/dist/index.es43.js +30 -29
  105. package/dist/index.es44.js +2 -599
  106. package/dist/index.es45.js +30 -19
  107. package/dist/index.es46.js +599 -19
  108. package/dist/index.es47.js +2 -21
  109. package/dist/index.es48.js +2 -21
  110. package/dist/index.es49.js +8 -8
  111. package/dist/index.es5.js +3 -3
  112. package/dist/index.es50.js +19 -30
  113. package/dist/index.es51.js +21 -56
  114. package/dist/index.es52.js +21 -2
  115. package/dist/index.es53.js +19 -2
  116. package/dist/index.es54.js +32 -0
  117. package/dist/index.es55.js +58 -0
  118. package/dist/index.es6.js +3 -3
  119. package/dist/index.es7.js +3 -3
  120. package/dist/index.es8.js +2 -2
  121. package/dist/index.es9.js +3 -3
  122. package/dist/stories/ProgressBar.stories.d.ts +30 -0
  123. package/dist/style.css +57 -0
  124. package/dist/testing/tests/itRendersChildren.d.ts +1 -0
  125. package/dist/testing/tests/itSupportsClassName.d.ts +1 -0
  126. package/package.json +3 -2
@@ -1,33 +1,47 @@
1
- import { cva as r } from "class-variance-authority";
2
- const e = r("flex h-full max-h-12", {
3
- variants: {
4
- orientation: {
5
- horizontal: "flex-col",
6
- vertical: "flex-row"
7
- }
8
- }
9
- }), i = r(
10
- "group inline-flex cursor-pointer items-center px-4 py-3 text-base font-semibold focus-visible:outline-none",
1
+ import { cva as e } from "class-variance-authority";
2
+ const t = 'after:content-[""] after:absolute after:border-8 after:border-x-transparent', o = `${t} after:left-4 after:top-[100%] after:border-b-transparent`, a = `${t} after:left-1/2 after:top-[100%] after:-translate-x-1/2 after:border-b-transparent`, b = `${t} after:right-4 after:top-[100%] after:border-b-transparent`, l = `${t} after:left-4 after:bottom-[100%] after:border-t-transparent`, f = `${t} after:left-1/2 after:bottom-[100%] after:-translate-x-1/2 after:border-t-transparent`, n = `${t} after:right-4 after:bottom-[100%] after:border-t-transparent`, r = 'before:content-[""] before:absolute before:top-1/2 before:-translate-y-1/2 before:border-8 before:border-y-transparent', s = `${r} before:right-[100%] before:border-l-transparent`, p = `${r} before:left-[100%] before:border-r-transparent`, m = e(
3
+ "absolute z-20 w-max max-w-[250px] whitespace-normal break-words rounded-lg transition duration-150 ease-in-out shadow-[0px_2px_4px_-2px_#22242A0F,0px_4px_8px_-2px_#22242A1A]",
11
4
  {
12
5
  variants: {
13
- isActive: {
14
- true: "bg-primary-50 text-primary-600 ",
15
- false: "text-neutral-500 hover:text-primary-900"
6
+ mode: {
7
+ light: "bg-blue-50 text-neutral-900 after:border-t-blue-50 after:border-b-blue-50 before:border-r-blue-50 before:border-l-blue-50",
8
+ dark: "bg-blue-900 text-blue-50 after:border-t-blue-900 after:border-b-blue-900 before:border-r-blue-900 before:border-l-blue-900"
9
+ },
10
+ hasSupportText: {
11
+ true: "",
12
+ false: ""
13
+ },
14
+ placement: {
15
+ none: "bottom-full left-1/2 mb-3 -translate-x-1/2",
16
+ "top-start": `bottom-full left-0 mb-3 ${o}`,
17
+ top: `bottom-full left-1/2 mb-3 -translate-x-1/2 ${a}`,
18
+ "top-end": `bottom-full right-0 mb-3 ${b}`,
19
+ right: `left-full top-1/2 ml-3 -translate-y-1/2 ${s}`,
20
+ "bottom-start": `left-0 top-full mt-3 ${l}`,
21
+ bottom: `left-1/2 top-full mt-3 -translate-x-1/2 ${f}`,
22
+ "bottom-end": `right-0 top-full mt-3 ${n}`,
23
+ left: `right-full top-1/2 mr-3 -translate-y-1/2 ${p}`
16
24
  },
17
- orientation: {
18
- horizontal: "border-b-2 border-transparent",
19
- vertical: "border-r-2 border-transparent"
25
+ size: {
26
+ sm: "px-4 py-2",
27
+ md: "px-4 py-3",
28
+ lg: "p-4"
20
29
  }
21
30
  },
22
31
  compoundVariants: [
23
- { isActive: !0, orientation: "horizontal", class: "border-b-2 border-primary-500" },
24
- { isActive: !1, orientation: "horizontal", class: "border-b-2 border-primary-200" },
25
- { isActive: !1, orientation: "vertical", class: "border-r-2 border-primary-200" },
26
- { isActive: !0, orientation: "vertical", class: "border-r-2 border-primary-500" }
32
+ {
33
+ hasSupportText: !0,
34
+ mode: "dark",
35
+ class: "text-[16px] text-blue-50 font-semibold leading-5"
36
+ },
37
+ {
38
+ hasSupportText: !0,
39
+ mode: "light",
40
+ class: "text-[16px] text-neutral-900 font-semibold leading-5"
41
+ }
27
42
  ]
28
43
  }
29
44
  );
30
45
  export {
31
- i as tabVariants,
32
- e as tabsVariants
46
+ m as tooltipVariants
33
47
  };
@@ -1,47 +1,12 @@
1
- import { cva as e } from "class-variance-authority";
2
- const t = 'after:content-[""] after:absolute after:border-8 after:border-x-transparent', o = `${t} after:left-4 after:top-[100%] after:border-b-transparent`, a = `${t} after:left-1/2 after:top-[100%] after:-translate-x-1/2 after:border-b-transparent`, b = `${t} after:right-4 after:top-[100%] after:border-b-transparent`, l = `${t} after:left-4 after:bottom-[100%] after:border-t-transparent`, f = `${t} after:left-1/2 after:bottom-[100%] after:-translate-x-1/2 after:border-t-transparent`, n = `${t} after:right-4 after:bottom-[100%] after:border-t-transparent`, r = 'before:content-[""] before:absolute before:top-1/2 before:-translate-y-1/2 before:border-8 before:border-y-transparent', s = `${r} before:right-[100%] before:border-l-transparent`, p = `${r} before:left-[100%] before:border-r-transparent`, m = e(
3
- "absolute z-20 w-max max-w-[250px] whitespace-normal break-words rounded-lg transition duration-150 ease-in-out shadow-[0px_2px_4px_-2px_#22242A0F,0px_4px_8px_-2px_#22242A1A]",
4
- {
5
- variants: {
6
- mode: {
7
- light: "bg-blue-50 text-neutral-900 after:border-t-blue-50 after:border-b-blue-50 before:border-r-blue-50 before:border-l-blue-50",
8
- dark: "bg-blue-900 text-blue-50 after:border-t-blue-900 after:border-b-blue-900 before:border-r-blue-900 before:border-l-blue-900"
9
- },
10
- hasSupportText: {
11
- true: "",
12
- false: ""
13
- },
14
- placement: {
15
- none: "bottom-full left-1/2 mb-3 -translate-x-1/2",
16
- "top-start": `bottom-full left-0 mb-3 ${o}`,
17
- top: `bottom-full left-1/2 mb-3 -translate-x-1/2 ${a}`,
18
- "top-end": `bottom-full right-0 mb-3 ${b}`,
19
- right: `left-full top-1/2 ml-3 -translate-y-1/2 ${s}`,
20
- "bottom-start": `left-0 top-full mt-3 ${l}`,
21
- bottom: `left-1/2 top-full mt-3 -translate-x-1/2 ${f}`,
22
- "bottom-end": `right-0 top-full mt-3 ${n}`,
23
- left: `right-full top-1/2 mr-3 -translate-y-1/2 ${p}`
24
- },
25
- size: {
26
- sm: "px-4 py-2",
27
- md: "px-4 py-3",
28
- lg: "p-4"
29
- }
30
- },
31
- compoundVariants: [
32
- {
33
- hasSupportText: !0,
34
- mode: "dark",
35
- class: "text-[16px] text-blue-50 font-semibold leading-5"
36
- },
37
- {
38
- hasSupportText: !0,
39
- mode: "light",
40
- class: "text-[16px] text-neutral-900 font-semibold leading-5"
41
- }
42
- ]
43
- }
44
- );
1
+ import { j as f } from "./index.es19.js";
2
+ import { useRef as l } from "react";
3
+ import { useTab as u } from "react-aria";
4
+ import { cn as b } from "./index.es20.js";
5
+ import { tabVariants as x } from "./index.es43.js";
6
+ const R = (o) => {
7
+ const { className: r, item: i, orientation: n, state: t, id: a = void 0 } = o, { key: s, rendered: c } = i, m = t.selectedKey === s, e = l(null), { tabProps: p } = u({ key: String(s) }, t, e), d = b(x({ isActive: m, orientation: n }), r);
8
+ return /* @__PURE__ */ f.jsx("div", { ...p, ref: e, className: d, id: a, children: c });
9
+ };
45
10
  export {
46
- m as tooltipVariants
11
+ R as Tab
47
12
  };
@@ -1,4 +1,12 @@
1
- var e = { exports: {} };
1
+ import { j as m } from "./index.es19.js";
2
+ import { useRef as l } from "react";
3
+ import { useTabPanel as p } from "react-aria";
4
+ import { cn as i } from "./index.es20.js";
5
+ const P = (r) => {
6
+ var t;
7
+ const { className: o, state: s, ...n } = r, e = l(null), { tabPanelProps: a } = p(n, s, e), c = i("", o);
8
+ return /* @__PURE__ */ m.jsx("div", { ...a, ref: e, className: c, children: (t = s.selectedItem) == null ? void 0 : t.props.children });
9
+ };
2
10
  export {
3
- e as __module
11
+ P as TabPanel
4
12
  };
@@ -1,32 +1,33 @@
1
- import { __exports as t } from "./index.es52.js";
2
- import R from "react";
3
- /**
4
- * @license React
5
- * react-jsx-runtime.production.min.js
6
- *
7
- * Copyright (c) Facebook, Inc. and its affiliates.
8
- *
9
- * This source code is licensed under the MIT license found in the
10
- * LICENSE file in the root directory of this source tree.
11
- */
12
- var p;
13
- function v() {
14
- if (p)
15
- return t;
16
- p = 1;
17
- var s = R, m = Symbol.for("react.element"), l = Symbol.for("react.fragment"), c = Object.prototype.hasOwnProperty, d = s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, y = { key: !0, ref: !0, __self: !0, __source: !0 };
18
- function i(o, r, u) {
19
- var e, n = {}, _ = null, f = null;
20
- u !== void 0 && (_ = "" + u), r.key !== void 0 && (_ = "" + r.key), r.ref !== void 0 && (f = r.ref);
21
- for (e in r)
22
- c.call(r, e) && !y.hasOwnProperty(e) && (n[e] = r[e]);
23
- if (o && o.defaultProps)
24
- for (e in r = o.defaultProps, r)
25
- n[e] === void 0 && (n[e] = r[e]);
26
- return { $$typeof: m, type: o, key: _, ref: f, props: n, _owner: d.current };
1
+ import { cva as r } from "class-variance-authority";
2
+ const e = r("flex h-full max-h-12", {
3
+ variants: {
4
+ orientation: {
5
+ horizontal: "flex-col",
6
+ vertical: "flex-row"
7
+ }
27
8
  }
28
- return t.Fragment = l, t.jsx = i, t.jsxs = i, t;
29
- }
9
+ }), i = r(
10
+ "group inline-flex cursor-pointer items-center px-4 py-3 text-base font-semibold focus-visible:outline-none",
11
+ {
12
+ variants: {
13
+ isActive: {
14
+ true: "bg-primary-50 text-primary-600 ",
15
+ false: "text-neutral-500 hover:text-primary-900"
16
+ },
17
+ orientation: {
18
+ horizontal: "border-b-2 border-transparent",
19
+ vertical: "border-r-2 border-transparent"
20
+ }
21
+ },
22
+ compoundVariants: [
23
+ { isActive: !0, orientation: "horizontal", class: "border-b-2 border-primary-500" },
24
+ { isActive: !1, orientation: "horizontal", class: "border-b-2 border-primary-200" },
25
+ { isActive: !1, orientation: "vertical", class: "border-r-2 border-primary-200" },
26
+ { isActive: !0, orientation: "vertical", class: "border-r-2 border-primary-500" }
27
+ ]
28
+ }
29
+ );
30
30
  export {
31
- v as __require
31
+ i as tabVariants,
32
+ e as tabsVariants
32
33
  };