@ncds/ui-admin 0.0.21 → 0.0.23

package/dist/esm/src/components/progress-bar/ProgressBar.js

@@ -0,0 +1,50 @@
+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);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export var ProgressBar = function (_a) {
+  var label = _a.label,
+    value = _a.value;
+  var limitedValue = Math.min(Math.max(0, value), 100);
+  var displayValue = "".concat(limitedValue.toFixed(0), "%");
+  var progressValueStyle = label === 'top-float' || label === 'bottom-float' ? {
+    '--progress-value': "".concat(limitedValue, "%")
+  } : undefined;
+  var renderLabel = function (labelType) {
+    return _jsx("span", __assign({
+      className: "ncua-progress-bar__label ncua-progress-bar__label-".concat(labelType)
+    }, {
+      children: displayValue
+    }));
+  };
+  var isFloatingLabel = label === 'top-float' || label === 'bottom-float';
+  return _jsxs("div", __assign({
+    className: "ncua-progress-bar ncua-progress-bar-".concat(label),
+    style: progressValueStyle
+  }, {
+    children: [isFloatingLabel && renderLabel(label), _jsxs("div", __assign({
+      className: "ncua-progress-bar__content"
+    }, {
+      children: [_jsx("div", __assign({
+        className: "ncua-progress-bar__bar"
+      }, {
+        children: _jsx("div", {
+          className: "ncua-progress-bar__fill",
+          style: {
+            width: "".concat(limitedValue, "%")
+          },
+          "aria-valuenow": limitedValue,
+          "aria-valuemin": 0,
+          "aria-valuemax": 100
+        })
+      })), label === 'right' && renderLabel('right')]
+    })), label === 'bottom' && renderLabel('bottom')]
+  }));
+};

package/dist/esm/src/components/progress-bar/index.js

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

package/dist/esm/src/components/progress-circle/ProgressCircle.js

@@ -0,0 +1,114 @@
+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);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export var ProgressCircle = function (_a) {
+  var size = _a.size,
+    label = _a.label,
+    value = _a.value,
+    _b = _a.theme,
+    theme = _b === void 0 ? 'circle' : _b;
+  var limitedValue = Math.min(Math.max(0, value), 100);
+  if (theme === 'circle') {
+    return _jsxs("div", __assign({
+      className: "ncua-progress-circle ncua-progress-circle-".concat(size, " ncua-progress-circle-").concat(theme)
+    }, {
+      children: [_jsxs("div", __assign({
+        className: "ncua-progress-circle__content"
+      }, {
+        children: [_jsxs("svg", __assign({
+          className: "ncua-progress-circle__svg",
+          viewBox: "0 0 100 100"
+        }, {
+          children: [_jsx("circle", {
+            className: "ncua-progress-circle__background",
+            cx: "50",
+            cy: "50",
+            r: "45",
+            strokeWidth: "10",
+            fill: "none"
+          }), _jsx("circle", {
+            className: "ncua-progress-circle__progress",
+            cx: "50",
+            cy: "50",
+            r: "45",
+            strokeWidth: "10",
+            fill: "none",
+            strokeDasharray: "var(--circle-circumference)",
+            strokeDashoffset: "calc(var(--circle-circumference) * (1 - ".concat(limitedValue, " / 100))"),
+            transform: "rotate(-90 50 50)",
+            strokeLinecap: "round"
+          })]
+        })), _jsxs("div", __assign({
+          className: "ncua-progress-circle__label-container"
+        }, {
+          children: [size !== 'xxs' && label && _jsx("div", __assign({
+            className: "ncua-progress-circle__label-text"
+          }, {
+            children: label
+          })), _jsx("div", __assign({
+            className: "ncua-progress-circle__label"
+          }, {
+            children: "".concat(limitedValue, "%")
+          }))]
+        }))]
+      })), size === 'xxs' && label && _jsx("div", __assign({
+        className: "ncua-progress-circle__outside-label"
+      }, {
+        children: label
+      }))]
+    }));
+  } else {
+    return _jsxs("div", __assign({
+      className: "ncua-progress-circle ncua-progress-circle-".concat(size, " ncua-progress-circle-").concat(theme)
+    }, {
+      children: [_jsxs("div", __assign({
+        className: "ncua-progress-circle__content"
+      }, {
+        children: [_jsxs("svg", __assign({
+          className: "ncua-progress-circle__svg",
+          viewBox: "0 0 100 50"
+        }, {
+          children: [_jsx("path", {
+            className: "ncua-progress-circle__background",
+            d: "M 5 50 A 45 45 0 0 1 95 50",
+            strokeWidth: "10",
+            fill: "none",
+            strokeLinecap: "round"
+          }), _jsx("path", {
+            className: "ncua-progress-circle__progress",
+            d: "M 5 50 A 45 45 0 0 1 95 50",
+            strokeWidth: "10",
+            fill: "none",
+            strokeDasharray: "var(--half-circle-circumference)",
+            strokeDashoffset: "calc(var(--half-circle-circumference) * (1 - ".concat(limitedValue, " / 100))"),
+            strokeLinecap: "round"
+          })]
+        })), _jsxs("div", __assign({
+          className: "ncua-progress-circle__label-container"
+        }, {
+          children: [size !== 'xxs' && label && _jsx("div", __assign({
+            className: "ncua-progress-circle__label-text"
+          }, {
+            children: label
+          })), _jsx("div", __assign({
+            className: "ncua-progress-circle__label"
+          }, {
+            children: "".concat(limitedValue, "%")
+          }))]
+        }))]
+      })), size === 'xxs' && label && _jsx("div", __assign({
+        className: "ncua-progress-circle__outside-label"
+      }, {
+        children: label
+      }))]
+    }));
+  }
+};

