@ncds/ui-admin 0.0.32 → 0.0.34

package/dist/esm/src/components/input/InputBase.js

@@ -1,177 +0,0 @@
-var __assign = this && this.__assign || function () {
-  __assign = Object.assign || function (t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-    }
-    return t;
-  };
-  return __assign.apply(this, arguments);
-};
-var __rest = this && this.__rest || function (s, e) {
-  var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Icon from '@ncds/ui-admin-icon';
-import { forwardRef } from 'react';
-import classNames from 'classnames';
-import { COLOR } from '../../../constant/color';
-import { Label } from '../shared/label/Label';
-import { HintText } from '../shared/hintText/HintText';
-var validationSvgSize = {
-  xs: 14,
-  md: 16
-};
-var generalSvgSize = {
-  xs: 14,
-  md: 20
-};
-export var InputBase = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var _b = _a.size,
-    size = _b === void 0 ? 'md' : _b,
-    required = _a.required,
-    label = _a.label,
-    hintText = _a.hintText,
-    disabled = _a.disabled,
-    validation = _a.validation,
-    destructive = _a.destructive,
-    leadingElement = _a.leadingElement,
-    trailingElement = _a.trailingElement,
-    showHelpIcon = _a.showHelpIcon,
-    props = __rest(_a, ["size", "required", "label", "hintText", "disabled", "validation", "destructive", "leadingElement", "trailingElement", "showHelpIcon"]);
-  var renderOutsideSlot = function (slot) {
-    if (slot.type === 'custom' && slot.placement !== 'outside') {
-      return null;
-    }
-    switch (slot.type) {
-      case 'button':
-        return _jsx("button", __assign({
-          type: slot.isSubmit ? 'submit' : 'button',
-          className: classNames('ncua-input__button', "ncua-input__button--".concat(size)),
-          onClick: slot.onClick
-        }, {
-          children: slot.label
-        }));
-      case 'text':
-        return _jsx("span", __assign({
-          className: classNames('ncua-input__leading-text', "ncua-input__leading-text--".concat(size))
-        }, {
-          children: slot.text
-        }));
-      case 'custom':
-        return slot.children;
-      default:
-        return null;
-    }
-  };
-  var renderInsideSlot = function (slot, position) {
-    var _a, _b;
-    switch (slot.type) {
-      case 'icon':
-        return _jsx("div", __assign({
-          className: "ncua-input__icon-wrap"
-        }, {
-          children: _jsx(Icon, {
-            className: classNames("ncua-input__".concat(position, "-icon"), slot.className),
-            name: slot.icon,
-            color: slot.color ? COLOR[slot.color] : undefined,
-            width: (_a = slot.size) !== null && _a !== void 0 ? _a : generalSvgSize[size],
-            height: (_b = slot.size) !== null && _b !== void 0 ? _b : generalSvgSize[size]
-          })
-        }));
-      case 'custom':
-        return slot.children;
-      default:
-        return null;
-    }
-  };
-  var renderClearButton = function () {
-    if (!props.clearText) return null;
-    return _jsx("button", __assign({
-      className: "ncua-input__icon-wrap ncua-input__right-icon ncua-input__clear",
-      onClick: props.onClearText
-    }, {
-      children: _jsx(Icon, {
-        name: "x",
-        className: "ncua-input__clear-icon",
-        width: validationSvgSize[size],
-        height: validationSvgSize[size]
-      })
-    }));
-  };
-  var renderStatusIcon = function () {
-    if (destructive) {
-      return _jsx("div", __assign({
-        className: "ncua-input__icon-wrap ncua-input__right-icon"
-      }, {
-        children: _jsx(Icon, {
-          name: "info-circle",
-          className: "ncua-input__destructive-icon",
-          width: validationSvgSize[size],
-          height: validationSvgSize[size]
-        })
-      }));
-    }
-    if (validation) {
-      return _jsx("div", __assign({
-        className: "ncua-input__icon-wrap ncua-input__right-icon"
-      }, {
-        children: _jsx(Icon, {
-          name: "check-circle",
-          className: "ncua-input__validation-icon",
-          width: validationSvgSize[size],
-          height: validationSvgSize[size]
-        })
-      }));
-    }
-    return null;
-  };
-  var renderLabel = function () {
-    if (!label) return null;
-    return _jsxs("div", __assign({
-      className: classNames('ncua-input__label', "ncua-input__label--".concat(size))
-    }, {
-      children: [_jsx(Label, __assign({
-        isRequired: required,
-        htmlFor: props.id
-      }, {
-        children: label
-      })), showHelpIcon && _jsx(Icon, {
-        className: "ncua-input__help-icon",
-        name: "help-circle"
-      })]
-    }));
-  };
-  return _jsxs("div", __assign({
-    className: classNames('ncua-input', "ncua-input--".concat(size), {
-      destructive: destructive,
-      'is-disabled': disabled,
-      'ncua-input__trailing-button': (trailingElement === null || trailingElement === void 0 ? void 0 : trailingElement.type) === 'button',
-      'ncua-input__leading-text-wrap': (leadingElement === null || leadingElement === void 0 ? void 0 : leadingElement.type) === 'text'
-    })
-  }, {
-    children: [renderLabel(), _jsxs("div", __assign({
-      className: "ncua-input__content"
-    }, {
-      children: [leadingElement && renderOutsideSlot(leadingElement), _jsxs("div", __assign({
-        className: classNames('ncua-input__field', "ncua-input__field--".concat(size))
-      }, {
-        children: [leadingElement && renderInsideSlot(leadingElement, 'left'), _jsx("input", __assign({
-          ref: ref,
-          type: "text",
-          disabled: disabled
-        }, props)), trailingElement && renderInsideSlot(trailingElement, 'right'), renderClearButton(), renderStatusIcon()]
-      })), trailingElement && renderOutsideSlot(trailingElement)]
-    })), hintText && _jsx(HintText, __assign({
-      className: "ncua-input__hint-text",
-      destructive: destructive
-    }, {
-      children: hintText
-    }))]
-  }));
-});

