@telia/teddy 0.0.24 → 0.0.25

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 (185) hide show
  1. package/dist/components/accordion/accordion-content.cjs +32 -0
  2. package/dist/components/accordion/accordion-header.cjs +33 -0
  3. package/dist/components/accordion/accordion-indicator.cjs +16 -0
  4. package/dist/components/accordion/accordion-item.cjs +32 -0
  5. package/dist/components/accordion/accordion-root.cjs +56 -0
  6. package/dist/components/accordion/accordion-root.js +11 -11
  7. package/dist/components/accordion/accordion-title.cjs +15 -0
  8. package/dist/components/accordion/accordion-trigger.cjs +37 -0
  9. package/dist/components/accordion/index.cjs +25 -0
  10. package/dist/components/accordion/index.js +7 -0
  11. package/dist/components/badge/badge.cjs +43 -0
  12. package/dist/components/badge/index.cjs +4 -0
  13. package/dist/components/box/box.cjs +17 -0
  14. package/dist/components/box/index.cjs +4 -0
  15. package/dist/components/button/button.cjs +130 -0
  16. package/dist/components/button/button.js +24 -24
  17. package/dist/components/button/index.cjs +4 -0
  18. package/dist/components/card/card.cjs +219 -0
  19. package/dist/components/card/index.cjs +4 -0
  20. package/dist/components/chip/chip-indicator.cjs +16 -0
  21. package/dist/components/chip/chip-item.cjs +45 -0
  22. package/dist/components/chip/chip.cjs +48 -0
  23. package/dist/components/chip/index.cjs +10 -0
  24. package/dist/components/drawer/drawer-close.cjs +39 -0
  25. package/dist/components/drawer/drawer-content.cjs +42 -0
  26. package/dist/components/drawer/drawer-description.cjs +36 -0
  27. package/dist/components/drawer/drawer-footer.cjs +16 -0
  28. package/dist/components/drawer/drawer-overlay.cjs +43 -0
  29. package/dist/components/drawer/drawer-root.cjs +28 -0
  30. package/dist/components/drawer/drawer-title.cjs +34 -0
  31. package/dist/components/drawer/drawer-trigger.cjs +27 -0
  32. package/dist/components/drawer/index.cjs +20 -0
  33. package/dist/components/field-error-text/field-error-text.cjs +30 -0
  34. package/dist/components/field-error-text/index.cjs +4 -0
  35. package/dist/components/flex/flex.cjs +19 -0
  36. package/dist/components/flex/index.cjs +4 -0
  37. package/dist/components/grid/grid.cjs +19 -0
  38. package/dist/components/grid/index.cjs +4 -0
  39. package/dist/components/heading/heading.cjs +55 -0
  40. package/dist/components/heading/index.cjs +4 -0
  41. package/dist/components/helper-text/helper-text.cjs +21 -0
  42. package/dist/components/helper-text/helper-text.d.ts +2 -4
  43. package/dist/components/helper-text/index.cjs +4 -0
  44. package/dist/components/icon/AllIcons.cjs +1091 -0
  45. package/dist/components/icon/AllIcons.d.ts +2 -0
  46. package/dist/components/icon/AllIcons.js +1092 -0
  47. package/dist/components/icon/icon.cjs +29 -0
  48. package/dist/components/icon/index.cjs +8 -0
  49. package/dist/components/icon/index.d.ts +1 -0
  50. package/dist/components/icon/index.js +2 -0
  51. package/dist/components/image/image.cjs +17 -0
  52. package/dist/components/image/index.cjs +4 -0
  53. package/dist/components/index.cjs +66 -0
  54. package/dist/components/index.js +6 -3
  55. package/dist/components/input/index.cjs +14 -0
  56. package/dist/components/input/index.d.ts +27 -2
  57. package/dist/components/input/index.js +10 -1
  58. package/dist/components/input/input-clear-button.cjs +43 -0
  59. package/dist/components/input/input-clear-button.d.ts +6 -0
  60. package/dist/components/input/input-clear-button.js +43 -0
  61. package/dist/components/input/input-group.cjs +132 -0
  62. package/dist/components/input/input-group.d.ts +16 -0
  63. package/dist/components/input/input-group.js +132 -0
  64. package/dist/components/input/input-indicator.cjs +10 -0
  65. package/dist/components/input/input-indicator.d.ts +23 -0
  66. package/dist/components/input/input-indicator.js +10 -0
  67. package/dist/components/input/input.cjs +9 -0
  68. package/dist/components/input/input.d.ts +4 -28
  69. package/dist/components/input/input.js +7 -114
  70. package/dist/components/label/index.cjs +4 -0
  71. package/dist/components/label/label.cjs +44 -0
  72. package/dist/components/link/index.cjs +4 -0
  73. package/dist/components/link/link.cjs +37 -0
  74. package/dist/components/link/link.js +10 -10
  75. package/dist/components/modal/index.cjs +4 -0
  76. package/dist/components/modal/modal.cjs +209 -0
  77. package/dist/components/modal/modal.js +2 -2
  78. package/dist/components/navigation-menu/index.cjs +4 -0
  79. package/dist/components/navigation-menu/navigation-menu.cjs +410 -0
  80. package/dist/components/notification/index.cjs +4 -0
  81. package/dist/components/notification/notification.cjs +116 -0
  82. package/dist/components/notification/notification.js +8 -8
  83. package/dist/components/radio-group/index.cjs +4 -0
  84. package/dist/components/radio-group/radio-group.cjs +110 -0
  85. package/dist/components/scroll-area/index.cjs +9 -0
  86. package/dist/components/scroll-area/scroll-area-bar.cjs +175 -0
  87. package/dist/components/scroll-area/scroll-area-bar.js +8 -8
  88. package/dist/components/scroll-area/scroll-area-button.cjs +11 -0
  89. package/dist/components/scroll-area/scroll-area-corner.cjs +8 -0
  90. package/dist/components/scroll-area/scroll-area-item.cjs +42 -0
  91. package/dist/components/scroll-area/scroll-area-item.js +2 -1
  92. package/dist/components/scroll-area/scroll-area-root.cjs +11 -0
  93. package/dist/components/scroll-area/scroll-area-thumb.cjs +8 -0
  94. package/dist/components/spinner/index.cjs +4 -0
  95. package/dist/components/spinner/spinner.cjs +57 -0
  96. package/dist/components/tabs/index.cjs +16 -0
  97. package/dist/components/tabs/tabs-content.cjs +32 -0
  98. package/dist/components/tabs/tabs-list.cjs +39 -0
  99. package/dist/components/tabs/tabs-list.js +6 -4
  100. package/dist/components/tabs/tabs-root.cjs +75 -0
  101. package/dist/components/tabs/tabs-root.d.ts +4 -7
  102. package/dist/components/tabs/tabs-root.js +25 -8
  103. package/dist/components/tabs/tabs-scroll-button.cjs +15 -0
  104. package/dist/components/tabs/tabs-scroll.cjs +22 -0
  105. package/dist/components/tabs/tabs-trigger.cjs +55 -0
  106. package/dist/components/tabs/tabs-trigger.js +19 -9
  107. package/dist/components/text/index.cjs +4 -0
  108. package/dist/components/text/text.cjs +49 -0
  109. package/dist/components/text-field/index.cjs +31 -0
  110. package/dist/components/text-field/index.d.ts +63 -2
  111. package/dist/components/text-field/index.js +28 -1
  112. package/dist/components/text-field/text-field-button.cjs +31 -0
  113. package/dist/components/text-field/text-field-button.d.ts +27 -0
  114. package/dist/components/text-field/text-field-button.js +31 -0
  115. package/dist/components/text-field/text-field-clear-button.cjs +12 -0
  116. package/dist/components/text-field/text-field-clear-button.d.ts +6 -0
  117. package/dist/components/text-field/text-field-clear-button.js +12 -0
  118. package/dist/components/text-field/text-field-error-list.cjs +28 -0
  119. package/dist/components/text-field/text-field-error-list.d.ts +9 -0
  120. package/dist/components/text-field/text-field-error-list.js +28 -0
  121. package/dist/components/text-field/text-field-helper-text.cjs +19 -0
  122. package/dist/components/text-field/text-field-helper-text.d.ts +5 -0
  123. package/dist/components/text-field/text-field-helper-text.js +19 -0
  124. package/dist/components/text-field/text-field-indicator.cjs +14 -0
  125. package/dist/components/text-field/text-field-indicator.d.ts +6 -0
  126. package/dist/components/text-field/text-field-indicator.js +14 -0
  127. package/dist/components/text-field/text-field-input-group.cjs +11 -0
  128. package/dist/components/text-field/text-field-input-group.d.ts +7 -0
  129. package/dist/components/text-field/text-field-input-group.js +11 -0
  130. package/dist/components/text-field/text-field-input.cjs +27 -0
  131. package/dist/components/text-field/text-field-input.d.ts +5 -0
  132. package/dist/components/text-field/text-field-input.js +27 -0
  133. package/dist/components/text-field/text-field-label.cjs +27 -0
  134. package/dist/components/text-field/text-field-label.d.ts +8 -0
  135. package/dist/components/text-field/text-field-label.js +27 -0
  136. package/dist/components/text-field/text-field.cjs +54 -0
  137. package/dist/components/text-field/text-field.d.ts +12 -58
  138. package/dist/components/text-field/text-field.js +17 -101
  139. package/dist/components/text-field/util.cjs +4 -0
  140. package/dist/components/text-field/util.d.ts +1 -0
  141. package/dist/components/text-field/util.js +4 -0
  142. package/dist/components/text-spacing/index.cjs +4 -0
  143. package/dist/components/text-spacing/text-spacing.cjs +19 -0
  144. package/dist/components/toggle/index.cjs +4 -0
  145. package/dist/components/toggle/toggle.cjs +104 -0
  146. package/dist/components/visually-hidden/index.cjs +4 -0
  147. package/dist/components/visually-hidden/visually-hidden.cjs +26 -0
  148. package/dist/drawer.module-w9nGK9pO.cjs +13 -0
  149. package/dist/icons/category.cjs +335 -0
  150. package/dist/icons/name.cjs +335 -0
  151. package/dist/icons/name.d.cjs +1 -0
  152. package/dist/main.cjs +374 -0
  153. package/dist/main.js +6 -3
  154. package/dist/style.css +385 -323
  155. package/dist/tokens/border/variables.cjs +20 -0
  156. package/dist/tokens/breakpoint/variables.cjs +10 -0
  157. package/dist/tokens/color/variables.cjs +454 -0
  158. package/dist/tokens/index.cjs +310 -0
  159. package/dist/tokens/motion/variables.cjs +24 -0
  160. package/dist/tokens/shadow/variables.cjs +10 -0
  161. package/dist/tokens/spacing/variables.cjs +48 -0
  162. package/dist/tokens/typography/variables.cjs +50 -0
  163. package/dist/utils/action.cjs +21 -0
  164. package/dist/utils/component-props-as.cjs +1 -0
  165. package/dist/utils/composeEventHandlers.cjs +11 -0
  166. package/dist/utils/composeRefs.cjs +18 -0
  167. package/dist/utils/generate-styling/align.cjs +32 -0
  168. package/dist/utils/generate-styling/color.cjs +12 -0
  169. package/dist/utils/generate-styling/flex.cjs +67 -0
  170. package/dist/utils/generate-styling/gap.cjs +22 -0
  171. package/dist/utils/generate-styling/grid.cjs +123 -0
  172. package/dist/utils/generate-styling/height.cjs +51 -0
  173. package/dist/utils/generate-styling/index.cjs +97 -0
  174. package/dist/utils/generate-styling/inset.cjs +33 -0
  175. package/dist/utils/generate-styling/justify.cjs +18 -0
  176. package/dist/utils/generate-styling/margin.cjs +33 -0
  177. package/dist/utils/generate-styling/object-fit.cjs +18 -0
  178. package/dist/utils/generate-styling/padding.cjs +33 -0
  179. package/dist/utils/generate-styling/position.cjs +21 -0
  180. package/dist/utils/generate-styling/util.cjs +33 -0
  181. package/dist/utils/generate-styling/width.cjs +26 -0
  182. package/dist/vite-env.d.cjs +1 -0
  183. package/package.json +6 -4
  184. package/dist/components/text-field/tex-field-label.d.ts +0 -0
  185. package/dist/components/text-field/tex-field-label.js +0 -1
