@veracity/vui 0.3.1 → 0.3.2

package/icon/icon.js

@@ -27,12 +27,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Icon = void 0;
 var react_1 = __importDefault(require("react"));
-var helpers_1 = require("./helpers");
 var core_1 = require("../core");
 var svg_1 = require("../svg");
 var utils_1 = require("../utils");
+var helpers_1 = require("./helpers");
+/** Displays and Svg element with a given icon. Handles icon names or definition objects. */
 exports.Icon = (0, core_1.vui)(function (props, ref) {
-    /* eslint-disable-next-line @typescript-eslint/no-unused-vars */
     var _a = (0, core_1.omitThemingProps)(props), className = _a.className, icon = _a.icon, _b = _a.name, name = _b === void 0 ? props.icon : _b, rotate = _a.rotate, scale = _a.scale, rest = __rest(_a, ["className", "icon", "name", "rotate", "scale"]);
     var styles = (0, core_1.useStyleConfig)('Icon', props);
     var _c = (0, helpers_1.getIconDetails)(name), customIcon = _c.customIcon, src = _c.src;

package/icon/icon.types.d.ts

@@ -3,19 +3,22 @@ import { VuiIcon } from '../icons';
 import Svg, { SvgProps } from '../svg';
 import { ThemingProps } from '../theme';
 import { AnyString, PropsOf } from '../utils';
-export interface GetIconDetailsResult {
+export declare type GetIconDetailsResult = {
     customIcon?: {
         d: string[];
         pathProps: React.SVGProps<SVGPathElement>[];
         svgProps: PropsOf<typeof Svg>;
     };
     src?: string;
-}
+};
 export declare type IconProp = VuiIcon | AnyString;
-export interface IconProps extends SvgProps, ThemingProps<'Icon'> {
+export declare type IconProps = SvgProps & ThemingProps<'Icon'> & {
     /** @deprecated use 'name' instead */
     icon?: IconProp;
+    /** Name of the icon stored in Veracity CDN. */
     name?: IconProp;
+    /** Rotates the icon by given amout of degrees clockwise. */
     rotate?: number;
+    /** Uses a scale of 1-10 and multiply of 16px to define icon size. */
     scale?: number;
-}
+};

package/icon/index.d.ts

@@ -1,3 +1,3 @@
 export * from './icon';
-export * from './icon.types';
 export { default } from './icon';
+export * from './icon.types';

package/icon/index.js

@@ -15,6 +15,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = void 0;
 __exportStar(require("./icon"), exports);
-__exportStar(require("./icon.types"), exports);
 var icon_1 = require("./icon");
 Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(icon_1).default; } });
+__exportStar(require("./icon.types"), exports);

package/icon/theme.d.ts

