@telia/teddy 0.0.2 → 0.0.4

package/dist/components/text-spacing/text-spacing.d.ts

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+
+/** -------------------------------------------------------------------------------------------------
+ * TextSpacing
+ * -----------------------------------------------------------------------------------------------*/
+type TextSpacingProps = React.ComponentPropsWithoutRef<'div'> & {
+    asChild?: boolean;
+};
+/**
+ * TextSpacing is used to add spacing between text elements.
+ * Wrap the elements you want to add spacing in the TextSpacing component.
+ * The spacing will be applied to Teddy's Text and Heading components.
+ * https://www.figma.com/file/2QIcZVqP99ZKY4rNW7VuSx/Purpur-DS---Foundations-Library?type=design&node-id=9470-27984&mode=design&t=vJa9KJPym42lrLT9-4
+ */
+declare const TextSpacing: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    asChild?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export { TextSpacing };
+export type { TextSpacingProps };

package/dist/components/text-spacing/text-spacing.js

@@ -0,0 +1,17 @@
+import '../../assets/text-spacing.css';
+import { jsx as p } from "react/jsx-runtime";
+import { c as d } from "../../clsx-DB4S2d7J.js";
+import m from "react";
+import { $ as i } from "../../index-DpfSJps6.js";
+const n = {
+  "teddy-text-spacing": "_teddy-text-spacing_dwbo8_1"
+}, f = "teddy-text-spacing", x = m.forwardRef(
+  ({ className: t, asChild: e = !1, children: s, ...c }, o) => {
+    const a = e ? i : "div", r = d([n[`${f}`]], t);
+    return /* @__PURE__ */ p(a, { ...c, ref: o, className: r, children: s });
+  }
+);
+x.displayName = "TextSpacing";
+export {
+  x as TextSpacing
+};

package/dist/components/visually-hidden/index.d.ts

@@ -0,0 +1,2 @@
+export { VisuallyHidden } from './visually-hidden';
+export type { VisuallyHiddenProps } from './visually-hidden';

package/dist/components/visually-hidden/index.js

@@ -0,0 +1,4 @@
+import { VisuallyHidden as i } from "./visually-hidden.js";
+export {
+  i as VisuallyHidden
+};

package/dist/components/visually-hidden/visually-hidden.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+
+type VisuallyHiddenProps = React.ComponentPropsWithoutRef<'span'> & {
+    visibleOnFocus?: boolean;
+    asChild?: boolean;
+};
+/**
+ * This component is used to hide content visually, but still accessible to screen readers
+ * */
+declare const VisuallyHidden: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    visibleOnFocus?: boolean | undefined;
+    asChild?: boolean | undefined;
+} & React.RefAttributes<HTMLSpanElement>>;
+export { VisuallyHidden };
+export type { VisuallyHiddenProps };

package/dist/components/visually-hidden/visually-hidden.js

@@ -0,0 +1,24 @@
+import '../../assets/visually-hidden.css';
+import { jsx as r } from "react/jsx-runtime";
+import { c as n } from "../../clsx-DB4S2d7J.js";
+import y from "react";
+import { $ as u } from "../../index-DpfSJps6.js";
+const e = {
+  "teddy-visually-hidden": "_teddy-visually-hidden_15nus_1",
+  "teddy-visually-hidden--focusable": "_teddy-visually-hidden--focusable_15nus_15"
+}, d = "teddy-visually-hidden", f = y.forwardRef(
+  ({ className: a, visibleOnFocus: s, asChild: l, ...o }, t) => {
+    const c = l ? u : "span", i = n(
+      {
+        [e[`${d}`]]: !s,
+        [e[`${d}--focusable`]]: s
+      },
+      a
+    );
+    return /* @__PURE__ */ r(c, { ...o, ref: t, className: i });
+  }
+);
+f.displayName = "VisuallyHidden";
+export {
+  f as VisuallyHidden
+};