package/dist/esm/src/components/input/PasswordInput.js

@@ -1,87 +0,0 @@
-var __assign = this && this.__assign || function () {
-  __assign = Object.assign || function (t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-    }
-    return t;
-  };
-  return __assign.apply(this, arguments);
-};
-var __rest = this && this.__rest || function (s, e) {
-  var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, useEffect, useRef, useState } from 'react';
-import { InputBase } from './InputBase';
-import { Eye, EyeOff } from '@ncds/ui-admin-icon';
-import classNames from 'classnames';
-var svgSize = {
-  xs: 14,
-  md: 20
-};
-export var PasswordInput = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var _b = _a.size,
-    size = _b === void 0 ? 'md' : _b,
-    props = __rest(_a, ["size"]);
-  var inputRef = useRef(null);
-  var _c = useState(false),
-    isVisible = _c[0],
-    setIsVisible = _c[1];
-  var _d = useState(false),
-    hasContent = _d[0],
-    setHasContent = _d[1];
-  var svgProps = {
-    width: svgSize[size],
-    height: svgSize[size]
-  };
-  var handleVisibilityChange = function () {
-    setIsVisible(!isVisible);
-  };
-  useEffect(function () {
-    if (inputRef.current) {
-      setHasContent(!!inputRef.current.value);
-      var handleInput_1 = function () {
-        var _a;
-        setHasContent(!!((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.value));
-      };
-      inputRef.current.addEventListener('input', handleInput_1);
-      return function () {
-        var _a;
-        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('input', handleInput_1);
-      };
-    }
-  }, []);
-  return _jsx(InputBase, __assign({
-    ref: function (node) {
-      if (typeof ref === 'function') {
-        ref(node);
-      } else if (ref) {
-        ref.current = node;
-      }
-      inputRef.current = node;
-    },
-    size: size,
-    type: isVisible ? 'text' : 'password',
-    leadingElement: {
-      type: 'icon',
-      icon: 'lock-01',
-      color: hasContent ? 'gray600' : 'gray300'
-    },
-    trailingElement: {
-      type: 'custom',
-      placement: 'inside',
-      children: _jsx("button", __assign({
-        className: classNames('ncua-input__icon-wrap', 'ncua-input__right-icon', 'ncua-input__password-icon'),
-        onClick: handleVisibilityChange
-      }, {
-        children: isVisible ? _jsx(Eye, __assign({}, svgProps)) : _jsx(EyeOff, __assign({}, svgProps))
-      }))
-    }
-  }, props));
-});

package/dist/esm/src/components/input/Textarea.js