@@ -0,0 +1,32 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
+ const jsxRuntime = require("react/jsx-runtime");
4
+ const clsx = require("clsx");
5
+ const React = require("react");
6
+ const components_accordion_accordionRoot = require("./accordion-root.cjs");
7
+ const AccordionPrimitive = require("@radix-ui/react-accordion");
8
+ function _interopNamespaceDefault(e) {
9
+ const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
10
+ if (e) {
11
+ for (const k in e) {
12
+ if (k !== "default") {
13
+ const d = Object.getOwnPropertyDescriptor(e, k);
14
+ Object.defineProperty(n, k, d.get ? d : {
15
+ enumerable: true,
16
+ get: () => e[k]
17
+ });
18
+ }
19
+ }
20
+ }
21
+ n.default = e;
22
+ return Object.freeze(n);
23
+ }
24
+ const AccordionPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(AccordionPrimitive);
25
+ const Content = React.forwardRef(
26
+ ({ className, children, ...props }, forwardRef) => {
27
+ const classes = clsx([components_accordion_accordionRoot.styles[`${components_accordion_accordionRoot.rootClassName}__content`]], className);
28
+ return /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Content, { ...props, ref: forwardRef, className: classes, children });
29
+ }
30
+ );
31
+ Content.displayName = "Content";
32
+ exports.Content = Content;
@@ -0,0 +1,33 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
+ const jsxRuntime = require("react/jsx-runtime");
4
+ const clsx = require("clsx");
5
+ const React = require("react");
6
+ const components_accordion_accordionRoot = require("./accordion-root.cjs");
7
+ const AccordionPrimitive = require("@radix-ui/react-accordion");
8
+ const components_heading_heading = require("../heading/heading.cjs");
9
+ function _interopNamespaceDefault(e) {
10
+ const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
11
+ if (e) {
12
+ for (const k in e) {
13
+ if (k !== "default") {
14
+ const d = Object.getOwnPropertyDescriptor(e, k);
15
+ Object.defineProperty(n, k, d.get ? d : {
16
+ enumerable: true,
17
+ get: () => e[k]
18
+ });
19
+ }
20
+ }
21
+ }
22
+ n.default = e;
23
+ return Object.freeze(n);
24
+ }
25
+ const AccordionPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(AccordionPrimitive);
26
+ const Header = React.forwardRef(
27
+ ({ className, children, ...props }, forwardRef) => {
28
+ const classes = clsx([components_accordion_accordionRoot.styles[`${components_accordion_accordionRoot.rootClassName}__header`]], className);
29
+ return /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Header, { ...props, ref: forwardRef, asChild: true, className: classes, children: /* @__PURE__ */ jsxRuntime.jsx(components_heading_heading.Heading, { variant: "title-100", ...props.asChild ? { asChild: true } : { as: "h3" }, children }) });
30
+ }
31
+ );
32
+ Header.displayName = "Header";
33
+ exports.Header = Header;
@@ -0,0 +1,16 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
+ const jsxRuntime = require("react/jsx-runtime");
4
+ const clsx = require("clsx");
5
+ const React = require("react");
6
+ const components_accordion_accordionRoot = require("./accordion-root.cjs");
7
+ require("../../assets/sprite.5636ec8e-teddy.svg");
8
+ const components_icon_icon = require("../icon/icon.cjs");
9
+ const Indicator = React.forwardRef(
10
+ ({ className, children, ...props }, forwardRef) => {
11
+ const classes = clsx([components_accordion_accordionRoot.styles[`${components_accordion_accordionRoot.rootClassName}__indicator`]], className);
12
+ return /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { "aria-hidden": true, name: "chevron-down", ...props, ref: forwardRef, className: classes, children });
13
+ }
14
+ );
15
+ Indicator.displayName = "Indicator";
16
+ exports.Indicator = Indicator;
@@ -0,0 +1,32 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
+ const jsxRuntime = require("react/jsx-runtime");
4
+ const clsx = require("clsx");
5
+ const React = require("react");
6
+ const components_accordion_accordionRoot = require("./accordion-root.cjs");
7
+ const AccordionPrimitive = require("@radix-ui/react-accordion");
8
+ function _interopNamespaceDefault(e) {
9
+ const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
10
+ if (e) {
11
+ for (const k in e) {
12
+ if (k !== "default") {
13
+ const d = Object.getOwnPropertyDescriptor(e, k);
14
+ Object.defineProperty(n, k, d.get ? d : {
15
+ enumerable: true,
16
+ get: () => e[k]
17
+ });
18
+ }
19
+ }
20
+ }
21
+ n.default = e;
22
+ return Object.freeze(n);
23
+ }
24
+ const AccordionPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(AccordionPrimitive);
25
+ const Item = React.forwardRef(
26
+ ({ className, children, ...props }, forwardRef) => {
27
+ const classes = clsx([components_accordion_accordionRoot.styles[`${components_accordion_accordionRoot.rootClassName}__item`]], className);
28
+ return /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Item, { ...props, ref: forwardRef, className: classes, children });
29
+ }
30
+ );
31
+ Item.displayName = "Item";
32
+ exports.Item = Item;
@@ -0,0 +1,56 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
+ const jsxRuntime = require("react/jsx-runtime");
4
+ const clsx = require("clsx");
5
+ const React = require("react");
6
+ const AccordionPrimitive = require("@radix-ui/react-accordion");
7
+ function _interopNamespaceDefault(e) {
8
+ const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
9
+ if (e) {
10
+ for (const k in e) {
11
+ if (k !== "default") {
12
+ const d = Object.getOwnPropertyDescriptor(e, k);
13
+ Object.defineProperty(n, k, d.get ? d : {
14
+ enumerable: true,
15
+ get: () => e[k]
16
+ });
17
+ }
18
+ }
19
+ }
20
+ n.default = e;
21
+ return Object.freeze(n);
22
+ }
23
+ const AccordionPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(AccordionPrimitive);
24
+ const slideDown = "_slideDown_1seck_1";
25
+ const slideUp = "_slideUp_1seck_1";
26
+ const styles = {
27
+ "teddy-accordion--indented": "_teddy-accordion--indented_1seck_3",
28
+ "teddy-accordion__header": "_teddy-accordion__header_1seck_3",
29
+ "teddy-accordion__content": "_teddy-accordion__content_1seck_11",
30
+ "teddy-accordion--negative": "_teddy-accordion--negative_1seck_19",
31
+ "teddy-accordion__title": "_teddy-accordion__title_1seck_23",
32
+ "teddy-accordion__trigger": "_teddy-accordion__trigger_1seck_26",
33
+ "teddy-accordion__item": "_teddy-accordion__item_1seck_34",
34
+ "teddy-accordion": "_teddy-accordion_1seck_3",
35
+ "teddy-accordion__indicator": "_teddy-accordion__indicator_1seck_103",
36
+ slideDown,
37
+ slideUp
38
+ };
39
+ const rootClassName = "teddy-accordion";
40
+ const Root = React.forwardRef(
41
+ ({ className, variant = "default", children, indented = false, ...props }, forwardRef) => {
42
+ const classes = clsx(
43
+ styles[rootClassName],
44
+ styles[`${rootClassName}--${variant}`],
45
+ {
46
+ [styles[`${rootClassName}--indented`]]: indented
47
+ },
48
+ className
49
+ );
50
+ return /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Root, { ...props, ref: forwardRef, className: classes, children });
51
+ }
52
+ );
53
+ Root.displayName = "Root";
54
+ exports.Root = Root;
55
+ exports.rootClassName = rootClassName;
56
+ exports.styles = styles;
@@ -2,18 +2,18 @@ import { jsx } from "react/jsx-runtime";
2
2
  import clsx from "clsx";
