@ncds/ui-admin 0.0.7 → 0.0.8

package/dist/ui-admin/src/components/checkbox/Checkbox.js

@@ -1,70 +1,29 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Checkbox = void 0;
-var _jsxRuntime = require("react/jsx-runtime");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _CheckboxInput = require("./CheckboxInput");
-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 __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 = 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 __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;
 };
-var Checkbox = function (_a) {
-  var _b = _a.size,
-    size = _b === void 0 ? 'sm' : _b,
-    _c = _a.indeterminate,
-    indeterminate = _c === void 0 ? false : _c,
-    text = _a.text,
-    supportText = _a.supportText,
-    disabled = _a.disabled,
-    checked = _a.checked,
-    className = _a.className,
-    checkboxRef = _a.checkboxRef,
-    onChange = _a.onChange,
-    props = __rest(_a, ["size", "indeterminate", "text", "supportText", "disabled", "checked", "className", "checkboxRef", "onChange"]);
-  return (0, _jsxRuntime.jsxs)("label", __assign({
-    className: (0, _classnames.default)('ncua-checkbox-field', "ncua-checkbox-field--".concat(size), {
-      'has-text': text
-    }, className)
-  }, {
-    children: [(0, _jsxRuntime.jsx)(_CheckboxInput.CheckboxInput, __assign({
-      size: size,
-      ref: checkboxRef,
-      checked: checked,
-      indeterminate: indeterminate,
-      disabled: disabled,
-      onChange: onChange,
-      className: "ncua-checkbox-field__input"
-    }, props)), (0, _jsxRuntime.jsx)("span", {
-      children: text && (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [(0, _jsxRuntime.jsx)("span", __assign({
-          className: "ncua-checkbox__text"
-        }, {
-          children: text
-        })), supportText && (0, _jsxRuntime.jsx)("span", __assign({
-          className: "ncua-checkbox__support-text"
-        }, {
-          children: supportText
-        }))]
-      })
-    })]
-  }));
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { CheckboxInput } from './CheckboxInput';
+export var Checkbox = function (_a) {
+    var _b = _a.size, size = _b === void 0 ? 'sm' : _b, _c = _a.indeterminate, indeterminate = _c === void 0 ? false : _c, text = _a.text, supportText = _a.supportText, disabled = _a.disabled, checked = _a.checked, className = _a.className, checkboxRef = _a.checkboxRef, onChange = _a.onChange, props = __rest(_a, ["size", "indeterminate", "text", "supportText", "disabled", "checked", "className", "checkboxRef", "onChange"]);
+    return (_jsxs("label", __assign({ className: classNames('ncua-checkbox-field', "ncua-checkbox-field--".concat(size), { 'has-text': text }, className) }, { children: [_jsx(CheckboxInput, __assign({ size: size, ref: checkboxRef, checked: checked, indeterminate: indeterminate, disabled: disabled, onChange: onChange, className: "ncua-checkbox-field__input" }, props)), _jsx("span", { children: text && (_jsxs(_Fragment, { children: [_jsx("span", __assign({ className: "ncua-checkbox__text" }, { children: text })), supportText && _jsx("span", __assign({ className: "ncua-checkbox__support-text" }, { children: supportText }))] })) })] })));
 };
-exports.Checkbox = Checkbox;

package/dist/ui-admin/src/components/checkbox/CheckboxInput.js

@@ -1,67 +1,32 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CheckboxInput = void 0;
-var _jsxRuntime = require("react/jsx-runtime");
-var _uiAdminIcon = require("@ncds/ui-admin-icon");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _react = require("react");
-var _color = require("../../../constant/color");
-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 __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 = 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 __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;
 };