@@ -1,4 +1,5 @@
 declare const _default: {
+    baseStyle: {};
     defaultProps: {
         size: string;
     };

package/icon/theme.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+var baseStyle = {};
 var defaultProps = {
     size: 'md'
 };
@@ -23,6 +24,7 @@ var sizes = {
 };
 var variants = {};
 exports.default = {
+    baseStyle: baseStyle,
     defaultProps: defaultProps,
     sizes: sizes,
     variants: variants

package/icons/baseIcons/fal/falFileInvoiceDollar.d.ts

@@ -0,0 +1,3 @@
+import { IconDefinition } from '../../types';
+declare const _default: IconDefinition;
+export default _default;

package/icons/baseIcons/fal/falFileInvoiceDollar.js

@@ -0,0 +1,7 @@
+"use strict";
+/* eslint-disable */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    details: [32, 32, [], '', ['M17.6875 20.4375C18.0625 20.5625 18.3958 20.7708 18.6875 21.0625C19.0208 21.3125 19.2708 21.625 19.4375 22C19.6042 22.375 19.6875 22.7708 19.6875 23.1875C19.6875 23.9375 19.4167 24.5833 18.875 25.125C18.375 25.6667 17.75 25.9583 17 26V27.5C17 27.8333 16.8333 28 16.5 28H15.5C15.1667 28 15 27.8333 15 27.5V26C14.2917 25.9583 13.6458 25.7083 13.0625 25.25C12.7292 25.0417 12.7083 24.7917 13 24.5L13.75 23.8125C13.9167 23.6458 14.125 23.625 14.375 23.75C14.625 23.9167 14.8958 24 15.1875 24H16.9375C17.1458 24 17.3125 23.9167 17.4375 23.75C17.6042 23.5833 17.6875 23.3958 17.6875 23.1875C17.6875 22.7708 17.5 22.5 17.125 22.375L14.3125 21.5625C13.7292 21.3542 13.25 21 12.875 20.5C12.5 20 12.3125 19.4375 12.3125 18.8125C12.3125 18.0625 12.5625 17.4167 13.0625 16.875C13.6042 16.3333 14.25 16.0417 15 16V14.5C15 14.1667 15.1667 14 15.5 14H16.5C16.8333 14 17 14.1667 17 14.5V16C17.7083 16.0417 18.3542 16.2917 18.9375 16.75C19.2708 16.9583 19.2917 17.2083 19 17.5L18.25 18.1875C18.0833 18.3542 17.875 18.375 17.625 18.25C17.375 18.0833 17.1042 18 16.8125 18H15.0625C14.8542 18 14.6667 18.0833 14.5 18.25C14.375 18.4167 14.3125 18.6042 14.3125 18.8125C14.3125 19.2292 14.5 19.5 14.875 19.625L17.6875 20.4375ZM8.5 6C8.16667 6 8 5.83333 8 5.5V4.5C8 4.16667 8.16667 4 8.5 4H15.5C15.8333 4 16 4.16667 16 4.5V5.5C16 5.83333 15.8333 6 15.5 6H8.5ZM16 9.5C16 9.83333 15.8333 10 15.5 10H8.5C8.16667 10 8 9.83333 8 9.5V8.5C8 8.16667 8.16667 8 8.5 8H15.5C15.8333 8 16 8.16667 16 8.5V9.5ZM27.125 6.125C27.7083 6.70833 28 7.41667 28 8.25V29C28 29.8333 27.7083 30.5417 27.125 31.125C26.5417 31.7083 25.8333 32 25 32H7C6.16667 32 5.45833 31.7083 4.875 31.125C4.29167 30.5417 4 29.8333 4 29V3C4 2.45833 4.125 1.95833 4.375 1.5C4.66667 1.04167 5.04167 0.6875 5.5 0.4375C5.95833 0.145833 6.45833 0 7 0H19.75C20.5833 0 21.2917 0.291667 21.875 0.875L27.125 6.125ZM20 2.0625V8H26C25.9167 7.83333 25.8125 7.6875 25.6875 7.5625L20.4375 2.3125C20.3125 2.1875 20.1667 2.10417 20 2.0625ZM26 29V10H19.5C19.0833 10 18.7292 9.85417 18.4375 9.5625C18.1458 9.27083 18 8.91667 18 8.5V2H7C6.70833 2 6.45833 2.10417 6.25 2.3125C6.08333 2.47917 6 2.70833 6 3V29C6 29.2917 6.08333 29.5208 6.25 29.6875C6.45833 29.8958 6.70833 30 7 30H25C25.2917 30 25.5208 29.8958 25.6875 29.6875C25.8958 29.5208 26 29.2917 26 29Z']],
+    name: 'falFileInvoiceDollar'
+};

package/icons/baseIcons/icons.d.ts

@@ -171,6 +171,7 @@ export { default as falFileCsv } from './fal/falFileCsv';
 export { default as falFileEdit } from './fal/falFileEdit';
 export { default as falFileExcel } from './fal/falFileExcel';
 export { default as falFileImage } from './fal/falFileImage';
+export { default as falFileInvoiceDollar } from './fal/falFileInvoiceDollar';
 export { default as falFilePdf } from './fal/falFilePdf';
 export { default as falFilePlus } from './fal/falFilePlus';
 export { default as falFilePowerpoint } from './fal/falFilePowerpoint';

package/icons/baseIcons/icons.js

@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.fabGoogle = exports.fabFirefox = exports.fabFedex = exports.fabFacebook = exports.fabEbay = exports.fabDhl = exports.fabCcVisa = exports.fabCcPaypal = exports.fabCcMastercard = exports.fabCcDinersClub = exports.fabCcApplePay = exports.fabCcAmex = exports.fabCcAmazonPay = exports.fabBtc = exports.fabBluetooth = exports.fabApplePay = exports.cusVessel = exports.cusTransformer = exports.cusDotsMenu = exports.cusDotFullAlt = exports.cusDotFull = exports.culVesselGroup = exports.culVessel = exports.culVeracityService = exports.culUserTransfer = exports.culTransformer = exports.culTimesThin = exports.culTarget = exports.culShortcut = exports.culScreenshotAlt = exports.culScreenshot = exports.culPlusThin = exports.culNumber1 = exports.culMapMarkerStar = exports.culListDense = exports.culGlobePlus = exports.culDotsMenu = exports.culDeepSearch = exports.culCovid = exports.culCircleChartAlt = exports.culCircleChart = exports.culApiService = exports.culApiProduct = exports.cuiRadioUnselected = exports.cuiRadioSelected = exports.cuiCheckboxUnselected = exports.cuiCheckboxSelected = exports.cuiCheckboxIndeterminate = exports.cubVeracity = exports.cubPowerBi = void 0;
 exports.falBullseye = exports.falBuilding = exports.falBroom = exports.falBroadcastTower = exports.falBookOpen = exports.falBell = exports.falBars = exports.falBan = exports.falAward = exports.falArrows = exports.falArrowUp = exports.falArrowToTop = exports.falArrowToRight = exports.falArrowToLeft = exports.falArrowToBottom = exports.falArrowRight = exports.falArrowLeft = exports.falArrowFromTop = exports.falArrowFromRight = exports.falArrowFromLeft = exports.falArrowFromBottom = exports.falArrowDown = exports.falArrowCircleUp = exports.falArrowCircleRight = exports.falArrowCircleLeft = exports.falArrowCircleDown = exports.falArrowAltUp = exports.falArrowAltRight = exports.falArrowAltLeft = exports.falArrowAltDown = exports.falAngleUp = exports.falAngleRight = exports.falAngleLeft = exports.falAngleDown = exports.falAngleDoubleUp = exports.falAngleDoubleRight = exports.falAngleDoubleLeft = exports.falAngleDoubleDown = exports.falAnalytics = exports.falAddressCard = exports.falAddressBook = exports.fadSpinnerThird = exports.fabYoutube = exports.fabUps = exports.fabTwitter = exports.fabSlack = exports.fabOsi = exports.fabMedium = exports.fabLinkedinIn = exports.fabGoogleDrive = void 0;
 exports.falEdit = exports.falDownload = exports.falDotCircle = exports.falDatabase = exports.falCreditCard = exports.falCopy = exports.falCompressAlt = exports.falCommentAlt = exports.falComment = exports.falCogs = exports.falCog = exports.falCode = exports.falCloudUpload = exports.falCloudSunRain = exports.falCloudSun = exports.falCloudSnow = exports.falCloudShowersHeavy = exports.falCloud = exports.falCircle = exports.falChevronUp = exports.falChevronRight = exports.falChevronLeft = exports.falChevronDown = exports.falChevronDoubleUp = exports.falChevronDoubleRight = exports.falChevronDoubleLeft = exports.falChevronDoubleDown = exports.falChevronCircleUp = exports.falChevronCircleRight = exports.falChevronCircleLeft = exports.falChevronCircleDown = exports.falCheckSquare = exports.falCheckCircle = exports.falCheck = exports.falChartScatter = exports.falChartPieAlt = exports.falChartPie = exports.falChartNetwork = exports.falChartLineDown = exports.falChartLine = exports.falChartBar = exports.falChartArea = exports.falCauldron = exports.falCaretUp = exports.falCaretRight = exports.falCaretLeft = exports.falCaretDown = exports.falCamera = exports.falCalendarAlt = exports.falCalendar = void 0;
-exports.falLongArrowRight = exports.falLongArrowLeft = exports.falLongArrowDown = exports.falLockAlt = exports.falList = exports.falLink = exports.falLayerPlus = exports.falLayerGroup = exports.falKey = exports.falInfoCircle = exports.falImage = exports.falHourglass = exports.falHome = exports.falGlobe = exports.falGlassesAlt = exports.falFolders = exports.falFolderPlus = exports.falFolderOpen = exports.falFolder = exports.falFlag = exports.falFilter = exports.falFileWord = exports.falFileVideo = exports.falFileSpreadsheet = exports.falFilePowerpoint = exports.falFilePlus = exports.falFilePdf = exports.falFileImage = exports.falFileExcel = exports.falFileEdit = exports.falFileCsv = exports.falFileCode = exports.falFileCheck = exports.falFileChartPie = exports.falFileChartLine = exports.falFileCertificate = exports.falFileAudio = exports.falFileArchive = exports.falFileAlt = exports.falFile = exports.falEyeSlash = exports.falEye = exports.falExternalLink = exports.falExpandAlt = exports.falExclamationTriangle = exports.falExclamationCircle = exports.falExchange = exports.falEnvelope = exports.falEllipsisV = exports.falEllipsisH = void 0;
-exports.falStopCircle = exports.falStop = exports.falStepForward = exports.falSquare = exports.falSpinner = exports.falSort = exports.falSolarPanel = exports.falSnowflake = exports.falSnowBlowing = exports.falSlidersV = exports.falSignOutAlt = exports.falSignOut = exports.falSignInAlt = exports.falSignIn = exports.falShoppingBasket = exports.falShip = exports.falShieldCheck = exports.falShieldAlt = exports.falShareAlt = exports.falShareAll = exports.falShare = exports.falServer = exports.falSearchPlus = exports.falSearchMinus = exports.falSearch = exports.falSave = exports.falRedo = exports.falReceipt = exports.falQuestionCircle = exports.falPuzzlePiece = exports.falPrint = exports.falPlusSquare = exports.falPlusCircle = exports.falPlus = exports.falPlug = exports.falPlayCircle = exports.falPlay = exports.falPen = exports.falPauseCircle = exports.falPause = exports.falMinus = exports.falMapMarkerExclamation = exports.falMapMarkerCheck = exports.falMapMarkerAltSlash = exports.falMapMarkerAlt = exports.falMapMarker = exports.falMapMarkedAlt = exports.falMapMarked = exports.falMap = exports.falLongArrowUp = void 0;
-exports.fasWindTurbine = exports.fasStar = exports.fasSort = exports.fasSolarPanel = exports.fasQuoteRight = exports.fasQuoteLeft = exports.fasMapMarkerExclamation = exports.fasMapMarkerAlt = exports.fasFolder = exports.fasDiamond = exports.fasCheckCircle = exports.fasCaretUp = exports.fasCaretRight = exports.fasCaretLeft = exports.fasCaretDown = exports.fasCalendarAlt = exports.falWrench = exports.falWindTurbine = exports.falWind = exports.falWater = exports.falUsersClass = exports.falUsers = exports.falUserTimes = exports.falUserShield = exports.falUserPlus = exports.falUserFriends = exports.falUserEdit = exports.falUserCog = exports.falUserCircle = exports.falUserChart = exports.falUser = exports.falUnlockAlt = exports.falTrashAlt = exports.falToggleOn = exports.falToggleOff = exports.falTimesCircle = exports.falTimes = exports.falThList = exports.falThLarge = exports.falTh = exports.falTemperatureHigh = exports.falTachometer = exports.falSync = exports.falSun = exports.falSuitcase = exports.falStopwatch = void 0;
+exports.falLongArrowLeft = exports.falLongArrowDown = exports.falLockAlt = exports.falList = exports.falLink = exports.falLayerPlus = exports.falLayerGroup = exports.falKey = exports.falInfoCircle = exports.falImage = exports.falHourglass = exports.falHome = exports.falGlobe = exports.falGlassesAlt = exports.falFolders = exports.falFolderPlus = exports.falFolderOpen = exports.falFolder = exports.falFlag = exports.falFilter = exports.falFileWord = exports.falFileVideo = exports.falFileSpreadsheet = exports.falFilePowerpoint = exports.falFilePlus = exports.falFilePdf = exports.falFileInvoiceDollar = exports.falFileImage = exports.falFileExcel = exports.falFileEdit = exports.falFileCsv = exports.falFileCode = exports.falFileCheck = exports.falFileChartPie = exports.falFileChartLine = exports.falFileCertificate = exports.falFileAudio = exports.falFileArchive = exports.falFileAlt = exports.falFile = exports.falEyeSlash = exports.falEye = exports.falExternalLink = exports.falExpandAlt = exports.falExclamationTriangle = exports.falExclamationCircle = exports.falExchange = exports.falEnvelope = exports.falEllipsisV = exports.falEllipsisH = void 0;
+exports.falStop = exports.falStepForward = exports.falSquare = exports.falSpinner = exports.falSort = exports.falSolarPanel = exports.falSnowflake = exports.falSnowBlowing = exports.falSlidersV = exports.falSignOutAlt = exports.falSignOut = exports.falSignInAlt = exports.falSignIn = exports.falShoppingBasket = exports.falShip = exports.falShieldCheck = exports.falShieldAlt = exports.falShareAlt = exports.falShareAll = exports.falShare = exports.falServer = exports.falSearchPlus = exports.falSearchMinus = exports.falSearch = exports.falSave = exports.falRedo = exports.falReceipt = exports.falQuestionCircle = exports.falPuzzlePiece = exports.falPrint = exports.falPlusSquare = exports.falPlusCircle = exports.falPlus = exports.falPlug = exports.falPlayCircle = exports.falPlay = exports.falPen = exports.falPauseCircle = exports.falPause = exports.falMinus = exports.falMapMarkerExclamation = exports.falMapMarkerCheck = exports.falMapMarkerAltSlash = exports.falMapMarkerAlt = exports.falMapMarker = exports.falMapMarkedAlt = exports.falMapMarked = exports.falMap = exports.falLongArrowUp = exports.falLongArrowRight = void 0;
+exports.fasWindTurbine = exports.fasStar = exports.fasSort = exports.fasSolarPanel = exports.fasQuoteRight = exports.fasQuoteLeft = exports.fasMapMarkerExclamation = exports.fasMapMarkerAlt = exports.fasFolder = exports.fasDiamond = exports.fasCheckCircle = exports.fasCaretUp = exports.fasCaretRight = exports.fasCaretLeft = exports.fasCaretDown = exports.fasCalendarAlt = exports.falWrench = exports.falWindTurbine = exports.falWind = exports.falWater = exports.falUsersClass = exports.falUsers = exports.falUserTimes = exports.falUserShield = exports.falUserPlus = exports.falUserFriends = exports.falUserEdit = exports.falUserCog = exports.falUserCircle = exports.falUserChart = exports.falUser = exports.falUnlockAlt = exports.falTrashAlt = exports.falToggleOn = exports.falToggleOff = exports.falTimesCircle = exports.falTimes = exports.falThList = exports.falThLarge = exports.falTh = exports.falTemperatureHigh = exports.falTachometer = exports.falSync = exports.falSun = exports.falSuitcase = exports.falStopwatch = exports.falStopCircle = void 0;
 var cubPowerBi_1 = require("./cub/cubPowerBi");
 Object.defineProperty(exports, "cubPowerBi", { enumerable: true, get: function () { return __importDefault(cubPowerBi_1).default; } });
 var cubVeracity_1 = require("./cub/cubVeracity");
@@ -355,6 +355,8 @@ var falFileExcel_1 = require("./fal/falFileExcel");
 Object.defineProperty(exports, "falFileExcel", { enumerable: true, get: function () { return __importDefault(falFileExcel_1).default; } });
 var falFileImage_1 = require("./fal/falFileImage");
 Object.defineProperty(exports, "falFileImage", { enumerable: true, get: function () { return __importDefault(falFileImage_1).default; } });
+var falFileInvoiceDollar_1 = require("./fal/falFileInvoiceDollar");
+Object.defineProperty(exports, "falFileInvoiceDollar", { enumerable: true, get: function () { return __importDefault(falFileInvoiceDollar_1).default; } });
 var falFilePdf_1 = require("./fal/falFilePdf");
 Object.defineProperty(exports, "falFilePdf", { enumerable: true, get: function () { return __importDefault(falFilePdf_1).default; } });
 var falFilePlus_1 = require("./fal/falFilePlus");

package/icons/baseIcons/types.d.ts

@@ -1 +1 @@
-export declare type BaseIcon = 'cubPowerBi' | 'cubVeracity' | 'cuiCheckboxIndeterminate' | 'cuiCheckboxSelected' | 'cuiCheckboxUnselected' | 'cuiRadioSelected' | 'cuiRadioUnselected' | 'culApiProduct' | 'culApiService' | 'culCircleChart' | 'culCircleChartAlt' | 'culCovid' | 'culDeepSearch' | 'culDotsMenu' | 'culGlobePlus' | 'culListDense' | 'culMapMarkerStar' | 'culNumber1' | 'culPlusThin' | 'culScreenshot' | 'culScreenshotAlt' | 'culShortcut' | 'culTarget' | 'culTimesThin' | 'culTransformer' | 'culUserTransfer' | 'culVeracityService' | 'culVessel' | 'culVesselGroup' | 'cusDotFull' | 'cusDotFullAlt' | 'cusDotsMenu' | 'cusTransformer' | 'cusVessel' | 'fabApplePay' | 'fabBluetooth' | 'fabBtc' | 'fabCcAmazonPay' | 'fabCcAmex' | 'fabCcApplePay' | 'fabCcDinersClub' | 'fabCcMastercard' | 'fabCcPaypal' | 'fabCcVisa' | 'fabDhl' | 'fabEbay' | 'fabFacebook' | 'fabFedex' | 'fabFirefox' | 'fabGoogle' | 'fabGoogleDrive' | 'fabLinkedinIn' | 'fabMedium' | 'fabOsi' | 'fabSlack' | 'fabTwitter' | 'fabUps' | 'fabYoutube' | 'fadSpinnerThird' | 'falAddressBook' | 'falAddressCard' | 'falAnalytics' | 'falAngleDoubleDown' | 'falAngleDoubleLeft' | 'falAngleDoubleRight' | 'falAngleDoubleUp' | 'falAngleDown' | 'falAngleLeft' | 'falAngleRight' | 'falAngleUp' | 'falArrowAltDown' | 'falArrowAltLeft' | 'falArrowAltRight' | 'falArrowAltUp' | 'falArrowCircleDown' | 'falArrowCircleLeft' | 'falArrowCircleRight' | 'falArrowCircleUp' | 'falArrowDown' | 'falArrowFromBottom' | 'falArrowFromLeft' | 'falArrowFromRight' | 'falArrowFromTop' | 'falArrowLeft' | 'falArrowRight' | 'falArrowToBottom' | 'falArrowToLeft' | 'falArrowToRight' | 'falArrowToTop' | 'falArrowUp' | 'falArrows' | 'falAward' | 'falBan' | 'falBars' | 'falBell' | 'falBookOpen' | 'falBroadcastTower' | 'falBroom' | 'falBuilding' | 'falBullseye' | 'falCalendar' | 'falCalendarAlt' | 'falCamera' | 'falCaretDown' | 'falCaretLeft' | 'falCaretRight' | 'falCaretUp' | 'falCauldron' | 'falChartArea' | 'falChartBar' | 'falChartLine' | 'falChartLineDown' | 'falChartNetwork' | 'falChartPie' | 'falChartPieAlt' | 'falChartScatter' | 'falCheck' | 'falCheckCircle' | 'falCheckSquare' | 'falChevronCircleDown' | 'falChevronCircleLeft' | 'falChevronCircleRight' | 'falChevronCircleUp' | 'falChevronDoubleDown' | 'falChevronDoubleLeft' | 'falChevronDoubleRight' | 'falChevronDoubleUp' | 'falChevronDown' | 'falChevronLeft' | 'falChevronRight' | 'falChevronUp' | 'falCircle' | 'falCloud' | 'falCloudShowersHeavy' | 'falCloudSnow' | 'falCloudSun' | 'falCloudSunRain' | 'falCloudUpload' | 'falCode' | 'falCog' | 'falCogs' | 'falComment' | 'falCommentAlt' | 'falCompressAlt' | 'falCopy' | 'falCreditCard' | 'falDatabase' | 'falDotCircle' | 'falDownload' | 'falEdit' | 'falEllipsisH' | 'falEllipsisV' | 'falEnvelope' | 'falExchange' | 'falExclamationCircle' | 'falExclamationTriangle' | 'falExpandAlt' | 'falExternalLink' | 'falEye' | 'falEyeSlash' | 'falFile' | 'falFileAlt' | 'falFileArchive' | 'falFileAudio' | 'falFileCertificate' | 'falFileChartLine' | 'falFileChartPie' | 'falFileCheck' | 'falFileCode' | 'falFileCsv' | 'falFileEdit' | 'falFileExcel' | 'falFileImage' | 'falFilePdf' | 'falFilePlus' | 'falFilePowerpoint' | 'falFileSpreadsheet' | 'falFileVideo' | 'falFileWord' | 'falFilter' | 'falFlag' | 'falFolder' | 'falFolderOpen' | 'falFolderPlus' | 'falFolders' | 'falGlassesAlt' | 'falGlobe' | 'falHome' | 'falHourglass' | 'falImage' | 'falInfoCircle' | 'falKey' | 'falLayerGroup' | 'falLayerPlus' | 'falLink' | 'falList' | 'falLockAlt' | 'falLongArrowDown' | 'falLongArrowLeft' | 'falLongArrowRight' | 'falLongArrowUp' | 'falMap' | 'falMapMarked' | 'falMapMarkedAlt' | 'falMapMarker' | 'falMapMarkerAlt' | 'falMapMarkerAltSlash' | 'falMapMarkerCheck' | 'falMapMarkerExclamation' | 'falMinus' | 'falPause' | 'falPauseCircle' | 'falPen' | 'falPlay' | 'falPlayCircle' | 'falPlug' | 'falPlus' | 'falPlusCircle' | 'falPlusSquare' | 'falPrint' | 'falPuzzlePiece' | 'falQuestionCircle' | 'falReceipt' | 'falRedo' | 'falSave' | 'falSearch' | 'falSearchMinus' | 'falSearchPlus' | 'falServer' | 'falShare' | 'falShareAll' | 'falShareAlt' | 'falShieldAlt' | 'falShieldCheck' | 'falShip' | 'falShoppingBasket' | 'falSignIn' | 'falSignInAlt' | 'falSignOut' | 'falSignOutAlt' | 'falSlidersV' | 'falSnowBlowing' | 'falSnowflake' | 'falSolarPanel' | 'falSort' | 'falSpinner' | 'falSquare' | 'falStepForward' | 'falStop' | 'falStopCircle' | 'falStopwatch' | 'falSuitcase' | 'falSun' | 'falSync' | 'falTachometer' | 'falTemperatureHigh' | 'falTh' | 'falThLarge' | 'falThList' | 'falTimes' | 'falTimesCircle' | 'falToggleOff' | 'falToggleOn' | 'falTrashAlt' | 'falUnlockAlt' | 'falUser' | 'falUserChart' | 'falUserCircle' | 'falUserCog' | 'falUserEdit' | 'falUserFriends' | 'falUserPlus' | 'falUserShield' | 'falUserTimes' | 'falUsers' | 'falUsersClass' | 'falWater' | 'falWind' | 'falWindTurbine' | 'falWrench' | 'fasCalendarAlt' | 'fasCaretDown' | 'fasCaretLeft' | 'fasCaretRight' | 'fasCaretUp' | 'fasCheckCircle' | 'fasDiamond' | 'fasFolder' | 'fasMapMarkerAlt' | 'fasMapMarkerExclamation' | 'fasQuoteLeft' | 'fasQuoteRight' | 'fasSolarPanel' | 'fasSort' | 'fasStar' | 'fasWindTurbine';
+export declare type BaseIcon = 'cubPowerBi' | 'cubVeracity' | 'cuiCheckboxIndeterminate' | 'cuiCheckboxSelected' | 'cuiCheckboxUnselected' | 'cuiRadioSelected' | 'cuiRadioUnselected' | 'culApiProduct' | 'culApiService' | 'culCircleChart' | 'culCircleChartAlt' | 'culCovid' | 'culDeepSearch' | 'culDotsMenu' | 'culGlobePlus' | 'culListDense' | 'culMapMarkerStar' | 'culNumber1' | 'culPlusThin' | 'culScreenshot' | 'culScreenshotAlt' | 'culShortcut' | 'culTarget' | 'culTimesThin' | 'culTransformer' | 'culUserTransfer' | 'culVeracityService' | 'culVessel' | 'culVesselGroup' | 'cusDotFull' | 'cusDotFullAlt' | 'cusDotsMenu' | 'cusTransformer' | 'cusVessel' | 'fabApplePay' | 'fabBluetooth' | 'fabBtc' | 'fabCcAmazonPay' | 'fabCcAmex' | 'fabCcApplePay' | 'fabCcDinersClub' | 'fabCcMastercard' | 'fabCcPaypal' | 'fabCcVisa' | 'fabDhl' | 'fabEbay' | 'fabFacebook' | 'fabFedex' | 'fabFirefox' | 'fabGoogle' | 'fabGoogleDrive' | 'fabLinkedinIn' | 'fabMedium' | 'fabOsi' | 'fabSlack' | 'fabTwitter' | 'fabUps' | 'fabYoutube' | 'fadSpinnerThird' | 'falAddressBook' | 'falAddressCard' | 'falAnalytics' | 'falAngleDoubleDown' | 'falAngleDoubleLeft' | 'falAngleDoubleRight' | 'falAngleDoubleUp' | 'falAngleDown' | 'falAngleLeft' | 'falAngleRight' | 'falAngleUp' | 'falArrowAltDown' | 'falArrowAltLeft' | 'falArrowAltRight' | 'falArrowAltUp' | 'falArrowCircleDown' | 'falArrowCircleLeft' | 'falArrowCircleRight' | 'falArrowCircleUp' | 'falArrowDown' | 'falArrowFromBottom' | 'falArrowFromLeft' | 'falArrowFromRight' | 'falArrowFromTop' | 'falArrowLeft' | 'falArrowRight' | 'falArrowToBottom' | 'falArrowToLeft' | 'falArrowToRight' | 'falArrowToTop' | 'falArrowUp' | 'falArrows' | 'falAward' | 'falBan' | 'falBars' | 'falBell' | 'falBookOpen' | 'falBroadcastTower' | 'falBroom' | 'falBuilding' | 'falBullseye' | 'falCalendar' | 'falCalendarAlt' | 'falCamera' | 'falCaretDown' | 'falCaretLeft' | 'falCaretRight' | 'falCaretUp' | 'falCauldron' | 'falChartArea' | 'falChartBar' | 'falChartLine' | 'falChartLineDown' | 'falChartNetwork' | 'falChartPie' | 'falChartPieAlt' | 'falChartScatter' | 'falCheck' | 'falCheckCircle' | 'falCheckSquare' | 'falChevronCircleDown' | 'falChevronCircleLeft' | 'falChevronCircleRight' | 'falChevronCircleUp' | 'falChevronDoubleDown' | 'falChevronDoubleLeft' | 'falChevronDoubleRight' | 'falChevronDoubleUp' | 'falChevronDown' | 'falChevronLeft' | 'falChevronRight' | 'falChevronUp' | 'falCircle' | 'falCloud' | 'falCloudShowersHeavy' | 'falCloudSnow' | 'falCloudSun' | 'falCloudSunRain' | 'falCloudUpload' | 'falCode' | 'falCog' | 'falCogs' | 'falComment' | 'falCommentAlt' | 'falCompressAlt' | 'falCopy' | 'falCreditCard' | 'falDatabase' | 'falDotCircle' | 'falDownload' | 'falEdit' | 'falEllipsisH' | 'falEllipsisV' | 'falEnvelope' | 'falExchange' | 'falExclamationCircle' | 'falExclamationTriangle' | 'falExpandAlt' | 'falExternalLink' | 'falEye' | 'falEyeSlash' | 'falFile' | 'falFileAlt' | 'falFileArchive' | 'falFileAudio' | 'falFileCertificate' | 'falFileChartLine' | 'falFileChartPie' | 'falFileCheck' | 'falFileCode' | 'falFileCsv' | 'falFileEdit' | 'falFileExcel' | 'falFileImage' | 'falFileInvoiceDollar' | 'falFilePdf' | 'falFilePlus' | 'falFilePowerpoint' | 'falFileSpreadsheet' | 'falFileVideo' | 'falFileWord' | 'falFilter' | 'falFlag' | 'falFolder' | 'falFolderOpen' | 'falFolderPlus' | 'falFolders' | 'falGlassesAlt' | 'falGlobe' | 'falHome' | 'falHourglass' | 'falImage' | 'falInfoCircle' | 'falKey' | 'falLayerGroup' | 'falLayerPlus' | 'falLink' | 'falList' | 'falLockAlt' | 'falLongArrowDown' | 'falLongArrowLeft' | 'falLongArrowRight' | 'falLongArrowUp' | 'falMap' | 'falMapMarked' | 'falMapMarkedAlt' | 'falMapMarker' | 'falMapMarkerAlt' | 'falMapMarkerAltSlash' | 'falMapMarkerCheck' | 'falMapMarkerExclamation' | 'falMinus' | 'falPause' | 'falPauseCircle' | 'falPen' | 'falPlay' | 'falPlayCircle' | 'falPlug' | 'falPlus' | 'falPlusCircle' | 'falPlusSquare' | 'falPrint' | 'falPuzzlePiece' | 'falQuestionCircle' | 'falReceipt' | 'falRedo' | 'falSave' | 'falSearch' | 'falSearchMinus' | 'falSearchPlus' | 'falServer' | 'falShare' | 'falShareAll' | 'falShareAlt' | 'falShieldAlt' | 'falShieldCheck' | 'falShip' | 'falShoppingBasket' | 'falSignIn' | 'falSignInAlt' | 'falSignOut' | 'falSignOutAlt' | 'falSlidersV' | 'falSnowBlowing' | 'falSnowflake' | 'falSolarPanel' | 'falSort' | 'falSpinner' | 'falSquare' | 'falStepForward' | 'falStop' | 'falStopCircle' | 'falStopwatch' | 'falSuitcase' | 'falSun' | 'falSync' | 'falTachometer' | 'falTemperatureHigh' | 'falTh' | 'falThLarge' | 'falThList' | 'falTimes' | 'falTimesCircle' | 'falToggleOff' | 'falToggleOn' | 'falTrashAlt' | 'falUnlockAlt' | 'falUser' | 'falUserChart' | 'falUserCircle' | 'falUserCog' | 'falUserEdit' | 'falUserFriends' | 'falUserPlus' | 'falUserShield' | 'falUserTimes' | 'falUsers' | 'falUsersClass' | 'falWater' | 'falWind' | 'falWindTurbine' | 'falWrench' | 'fasCalendarAlt' | 'fasCaretDown' | 'fasCaretLeft' | 'fasCaretRight' | 'fasCaretUp' | 'fasCheckCircle' | 'fasDiamond' | 'fasFolder' | 'fasMapMarkerAlt' | 'fasMapMarkerExclamation' | 'fasQuoteLeft' | 'fasQuoteRight' | 'fasSolarPanel' | 'fasSort' | 'fasStar' | 'fasWindTurbine';

package/icons/cache.d.ts

@@ -0,0 +1,15 @@
+import { IconDefinition } from './types';
+/**
+ * Holds the collection of selected predefined icons. Can be extended with more icons by the consumer.
+ * When using icons, they will be checked in library before loading them from CDN.
+ */
+declare class IconsCache {
+    cache: Map<string, IconDefinition>;
+    add: (...icons: IconDefinition[]) => void;
+    get: (name: string) => IconDefinition | undefined;
+    has: (name: string) => boolean;
+    init: () => void;
+    reset: () => void;
+}
+declare const cache: IconsCache;
+export default cache;

package/icons/{library.js → cache.js}

@@ -26,8 +26,12 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var consts_1 = require("./consts");
-var Library = /** @class */ (function () {
-    function Library() {
+/**
+ * Holds the collection of selected predefined icons. Can be extended with more icons by the consumer.
+ * When using icons, they will be checked in library before loading them from CDN.
+ */
+var IconsCache = /** @class */ (function () {
+    function IconsCache() {
         var _this = this;
         this.cache = new Map();
         this.add = function () {
@@ -57,8 +61,8 @@ var Library = /** @class */ (function () {
             _this.cache.clear();
         };
     }
-    return Library;
+    return IconsCache;
 }());
-var library = new Library();
-library.init();
-exports.default = library;
+var cache = new IconsCache();
+cache.init();
+exports.default = cache;

package/icons/index.d.ts

@@ -1,3 +1,3 @@
+export { default as iconsCache } from './cache';
 export * from './consts';
 export * from './types';
-export { default as library } from './library';

package/icons/index.js

@@ -13,8 +13,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.library = void 0;
+exports.iconsCache = void 0;
+var cache_1 = require("./cache");
+Object.defineProperty(exports, "iconsCache", { enumerable: true, get: function () { return __importDefault(cache_1).default; } });
 __exportStar(require("./consts"), exports);
 __exportStar(require("./types"), exports);
-var library_1 = require("./library");
-Object.defineProperty(exports, "library", { enumerable: true, get: function () { return __importDefault(library_1).default; } });

package/icons/types.d.ts

@@ -1,13 +1,19 @@
 import React from 'react';
-import { BaseIcon } from './baseIcons/types';
 import Svg from '../svg';
 import { PropsOf } from '../utils';
-export interface IconDefinition {
+import { BaseIcon } from './baseIcons/types';
+/** Object defining a custom icon. */
+export declare type IconDefinition = {
+    /** Icon details including height, width and 'd' attribute. */
     details: IconDetails;
+    /** Name of the icon used internally. */
     name: string;
+    /** Props object or array of objects passed to the path elements. */
     pathProps?: React.SVGProps<SVGPathElement> | React.SVGProps<SVGPathElement>[];
+    /** Props object passed to the svg element. */
     svgProps?: PropsOf<typeof Svg>;
-}
+};
+/** Icon definition following Font Awesome standard. */
 export declare type IconDetails = [
     number,
     number,
@@ -17,5 +23,6 @@ export declare type IconDetails = [
     string | string[]
 ];
 export declare type VuiIcon = keyof VuiIcons;
+/** Base icons collection, which can be extended by the consumer. */
 export interface VuiIcons extends Record<BaseIcon, IconDefinition> {
 }

package/image/image.d.ts

@@ -1,3 +1,5 @@
 import { ImageProps } from './image.types';
+export declare const ImageBase: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, import("..").SystemProps, never>;
+/** Displays an image. Includes base styling. */
 export declare const Image: import("../core").VuiComponent<"img", ImageProps>;
 export default Image;

package/image/image.js

@@ -1,4 +1,8 @@
 "use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -25,14 +29,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Image = void 0;
+exports.Image = exports.ImageBase = void 0;
 var react_1 = __importDefault(require("react"));
 var core_1 = require("../core");
 var utils_1 = require("../utils");
+exports.ImageBase = core_1.styled.imgBox(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\theight: auto;\n\tobject-fit: cover;\n\twidth: 100%;\n"], ["\n\theight: auto;\n\tobject-fit: cover;\n\twidth: 100%;\n"
+    /** Displays an image. Includes base styling. */
+])));
+/** Displays an image. Includes base styling. */
 exports.Image = (0, core_1.vui)(function (props, ref) {
     var _a = (0, core_1.omitThemingProps)(props), className = _a.className, rest = __rest(_a, ["className"]);
     var styles = (0, core_1.useStyleConfig)('Image', props);
-    return react_1.default.createElement(core_1.v.img, __assign({ className: (0, utils_1.cs)('vui-image', className), ref: ref }, styles, rest));
+    return react_1.default.createElement(exports.ImageBase, __assign({ className: (0, utils_1.cs)('vui-image', className), ref: ref }, styles, rest));
 });
 exports.Image.displayName = 'Image';
 exports.default = exports.Image;
+var templateObject_1;

package/image/image.types.d.ts

@@ -1,5 +1,6 @@
 import { SystemProps } from '../system';
 import { ThemingProps } from '../theme';
-export interface ImageProps extends SystemProps, ThemingProps<'Image'> {
+export declare type ImageProps = SystemProps & ThemingProps<'Image'> & {
+    /** Children are disabled for this component. */
     children?: never;
-}
+};

package/image/index.d.ts

@@ -1,3 +1,3 @@
 export * from './image';
-export * from './image.types';
 export { default } from './image';
+export * from './image.types';

package/image/index.js

@@ -15,6 +15,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = void 0;
 __exportStar(require("./image"), exports);
-__exportStar(require("./image.types"), exports);
 var image_1 = require("./image");
 Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(image_1).default; } });
+__exportStar(require("./image.types"), exports);

package/image/theme.d.ts

@@ -1,4 +1,5 @@
 declare const _default: {
+    baseStyle: {};
     defaultProps: {};
     sizes: {};
     variants: {};

package/image/theme.js

@@ -1,9 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+var baseStyle = {};
 var defaultProps = {};
 var sizes = {};
 var variants = {};
 exports.default = {
+    baseStyle: baseStyle,
     defaultProps: defaultProps,
     sizes: sizes,
     variants: variants

package/index.d.ts

@@ -7,6 +7,7 @@ export * from './checkbox';
 export * from './core';
 export * from './divider';
 export * from './footer';
+export * from './header';
 export * from './heading';
 export * from './icon';
 export * from './icons';
@@ -22,7 +23,6 @@ export * from './popover';
 export * from './radio';
 export * from './skeleton';
 export * from './spinner';
-export * from './styles';
 export * from './svg';
 export * from './switch';
 export * from './system';

package/index.js

@@ -19,6 +19,7 @@ __exportStar(require("./checkbox"), exports);
 __exportStar(require("./core"), exports);
 __exportStar(require("./divider"), exports);
 __exportStar(require("./footer"), exports);
+__exportStar(require("./header"), exports);
 __exportStar(require("./heading"), exports);
 __exportStar(require("./icon"), exports);
 __exportStar(require("./icons"), exports);
@@ -34,7 +35,6 @@ __exportStar(require("./popover"), exports);
 __exportStar(require("./radio"), exports);
 __exportStar(require("./skeleton"), exports);
 __exportStar(require("./spinner"), exports);
-__exportStar(require("./styles"), exports);
 __exportStar(require("./svg"), exports);
 __exportStar(require("./switch"), exports);
 __exportStar(require("./system"), exports);

package/input/helpers.d.ts

@@ -1,2 +1,3 @@
 import { InputProps } from './input.types';
+/** Returns length of the initial input's value. */
 export declare function getInitialCount(props: InputProps): number;

package/input/helpers.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getInitialCount = void 0;
+/** Returns length of the initial input's value. */
 function getInitialCount(props) {
     var _a, _b;
     var defaultValue = props.defaultValue, value = props.value;

package/input/index.d.ts

@@ -1,5 +1,5 @@
 export * from './input';
+export { default } from './input';
 export * from './input.types';
 export * from './inputIcon';
 export * from './inputInput';
-export { default } from './input';

package/input/index.js

@@ -15,8 +15,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = void 0;
 __exportStar(require("./input"), exports);
+var input_1 = require("./input");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(input_1).default; } });
 __exportStar(require("./input.types"), exports);
 __exportStar(require("./inputIcon"), exports);
 __exportStar(require("./inputInput"), exports);
-var input_1 = require("./input");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(input_1).default; } });