3
3
  import React__default from "react";
4
4
  import * as AccordionPrimitive from "@radix-ui/react-accordion";
5
- const slideDown = "_slideDown_fs2mc_1";
6
- const slideUp = "_slideUp_fs2mc_1";
5
+ const slideDown = "_slideDown_1seck_1";
6
+ const slideUp = "_slideUp_1seck_1";
7
7
  const styles = {
8
- "teddy-accordion--indented": "_teddy-accordion--indented_fs2mc_3",
9
- "teddy-accordion__trigger": "_teddy-accordion__trigger_fs2mc_3",
10
- "teddy-accordion__content": "_teddy-accordion__content_fs2mc_4",
11
- "teddy-accordion--negative": "_teddy-accordion--negative_fs2mc_13",
12
- "teddy-accordion__header": "_teddy-accordion__header_fs2mc_13",
13
- "teddy-accordion__title": "_teddy-accordion__title_fs2mc_17",
14
- "teddy-accordion__item": "_teddy-accordion__item_fs2mc_28",
15
- "teddy-accordion": "_teddy-accordion_fs2mc_3",
16
- "teddy-accordion__indicator": "_teddy-accordion__indicator_fs2mc_107",
8
+ "teddy-accordion--indented": "_teddy-accordion--indented_1seck_3",
9
+ "teddy-accordion__header": "_teddy-accordion__header_1seck_3",
10
+ "teddy-accordion__content": "_teddy-accordion__content_1seck_11",
11
+ "teddy-accordion--negative": "_teddy-accordion--negative_1seck_19",
12
+ "teddy-accordion__title": "_teddy-accordion__title_1seck_23",
13
+ "teddy-accordion__trigger": "_teddy-accordion__trigger_1seck_26",
14
+ "teddy-accordion__item": "_teddy-accordion__item_1seck_34",
15
+ "teddy-accordion": "_teddy-accordion_1seck_3",
16
+ "teddy-accordion__indicator": "_teddy-accordion__indicator_1seck_103",
17
17
  slideDown,
18
18
  slideUp
19
19
  };