package/dist/esm/src/components/progress-circle/index.js

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

package/dist/esm/src/components/slider/Slider.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from 'react';
+import { Slider as NcuaSlider } from '../../../assets/scripts/slider';
+export var Slider = function (_a) {
+  var _b = _a.min,
+    min = _b === void 0 ? 0 : _b,
+    _c = _a.max,
+    max = _c === void 0 ? 100 : _c,
+    _d = _a.step,
+    step = _d === void 0 ? 1 : _d,
+    _e = _a.value,
+    value = _e === void 0 ? 0 : _e,
+    onChange = _a.onChange,
+    labelPosition = _a.labelPosition,
+    _f = _a.disabled,
+    disabled = _f === void 0 ? false : _f,
+    className = _a.className;
+  var containerRef = useRef(null);
+  var sliderInstanceRef = useRef(null);
+  useEffect(function () {
+    if (!containerRef.current) return;
+    sliderInstanceRef.current = new NcuaSlider(containerRef.current, {
+      min: min,
+      max: max,
+      step: step,
+      value: value,
+      onChange: onChange,
+      labelPosition: labelPosition,
+      disabled: disabled
+    });
+    return function () {
+      if (sliderInstanceRef.current) {
+        sliderInstanceRef.current.destroy();
+        sliderInstanceRef.current = null;
+      }
+    };
+  }, [typeof value, onChange, min, max, step, labelPosition]);
+  useEffect(function () {
+    if (sliderInstanceRef.current) {
+      sliderInstanceRef.current.setValue(value);
+    }
+  }, [sliderInstanceRef, value]);
+  useEffect(function () {
+    if (sliderInstanceRef.current) {
+      if (disabled) {
+        sliderInstanceRef.current.disable();
+      } else {
+        sliderInstanceRef.current.enable();
+      }
+    }
+  }, [disabled]);
+  return _jsx("div", {
+    ref: containerRef,
+    className: "ncua-slider ".concat(className || '')
+  });
+};
+export default Slider;

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

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

package/dist/esm/src/components/tab/HorizontalTab.js

@@ -0,0 +1,69 @@
+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);
+};
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { uniqueId } from 'lodash';
+import 'swiper/css';
+import { Swiper, SwiperSlide } from 'swiper/react';
+import { TabButton } from './TabButton';
+export var HorizontalTab = function (_a) {
+  var _b = _a.type,
+    type = _b === void 0 ? 'button-primary' : _b,
+    size = _a.size,
+    activeTab = _a.activeTab,
+    onClick = _a.onClick,
+    _c = _a.fullWidth,
+    fullWidth = _c === void 0 ? false : _c,
+    _d = _a.menus,
+    menus = _d === void 0 ? [] : _d;
+  var getTabGap = function (type) {
+    var _a;
+    var gap = {
+      underline: 16
+    };
+    return (_a = gap[type]) !== null && _a !== void 0 ? _a : 8;
+  };
+  if (!menus.length) return _jsx(_Fragment, {});
+  return _jsx("div", __assign({
+    className: classNames('ncua-horizontal-tab', "ncua-horizontal-tab--".concat(type), {
+      'ncua-horizontal-tab--fullWidth': fullWidth
+    })
+  }, {
+    children: _jsx(Swiper, __assign({
+      slidesPerView: "auto",
+      spaceBetween: getTabGap(type)
+    }, {
+      children: menus.map(function (menu) {
+        var isActive = menu.href ? menu.href.includes(activeTab) : menu.id === activeTab;
+        var commonProps = {
+          id: menu.id,
+          label: menu.label,
+          badgeInfo: menu.badgeInfo,
+          isActive: isActive,
+          tabButtonType: type,
+          size: size,
+          onClick: function () {
+            var _a;
+            return onClick === null || onClick === void 0 ? void 0 : onClick((_a = menu.id) !== null && _a !== void 0 ? _a : '');
+          }
+        };
+        return _jsx(SwiperSlide, __assign({
+          className: "ncua-horizontal-tab__item"
+        }, {
+          children: menu.href ? _jsx(TabButton, __assign({}, commonProps, {
+            href: menu.href,
+            target: menu.target
+          })) : _jsx(TabButton, __assign({}, commonProps))
+        }), uniqueId('horizontal-tab'));
+      })
+    }))
+  }));
+};

