@ncds/ui-admin 0.0.14 → 0.0.16

package/dist/cjs/ui-admin/src/components/input/Textarea.js

@@ -0,0 +1,109 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Textarea = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = require("react");
+var _Label = require("../shared/label/Label");
+var _HintText = require("../shared/hintText/HintText");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var __assign = void 0 && (void 0).__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 = void 0 && (void 0).__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;
+};
+var Textarea = exports.Textarea = /*#__PURE__*/(0, _react.forwardRef)(function (_a, ref) {
+  var _b;
+  var className = _a.className,
+    label = _a.label,
+    required = _a.required,
+    disabled = _a.disabled,
+    hintText = _a.hintText,
+    characterCount = _a.characterCount,
+    destructive = _a.destructive,
+    props = __rest(_a, ["className", "label", "required", "disabled", "hintText", "characterCount", "destructive"]);
+  var textareaRef = (0, _react.useRef)(null);
+  var _c = (0, _react.useState)(0),
+    textCount = _c[0],
+    setTextCount = _c[1];
+  var shouldShowHintArea = hintText || characterCount;
+  (0, _react.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 (0, _jsxRuntime.jsxs)("div", __assign({
+    className: (0, _classnames.default)('ncua-input', 'ncua-input--textarea', {
+      destructive: destructive,
+      'is-disabled': disabled
+    }, className)
+  }, {
+    children: [label && (0, _jsxRuntime.jsx)(_Label.Label, __assign({
+      htmlFor: props.id,
+      isRequired: required
+    }, {
+      children: label
+    })), (0, _jsxRuntime.jsx)("div", __assign({
+      className: "ncua-input__content"
+    }, {
+      children: (0, _jsxRuntime.jsx)("div", __assign({
+        className: "ncua-input__field"
+      }, {
+        children: (0, _jsxRuntime.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 && (0, _jsxRuntime.jsxs)("div", __assign({
+      className: "ncua-input__text-count-wrap"
+    }, {
+      children: [hintText && (0, _jsxRuntime.jsx)(_HintText.HintText, __assign({
+        as: "div",
+        destructive: destructive
+      }, {
+        children: hintText
+      })), characterCount && (0, _jsxRuntime.jsx)("div", __assign({
+        className: "ncua-input__text-count"
+      }, {
+        children: (0, _jsxRuntime.jsxs)("span", __assign({
+          className: "ncua-input__text-count-text"
+        }, {
+          children: [textCount, " / ", (_b = props.maxLength) !== null && _b !== void 0 ? _b : 0]
+        }))
+      }))]
+    }))]
+  }));
+});

package/dist/cjs/ui-admin/src/components/input/index.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _InputBase = require("./InputBase");
+Object.keys(_InputBase).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _InputBase[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _InputBase[key];
+    }
+  });
+});
+var _PasswordInput = require("./PasswordInput");
+Object.keys(_PasswordInput).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _PasswordInput[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _PasswordInput[key];
+    }
+  });
+});
+var _Textarea = require("./Textarea");
+Object.keys(_Textarea).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Textarea[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Textarea[key];
+    }
+  });
+});

package/dist/cjs/ui-admin/src/components/pagination/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _NavButton = require("./NavButton");
+Object.keys(_NavButton).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _NavButton[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _NavButton[key];
+    }
+  });
+});
+var _Pagination = require("./Pagination");
+Object.keys(_Pagination).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Pagination[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Pagination[key];
+    }
+  });
+});

package/dist/{ui-admin → cjs/ui-admin}/src/components/select/Select.js

@@ -59,7 +59,12 @@ var Select = exports.Select = /*#__PURE__*/(0, _react.forwardRef)(function (_a,
       children: [icon ? (0, _jsxRuntime.jsx)("span", __assign({
         className: "ncua-select__icon"
       }, {
-        children: icon
+        children: (0, _jsxRuntime.jsx)(_uiAdminIcon.default, {
+          name: icon.icon,
+          width: icon.size,
+          height: icon.size,
+          color: icon.color
+        })
       })) : (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {}), (0, _jsxRuntime.jsxs)("select", __assign({
         value: value,
         ref: ref,

package/dist/cjs/ui-admin/src/components/shared/hintText/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _HintText = require("./HintText");
+Object.keys(_HintText).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _HintText[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _HintText[key];
+    }
+  });
+});

package/dist/cjs/ui-admin/src/components/shared/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _hintText = require("./hintText");
+Object.keys(_hintText).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _hintText[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _hintText[key];
+    }
+  });
+});
+var _label = require("./label");
+Object.keys(_label).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _label[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _label[key];
+    }
+  });
+});