@@ -0,0 +1,15 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
+ const jsxRuntime = require("react/jsx-runtime");
4
+ const clsx = require("clsx");
5
+ const React = require("react");
6
+ const components_accordion_accordionRoot = require("./accordion-root.cjs");
7
+ const components_heading_heading = require("../heading/heading.cjs");
8
+ const Title = React.forwardRef(
9
+ ({ className, children, variant = "title-400", ...props }, forwardRef) => {
10
+ const classes = clsx([components_accordion_accordionRoot.styles[`${components_accordion_accordionRoot.rootClassName}__title`]], className);
11
+ return /* @__PURE__ */ jsxRuntime.jsx(components_heading_heading.Heading, { ...props, variant, ref: forwardRef, className: classes, children });
12
+ }
13
+ );
14
+ Title.displayName = "Title";
15
+ exports.Title = Title;
@@ -0,0 +1,37 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
+ const jsxRuntime = require("react/jsx-runtime");
4
+ const clsx = require("clsx");
5
+ const React = require("react");
6
+ const components_accordion_accordionRoot = require("./accordion-root.cjs");
7
+ const AccordionPrimitive = require("@radix-ui/react-accordion");
8
+ const reactSlot = require("@radix-ui/react-slot");
9
+ const components_accordion_accordionIndicator = require("./accordion-indicator.cjs");
10
+ function _interopNamespaceDefault(e) {
11
+ const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
12
+ if (e) {
13
+ for (const k in e) {
14
+ if (k !== "default") {
15
+ const d = Object.getOwnPropertyDescriptor(e, k);
16
+ Object.defineProperty(n, k, d.get ? d : {
17
+ enumerable: true,
18
+ get: () => e[k]
19
+ });
20
+ }
21
+ }
22
+ }
23
+ n.default = e;
24
+ return Object.freeze(n);
25
+ }
26
+ const AccordionPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(AccordionPrimitive);
27
+ const Trigger = React.forwardRef(
28
+ ({ className, children, hideIndicator, ...props }, forwardRef) => {
29
+ const classes = clsx([components_accordion_accordionRoot.styles[`${components_accordion_accordionRoot.rootClassName}__trigger`]], className);
30
+ return /* @__PURE__ */ jsxRuntime.jsxs(AccordionPrimitive__namespace.Trigger, { ...props, ref: forwardRef, className: classes, children: [
31
+ /* @__PURE__ */ jsxRuntime.jsx(reactSlot.Slottable, { children }),
32
+ !hideIndicator && /* @__PURE__ */ jsxRuntime.jsx(components_accordion_accordionIndicator.Indicator, {})
33
+ ] });
34
+ }
35
+ );
36
+ Trigger.displayName = "Trigger";
37
+ exports.Trigger = Trigger;
@@ -0,0 +1,25 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
+ const components_accordion_accordionRoot = require("./accordion-root.cjs");
4
+ const components_accordion_accordionTrigger = require("./accordion-trigger.cjs");
5
+ const components_accordion_accordionContent = require("./accordion-content.cjs");
6
+ const components_accordion_accordionHeader = require("./accordion-header.cjs");
7
+ const components_accordion_accordionItem = require("./accordion-item.cjs");
8
+ const components_accordion_accordionIndicator = require("./accordion-indicator.cjs");
9
+ const components_accordion_accordionTitle = require("./accordion-title.cjs");
10
+ components_accordion_accordionRoot.Root.displayName = "Accordion";
11
+ components_accordion_accordionTrigger.Trigger.displayName = "Accordion.Trigger";
12
+ components_accordion_accordionContent.Content.displayName = "Accordion.Content";
13
+ components_accordion_accordionHeader.Header.displayName = "Accordion.Header";
14
+ components_accordion_accordionItem.Item.displayName = "Accordion.Item";
15
+ components_accordion_accordionIndicator.Indicator.displayName = "Accordion.Indicator";
16
+ components_accordion_accordionTitle.Title.displayName = "Accordion.Title";
17
+ const Accordion = Object.assign(components_accordion_accordionRoot.Root, {
18
+ Trigger: components_accordion_accordionTrigger.Trigger,
19
+ Content: components_accordion_accordionContent.Content,
20
+ Header: components_accordion_accordionHeader.Header,
21
+ Item: components_accordion_accordionItem.Item,
22
+ Indicator: components_accordion_accordionIndicator.Indicator,
23
+ Title: components_accordion_accordionTitle.Title
24
+ });
25
+ exports.Accordion = Accordion;
@@ -5,6 +5,13 @@ import { Header } from "./accordion-header.js";
5
5
  import { Item } from "./accordion-item.js";