-var CheckboxInput = exports.CheckboxInput = /*#__PURE__*/(0, _react.forwardRef)(function (_a, ref) {
-  var _b = _a.size,
-    size = _b === void 0 ? 'sm' : _b,
-    _c = _a.indeterminate,
-    indeterminate = _c === void 0 ? false : _c,
-    disabled = _a.disabled,
-    className = _a.className,
-    _d = _a.destructive,
-    destructive = _d === void 0 ? false : _d,
-    onChange = _a.onChange,
-    props = __rest(_a, ["size", "indeterminate", "disabled", "className", "destructive", "onChange"]);
-  var svgColor = disabled ? 'gray200' : 'gray700';
-  return (0, _jsxRuntime.jsxs)("span", __assign({
-    className: (0, _classnames.default)('ncua-checkbox-input', "ncua-checkbox-input--".concat(size), {
-      destructive: destructive
-    }, className)
-  }, {
-    children: [(0, _jsxRuntime.jsx)("input", __assign({
-      type: "checkbox",
-      ref: ref,
-      onChange: onChange,
-      disabled: disabled
-    }, props)), (0, _jsxRuntime.jsx)("span", __assign({
-      className: "ncua-checkbox-input__ico"
-    }, {
-      children: !indeterminate ? (0, _jsxRuntime.jsx)(_uiAdminIcon.Check, {
-        width: 12,
-        height: 12,
-        color: _color.COLOR[svgColor]
-      }) : (0, _jsxRuntime.jsx)(_uiAdminIcon.Minus, {
-        width: 12,
-        height: 12,
-        color: _color.COLOR[svgColor]
-      })
-    }))]
-  }));
-});
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Check, Minus } from '@ncds/ui-admin-icon';
+import classNames from 'classnames';
+import { forwardRef } from 'react';
+import { COLOR } from '../../../constant/color';
+export var CheckboxInput = forwardRef(function (_a, ref) {
+    var _b = _a.size, size = _b === void 0 ? 'sm' : _b, _c = _a.indeterminate, indeterminate = _c === void 0 ? false : _c, disabled = _a.disabled, className = _a.className, _d = _a.destructive, destructive = _d === void 0 ? false : _d, onChange = _a.onChange, props = __rest(_a, ["size", "indeterminate", "disabled", "className", "destructive", "onChange"]);
+    var svgColor = disabled ? 'gray200' : 'gray700';
+    return (_jsxs("span", __assign({ className: classNames('ncua-checkbox-input', "ncua-checkbox-input--".concat(size), { destructive: destructive }, className) }, { children: [_jsx("input", __assign({ type: "checkbox", ref: ref, onChange: onChange, disabled: disabled }, props)), _jsx("span", __assign({ className: "ncua-checkbox-input__ico" }, { children: !indeterminate ? (_jsx(Check, { width: 12, height: 12, color: COLOR[svgColor] })) : (_jsx(Minus, { width: 12, height: 12, color: COLOR[svgColor] })) }))] })));
+});

package/dist/ui-admin/src/components/checkbox/index.js

@@ -1,27 +1,2 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _Checkbox = require("./Checkbox");
-Object.keys(_Checkbox).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Checkbox[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Checkbox[key];
-    }
-  });
-});
-var _CheckboxInput = require("./CheckboxInput");
-Object.keys(_CheckboxInput).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _CheckboxInput[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _CheckboxInput[key];
-    }
-  });
-});
+export * from './Checkbox';
+export * from './CheckboxInput';

package/dist/ui-admin/src/components/index.d.ts

@@ -1,7 +1,11 @@
 export * from './button';
 export * from './checkbox';
+export * from './input';
+export * from './pagination';
 export * from './radio';
 export * from './select';
+export * from './shared';
+export * from './spinner';
 export * from './svg';
 export * from './tooltip';
 //# sourceMappingURL=index.d.ts.map

package/dist/ui-admin/src/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC"}

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

@@ -1,71 +1,10 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _button = require("./button");
-Object.keys(_button).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _button[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _button[key];
-    }
-  });
-});
-var _checkbox = require("./checkbox");
-Object.keys(_checkbox).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _checkbox[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _checkbox[key];
-    }
-  });
-});
-var _radio = require("./radio");
-Object.keys(_radio).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _radio[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _radio[key];
-    }
-  });
-});
-var _select = require("./select");
-Object.keys(_select).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _select[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _select[key];
-    }
-  });
-});
-var _svg = require("./svg");
-Object.keys(_svg).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _svg[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _svg[key];
-    }
-  });
-});
-var _tooltip = require("./tooltip");
-Object.keys(_tooltip).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _tooltip[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _tooltip[key];
-    }
-  });
-});
+export * from './button';
+export * from './checkbox';
+export * from './input';
+export * from './pagination';
+export * from './radio';
+export * from './select';
+export * from './shared';
+export * from './spinner';
+export * from './svg';
+export * from './tooltip';

package/dist/ui-admin/src/components/input/FileInput.js

@@ -1 +1 @@
-"use strict";
+"use strict";

package/dist/ui-admin/src/components/input/InputBase.js

@@ -1,169 +1,84 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.InputBase = void 0;
-var _jsxRuntime = require("react/jsx-runtime");
-var _uiAdminIcon = _interopRequireDefault(require("@ncds/ui-admin-icon"));
-var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _color = require("../../../constant/color");
-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 __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 = 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 __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
+    xs: 14,
+    md: 16,
 };
 var generalSvgSize = {
-  xs: 14,
-  md: 20
+    xs: 14,
+    md: 20,
 };
