@tedi-design-system/react 18.0.0-rc.7 → 18.0.0-rc.8

package/src/tedi/components/layout/sidenav/components/sidenav-mobile/sidenav-mobile.d.ts

@@ -1,14 +0,0 @@
-import { default as React } from 'react';
-import { SideNavItemProps } from '../sidenav-item/sidenav-item';
-type SideNavMobileProps<C extends React.ElementType = 'a'> = {
-    navItems: SideNavItemProps<C>[];
-    ariaLabel: string;
-    linkAs?: C;
-    isOpen: boolean;
-    onClose: () => void;
-    showOverlay?: boolean;
-    id?: string;
-    className?: string;
-};
-export declare const SideNavMobile: <C extends React.ElementType = "a">({ navItems, ariaLabel, linkAs, isOpen, onClose, showOverlay, id, className, }: SideNavMobileProps<C>) => import("react/jsx-runtime").JSX.Element | null;
-export {};

package/src/tedi/components/layout/sidenav/components/sidenav-toggle/sidenav-toggle.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("react/jsx-runtime"),b=require("../../../../../../../external/classnames/index.cjs.js"),_=require("../../../../buttons/button/button.cjs.js"),y=require("../../../../buttons/floating-button/floating-button.cjs.js"),o=require("./sidenav-toggle.module.scss.cjs.js"),m=require("../../../../../providers/label-provider/use-labels.cjs.js"),i=({menuOpen:l,toggleMenu:s,referenceRef:n,getReferenceProps:a=()=>({}),variant:e="mobile",className:c})=>{const{getLabel:d}=m.useLabels(),u=d("header.toggle",l),r=b.default(o.default["tedi-sidenav-toggle"],{[o.default["tedi-sidenav-toggle--open"]]:l,[o.default[`tedi-sidenav-toggle--${e}`]]:!0},c),g=e==="collapse"?y.FloatingButton:_.Button,f=t=>{(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),s(!l))};return p.jsx(g,{...a(),ref:n,icon:{name:e==="collapse"?l?"right_panel_open":"left_panel_open":l?"close":"menu",className:o.default["tedi-sidenav-toggle__icon"],size:e==="collapse"?18:24},visualType:e==="collapse"?"secondary":"primary",className:r,onClick:()=>s(!l),onKeyDown:f,position:e==="collapse"?"absolute":"static",size:e==="collapse"?"small":"",children:u})};exports.SidenavToggle=i;exports.default=i;

package/src/tedi/components/layout/sidenav/components/sidenav-toggle/sidenav-toggle.d.ts

@@ -1,31 +0,0 @@
-import { default as React } from 'react';
-import { UnknownType } from '../../../../../types/commonTypes';
-export type SidenavToggleVariant = 'mobile' | 'collapse';
-export type SidenavToggleProps = {
-    /**
-     * Is the menu open (for mobile) or expanded (for collapse)
-     */
-    menuOpen: boolean;
-    /**
-     * Toggle open/collapse state
-     */
-    toggleMenu: (open: boolean) => void;
-    /**
-     * Optional ref to attach to button (for floating UI etc.)
-     */
-    referenceRef?: React.Ref<UnknownType>;
-    /**
-     * Optional props passed from floating UI
-     */
-    getReferenceProps?: () => UnknownType;
-    /**
-     * Variant of toggle (mobile overlay or collapse control)
-     */
-    variant?: SidenavToggleVariant;
-    /**
-     * Add custom class to override styles
-     */
-    className?: string;
-};
-export declare const SidenavToggle: ({ menuOpen, toggleMenu, referenceRef, getReferenceProps, variant, className, }: SidenavToggleProps) => import("react/jsx-runtime").JSX.Element;
-export default SidenavToggle;

package/src/tedi/components/layout/sidenav/components/sidenav-toggle/sidenav-toggle.es.js

@@ -1,48 +0,0 @@
-import { jsx as d } from "react/jsx-runtime";
-import f from "../../../../../../../external/classnames/index.es.js";
-import { Button as y } from "../../../../buttons/button/button.es.js";
-import { FloatingButton as _ } from "../../../../buttons/floating-button/floating-button.es.js";
-import l from "./sidenav-toggle.module.scss.es.js";
-import { useLabels as b } from "../../../../../providers/label-provider/use-labels.es.js";
-const L = ({
-  menuOpen: o,
-  toggleMenu: t,
-  referenceRef: i,
-  getReferenceProps: a = () => ({}),
-  variant: e = "mobile",
-  className: c
-}) => {
-  const { getLabel: r } = b(), n = r("header.toggle", o), p = f(
-    l["tedi-sidenav-toggle"],
-    {
-      [l["tedi-sidenav-toggle--open"]]: o,
-      [l[`tedi-sidenav-toggle--${e}`]]: !0
-    },
-    c
-  ), m = e === "collapse" ? _ : y, g = (s) => {
-    (s.key === "Enter" || s.key === " ") && (s.preventDefault(), t(!o));
-  };
-  return /* @__PURE__ */ d(
-    m,
-    {
-      ...a(),
-      ref: i,
-      icon: {
-        name: e === "collapse" ? o ? "right_panel_open" : "left_panel_open" : o ? "close" : "menu",
-        className: l["tedi-sidenav-toggle__icon"],
-        size: e === "collapse" ? 18 : 24
-      },
-      visualType: e === "collapse" ? "secondary" : "primary",
-      className: p,
-      onClick: () => t(!o),
-      onKeyDown: g,
-      position: e === "collapse" ? "absolute" : "static",
-      size: e === "collapse" ? "small" : "",
-      children: n
-    }
-  );
-};
-export {
-  L as SidenavToggle,
-  L as default
-};

package/src/tedi/components/layout/sidenav/components/sidenav-toggle/sidenav-toggle.module.scss.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-sidenav-toggle":"tedi-sidenav-toggle-5aa60f9e","tedi-sidenav-toggle__icon":"tedi-sidenav-toggle__icon-a52afb07","tedi-sidenav-toggle--collapse":"tedi-sidenav-toggle--collapse-3b54974c"};exports.default=e;

package/src/tedi/components/layout/sidenav/components/sidenav-toggle/sidenav-toggle.module.scss.es.js

@@ -1,8 +0,0 @@
-const e = {
-  "tedi-sidenav-toggle": "tedi-sidenav-toggle-5aa60f9e",
-  "tedi-sidenav-toggle__icon": "tedi-sidenav-toggle__icon-a52afb07",
-  "tedi-sidenav-toggle--collapse": "tedi-sidenav-toggle--collapse-3b54974c"
-};
-export {
-  e as default
-};