6
6
  import { Indicator } from "./accordion-indicator.js";
7
7
  import { Title } from "./accordion-title.js";
8
+ Root.displayName = "Accordion";
9
+ Trigger.displayName = "Accordion.Trigger";
10
+ Content.displayName = "Accordion.Content";
11
+ Header.displayName = "Accordion.Header";
12
+ Item.displayName = "Accordion.Item";
13
+ Indicator.displayName = "Accordion.Indicator";
14
+ Title.displayName = "Accordion.Title";
8
15
  const Accordion = Object.assign(Root, {
9
16
  Trigger,
10
17
  Content,
@@ -0,0 +1,43 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
+ const jsxRuntime = require("react/jsx-runtime");
4
+ const clsx = require("clsx");
5
+ const React = require("react");
6
+ const reactSlot = require("@radix-ui/react-slot");
7
+ require("../../assets/sprite.5636ec8e-teddy.svg");
8
+ const components_icon_icon = require("../icon/icon.cjs");
9
+ const styles = {
10
+ "teddy-badge": "_teddy-badge_sg6ab_1",
11
+ "teddy-badge--attention": "_teddy-badge--attention_sg6ab_13",
12
+ "teddy-badge--special": "_teddy-badge--special_sg6ab_17",
13
+ "teddy-badge--neutral": "_teddy-badge--neutral_sg6ab_21",
14
+ "teddy-badge--information": "_teddy-badge--information_sg6ab_25",
15
+ "teddy-badge--success": "_teddy-badge--success_sg6ab_29",
16
+ "teddy-badge--warning": "_teddy-badge--warning_sg6ab_33",
17
+ "teddy-badge--error": "_teddy-badge--error_sg6ab_37"
18
+ };
19
+ const rootClassName = "teddy-badge";
20
+ function getIcon(variant) {
21
+ if (variant === "success") {
22
+ return "check-circle";
23
+ }
24
+ if (variant === "warning") {
25
+ return "alert";
26
+ }
27
+ if (variant === "error") {
28
+ return "error";
29
+ }
30
+ }
31
+ const Badge = React.forwardRef(
32
+ ({ className, variant, hideIcon, asChild, children, ...props }, forwardRef) => {
33
+ const classes = clsx([styles[`${rootClassName}`]], [styles[`${rootClassName}--${variant}`]], className);
34
+ const Comp = asChild ? reactSlot.Slot : "span";
35
+ const iconName = getIcon(variant);
36
+ return /* @__PURE__ */ jsxRuntime.jsxs(Comp, { ...props, ref: forwardRef, className: classes, children: [
37
+ !hideIcon && iconName && /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: iconName }),
38
+ /* @__PURE__ */ jsxRuntime.jsx(reactSlot.Slottable, { children })
39
+ ] });
40
+ }
41
+ );
42
+ Badge.displayName = "Badge";
43
+ exports.Badge = Badge;
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
+ const components_badge_badge = require("./badge.cjs");
4
+ exports.Badge = components_badge_badge.Badge;
@@ -0,0 +1,17 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
+ const jsxRuntime = require("react/jsx-runtime");
4
+ const React = require("react");
5
+ const clsx = require("clsx");
6
+ const utils_generateStyling_index = require("../../utils/generate-styling/index.cjs");
7
+ const reactSlot = require("@radix-ui/react-slot");
8
+ const styles = {};
9
+ const rootClassName = "teddy-box";
10
+ const Box = React.forwardRef((props, forwardRef) => {
11
+ const { className, asChild, style, ...rest } = utils_generateStyling_index.extractProps(props);
12
+ const classes = clsx([styles[`${rootClassName}`]], className);
13
+ const Comp = asChild ? reactSlot.Slot : "div";
14
+ return /* @__PURE__ */ jsxRuntime.jsx(Comp, { ...rest, style, ref: forwardRef, className: classes });
15
+ });
16
+ Box.displayName = "Box";
17
+ exports.Box = Box;
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
+ const components_box_box = require("./box.cjs");
4
+ exports.Box = components_box_box.Box;
@@ -0,0 +1,130 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
+ const jsxRuntime = require("react/jsx-runtime");
4
+ const reactSlot = require("@radix-ui/react-slot");
5
+ const clsx = require("clsx");
6
+ const React = require("react");
7
+ const components_spinner_spinner = require("../spinner/spinner.cjs");
8
+ const utils_generateStyling_index = require("../../utils/generate-styling/index.cjs");
9
+ function _interopNamespaceDefault(e) {
10
+ const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
11
+ if (e) {
12
+ for (const k in e) {
13
+ if (k !== "default") {
14
+ const d = Object.getOwnPropertyDescriptor(e, k);
15
+ Object.defineProperty(n, k, d.get ? d : {
16
+ enumerable: true,
17
+ get: () => e[k]
18
+ });
19
+ }
20
+ }
21
+ }
22
+ n.default = e;
23
+ return Object.freeze(n);
24
+ }
25
+ const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
26
+ const fadeInAnimation = "_fadeInAnimation_124k8_1";
27
+ const scaleInAnimation = "_scaleInAnimation_124k8_1";
28
+ const styles = {
29
+ "teddy-button": "_teddy-button_124k8_18",
30
+ "teddy-button--sm": "_teddy-button--sm_124k8_53",
31
+ "teddy-button--icon-only": "_teddy-button--icon-only_124k8_56",
32
+ "teddy-button--md": "_teddy-button--md_124k8_59",
33
+ "teddy-button--lg": "_teddy-button--lg_124k8_65",
34
+ "teddy-button--full-width": "_teddy-button--full-width_124k8_71",
35
+ "teddy-button--primary": "_teddy-button--primary_124k8_74",
36
+ "teddy-button--disabled": "_teddy-button--disabled_124k8_78",
37
+ "teddy-button--primary-negative": "_teddy-button--primary-negative_124k8_84",
38
+ "teddy-button--secondary": "_teddy-button--secondary_124k8_96",
39
+ "teddy-button--secondary-negative": "_teddy-button--secondary-negative_124k8_107",
40
+ "teddy-button--expressive": "_teddy-button--expressive_124k8_118",
41
+ "teddy-button--expressive-negative": "_teddy-button--expressive-negative_124k8_128",
42
+ "teddy-button--negative": "_teddy-button--negative_124k8_140",
43
+ "teddy-button--destructive": "_teddy-button--destructive_124k8_147",
44
+ "teddy-button--destructive-negative": "_teddy-button--destructive-negative_124k8_157",
45
+ "teddy-button--tertiary-purple": "_teddy-button--tertiary-purple_124k8_167",
46
+ "teddy-button--tertiary-purple-negative": "_teddy-button--tertiary-purple-negative_124k8_180",
47
+ "teddy-button--text-negative": "_teddy-button--text-negative_124k8_195",
48
+ "teddy-button--text": "_teddy-button--text_124k8_195",
49
+ "teddy-button__loading": "_teddy-button__loading_124k8_242",
50
+ fadeInAnimation,
51
+ "teddy-button__spinner": "_teddy-button__spinner_124k8_253",
52
+ scaleInAnimation
53
+ };
54
+ const rootClassName = "teddy-button";
55
+ const variants = [
56
+ "primary",
57
+ "secondary",
58
+ "destructive",
59
+ "tertiary-purple",
60
+ "text",
61
+ "expressive",
62
+ "primary-negative",
63
+ "secondary-negative",
64
+ "destructive-negative",
65
+ "tertiary-purple-negative",
66
+ "text-negative",
67
+ "expressive-negative"
68
+ ];
69
+ const Root = React__namespace.forwardRef((args, ref) => {
70
+ const {
71
+ className,
72
+ variant = "primary",
73
+ size = "md",
74
+ iconOnly,
75
+ fullWidth,
76
+ disabled = false,
77
+ loading = false,
78
+ asChild = false,
79
+ onClick,
80
+ children,
81
+ ...props
82
+ } = utils_generateStyling_index.extractProps(args);
83
+ const Comp = asChild ? reactSlot.Slot : "button";
84
+ const classes = clsx.clsx(
85
+ [styles[rootClassName], styles[`${rootClassName}--${variant}`], styles[`${rootClassName}--${size}`]],
86
+ {
87
+ [styles[`${rootClassName}--icon-only`]]: iconOnly,
88
+ [styles[`${rootClassName}--negative`]]: variant.endsWith("negative"),
89
+ [styles[`${rootClassName}--full-width`]]: fullWidth,
90
+ [styles[`${rootClassName}--disabled`]]: disabled || loading
91
+ },
92
+ className
93
+ );
94
+ function handleClick(event) {
95
+ if (disabled || loading) {
96
+ event.preventDefault();
97
+ return;
98
+ }
99
+ if (onClick) {
100
+ onClick(event);
101
+ }
102
+ }
103
+ const getSpinnerVariant = () => variant.endsWith("negative") ? "negative-disabled" : "disabled";
104
+ return /* @__PURE__ */ jsxRuntime.jsxs(
105
+ Comp,
106
+ {
107
+ className: classes,
108
+ "aria-disabled": props["aria-disabled"] || disabled || loading,
109
+ onClick: handleClick,
110
+ ref,
111
+ ...props,
112
+ children: [
113
+ /* @__PURE__ */ jsxRuntime.jsx(reactSlot.Slottable, { children }),
114
+ loading && /* @__PURE__ */ jsxRuntime.jsx(
115
+ components_spinner_spinner.Spinner,
116
+ {
117
+ size: size === "lg" ? "xs" : "xxs",
118
+ variant: getSpinnerVariant(),
119
+ className: styles[`${rootClassName}__spinner`]
120
+ }
121
+ )
122
+ ]
123
+ }
124
+ );
125
+ });
126
+ Root.displayName = "Button";
127
+ const Button = Object.assign(Root, {
128
+ variants
129
+ });
130
+ exports.Button = Button;
@@ -4,32 +4,32 @@ import { clsx } from "clsx";
4
4
  import * as React from "react";