package/dist/esm/src/components/tab/TabButton.js

@@ -0,0 +1,68 @@
+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 { Badge } from '../badge/Badge';
+export var TabButton = function (_a) {
+  var label = _a.label,
+    _b = _a.size,
+    size = _b === void 0 ? 'md' : _b,
+    tabButtonType = _a.tabButtonType,
+    type = _a.type,
+    _c = _a.isActive,
+    isActive = _c === void 0 ? false : _c,
+    badgeInfo = _a.badgeInfo,
+    className = _a.className,
+    children = _a.children,
+    props = __rest(_a, ["label", "size", "tabButtonType", "type", "isActive", "badgeInfo", "className", "children"]);
+  var tabType = tabButtonType || type;
+  var componentClassName = classNames('ncua-tab-button', "ncua-tab-button--".concat(size), "ncua-tab-button--".concat(tabType || 'button-primary'), {
+    'is-active': isActive
+  }, className);
+  if ('href' in props && props.href) {
+    var _d = props,
+      href = _d.href,
+      _e = _d.target,
+      target = _e === void 0 ? '_self' : _e,
+      onClick_1 = _d.onClick,
+      anchorProps = __rest(_d, ["href", "target", "onClick"]);
+    return _jsxs("a", __assign({
+      className: componentClassName,
+      href: href,
+      target: target,
+      onClick: onClick_1
+    }, anchorProps, {
+      children: [label, badgeInfo && _jsx(Badge, __assign({}, badgeInfo, {
+        size: "sm"
+      })), children]
+    }));
+  }
+  var _f = props,
+    onClick = _f.onClick,
+    buttonProps = __rest(_f, ["onClick"]);
+  return _jsxs("button", __assign({
+    type: "button",
+    className: componentClassName,
+    onClick: onClick
+  }, buttonProps, {
+    children: [label, badgeInfo && _jsx(Badge, __assign({}, badgeInfo, {
+      size: "xs"
+    })), children]
+  }));
+};

package/dist/esm/src/components/tab/VerticalTab.js

@@ -0,0 +1,67 @@
+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);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { Fragment } from 'react';
+import { Select } from '../select/Select';
+import { TabButton } from './TabButton';
+export var VerticalTab = function (_a) {
+  var _b = _a.type,
+    type = _b === void 0 ? 'button-primary' : _b,
+    _c = _a.breakPoint,
+    breakPoint = _c === void 0 ? 'pc' : _c,
+    activeTab = _a.activeTab,
+    menus = _a.menus,
+    onClick = _a.onClick;
+  var handleSelectChange = function (e) {
+    onClick === null || onClick === void 0 ? void 0 : onClick(e.target.value);
+  };
+  var optionItems = (menus === null || menus === void 0 ? void 0 : menus.map(function (menu) {
+    return {
+      id: menu.id || '',
+      label: menu.label || ''
+    };
+  })) || [];
+  return _jsx("div", __assign({
+    className: classNames('ncua-vertical-tab', "ncua-vertical-tab--".concat(type))
+  }, {
+    children: breakPoint === 'mobile' ? _jsx("div", __assign({
+      className: "ncua-vertical-tab__select"
+    }, {
+      children: _jsx(Select, {
+        value: activeTab,
+        onChange: handleSelectChange,
+        optionItems: optionItems,
+        size: "md"
+      })
+    })) : menus === null || menus === void 0 ? void 0 : menus.map(function (menu) {
+      var isActive = menu.href ? menu.href.includes(activeTab) : menu.id === activeTab;
+      var commonProps = {
+        id: menu.id,
+        label: menu.label,
+        badgeInfo: menu.badgeInfo,
+        isActive: isActive,
+        tabButtonType: type,
+        size: 'sm',
+        onClick: function () {
+          var _a;
+          return onClick === null || onClick === void 0 ? void 0 : onClick((_a = menu.id) !== null && _a !== void 0 ? _a : '');
+        }
+      };
+      return _jsx(Fragment, {
+        children: menu.href ? _jsx(TabButton, __assign({}, commonProps, {
+          href: menu.href,
+          target: menu.target
+        })) : _jsx(TabButton, __assign({}, commonProps))
+      }, menu.id);
+    })
+  }));
+};

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