@@ -1,108 +0,0 @@
-var __assign = this && this.__assign || function () {
-  __assign = Object.assign || function (t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-    }
-    return t;
-  };
-  return __assign.apply(this, arguments);
-};
-var __rest = this && this.__rest || function (s, e) {
-  var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import classNames from 'classnames';
-import { forwardRef, useEffect, useRef, useState } from 'react';
-import { Label } from '../shared/label/Label';
-import { HintText } from '../shared/hintText/HintText';
-export var Textarea = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var _b;
-  var className = _a.className,
-    _c = _a.size,
-    size = _c === void 0 ? 'md' : _c,
-    label = _a.label,
-    required = _a.required,
-    disabled = _a.disabled,
-    hintText = _a.hintText,
-    characterCount = _a.characterCount,
-    destructive = _a.destructive,
-    props = __rest(_a, ["className", "size", "label", "required", "disabled", "hintText", "characterCount", "destructive"]);
-  var textareaRef = useRef(null);
-  var _d = useState(0),
-    textCount = _d[0],
-    setTextCount = _d[1];
-  var shouldShowHintArea = hintText || characterCount;
-  useEffect(function () {
-    if (textareaRef.current && characterCount) {
-      setTextCount(textareaRef.current.value.length);
-      var handleInput_1 = function () {
-        var _a, _b;
-        setTextCount((_b = (_a = textareaRef.current) === null || _a === void 0 ? void 0 : _a.value.length) !== null && _b !== void 0 ? _b : 0);
-      };
-      textareaRef.current.addEventListener('input', handleInput_1);
-      return function () {
-        var _a;
-        (_a = textareaRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('input', handleInput_1);
-      };
-    }
-  }, [characterCount]);
-  return _jsxs("div", __assign({
-    className: classNames('ncua-input', 'ncua-input--textarea', "ncua-input--textarea--".concat(size), {
-      destructive: destructive,
-      'is-disabled': disabled
-    }, className)
-  }, {
-    children: [label && _jsx(Label, __assign({
-      htmlFor: props.id,
-      isRequired: required
-    }, {
-      children: label
-    })), _jsx("div", __assign({
-      className: "ncua-input__content"
-    }, {
-      children: _jsx("div", __assign({
-        className: "ncua-input__field"
-      }, {
-        children: _jsx("textarea", __assign({
-          ref: function (node) {
-            if (typeof ref === 'function') {
-              ref(node);
-            } else if (ref) {
-              ref.current = node;
-            }
-            textareaRef.current = node;
-          },
-          className: "ncua-input__textarea",
-          disabled: disabled
-        }, props))
-      }))
-    })), shouldShowHintArea && _jsxs("div", __assign({
-      className: "ncua-input__text-count-wrap"
-    }, {
-      children: [hintText && _jsx(HintText, __assign({
-        as: "div",
-        destructive: destructive
-      }, {
-        children: hintText
-      })), characterCount && _jsx("div", __assign({
-        className: "ncua-input__text-count"
-      }, {
-        children: _jsxs("span", __assign({
-          className: "ncua-input__text-count-text"
-        }, {
-          children: [_jsx("span", __assign({
-            className: "ncua-input__text-count-text-count"
-          }, {
-            children: textCount
-          })), "/", (_b = props.maxLength) !== null && _b !== void 0 ? _b : 0]
-        }))
-      }))]
-    }))]
-  }));
-});

package/dist/esm/src/components/modal/Modal.js