package/dist/cjs/ui-admin/src/components/shared/label/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Label = require("./Label");
+Object.keys(_Label).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Label[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Label[key];
+    }
+  });
+});

package/dist/cjs/ui-admin/src/components/spinner/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Spinner = require("./Spinner");
+Object.keys(_Spinner).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Spinner[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Spinner[key];
+    }
+  });
+});
+var _index = require("./index");
+Object.keys(_index).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _index[key];
+    }
+  });
+});

package/dist/cjs/ui-admin/src/components/toggle/Toggle.js

@@ -0,0 +1,75 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Toggle = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _classnames = _interopRequireDefault(require("classnames"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var __assign = void 0 && (void 0).__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 = void 0 && (void 0).__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;
+};
+var Toggle = function (_a) {
+  var _b = _a.size,
+    size = _b === void 0 ? 'md' : _b,
+    _c = _a.text,
+    text = _c === void 0 ? '' : _c,
+    _d = _a.supportText,
+    supportText = _d === void 0 ? '' : _d,
+    _e = _a.disabled,
+    disabled = _e === void 0 ? false : _e,
+    onChange = _a.onChange,
+    className = _a.className,
+    props = __rest(_a, ["size", "text", "supportText", "disabled", "onChange", "className"]);
+  return (0, _jsxRuntime.jsxs)("label", __assign({
+    className: (0, _classnames.default)('ncua-toggle', "ncua-toggle--".concat(size), {
+      'ncua-toggle--checked': props === null || props === void 0 ? void 0 : props.checked,
+      'ncua-toggle--disabled': disabled
+    }, className)
+  }, {
+    children: [(0, _jsxRuntime.jsx)("input", __assign({
+      type: "checkbox",
+      className: "ncua-toggle__input",
+      checked: props === null || props === void 0 ? void 0 : props.checked,
+      disabled: disabled,
+      onChange: onChange
+    }, props)), (0, _jsxRuntime.jsx)("span", __assign({
+      className: "ncua-toggle__switch"
+    }, {
+      children: (0, _jsxRuntime.jsx)("span", {
+        className: "ncua-toggle__slider"
+      })
+    })), text && (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: (0, _jsxRuntime.jsxs)("span", __assign({
+        className: "ncua-toggle__text-wrapper"
+      }, {
+        children: [(0, _jsxRuntime.jsx)("span", __assign({
+          className: "ncua-toggle__text"
+        }, {
+          children: text
+        })), supportText && (0, _jsxRuntime.jsx)("span", __assign({
+          className: "ncua-toggle__support-text"
+        }, {
+          children: supportText
+        }))]
+      }))
+    })]
+  }));
+};
+exports.Toggle = Toggle;

package/dist/cjs/ui-admin/src/components/toggle/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Toggle = require("./Toggle");
+Object.keys(_Toggle).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Toggle[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Toggle[key];
+    }
+  });
+});

package/dist/esm/const/Icon/FinanceECommerce.js

@@ -0,0 +1 @@
+export var FinanceECommerce = ['bankNote01', 'coinsStacked01', 'coinsStacked02', 'coinsStacked04', 'coinsHand', 'creditCardPlus', 'creditCardCheck', 'gift02', 'shoppingBag03', 'shoppingCart01', 'wallet01', 'wallet02', 'wallet05'];

package/dist/esm/const/Icon/alertAndFeedback.js

@@ -0,0 +1 @@
+export var alertAndFeedback = ['alertCircle', 'alertTriangle', 'announcement01'];

package/dist/esm/const/Icon/arrow.js

@@ -0,0 +1 @@
+export var arrows = ['arrowUpRight', 'arrowNarrowRight', 'arrowNarrowUpRight', 'arrowCircleRight', 'arrowRight', 'chevronSelectorVertical', 'arrowLeft', 'refreshCw02', 'refreshCcw01'];

package/dist/esm/const/Icon/chart.js

@@ -0,0 +1 @@
+export var charts = ['lineChartUp02', 'presentationChart01', 'presentationChart02'];

package/dist/esm/const/Icon/chevron.js

@@ -0,0 +1 @@
+export var chevrons = ['chevronDown', 'chevronRight', 'chevronUp', 'chevronLeft'];

package/dist/esm/const/Icon/circle.js

@@ -0,0 +1 @@
+export var circles = ['plusCircle', 'minusCircle', 'checkCircle'];

package/dist/esm/const/Icon/communication.js

@@ -0,0 +1 @@
+export var communication = ['messageSmileCircle', 'messageDotsCircle', 'mail02', 'annotationQuestion', 'send01'];

package/dist/esm/const/Icon/development.js

@@ -0,0 +1 @@
+export var development = ['dataflow03', 'folderCode', 'server02', 'server03', 'server04', 'server06', 'fileCode02', 'dataflow01', 'browser', 'code02'];