@@ -0,0 +1,3 @@
+export * from './HorizontalTab';
+export * from './TabButton';
+export * from './VerticalTab';

package/dist/types/assets/scripts/index.d.ts

@@ -1,2 +1,3 @@
 export * from './test';
+export * from './slider';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/assets/scripts/slider.d.ts

@@ -0,0 +1,42 @@
+export interface SliderOptions {
+    min: number;
+    max: number;
+    step: number;
+    value: number | [number, number];
+    onChange?: (value: number | [number, number]) => void;
+    labelPosition?: 'bottom' | 'top-floating';
+    disabled?: boolean;
+}
+export declare class Slider {
+    private element;
+    private options;
+    private activeHandle;
+    private isDragging;
+    private value;
+    private handleElements;
+    private progressElement;
+    private trackElement;
+    constructor(element: HTMLElement, options: SliderOptions);
+    private init;
+    private createHandle;
+    private updateHandlePositions;
+    private updateHandleClasses;
+    private updateAriaAttributes;
+    private getPositionFromValue;
+    private getValueFromPosition;
+    private handleInteractionStart;
+    private handleMouseDown;
+    private handleTouchStart;
+    private handleMouseMove;
+    private handleTouchMove;
+    private handleMouseUp;
+    private handleTouchEnd;
+    private updateValueFromClientX;
+    private notifyChange;
+    setValue(value: number | [number, number]): void;
+    getValue(): number | [number, number];
+    disable(): void;
+    enable(): void;
+    destroy(): void;
+}
+//# sourceMappingURL=slider.d.ts.map

package/dist/types/src/components/breadcrumb/BreadCrumb.d.ts

@@ -0,0 +1,10 @@
+export interface BreadcrumbItemProps {
+    href?: string;
+    label: string;
+}
+export interface BreadcrumbProps {
+    items: BreadcrumbItemProps[];
+    className?: string;
+}
+export declare const BreadCrumb: ({ items, className }: BreadcrumbProps) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=BreadCrumb.d.ts.map

package/dist/types/src/components/breadcrumb/index.d.ts

@@ -0,0 +1,2 @@
+export * from './BreadCrumb';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/button/Button.d.ts

@@ -14,7 +14,7 @@ export type CustomSlotType = {
     children: ReactNode;
 };
 export type SideSlotType = IconSlotType | CustomSlotType;