-var InputBase = exports.InputBase = /*#__PURE__*/(0, _react.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,
-    props = __rest(_a, ["size", "required", "label", "hintText", "disabled", "validation", "destructive", "leadingElement", "trailingElement"]);
-  var renderOutsideSlot = function (slot, position) {
-    if (slot.type === 'custom' && slot.placement !== 'outside') {
-      return null;
-    }
-    switch (slot.type) {
-      case 'button':
-        return (0, _jsxRuntime.jsx)("button", __assign({
-          type: slot.isSubmit ? 'submit' : 'button',
-          className: (0, _classnames.default)('ncua-input__button', "ncua-input__button--".concat(size)),
-          onClick: slot.onClick
-        }, {
-          children: slot.label
-        }));
-      case 'text':
-        return (0, _jsxRuntime.jsx)("span", __assign({
-          className: (0, _classnames.default)('ncua-input__leading-text', "ncua-input__leading-text--".concat(size))
-        }, {
-          children: slot.text
-        }));
-      case 'custom':
-        return slot.children;
-      default:
+export var InputBase = 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, props = __rest(_a, ["size", "required", "label", "hintText", "disabled", "validation", "destructive", "leadingElement", "trailingElement"]);
+    var renderOutsideSlot = function (slot, position) {
+        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) {
+        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: generalSvgSize[size], height: 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 renderInsideSlot = function (slot, position) {
-    switch (slot.type) {
-      case 'icon':
-        return (0, _jsxRuntime.jsx)("div", __assign({
-          className: "ncua-input__icon-wrap"
-        }, {
-          children: (0, _jsxRuntime.jsx)(_uiAdminIcon.default, {
-            className: (0, _classnames.default)("ncua-input__".concat(position, "-icon"), slot.className),
-            name: slot.icon,
-            color: slot.color ? _color.COLOR[slot.color] : undefined,
-            width: generalSvgSize[size],
-            height: generalSvgSize[size]
-          })
-        }));
-      case 'custom':
-        return slot.children;
-      default:
-        return null;
-    }
-  };
-  var renderClearButton = function () {
-    if (!props.clearText) return null;
-    return (0, _jsxRuntime.jsx)("button", __assign({
-      className: "ncua-input__icon-wrap ncua-input__right-icon ncua-input__clear",
-      onClick: props.onClearText
-    }, {
-      children: (0, _jsxRuntime.jsx)(_uiAdminIcon.default, {
-        name: "x",
-        className: "ncua-input__clear-icon",
-        width: validationSvgSize[size],
-        height: validationSvgSize[size]
-      })
-    }));
-  };
-  var renderStatusIcon = function () {
-    if (destructive) {
-      return (0, _jsxRuntime.jsx)("div", __assign({
-        className: "ncua-input__icon-wrap ncua-input__right-icon"
-      }, {
-        children: (0, _jsxRuntime.jsx)(_uiAdminIcon.default, {
-          name: "info-circle",
-          className: "ncua-input__destructive-icon",
-          width: validationSvgSize[size],
-          height: validationSvgSize[size]
-        })
-      }));
-    }
-    if (validation) {
-      return (0, _jsxRuntime.jsx)("div", __assign({
-        className: "ncua-input__icon-wrap ncua-input__right-icon"
-      }, {
-        children: (0, _jsxRuntime.jsx)(_uiAdminIcon.default, {
-          name: "check-circle",
-          className: "ncua-input__validation-icon",
-          width: validationSvgSize[size],
-          height: validationSvgSize[size]
-        })
-      }));
-    }
-    return null;
-  };
-  return (0, _jsxRuntime.jsxs)("div", __assign({
-    className: (0, _classnames.default)('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'
-    })
-  }, {
-    children: [label && (0, _jsxRuntime.jsx)(_Label.Label, __assign({
-      isRequired: required,
-      className: "ncua-input__label--".concat(size)
-    }, {
-      children: label
-    })), (0, _jsxRuntime.jsxs)("div", __assign({
-      className: "ncua-input__content"
-    }, {
-      children: [leadingElement && renderOutsideSlot(leadingElement, 'left'), (0, _jsxRuntime.jsxs)("div", __assign({
-        className: (0, _classnames.default)('ncua-input__field', "ncua-input--".concat(size))
-      }, {
-        children: [leadingElement && renderInsideSlot(leadingElement, 'left'), (0, _jsxRuntime.jsx)("input", __assign({
-          ref: ref,
-          type: "text",
-          disabled: disabled
-        }, props)), trailingElement && renderInsideSlot(trailingElement, 'right'), renderClearButton(), renderStatusIcon()]
-      })), trailingElement && renderOutsideSlot(trailingElement, 'right')]
-    })), hintText && (0, _jsxRuntime.jsx)(_HintText.HintText, __assign({
-      destructive: destructive
-    }, {
-      children: hintText
-    }))]
-  }));
-});
+    };
+    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',
+        }) }, { children: [label && (_jsx(Label, __assign({ isRequired: required, className: "ncua-input__label--".concat(size) }, { children: label }))), _jsxs("div", __assign({ className: "ncua-input__content" }, { children: [leadingElement && renderOutsideSlot(leadingElement, 'left'), _jsxs("div", __assign({ className: classNames('ncua-input__field', "ncua-input--".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, 'right')] })), hintText && _jsx(HintText, __assign({ destructive: destructive }, { children: hintText }))] })));
+});