package/dist/esm/const/Icon/editor.js

@@ -0,0 +1 @@
+export var editor = ['scale02', 'palette', 'pencil02', 'transform', 'magicWand01', 'skew'];

package/dist/esm/const/Icon/education.js

@@ -0,0 +1 @@
+export var education = ['briefcase02', 'bookOpen02', 'bookClosed', 'trophy01', 'glasses02'];

package/dist/esm/const/Icon/files.js

@@ -0,0 +1 @@
+export var files = ['fileCheck01', 'fileCheck02', 'fileCheck03', 'fileSearch02', 'fileDownload02', 'file05'];

package/dist/esm/const/Icon/general.js

@@ -0,0 +1,25 @@
+export var general = [
+// building
+'building02', 'building07',
+// help
+'helpCircle',
+// home
+'homeLine',
+// check
+'check', 'checkDone01',
+// minus
+'minus',
+// plus
+'plus',
+// gift
+'gift01',
+// x
+'xClose',
+// menu
+'menu01',
+// dots
+'dotsGrid', 'dotVertical',
+// settings
+'setting02', 'settings03', 'searchMd',
+// zap
+'zapFast', 'eye', 'eyeOff', 'tool02', 'edit03', 'uploadCloud01', 'uploadCloud02', 'searchLg', 'trash03', 'download02', 'target03', 'target04', 'searchRefraction', 'heart', 'heartHand', 'copy05', 'checkVerified02', 'home03', 'home02', 'checkHeart', 'edit05', 'copy07', 'bookmarkX', 'cloud01', 'linkExternal02', 'checkCircleBroken', 'settings01'];

package/dist/esm/const/Icon/index.js

@@ -0,0 +1,33 @@
+var __spreadArray = this && this.__spreadArray || function (to, from, pack) {
+  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+    if (ar || !(i in from)) {
+      if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+      ar[i] = from[i];
+    }
+  }
+  return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { FinanceECommerce } from './FinanceECommerce';
+import { alertAndFeedback } from './alertAndFeedback';
+import { arrows } from './arrow';
+import { charts } from './chart';
+import { chevrons } from './chevron';
+import { circles } from './circle';
+import { communication } from './communication';
+import { development } from './development';
+import { editor } from './editor';
+import { education } from './education';
+import { files } from './files';
+import { general } from './general';
+import { layout } from './layout';
+import { mapsTravel } from './mapsTravel';
+import { mediaDevices } from './mediaDevices';
+import { messages } from './message';
+import { sales } from './sales';
+import { security } from './security';
+import { shapes } from './shapes';
+import { tags } from './tag';
+import { time } from './time';
+import { users } from './users';
+import { weather } from './weather';
+export var Icons = __spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray([], weather, true), editor, true), FinanceECommerce, true), layout, true), mediaDevices, true), shapes, true), mapsTravel, true), general, true), users, true), arrows, true), chevrons, true), messages, true), circles, true), tags, true), charts, true), sales, true), alertAndFeedback, true), development, true), education, true), files, true), time, true), security, true), communication, true);

package/dist/esm/const/Icon/layout.js

@@ -0,0 +1,3 @@
+export var layout = [
+// align
+'alignTop01', 'layoutAlt01', 'layoutAlt04', 'layerSingle', 'layerTwo02', 'layerThree02', 'intersectCircle', 'flexAlignTop', 'flexAlignLeft', 'grid01'];

package/dist/esm/const/Icon/mapsTravel.js

@@ -0,0 +1 @@
+export var mapsTravel = ['globe01', 'flag04', 'rocket02', 'markerPin02', 'ticket01', 'truck01', 'truck02'];

package/dist/esm/const/Icon/mediaDevices.js

@@ -0,0 +1 @@
+export var mediaDevices = ['lightbulb02', 'videoRecorder', 'phone01', 'youtube', 'playSquare', 'monitor05', 'monitor01', 'volumeMax', 'hardDrive'];

package/dist/esm/const/Icon/message.js

@@ -0,0 +1 @@
+export var messages = ['messageSmileSquare', 'messageSquare01', 'messageChatCircle'];

package/dist/esm/const/Icon/sales.js

@@ -0,0 +1 @@
+export var sales = ['sale03'];

package/dist/esm/const/Icon/security.js

@@ -0,0 +1 @@
+export var security = ['shield03', 'lock01', 'lockUnlocked01', 'folderShield', 'shieldTick', 'fileShield02'];

package/dist/esm/const/Icon/shapes.js

@@ -0,0 +1,3 @@
+export var shapes = [
+// cube
+'cube02'];

package/dist/esm/const/Icon/tag.js