package/input/input.d.ts

@@ -1,9 +1,13 @@
+import { VuiComponent } from '../core';
 import { InputProps } from './input.types';
 import InputIcon from './inputIcon';
 import InputInput from './inputInput';
-import { VuiComponent } from '../core';
-import { SystemProps } from '../system';
-export declare const InputBase: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, SystemProps, never>;
+export declare const InputBase: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("..").SystemProps, never>;
+/**
+ * Displays an input element wrapped in a div to allow extra content, like counter, side icons or buttons.
+ * Forwards many relevant props to the inner input. Handles different states, like loading or error.
+ * Exposes some props to the children via context.
+ */
 export declare const Input: VuiComponent<"div", InputProps> & {
     Icon: typeof InputIcon;
     Input: typeof InputInput;

package/input/input.js

@@ -66,17 +66,26 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Input = exports.InputBase = void 0;
 var react_1 = __importStar(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
+var core_1 = require("../core");
+var t_1 = __importDefault(require("../t"));
+var utils_1 = require("../utils");
 var consts_1 = require("./consts");
 var context_1 = require("./context");
 var helpers_1 = require("./helpers");
 var inputIcon_1 = __importDefault(require("./inputIcon"));
 var inputInput_1 = __importDefault(require("./inputInput"));
-var core_1 = require("../core");
-var system_1 = require("../system");
-var t_1 = __importDefault(require("../t"));
-var utils_1 = require("../utils");
-exports.InputBase = styled_components_1.default.div.withConfig((0, core_1.forwardPropConfig)(system_1.system))(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\talign-items: center;\n\tbackground-color: white;\n\tborder-width: 1px;\n\tdisplay: flex;\n\toutline: none;\n\tposition: relative;\n\twidth: 100%;\n\n\t&.disabled {\n\t\tbackground-color: var(--vui-colors-disabled-bg);\n\t\tcolor: var(--vui-colors-disabled-font);\n\t\tcursor: not-allowed;\n\t}\n\n\t", "\n"], ["\n\talign-items: center;\n\tbackground-color: white;\n\tborder-width: 1px;\n\tdisplay: flex;\n\toutline: none;\n\tposition: relative;\n\twidth: 100%;\n\n\t&.disabled {\n\t\tbackground-color: var(--vui-colors-disabled-bg);\n\t\tcolor: var(--vui-colors-disabled-font);\n\t\tcursor: not-allowed;\n\t}\n\n\t", "\n"])), system_1.system);
+exports.InputBase = core_1.styled.divBox(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\talign-items: center;\n\tbackground-color: white;\n\tborder-radius: md;\n\tborder-width: 1px;\n\tdisplay: flex;\n\toutline: none;\n\tposition: relative;\n\ttransition-duration: fast;\n\twidth: 100%;\n\n\t&[aria-disabled='true'] {\n\t\tbackground-color: disabled.bg;\n\t\tcolor: disabled.color;\n\t\tcursor: not-allowed;\n\t}\n"], ["\n\talign-items: center;\n\tbackground-color: white;\n\tborder-radius: md;\n\tborder-width: 1px;\n\tdisplay: flex;\n\toutline: none;\n\tposition: relative;\n\ttransition-duration: fast;\n\twidth: 100%;\n\n\t&[aria-disabled='true'] {\n\t\tbackground-color: disabled.bg;\n\t\tcolor: disabled.color;\n\t\tcursor: not-allowed;\n\t}\n"
+    /**
+     * Displays an input element wrapped in a div to allow extra content, like counter, side icons or buttons.
+     * Forwards many relevant props to the inner input. Handles different states, like loading or error.
+     * Exposes some props to the children via context.
+     */
+])));
+/**
+ * Displays an input element wrapped in a div to allow extra content, like counter, side icons or buttons.
+ * Forwards many relevant props to the inner input. Handles different states, like loading or error.
+ * Exposes some props to the children via context.
+ */
 exports.Input = (0, core_1.vui)(function (props, ref) {
     var _a, _b, _c, _d;
     var _e = __read((0, react_1.useState)((0, helpers_1.getInitialCount)(props)), 2), count = _e[0], setCount = _e[1];
@@ -92,12 +101,13 @@ exports.Input = (0, core_1.vui)(function (props, ref) {
         onChangeProp === null || onChangeProp === void 0 ? void 0 : onChangeProp(e);
     }
     var aliasedProps = (0, utils_1.filterUndefined)({
+        'aria-disabled': disabled,
         bg: readOnly ? 'grey.10' : undefined,
         focusWithinBorderColor: !readOnly ? 'transparent' : undefined,
         focusWithinRingColor: readOnly ? 'transparent' : undefined
     });
     return (react_1.default.createElement(context_1.InputProvider, { value: context },
-        react_1.default.createElement(exports.InputBase, __assign({ borderRadius: "md", className: (0, utils_1.cs)('vui-input', disabled && 'disabled', className), ref: ref, transitionDuration: "fast" }, styles.container, aliasedProps, rest),
+        react_1.default.createElement(exports.InputBase, __assign({ className: (0, utils_1.cs)('vui-input', className), ref: ref }, styles.container, aliasedProps, rest),
             itemLeft,
             (0, utils_1.isString)(iconLeft) ? react_1.default.createElement(inputIcon_1.default, { ml: 1, name: iconLeft }) : iconLeft, (_c = children !== null && children !== void 0 ? children : input) !== null && _c !== void 0 ? _c : (react_1.default.createElement(inputInput_1.default, __assign({ ref: inputRef }, {
             autoComplete: autoComplete,

package/input/input.types.d.ts

@@ -3,40 +3,69 @@ import { IconProp, IconProps } from '../icon';
 import { SystemProps } from '../system';
 import { ThemingProps } from '../theme';
 import { AnyElement, ChangeEventHandler, FocusEventHandler, PropsOf } from '../utils';
-export interface InputInputProps extends PropsOf<'input', SystemProps> {
-}
-export interface InputProps extends SystemProps, ThemingProps<'Input'> {
+export declare type InputInputProps = PropsOf<'input', SystemProps>;
+export declare type InputProps = SystemProps & ThemingProps<'Input'> & {
+    /** Passed to the inner input. */
     autoComplete?: string;
+    /** Passed to the inner input. */
     autoFocus?: boolean;
+    /** Available theme colors for this component. @default grey */
     colorScheme?: 'green' | 'grey' | 'red';
+    /** Passed to the inner input. */
     defaultValue?: number | string;
+    /** Passed to the inner input. */
     disabled?: boolean;
+    /** Socket displaying an icon on the left. */
     iconLeft?: IconProp | AnyElement;
+    /** Socket displaying an icon on the right. */
     iconRight?: IconProp | AnyElement;
+    /** Socket rendering a custom input element. */
     input?: React.ReactNode;
+    /** Props object passed to the inner input. */
     inputProps?: InputInputProps;
+    /** Ref passed to the inner input. */
     inputRef?: React.MutableRefObject<HTMLInputElement | null> | null;
+    /** Styles the input in invalid state. */
     isInvalid?: boolean;
+    /** Socket displaying a custom element on the left. */
     itemLeft?: React.ReactNode;
+    /** Socket displaying a custom element on the right. */
     itemRight?: React.ReactNode;
+    /** Passed to the inner input. */
     max?: number | string;
+    /** Passed to the inner input. */
     maxLength?: number;
+    /** Passed to the inner input. */
     min?: number | string;
+    /** Passed to the inner input. */
     name?: string;
+    /** Passed to the inner input. */
     onBlur?: FocusEventHandler;
+    /** Passed to the inner input. */
     onChange?: ChangeEventHandler;
+    /** Passed to the inner input. */
     onFocus?: FocusEventHandler;
+    /** Passed to the inner input. */
     pattern?: string;
+    /** Passed to the inner input. */
     placeholder?: string;
+    /** Passed to the inner input. */
     readOnly?: boolean;
+    /** Passed to the inner input. */
     required?: boolean;
+    /** Displays length of input value if also using maxLength. */
     showCount?: boolean;
+    /** Modifies Input style and content based on the given state. */
     state?: InputState;
+    /** Object definition of styles and content for each state. */
     stateMapping?: InputStateMapping;
+    /** Passed to the inner input. */
     step?: number | string;
+    /** Passed to the inner input. */
     type?: InputType;
+    /** Passed to the inner input. */
     value?: number | string;
-}
+};
 export declare type InputState = 'default' | 'error' | 'loading' | 'success';
 export declare type InputStateMapping = Record<string, {
     colorScheme?: InputProps['colorScheme'];

package/input/inputIcon.d.ts

@@ -1,3 +1,4 @@
 import { IconProps } from '../icon';
+/** Displays an icon within the Input. */
 export declare const InputIcon: import("../core").VuiComponent<"svg", IconProps>;
 export default InputIcon;

package/input/inputIcon.js

@@ -16,9 +16,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InputIcon = void 0;
 var react_1 = __importDefault(require("react"));
-var context_1 = require("./context");
 var core_1 = require("../core");
 var icon_1 = __importDefault(require("../icon"));
+var context_1 = require("./context");
+/** Displays an icon within the Input. */
 exports.InputIcon = (0, core_1.vui)(function (props, ref) {
     var inputProps = (0, context_1.useInput)();
     var mergedProps = __assign(__assign({}, inputProps), props);

package/input/inputInput.d.ts

@@ -1,5 +1,5 @@
 import { InputInputProps } from './input.types';
-import { SystemProps } from '../system';
-export declare const InputInputBase: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, SystemProps, never>;
+export declare const InputInputBase: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {}, never>;
+/** Displays an input element within the Input component. */
 export declare const InputInput: import("../core").VuiComponent<"input", InputInputProps>;
 export default InputInput;