-export type ButtonSize = Extract<Size, 'xs' | 'sm' | 'md' | 'lg'>;
+export type ButtonSize = Extract<Size, 'xxs' | 'xs' | 'sm' | 'md'>;
 type CommonButtonProps<T extends keyof HTMLElementTagNameMap> = Omit<ComponentProps<T>, 'ref'> & {
     label: string;
     className?: string;
@@ -38,6 +38,7 @@ type AnchorElementProps = CommonButtonProps<'a'> & {
 };
 export type ButtonProps = ButtonElementProps | AnchorElementProps;
 export declare const svgSize: Record<ButtonSize, number>;
+export declare const iconOnlySvgSize: Record<ButtonSize, number>;
 export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
 export {};
 //# sourceMappingURL=Button.d.ts.map

package/dist/types/src/components/button/ButtonGroup.d.ts

@@ -1,14 +1,15 @@
 import { IconName } from '@ncds/ui-admin-icon';
 import React, { ComponentProps } from 'react';
 import { ColorKeyType } from '../../../constant/color';
-import { ButtonSize } from './Button';
+import { Size } from '../../../constant/size';
+type ButtonGroupSize = Extract<Size, 'xs' | 'sm' | 'md' | 'lg'>;
 interface SideCommon {
     position?: 'leading' | 'trailing';
 }
 interface SideIcon {
     type: 'icon';
-    name: IconName;
-    size?: ButtonSize;
+    icon: IconName;
+    size?: ButtonGroupSize;
     color?: ColorKeyType;
 }
 interface SideCustom {
@@ -24,7 +25,7 @@ interface ButtonGroupItemCommonProps {
     disabled?: boolean;
 }
 interface ButtonGroupItemButtonProps extends ButtonGroupItemCommonProps, ComponentProps<'button'> {
-    as: 'button';
+    as?: 'button';
 }
 interface ButtonGroupItemAnchorProps extends ButtonGroupItemCommonProps, ComponentProps<'a'> {
     as: 'a';
@@ -33,7 +34,7 @@ interface ButtonGroupItemAnchorProps extends ButtonGroupItemCommonProps, Compone
 type ButtonGroupItemProps = ButtonGroupItemButtonProps | ButtonGroupItemAnchorProps;
 interface ButtonGroupProps {
     className?: string;
-    size?: ButtonSize;
+    size?: ButtonGroupSize;
     children: React.ReactNode;
     hasBorder?: boolean;
     onlyIcon?: boolean;

package/dist/types/src/components/checkbox/Checkbox.d.ts

@@ -1,4 +1,4 @@
-import { ChangeEvent, FC, MutableRefObject, ReactNode, RefCallback } from 'react';
+import { ChangeEvent, MutableRefObject, ReactNode, RefCallback } from 'react';
 import { CheckboxInputProps } from './CheckboxInput';
 export interface CheckboxProps extends Omit<CheckboxInputProps, 'type'> {
     text?: ReactNode;
@@ -6,5 +6,5 @@ export interface CheckboxProps extends Omit<CheckboxInputProps, 'type'> {
     checkboxRef?: RefCallback<HTMLInputElement> | MutableRefObject<HTMLInputElement | null>;
     onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
 }
-export declare const Checkbox: FC<CheckboxProps>;
+export declare const Checkbox: ({ size, indeterminate, text, supportText, disabled, checked, className, checkboxRef, onChange, ...props }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Checkbox.d.ts.map

package/dist/types/src/components/divider/Divider.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+export type DividerType = 'text' | 'heading' | 'button' | 'button-group' | 'button-icon' | 'button-group-icon';
+export type DividerStyle = 'single-line' | 'background-fill';
+export interface DividerProps {
+    className?: string;
+    type: DividerType;
+    style?: DividerStyle;
+    children: ReactNode;
+}
+export declare const Divider: import("react").ForwardRefExoticComponent<DividerProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Divider.d.ts.map

package/dist/types/src/components/divider/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Divider';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/empty-state/EmptyState.d.ts

@@ -0,0 +1,14 @@
+import { ButtonProps } from '../button/Button';
+export interface ButtonOptions extends Pick<ButtonProps, 'hierarchy' | 'size' | 'leadingIcon' | 'trailingIcon'> {
+    label: string;
+    onClick?: () => void;
+    disabled?: boolean;
+}
+interface EmptyStateProps {
+    title: string;
+    description: string;
+    buttons?: ButtonOptions | ButtonOptions[];
+}
+export declare const EmptyState: ({ title, description, buttons }: EmptyStateProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=EmptyState.d.ts.map

package/dist/types/src/components/empty-state/index.d.ts

@@ -0,0 +1,2 @@
+export * from './EmptyState';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/featured-icon/FeaturedIcon.d.ts

@@ -0,0 +1,14 @@
+import { IconName } from '@ncds/ui-admin-icon';
+import { ComponentPropsWithoutRef } from 'react';
+export type FeaturedIconTheme = 'light-circle' | 'dark-circle' | 'outline-circle' | 'square-outline';
+export type FeaturedIconColor = 'neutral' | 'error' | 'warning' | 'success';
+export type FeaturedIconSize = 'sm' | 'md' | 'lg' | 'xl';
+export interface FeaturedIconProps extends Omit<ComponentPropsWithoutRef<'div'>, 'color'> {
+    name: IconName;
+    theme?: FeaturedIconTheme;
+    color?: FeaturedIconColor;
+    size?: FeaturedIconSize;
+    className?: string;
+}
+export declare const FeaturedIcon: import("react").ForwardRefExoticComponent<FeaturedIconProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=FeaturedIcon.d.ts.map

package/dist/types/src/components/featured-icon/index.d.ts

@@ -0,0 +1,2 @@
+export * from './FeaturedIcon';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/index.d.ts

@@ -1,14 +1,23 @@
 export * from './badge';
+export * from './breadcrumb';
 export * from './button';
 export * from './carousel';
 export * from './checkbox';
 export * from './date-picker';
+export * from './featured-icon';
+export * from './divider';
+export * from './empty-state';
 export * from './input';
+export * from './modal';
+export * from './notification';
 export * from './pagination';
+export * from './progress-bar';
+export * from './progress-circle';
 export * from './radio';
 export * from './select';
 export * from './shared';
 export * from './spinner';
+export * from './tab';
 export * from './tag';
 export * from './toggle';
 export * from './tooltip';