@@ -0,0 +1 @@
+export var tags = ['tag03'];

package/dist/esm/const/Icon/time.js

@@ -0,0 +1 @@
+export var time = ['clockCheck', 'calendarCheck01', 'calendarCheck02', 'clock', 'alarmClockCheck'];

package/dist/esm/const/Icon/users.js

@@ -0,0 +1 @@
+export var users = ['user01', 'user02', 'users01', 'userCheck01', 'userDown02', 'usersUp', 'userEdit', 'faceFrown', 'faceSmile'];

package/dist/esm/const/Icon/weather.js

@@ -0,0 +1 @@
+export var weather = ['star06'];

package/dist/esm/ui-admin/assets/scripts/index.js

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

package/dist/esm/ui-admin/assets/scripts/test.js

@@ -0,0 +1,3 @@
+export var test = function () {
+  console.log('test');
+};

package/dist/esm/ui-admin/constant/color.js

@@ -0,0 +1,32 @@
+export var COLOR = {
+  gray200: '#D0D5DD',
+  gray300: '#98A2B3',
+  gray400: '#667085',
+  gray500: '#344054',
+  gray600: '#475467',
+  gray700: '#0C111D',
+  blue500: '#1570EF',
+  blue600: '#1849a9',
+  red500: '#ec1d31',
+  red600: '#dc0a2b',
+  orange500: '#e4501e',
+  orange600: '#b93815',
+  green500: '#099250',
+  green600: '#087443',
+  pink100: '#fce7f6',
+  pink600: '#c11574',
+  yellow600: '#c27004',
+  violet600: '#5720b7',
+  white: '#fff',
+  currentColor: 'currentColor',
+  black: '',
+  'secondary-gray-blue-50': '#f8f9fc',
+  'secondary-gray-blue-100': '#eaecf5',
+  'secondary-gray-blue-200': '#d5d9eb',
+  'secondary-gray-blue-300': '#b3b8db',
+  'secondary-gray-blue-400': '#717bbc',
+  'secondary-gray-blue-450': '#4e5ba6',
+  'secondary-gray-blue-500': '#3e4784',
+  'secondary-gray-blue-600': '#363f72',
+  'secondary-gray-blue-700': '#293056'
+};

package/dist/esm/ui-admin/constant/size.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/ui-admin/index.js

@@ -0,0 +1,17 @@
+export * from './src/components/badge';
+export * from './src/components/button';
+export * from './src/components/carousel';
+export * from './src/components/checkbox';
+export * from './src/components/date-picker';
+export * from './src/components/input';
+export * from './src/components/pagination';
+export * from './src/components/radio';
+export * from './src/components/select';
+export * from './src/components/shared/hintText';
+export * from './src/components/shared/label';
+export * from './src/components/shared';
+export * from './src/components/spinner';
+export * from './src/components/svg';
+export * from './src/components/toggle';
+export * from './src/components/tooltip';
+export * from './src/components';

package/dist/esm/ui-admin/src/components/badge/Badge.js

@@ -0,0 +1,48 @@
+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";
+import Icon from '@ncds/ui-admin-icon';
+import { svgSize } from '../button';
+import classNames from 'classnames';
+import { COLOR } from '../../../constant/color';
+export var Badge = function (_a) {
+  var label = _a.label,
+    _b = _a.type,
+    type = _b === void 0 ? 'pill-outline' : _b,
+    _c = _a.color,
+    color = _c === void 0 ? 'neutral' : _c,
+    className = _a.className,
+    leadingIcon = _a.leadingIcon,
+    trailingIcon = _a.trailingIcon,
+    _d = _a.size,
+    size = _d === void 0 ? 'sm' : _d;
+  var sideSlotRender = function (slot) {
+    var _a, _b;
+    if (slot.type === 'icon') {
+      return _jsx(Icon, {
+        name: slot.icon,
+        height: (_a = slot.size) !== null && _a !== void 0 ? _a : svgSize[size],
+        width: (_b = slot.size) !== null && _b !== void 0 ? _b : svgSize[size],
+        color: slot.color ? COLOR[slot.color] : undefined
+      });
+    }
+    return slot.children;
+  };
+  return _jsxs("span", __assign({
+    className: classNames('ncua-badge', "ncua-badge--".concat(type), "ncua-badge--".concat(color), "ncua-badge--".concat(size), className)
+  }, {
+    children: [leadingIcon && sideSlotRender(leadingIcon), _jsx("span", __assign({
+      className: "ncua-badge__label"
+    }, {
+      children: label
+    })), trailingIcon && sideSlotRender(trailingIcon)]
+  }));
+};

package/dist/esm/ui-admin/src/components/badge/index.js

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