@@ -1,188 +0,0 @@
-var __assign = this && this.__assign || function () {
-  __assign = Object.assign || function (t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-    }
-    return t;
-  };
-  return __assign.apply(this, arguments);
-};
-var __rest = this && this.__rest || function (s, e) {
-  var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import classnames from 'classnames';
-import { useEffect, useRef } from 'react';
-import ReactDOM from 'react-dom';
-import { FeaturedIcon } from '../featured-icon';
-import Icon from '@ncds/ui-admin-icon';
-export var Modal = function (_a) {
-  var isOpen = _a.isOpen,
-    onClose = _a.onClose,
-    children = _a.children,
-    _b = _a.size,
-    size = _b === void 0 ? 'md' : _b,
-    _c = _a.closeOnBackdropClick,
-    closeOnBackdropClick = _c === void 0 ? true : _c,
-    _d = _a.closeOnEsc,
-    closeOnEsc = _d === void 0 ? true : _d,
-    className = _a.className,
-    restProps = __rest(_a, ["isOpen", "onClose", "children", "size", "closeOnBackdropClick", "closeOnEsc", "className"]);
-  var modalRef = useRef(null);
-  var handleBackdropClick = function (e) {
-    if (closeOnBackdropClick && e.target === e.currentTarget) {
-      onClose();
-    }
-  };
-  useEffect(function () {
-    var handleKeyDown = function (e) {
-      if (isOpen && closeOnEsc && e.key === 'Escape') {
-        onClose();
-      }
-    };
-    if (isOpen) {
-      document.addEventListener('keydown', handleKeyDown);
-      document.body.style.overflow = 'hidden';
-    }
-    return function () {
-      document.removeEventListener('keydown', handleKeyDown);
-      document.body.style.overflow = '';
-    };
-  }, [isOpen, closeOnEsc, onClose]);
-  if (!isOpen) return null;
-  var modalContent = _jsx("div", __assign({
-    className: classnames('ncua-modal-backdrop', className),
-    onClick: handleBackdropClick,
-    ref: modalRef
-  }, restProps, {
-    children: _jsx("div", __assign({
-      className: classnames('ncua-modal', "ncua-modal--".concat(size))
-    }, {
-      children: children
-    }))
-  }));
-  return /*#__PURE__*/ReactDOM.createPortal(modalContent, document.body);
-};
-Modal.Header = function (_a) {
-  var children = _a.children,
-    onClose = _a.onClose,
-    featuredIcon = _a.featuredIcon,
-    title = _a.title,
-    subtitle = _a.subtitle,
-    _b = _a.align,
-    align = _b === void 0 ? 'left' : _b,
-    _c = _a.showDivider,
-    showDivider = _c === void 0 ? false : _c,
-    _d = _a.hideCloseButton,
-    hideCloseButton = _d === void 0 ? false : _d;
-  return _jsxs(_Fragment, {
-    children: [_jsxs("header", __assign({
-      className: classnames('ncua-modal__header', "ncua-modal__header--".concat(align), {
-        'ncua-modal__header--close-button': !hideCloseButton
-      })
-    }, {
-      children: [featuredIcon && _jsx(FeaturedIcon, {
-        name: featuredIcon.name,
-        color: featuredIcon.color,
-        theme: featuredIcon.theme,
-        size: "sm"
-      }), _jsxs("div", __assign({
-        className: "ncua-modal__title"
-      }, {
-        children: [_jsx("div", __assign({
-          className: "ncua-modal__title-text"
-        }, {
-          children: title
-        })), subtitle && _jsx("div", __assign({
-          className: "ncua-modal__title-subtitle"
-        }, {
-          children: subtitle
-        }))]
-      })), children, !hideCloseButton && _jsx("button", __assign({
-        className: "ncua-modal__close-button",
-        onClick: onClose
-      }, {
-        children: _jsx(Icon, {
-          name: "x-close"
-        })
-      }))]
-    })), showDivider && _jsx("div", {
-      className: "ncua-modal__header-divider"
-    })]
-  });
-};
-Modal.Content = function (_a) {
-  var children = _a.children;
-  return _jsx("div", __assign({
-    className: "ncua-modal__content"
-  }, {
-    children: children
-  }));
-};
-/**
- * Modal.Actions - The actions area of the modal
- *
- * Examples:
- *
- * 1. Vertical layout (buttons stacked):
- * <Modal.Actions layout="vertical" align="stretch">
- *   <Button size="sm" label="Confirm" onClick={handleConfirm} hierarchy="primary" />
- *   <Button size="sm" label="Cancel" onClick={handleCancel} hierarchy="secondary-gray" />
- * </Modal.Actions>
- *
- * 2. Horizontal layout (buttons side by side):
- * <Modal.Actions layout="horizontal" align="stretch">
- *   <Button size="sm" label="Confirm" onClick={handleConfirm} hierarchy="primary" />
- *   <Button size="sm" label="Cancel" onClick={handleCancel} hierarchy="secondary-gray" />
- * </Modal.Actions>
- *
- * 3. Checkbox layout (checkbox on left, buttons on right):
- * <Modal.Actions layout="checkbox" align="stretch" checkboxContent={
- *   <>
- *     <Checkbox text="Never show again" />
- *     <a href="#">Settings</a>
- *   </>
- * }>
- *   <Button size="sm" label="Cancel" onClick={handleCancel} hierarchy="secondary-gray" />
- *   <Button size="sm" label="Confirm" onClick={handleConfirm} hierarchy="primary" />
- * </Modal.Actions>
- */
-Modal.Actions = function (_a) {
-  var children = _a.children,
-    _b = _a.layout,
-    layout = _b === void 0 ? 'vertical' : _b,
-    _c = _a.showDivider,
-    showDivider = _c === void 0 ? false : _c,
-    _d = _a.align,
-    align = _d === void 0 ? 'stretch' : _d,
-    checkboxContent = _a.checkboxContent;
-  return _jsxs(_Fragment, {
-    children: [showDivider && _jsx("div", {
-      className: "ncua-modal__actions-divider"
-    }), _jsxs("div", __assign({
-      className: classnames('ncua-modal__actions-wrapper', {
-        'ncua-modal__actions-wrapper--checkbox': layout === 'checkbox'
-      })
-    }, {
-      children: [layout === 'checkbox' && _jsx("div", __assign({
-        className: "ncua-modal__actions-checkbox"
-      }, {
-        children: _jsx("div", __assign({
-          className: "ncua-modal__actions-checkbox-content"
-        }, {
-          children: checkboxContent
-        }))
-      })), _jsx("div", __assign({
-        className: classnames('ncua-modal__actions', "ncua-modal__actions--".concat(layout), "ncua-modal__actions--".concat(align))
-      }, {
-        children: children
-      }))]
-    }))]
-  });
-};

package/dist/esm/src/components/modal/index.js

@@ -1 +0,0 @@
-export * from './Modal';

package/dist/esm/src/components/notification/FloatingNotification.js

@@ -1,97 +0,0 @@
-var __assign = this && this.__assign || function () {
-  __assign = Object.assign || function (t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-    }
-    return t;
-  };
-  return __assign.apply(this, arguments);
-};
-var __rest = this && this.__rest || function (s, e) {
-  var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { FeaturedIcon } from '../featured-icon/FeaturedIcon';
-import Icon from '@ncds/ui-admin-icon';
-import classNames from 'classnames';
-import { forwardRef } from 'react';
-var iconNameMap = {
-  neutral: 'pin-02',
-  error: 'alert-triangle',
-  warning: 'alert-circle',
-  success: 'check-circle'
-};
-export var FloatingNotification = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var title = _a.title,
-    supportingText = _a.supportingText,
-    _b = _a.variant,
-    variant = _b === void 0 ? 'neutral' : _b,
-    onClose = _a.onClose,
-    className = _a.className,
-    actions = _a.actions,
-    rest = __rest(_a, ["title", "supportingText", "variant", "onClose", "className", "actions"]);
-  var iconColor = variant;
-  var featuredIconProps = {
-    name: iconNameMap[variant],
-    size: 'sm',
-    color: iconColor,
-    theme: 'dark-circle'
-  };
-  return _jsxs("div", __assign({
-    ref: ref,
-    className: classNames('ncua-floating-notification', "ncua-floating-notification--".concat(variant), className),
-    role: "alert"
-  }, rest, {
-    children: [_jsx("div", __assign({
-      className: "ncua-floating-notification__content"
-    }, {
-      children: _jsxs("div", __assign({
-        className: "ncua-floating-notification__container"
-      }, {
-        children: [iconNameMap[variant] && _jsxs(_Fragment, {
-          children: [_jsx(FeaturedIcon, __assign({}, featuredIconProps, {
-            className: "ncua-floating-notification__pc-icon"
-          })), _jsx(FeaturedIcon, __assign({}, featuredIconProps, {
-            size: "md",
-            className: "ncua-floating-notification__mobile-icon"
-          }))]
-        }), _jsxs("div", __assign({
-          className: "ncua-floating-notification__text-container"
-        }, {
-          children: [_jsx("div", __assign({
-            className: "ncua-floating-notification__title-wrapper"
-          }, {
-            children: _jsx("span", __assign({
-              className: "ncua-floating-notification__title"
-            }, {
-              children: title
-            }))
-          })), supportingText && _jsx("span", __assign({
-            className: "ncua-floating-notification__supporting-text"
-          }, {
-            children: supportingText
-          })), actions && _jsx("div", __assign({
-            className: "ncua-floating-notification__actions"
-          }, {
-            children: actions
-          }))]
-        }))]
-      }))
-    })), onClose && _jsx("button", __assign({
-      type: "button",
-      className: "ncua-floating-notification__close-button",
-      onClick: onClose,
-      "aria-label": "\uC54C\uB9BC \uB2EB\uAE30"
-    }, {
-      children: _jsx(Icon, {
-        name: "x"
-      })
-    }))]
-  }));
-});