5
5
  import { Spinner } from "../spinner/spinner.js";
6
6
  import { extractProps } from "../../utils/generate-styling/index.js";
7
- const fadeInAnimation = "_fadeInAnimation_1biph_1";
8
- const scaleInAnimation = "_scaleInAnimation_1biph_1";
7
+ const fadeInAnimation = "_fadeInAnimation_124k8_1";
8
+ const scaleInAnimation = "_scaleInAnimation_124k8_1";
9
9
  const styles = {
10
- "teddy-button": "_teddy-button_1biph_18",
11
- "teddy-button--sm": "_teddy-button--sm_1biph_53",
12
- "teddy-button--icon-only": "_teddy-button--icon-only_1biph_56",
13
- "teddy-button--md": "_teddy-button--md_1biph_59",
14
- "teddy-button--lg": "_teddy-button--lg_1biph_65",
15
- "teddy-button--full-width": "_teddy-button--full-width_1biph_71",
16
- "teddy-button--primary": "_teddy-button--primary_1biph_74",
17
- "teddy-button--disabled": "_teddy-button--disabled_1biph_78",
18
- "teddy-button--primary-negative": "_teddy-button--primary-negative_1biph_84",
19
- "teddy-button--secondary": "_teddy-button--secondary_1biph_96",
20
- "teddy-button--secondary-negative": "_teddy-button--secondary-negative_1biph_107",
21
- "teddy-button--expressive": "_teddy-button--expressive_1biph_118",
22
- "teddy-button--expressive-negative": "_teddy-button--expressive-negative_1biph_128",
23
- "teddy-button--negative": "_teddy-button--negative_1biph_140",
24
- "teddy-button--destructive": "_teddy-button--destructive_1biph_147",
25
- "teddy-button--destructive-negative": "_teddy-button--destructive-negative_1biph_157",
26
- "teddy-button--tertiary-purple": "_teddy-button--tertiary-purple_1biph_167",
27
- "teddy-button--tertiary-purple-negative": "_teddy-button--tertiary-purple-negative_1biph_180",
28
- "teddy-button--text-negative": "_teddy-button--text-negative_1biph_195",
29
- "teddy-button--text": "_teddy-button--text_1biph_195",
30
- "teddy-button__loading": "_teddy-button__loading_1biph_242",
10
+ "teddy-button": "_teddy-button_124k8_18",
11
+ "teddy-button--sm": "_teddy-button--sm_124k8_53",
12
+ "teddy-button--icon-only": "_teddy-button--icon-only_124k8_56",
13
+ "teddy-button--md": "_teddy-button--md_124k8_59",
14
+ "teddy-button--lg": "_teddy-button--lg_124k8_65",
15
+ "teddy-button--full-width": "_teddy-button--full-width_124k8_71",
16
+ "teddy-button--primary": "_teddy-button--primary_124k8_74",
17
+ "teddy-button--disabled": "_teddy-button--disabled_124k8_78",
18
+ "teddy-button--primary-negative": "_teddy-button--primary-negative_124k8_84",
19
+ "teddy-button--secondary": "_teddy-button--secondary_124k8_96",
20
+ "teddy-button--secondary-negative": "_teddy-button--secondary-negative_124k8_107",
21
+ "teddy-button--expressive": "_teddy-button--expressive_124k8_118",
22
+ "teddy-button--expressive-negative": "_teddy-button--expressive-negative_124k8_128",
23
+ "teddy-button--negative": "_teddy-button--negative_124k8_140",
24
+ "teddy-button--destructive": "_teddy-button--destructive_124k8_147",
25
+ "teddy-button--destructive-negative": "_teddy-button--destructive-negative_124k8_157",
26
+ "teddy-button--tertiary-purple": "_teddy-button--tertiary-purple_124k8_167",
27
+ "teddy-button--tertiary-purple-negative": "_teddy-button--tertiary-purple-negative_124k8_180",
28
+ "teddy-button--text-negative": "_teddy-button--text-negative_124k8_195",
29
+ "teddy-button--text": "_teddy-button--text_124k8_195",
30
+ "teddy-button__loading": "_teddy-button__loading_124k8_242",
31
31
  fadeInAnimation,
32
- "teddy-button__spinner": "_teddy-button__spinner_1biph_253",
32
+ "teddy-button__spinner": "_teddy-button__spinner_124k8_253",
33
33
  scaleInAnimation
34
34
  };
35
35
  const rootClassName = "teddy-button";
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
+ const components_button_button = require("./button.cjs");
4
+ exports.Button = components_button_button.Button;