@telia/teddy 0.3.0 → 0.3.2

package/dist/components/notification/notification.js

@@ -1,99 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import React__default from "react";
-import clsx from "clsx";
-import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
-import { useControllableState } from "@radix-ui/react-use-controllable-state";
-import { Text as Text$1 } from "../text/text.js";
-import { Button } from "../button/button.js";
-import "../../assets/sprite.1321fab0-teddy.svg";
-import { Icon as Icon$1 } from "../icon/icon.js";
-import { Heading as Heading$1 } from "../heading/heading.js";
-import { Card } from "../card/index.js";
-const styles = {
-  "teddy-notification": "_teddy-notification_1ref8_3",
-  "teddy-notification__dismiss": "_teddy-notification__dismiss_1ref8_12",
-  "teddy-notification--success": "_teddy-notification--success_1ref8_16",
-  "teddy-notification--warning": "_teddy-notification--warning_1ref8_21",
-  "teddy-notification--error": "_teddy-notification--error_1ref8_26",
-  "teddy-notification--information": "_teddy-notification--information_1ref8_31",
-  "teddy-notification__heading": "_teddy-notification__heading_1ref8_36",
-  "teddy-notification__icon": "_teddy-notification__icon_1ref8_41"
-};
-const rootClassName = "teddy-notification";
-const NotificationContext = React__default.createContext(void 0);
-const Root = React__default.forwardRef(
-  ({ className, open: openProp, defaultOpen, onOpenChange, variant, ...props }, forwardRef) => {
-    const classes = clsx([styles[`${rootClassName}`]], styles[`${rootClassName}--${variant}`], className);
-    const [open = true, setOpen] = useControllableState({
-      prop: openProp,
-      defaultProp: defaultOpen,
-      onChange: onOpenChange
-    });
-    return /* @__PURE__ */ jsx(NotificationContext.Provider, { value: { variant }, children: /* @__PURE__ */ jsx(CollapsiblePrimitive.Root, { open, onOpenChange: setOpen, asChild: true, children: /* @__PURE__ */ jsx(CollapsiblePrimitive.Content, { asChild: true, children: /* @__PURE__ */ jsx(Card, { variant: "white", as: void 0, bordered: true, ...props, ref: forwardRef, className: classes }) }) }) });
-  }
-);
-Root.displayName = "Notification";
-function getVariantIcon(variant) {
-  switch (variant) {
-    case "success":
-      return "check-circle-filled";
-    case "error":
-      return "error-filled";
-    case "warning":
-      return "alert-filled";
-    case "information":
-      return "info-filled";
-  }
-}
-const Icon = React__default.forwardRef(
-  ({ className, ...props }, forwardRef) => {
-    const classes = clsx([styles[`${rootClassName}__icon`]], className);
-    const context = React__default.useContext(NotificationContext);
-    const name = props.name || getVariantIcon(context == null ? void 0 : context.variant);
-    if (!name)
-      return null;
-    return /* @__PURE__ */ jsx(Icon$1, { size: "md", ...props, name, ref: forwardRef, className: classes });
-  }
-);
-Icon.displayName = "Notification.Icon";
-const Heading = React__default.forwardRef(
-  ({ className, ...props }, forwardRef) => {
-    const classes = clsx([styles[`${rootClassName}__heading`]], className);
-    return /* @__PURE__ */ jsx(Heading$1, { ...props, variant: "subsection-100", asChild: false, ref: forwardRef, className: classes });
-  }
-);
-Heading.displayName = "Notification.Heading";
-const Text = React__default.forwardRef(
-  ({ className, ...props }, forwardRef) => {
-    const classes = clsx([styles[`${rootClassName}__text`]], className);
-    return /* @__PURE__ */ jsx(Text$1, { ...props, ref: forwardRef, className: classes });
-  }
-);
-Text.displayName = "Notification.Text";
-const Dismiss = React__default.forwardRef(
-  ({ className, children, ...props }, forwardRef) => {
-    const classes = clsx([styles[`${rootClassName}__dismiss`]], className);
-    return /* @__PURE__ */ jsx(CollapsiblePrimitive.Trigger, { asChild: true, children: /* @__PURE__ */ jsx(
-      Button,
-      {
-        iconOnly: true,
-        "aria-label": "Lukk",
-        variant: "tertiary-purple",
-        ...props,
-        ref: forwardRef,
-        className: classes,
-        children: children || /* @__PURE__ */ jsx(Icon$1, { name: "close" })
-      }
-    ) });
-  }
-);
-Dismiss.displayName = "Notification.Dismiss";
-const Notification = Object.assign(Root, {
-  Text,
-  Heading,
-  Icon,
-  Dismiss
-});
-export {
-  Notification
-};