@veracity/vui 0.0.2 → 0.0.3

package/icon/icons/fas/fasSolarPanel.d.ts

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

package/icon/icons/fas/fasSolarPanel.js

@@ -2,6 +2,6 @@
 /* eslint-disable */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = {
-    icon: [640, 512, [], '', 'M431.98 448.01l-47.97.05V416h-128v32.21l-47.98.05c-8.82.01-15.97 7.16-15.98 15.99l-.05 31.73c-.01 8.85 7.17 16.03 16.02 16.02l223.96-.26c8.82-.01 15.97-7.16 15.98-15.98l.04-31.73c.01-8.85-7.17-16.03-16.02-16.02zM585.2 26.74C582.58 11.31 568.99 0 553.06 0H86.93C71 0 57.41 11.31 54.79 26.74-3.32 369.16.04 348.08.03 352c-.03 17.32 14.29 32 32.6 32h574.74c18.23 0 32.51-14.56 32.59-31.79.02-4.08 3.35 16.95-54.76-325.47zM259.83 64h120.33l9.77 96H250.06l9.77-96zm-75.17 256H71.09L90.1 208h105.97l-11.41 112zm16.29-160H98.24l16.29-96h96.19l-9.77 96zm32.82 160l11.4-112h149.65l11.4 112H233.77zm195.5-256h96.19l16.29 96H439.04l-9.77-96zm26.06 256l-11.4-112H549.9l19.01 112H455.33z'],
+    details: [640, 512, [], '', 'M431.98 448.01l-47.97.05V416h-128v32.21l-47.98.05c-8.82.01-15.97 7.16-15.98 15.99l-.05 31.73c-.01 8.85 7.17 16.03 16.02 16.02l223.96-.26c8.82-.01 15.97-7.16 15.98-15.98l.04-31.73c.01-8.85-7.17-16.03-16.02-16.02zM585.2 26.74C582.58 11.31 568.99 0 553.06 0H86.93C71 0 57.41 11.31 54.79 26.74-3.32 369.16.04 348.08.03 352c-.03 17.32 14.29 32 32.6 32h574.74c18.23 0 32.51-14.56 32.59-31.79.02-4.08 3.35 16.95-54.76-325.47zM259.83 64h120.33l9.77 96H250.06l9.77-96zm-75.17 256H71.09L90.1 208h105.97l-11.41 112zm16.29-160H98.24l16.29-96h96.19l-9.77 96zm32.82 160l11.4-112h149.65l11.4 112H233.77zm195.5-256h96.19l16.29 96H439.04l-9.77-96zm26.06 256l-11.4-112H549.9l19.01 112H455.33z'],
     name: 'fasSolarPanel'
 };

package/icon/icons/fas/fasSort.d.ts

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

package/icon/icons/fas/fasSort.js

@@ -2,6 +2,6 @@
 /* eslint-disable */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = {
-    icon: [320, 512, [], '', 'M41 288h238c21.4 0 32.1 25.9 17 41L177 448c-9.4 9.4-24.6 9.4-33.9 0L24 329c-15.1-15.1-4.4-41 17-41zm255-105L177 64c-9.4-9.4-24.6-9.4-33.9 0L24 183c-15.1 15.1-4.4 41 17 41h238c21.4 0 32.1-25.9 17-41z'],
+    details: [320, 512, [], '', 'M41 288h238c21.4 0 32.1 25.9 17 41L177 448c-9.4 9.4-24.6 9.4-33.9 0L24 329c-15.1-15.1-4.4-41 17-41zm255-105L177 64c-9.4-9.4-24.6-9.4-33.9 0L24 183c-15.1 15.1-4.4 41 17 41h238c21.4 0 32.1-25.9 17-41z'],
     name: 'fasSort'
 };

package/icon/icons/fas/fasStar.d.ts

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

package/icon/icons/fas/fasStar.js

@@ -2,6 +2,6 @@
 /* eslint-disable */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = {
-    icon: [576, 512, [], '', 'M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z'],
+    details: [576, 512, [], '', 'M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z'],
     name: 'fasStar'
 };

package/icon/icons/fas/fasWindTurbine.d.ts

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

package/icon/icons/fas/fasWindTurbine.js

@@ -2,6 +2,6 @@
 /* eslint-disable */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = {
-    icon: [514, 512, [], '', 'M350.1 480h-48.32l-5-76.66L221 314l-10.78 166H161.9a36.94 36.94 0 0 0-33 20.42A8 8 0 0 0 136 512h240a8 8 0 0 0 7.15-11.58A36.93 36.93 0 0 0 350.1 480zm48.59-54.21l-88.35-182.32a55.73 55.73 0 0 1-.73-42.79l73.28-179.07a15.8 15.8 0 0 0-27.5-15.07L241.27 163.21a55.74 55.74 0 0 1-36.47 22.4L13.32 215.94A15.81 15.81 0 0 0 0 231.89v.23a15.8 15.8 0 0 0 14.1 15.35L203.83 268a55.78 55.78 0 0 1 37.54 20.58l130.31 153.5a15.81 15.81 0 0 0 20.53 3.63l.19-.12a15.79 15.79 0 0 0 6.29-19.8zM256 248a24 24 0 1 1 24-24 24 24 0 0 1-24 24z'],
+    details: [514, 512, [], '', 'M350.1 480h-48.32l-5-76.66L221 314l-10.78 166H161.9a36.94 36.94 0 0 0-33 20.42A8 8 0 0 0 136 512h240a8 8 0 0 0 7.15-11.58A36.93 36.93 0 0 0 350.1 480zm48.59-54.21l-88.35-182.32a55.73 55.73 0 0 1-.73-42.79l73.28-179.07a15.8 15.8 0 0 0-27.5-15.07L241.27 163.21a55.74 55.74 0 0 1-36.47 22.4L13.32 215.94A15.81 15.81 0 0 0 0 231.89v.23a15.8 15.8 0 0 0 14.1 15.35L203.83 268a55.78 55.78 0 0 1 37.54 20.58l130.31 153.5a15.81 15.81 0 0 0 20.53 3.63l.19-.12a15.79 15.79 0 0 0 6.29-19.8zM256 248a24 24 0 1 1 24-24 24 24 0 0 1-24 24z'],
     name: 'fasWindTurbine'
 };

package/icon/icons/types.d.ts

@@ -1,13 +1 @@
-export declare type IconDetails = [
-    number,
-    number,
-    string[],
-    string,
-    // unicode
-    string | string[]
-];
-export interface IconDefinition {
-    icon: IconDetails;
-    name: string;
-}
-export declare type DefaultIcon = 'culCovid' | 'culDeepSearch' | 'culDotsMenu' | 'culGlobePlus' | 'culScreenshot' | 'culScreenshotAlt' | 'culListDense' | 'culMapMarkerStar' | 'culPlusThin' | 'culShortcut' | 'culTimesThin' | 'culTransformer' | 'culUserTransfer' | 'culVessel' | 'culVesselGroup' | 'cusCheckboxSelected' | 'cusDotFull' | 'cusDotFullAlt' | 'cusDotsMenu' | 'cusRadio' | 'cusSquareMinus' | 'cusTransformer' | 'cusVessel' | 'fabApplePay' | 'fabBluetooth' | 'fabBtc' | 'fabCcAmazonPay' | 'fabCcAmex' | 'fabCcApplePay' | 'fabCcDinersClub' | 'fabCcMastercard' | 'fabCcPaypal' | 'fabCcVisa' | 'fabDhl' | 'fabEbay' | 'fabFacebook' | 'fabFedex' | 'fabFirefox' | 'fabGoogleDrive' | 'fabGoogle' | 'fabLinkedinIn' | 'fabMedium' | 'fabOsi' | 'fabSlack' | 'fabTwitter' | 'fabUps' | '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' | 'falBell' | 'falBookOpen' | 'falBroadcastTower' | 'falBuilding' | 'falBullseye' | 'falCalendar' | 'falCalendarAlt' | 'falCamera' | 'falCaretDown' | 'falCaretLeft' | 'falCaretRight' | 'falCaretUp' | 'falCauldron' | 'falChartArea' | 'falChartBar' | 'falChartLineDown' | 'falChartLine' | 'falChartNetwork' | 'falChartPie' | 'falChartPieAlt' | 'falChartScatter' | 'falCheckCircle' | 'falCheckSquare' | 'falCheck' | 'falChevronCircleDown' | 'falChevronCircleLeft' | 'falChevronCircleRight' | 'falChevronCircleUp' | 'falChevronDoubleDown' | 'falChevronDoubleLeft' | 'falChevronDoubleRight' | 'falChevronDoubleUp' | 'falChevronDown' | 'falChevronLeft' | 'falChevronRight' | 'falChevronUp' | 'falCircle' | 'falCloudShowersHeavy' | 'falCloudSnow' | 'falCloudSunRain' | 'falCloudSun' | 'falCloudUpload' | 'falCloud' | 'falCode' | 'falCog' | 'falCogs' | 'falComment' | 'falCommentAlt' | 'falCompressAlt' | 'falCopy' | 'falCreditCard' | 'falDatabase' | 'falDotCircle' | 'falDownload' | 'falEdit' | 'falEllipsisH' | 'falEllipsisV' | 'falEnvelope' | 'falExchange' | 'falExclamationCircle' | 'falExclamationTriangle' | 'falExpandAlt' | 'falExternalLink' | 'falEye' | 'falEyeSlash' | 'falFile' | 'falFilePdf' | 'falFileAlt' | 'falFileArchive' | 'falFileAudio' | 'falFileCertificate' | 'falFileChartLine' | 'falFileChartPie' | 'falFileCheck' | 'falFileCode' | 'falFileCsv' | 'falFileEdit' | 'falFileExcel' | 'falFileImage' | 'falFilePlus' | 'falFilePowerpoint' | 'falFileSpreadsheet' | 'falFileVideo' | 'falFileWord' | 'falFilter' | 'falFlag' | 'falFolderOpen' | 'falFolderPlus' | 'falFolder' | 'falFolders' | 'falGlassesAlt' | 'falGlobe' | 'falHome' | 'falHourglass' | 'falImage' | 'falInfoCircle' | 'falKey' | 'falLayerPlus' | 'falLink' | 'falList' | 'falLockAlt' | 'falLongArrowDown' | 'falLongArrowLeft' | 'falLongArrowRight' | 'falLongArrowUp' | 'falMapMarked' | 'falMapMarkedAlt' | 'falMapMarkerAlt' | 'falMapMarkerAltSlash' | 'falMapMarkerCheck' | 'falMapMarkerExclamation' | 'falMapMarker' | 'falMap' | 'falMinus' | 'falPause' | 'falPauseCircle' | 'falPen' | 'falPlay' | 'falPlayCircle' | 'falPlug' | 'falPlusSquare' | 'falPlus' | 'falPlusCircle' | 'falPrint' | 'falPuzzlePiece' | 'falReceipt' | 'falRedo' | 'falSave' | 'falSearchPlus' | 'falSearch' | 'falServer' | 'falShareAll' | 'falShare' | 'falShareAlt' | 'falShieldAlt' | 'falShieldCheck' | 'falShip' | 'falShoppingBasket' | 'falSignInAlt' | 'falSignOut' | 'falSignOutAlt' | 'falSlidersV' | 'falSnowBlowing' | 'falSnowflake' | 'falSolarPanel' | 'falSort' | 'falSpinner' | 'falSquare' | 'falStepForward' | 'falStop' | 'falStopCircle' | 'falStopwatch' | 'falSuitcase' | 'falSun' | 'falSync' | 'falTachometer' | 'falTemperatureHigh' | 'falThLarge' | 'falThList' | 'falTh' | 'falTimesCircle' | 'falTimes' | 'falToggleOff' | 'falToggleOn' | 'falTrashAlt' | 'falUnlockAlt' | 'falUserChart' | 'falUserCircle' | 'falUserCog' | 'falUserEdit' | 'falUserFriends' | 'falUserPlus' | 'falUserShield' | 'falUserTimes' | 'falUser' | 'falUsersClass' | 'falUsers' | 'falWater' | 'falWindTurbine' | 'falWind' | 'falWrench' | 'fasCaretDown' | 'fasCaretLeft' | 'fasCaretRight' | 'fasCaretUp' | 'fasCheckSquare' | 'fasDiamond' | 'fasFolder' | 'fasMapMarkerAlt' | 'fasMapMarkerExclamation' | 'fasMinusSquare' | 'fasQuoteLeft' | 'fasQuoteRight' | 'fasSolarPanel' | 'fasSort' | 'fasStar' | 'fasWindTurbine';
+export declare type DefaultIcon = 'cuiCheckboxIndeterminate' | 'cuiCheckboxSelected' | 'cuiCheckboxUnselected' | 'cuiRadioSelected' | 'cuiRadioUnselected' | 'culCovid' | 'culDeepSearch' | 'culDotsMenu' | 'culGlobePlus' | 'culScreenshot' | 'culScreenshotAlt' | 'culListDense' | 'culMapMarkerStar' | 'culPlusThin' | 'culShortcut' | 'culTimesThin' | 'culTransformer' | 'culUserTransfer' | 'culVessel' | 'culVesselGroup' | 'cusCheckboxSelected' | 'cusDotFull' | 'cusDotFullAlt' | 'cusDotsMenu' | 'cusRadio' | 'cusSquareMinus' | 'cusTransformer' | 'cusVessel' | 'fabApplePay' | 'fabBluetooth' | 'fabBtc' | 'fabCcAmazonPay' | 'fabCcAmex' | 'fabCcApplePay' | 'fabCcDinersClub' | 'fabCcMastercard' | 'fabCcPaypal' | 'fabCcVisa' | 'fabDhl' | 'fabEbay' | 'fabFacebook' | 'fabFedex' | 'fabFirefox' | 'fabGoogleDrive' | 'fabGoogle' | 'fabLinkedinIn' | 'fabMedium' | 'fabOsi' | 'fabSlack' | 'fabTwitter' | 'fabUps' | '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' | 'falBell' | 'falBookOpen' | 'falBroadcastTower' | 'falBuilding' | 'falBullseye' | 'falCalendar' | 'falCalendarAlt' | 'falCamera' | 'falCaretDown' | 'falCaretLeft' | 'falCaretRight' | 'falCaretUp' | 'falCauldron' | 'falChartArea' | 'falChartBar' | 'falChartLineDown' | 'falChartLine' | 'falChartNetwork' | 'falChartPie' | 'falChartPieAlt' | 'falChartScatter' | 'falCheckCircle' | 'falCheckSquare' | 'falCheck' | 'falChevronCircleDown' | 'falChevronCircleLeft' | 'falChevronCircleRight' | 'falChevronCircleUp' | 'falChevronDoubleDown' | 'falChevronDoubleLeft' | 'falChevronDoubleRight' | 'falChevronDoubleUp' | 'falChevronDown' | 'falChevronLeft' | 'falChevronRight' | 'falChevronUp' | 'falCircle' | 'falCloudShowersHeavy' | 'falCloudSnow' | 'falCloudSunRain' | 'falCloudSun' | 'falCloudUpload' | 'falCloud' | 'falCode' | 'falCog' | 'falCogs' | 'falComment' | 'falCommentAlt' | 'falCompressAlt' | 'falCopy' | 'falCreditCard' | 'falDatabase' | 'falDotCircle' | 'falDownload' | 'falEdit' | 'falEllipsisH' | 'falEllipsisV' | 'falEnvelope' | 'falExchange' | 'falExclamationCircle' | 'falExclamationTriangle' | 'falExpandAlt' | 'falExternalLink' | 'falEye' | 'falEyeSlash' | 'falFile' | 'falFilePdf' | 'falFileAlt' | 'falFileArchive' | 'falFileAudio' | 'falFileCertificate' | 'falFileChartLine' | 'falFileChartPie' | 'falFileCheck' | 'falFileCode' | 'falFileCsv' | 'falFileEdit' | 'falFileExcel' | 'falFileImage' | 'falFilePlus' | 'falFilePowerpoint' | 'falFileSpreadsheet' | 'falFileVideo' | 'falFileWord' | 'falFilter' | 'falFlag' | 'falFolderOpen' | 'falFolderPlus' | 'falFolder' | 'falFolders' | 'falGlassesAlt' | 'falGlobe' | 'falHome' | 'falHourglass' | 'falImage' | 'falInfoCircle' | 'falKey' | 'falLayerPlus' | 'falLink' | 'falList' | 'falLockAlt' | 'falLongArrowDown' | 'falLongArrowLeft' | 'falLongArrowRight' | 'falLongArrowUp' | 'falMapMarked' | 'falMapMarkedAlt' | 'falMapMarkerAlt' | 'falMapMarkerAltSlash' | 'falMapMarkerCheck' | 'falMapMarkerExclamation' | 'falMapMarker' | 'falMap' | 'falMinus' | 'falPause' | 'falPauseCircle' | 'falPen' | 'falPlay' | 'falPlayCircle' | 'falPlug' | 'falPlusSquare' | 'falPlus' | 'falPlusCircle' | 'falPrint' | 'falPuzzlePiece' | 'falReceipt' | 'falRedo' | 'falSave' | 'falSearchPlus' | 'falSearch' | 'falServer' | 'falShareAll' | 'falShare' | 'falShareAlt' | 'falShieldAlt' | 'falShieldCheck' | 'falShip' | 'falShoppingBasket' | 'falSignInAlt' | 'falSignOut' | 'falSignOutAlt' | 'falSlidersV' | 'falSnowBlowing' | 'falSnowflake' | 'falSolarPanel' | 'falSort' | 'falSpinner' | 'falSquare' | 'falStepForward' | 'falStop' | 'falStopCircle' | 'falStopwatch' | 'falSuitcase' | 'falSun' | 'falSync' | 'falTachometer' | 'falTemperatureHigh' | 'falThLarge' | 'falThList' | 'falTh' | 'falTimesCircle' | 'falTimes' | 'falToggleOff' | 'falToggleOn' | 'falTrashAlt' | 'falUnlockAlt' | 'falUserChart' | 'falUserCircle' | 'falUserCog' | 'falUserEdit' | 'falUserFriends' | 'falUserPlus' | 'falUserShield' | 'falUserTimes' | 'falUser' | 'falUsersClass' | 'falUsers' | 'falWater' | 'falWindTurbine' | 'falWind' | 'falWrench' | 'fasCaretDown' | 'fasCaretLeft' | 'fasCaretRight' | 'fasCaretUp' | 'fasCheckSquare' | 'fasDiamond' | 'fasFolder' | 'fasMapMarkerAlt' | 'fasMapMarkerExclamation' | 'fasMinusSquare' | 'fasQuoteLeft' | 'fasQuoteRight' | 'fasSolarPanel' | 'fasSort' | 'fasStar' | 'fasWindTurbine';

package/index.d.ts

@@ -2,7 +2,6 @@ export * from './avatar';
 export * from './box';
 export * from './button';
 export * from './checkbox';
-export * from './controlLabel';
 export * from './core';
 export * from './divider';
 export * from './heading';
@@ -12,8 +11,11 @@ export * from './label';
 export * from './link';
 export * from './list';
 export * from './p';
+export * from './radio';
 export * from './skeleton';
+export * from './styles';
 export * from './svg';
+export * from './switch';
 export * from './system';
 export * from './t';
 export * from './textarea';

package/index.js

@@ -14,7 +14,6 @@ __exportStar(require("./avatar"), exports);
 __exportStar(require("./box"), exports);
 __exportStar(require("./button"), exports);
 __exportStar(require("./checkbox"), exports);
-__exportStar(require("./controlLabel"), exports);
 __exportStar(require("./core"), exports);
 __exportStar(require("./divider"), exports);
 __exportStar(require("./heading"), exports);
@@ -24,8 +23,11 @@ __exportStar(require("./label"), exports);
 __exportStar(require("./link"), exports);
 __exportStar(require("./list"), exports);
 __exportStar(require("./p"), exports);
+__exportStar(require("./radio"), exports);
 __exportStar(require("./skeleton"), exports);
+__exportStar(require("./styles"), exports);
 __exportStar(require("./svg"), exports);
+__exportStar(require("./switch"), exports);
 __exportStar(require("./system"), exports);
 __exportStar(require("./t"), exports);
 __exportStar(require("./textarea"), exports);

package/input/input.d.ts

@@ -1,6 +1,7 @@
-import { InputFieldProps, InputFieldStyleProps } from './input.types';
-export declare const BaseInputField: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+import { InputInputStyleProps, InputProps, InputStyleProps } from './input.types';
+export declare const InputInput: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, InputInputStyleProps, never>;
+export declare const InputBase: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     [x: string]: {};
-} & InputFieldStyleProps, never>;
-export declare const InputField: import("styled-components").StyledComponent<"div", never, InputFieldProps, never>;
-export default InputField;
+} & InputStyleProps, never>;
+export declare const Input: import("styled-components").StyledComponent<"div", never, InputProps, never>;
+export default Input;

package/input/input.js

@@ -29,7 +29,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.InputField = exports.BaseInputField = void 0;
+exports.Input = exports.InputBase = exports.InputInput = void 0;
 var styled_components_1 = require("@xstyled/styled-components");
 var react_1 = __importDefault(require("react"));
 var styled_components_2 = __importDefault(require("styled-components"));
@@ -38,23 +38,21 @@ var core_1 = require("../core");
 var icon_1 = __importDefault(require("../icon"));
 var utils_1 = require("../utils");
 var generator = styled_components_1.compose(styled_components_1.backgroundColor, styled_components_1.borders, styled_components_1.flexboxes, styled_components_1.sizing, styled_components_1.space, styled_components_1.transitions);
-var Input = styled_components_2.default.input(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\talign-self: stretch;\n\tbackground-color: transparent;\n\tborder: none;\n\tflex: 1;\n\tmargin: 0 8px;\n\tmin-width: 0;\n\toutline: none;\n\tpadding: 0;\n\n\t:disabled {\n\t\tcursor: not-allowed;\n\t}\n\n\t", "\n"], ["\n\talign-self: stretch;\n\tbackground-color: transparent;\n\tborder: none;\n\tflex: 1;\n\tmargin: 0 8px;\n\tmin-width: 0;\n\toutline: none;\n\tpadding: 0;\n\n\t:disabled {\n\t\tcursor: not-allowed;\n\t}\n\n\t", "\n"])), styled_components_1.compose(styled_components_1.color, styled_components_1.fontSize));
-exports.BaseInputField = styled_components_2.default.div.withConfig({
+exports.InputInput = styled_components_2.default.input(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\talign-self: stretch;\n\tbackground-color: transparent;\n\tborder: none;\n\tflex: 1;\n\tmargin: 0 8px;\n\tmin-width: 0;\n\toutline: none;\n\tpadding: 0;\n\n\t:disabled,\n\t:disabled::placeholder {\n\t\tcolor: var(--vui-colors-disabled-font);\n\t\tcursor: not-allowed;\n\t}\n\n\t", "\n"], ["\n\talign-self: stretch;\n\tbackground-color: transparent;\n\tborder: none;\n\tflex: 1;\n\tmargin: 0 8px;\n\tmin-width: 0;\n\toutline: none;\n\tpadding: 0;\n\n\t:disabled,\n\t:disabled::placeholder {\n\t\tcolor: var(--vui-colors-disabled-font);\n\t\tcursor: not-allowed;\n\t}\n\n\t", "\n"])), styled_components_1.compose(styled_components_1.color, styled_components_1.fontSize));
+exports.InputBase = styled_components_2.default.div.withConfig({
     shouldForwardProp: core_1.shouldForwardProp(generator.meta.props)
-})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n\talign-items: center;\n\tborder-width: 1px;\n\tdisplay: flex;\n\toutline: none;\n\ttransition: all 0s ease-in-out;\n\twidth: 100%;\n\n\t&.disabled {\n\t\tcursor: not-allowed;\n\t}\n\n\t", "\n"], ["\n\talign-items: center;\n\tborder-width: 1px;\n\tdisplay: flex;\n\toutline: none;\n\ttransition: all 0s ease-in-out;\n\twidth: 100%;\n\n\t&.disabled {\n\t\tcursor: not-allowed;\n\t}\n\n\t", "\n"])), generator);
-exports.InputField = core_1.forwardRef(function (props, ref) {
+})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n\talign-items: center;\n\tborder-width: 1px;\n\tdisplay: flex;\n\toutline: none;\n\ttransition: all 0s ease-in-out;\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\tborder-width: 1px;\n\tdisplay: flex;\n\toutline: none;\n\ttransition: all 0s ease-in-out;\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"])), generator);
+exports.Input = core_1.forwardRef(function (props, ref) {
     var _a = core_1.omitThemingProps(props), autoComplete = _a.autoComplete, autoFocus = _a.autoFocus, className = _a.className, defaultValue = _a.defaultValue, disabled = _a.disabled, iconLeft = _a.iconLeft, iconRightProp = _a.iconRight, _b = _a.inputProps, inputProps = _b === void 0 ? {} : _b, inputRef = _a.inputRef, itemLeft = _a.itemLeft, itemRight = _a.itemRight, _c = _a.length, length = _c === void 0 ? 'fluid' : _c, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, onFocus = _a.onFocus, placeholder = _a.placeholder, readOnly = _a.readOnly, required = _a.required, _d = _a.state, state = _d === void 0 ? 'default' : _d, _e = _a.type, type = _e === void 0 ? 'text' : _e, value = _a.value, rest = __rest(_a, ["autoComplete", "autoFocus", "className", "defaultValue", "disabled", "iconLeft", "iconRight", "inputProps", "inputRef", "itemLeft", "itemRight", "length", "name", "onBlur", "onChange", "onFocus", "placeholder", "readOnly", "required", "state", "type", "value"]);
     var _f = core_1.useStyleConfig('Input', __assign({ colorScheme: consts_1.inputStates[state].colorScheme }, props)), borderColor = _f.borderColor, focusWithinRingColor = _f.focusWithinRingColor, fontSize = _f.fontSize, iconColorProp = _f.iconColor, iconSize = _f.iconSize, styles = __rest(_f, ["borderColor", "focusWithinRingColor", "fontSize", "iconColor", "iconSize"]);
-    var disabledTextColor = 'grey.50';
-    var bg = disabled || readOnly ? 'grey.20' : undefined;
-    var iconColor = disabled ? disabledTextColor : iconColorProp;
+    var iconColor = !disabled ? iconColorProp : 'grey.50';
     var iconRight = iconRightProp !== null && iconRightProp !== void 0 ? iconRightProp : consts_1.inputStates[state].iconRight;
-    var placeholderColor = disabled ? disabledTextColor : 'grey.60';
     var aliasedProps = utils_1.filterUndefined({
+        bg: readOnly ? 'grey.20' : undefined,
         maxW: consts_1.inputLengths[length]
     });
-    return (react_1.default.createElement(exports.BaseInputField, __assign({ bg: bg, borderColor: !disabled ? borderColor : 'transparent', borderRadius: "md", className: utils_1.cs('vui-inputField', className, disabled && 'disabled'), focusWithinBorderColor: readOnly ? borderColor : 'transparent', focusWithinRingColor: !readOnly ? focusWithinRingColor : 'transparent', px: 1, ref: ref, transitionDuration: "fast" }, styles, aliasedProps, rest), itemLeft !== null && itemLeft !== void 0 ? itemLeft : (iconLeft && react_1.default.createElement(icon_1.default, { color: iconColor, icon: iconLeft, size: iconSize })),
-        react_1.default.createElement(Input, __assign({ className: "vui-input", disabledColor: disabledTextColor, placeholderColor: placeholderColor, ref: inputRef }, {
+    return (react_1.default.createElement(exports.InputBase, __assign({ borderColor: !disabled ? borderColor : 'transparent', borderRadius: "md", className: utils_1.cs('vui-input', disabled && 'disabled', className), focusWithinBorderColor: readOnly ? borderColor : 'transparent', focusWithinRingColor: !readOnly ? focusWithinRingColor : 'transparent', px: 1, ref: ref, transitionDuration: "fast" }, styles, aliasedProps, rest), itemLeft !== null && itemLeft !== void 0 ? itemLeft : (iconLeft && react_1.default.createElement(icon_1.default, { color: iconColor, icon: iconLeft, size: iconSize })),
+        react_1.default.createElement(exports.InputInput, __assign({ className: "vui-inputInput", placeholderColor: "grey.60", ref: inputRef }, {
             autoComplete: autoComplete,
             autoFocus: autoFocus,
             defaultValue: defaultValue,
@@ -71,6 +69,6 @@ exports.InputField = core_1.forwardRef(function (props, ref) {
             value: value
         }, inputProps)), itemRight !== null && itemRight !== void 0 ? itemRight : (iconRight && (react_1.default.createElement(icon_1.default, { animation: state === 'loading' ? 'spin' : undefined, color: iconColor, icon: iconRight, size: iconSize })))));
 });
-exports.InputField.displayName = 'InputField';
-exports.default = exports.InputField;
+exports.Input.displayName = 'Input';
+exports.default = exports.Input;
 var templateObject_1, templateObject_2;

package/input/input.types.d.ts

@@ -3,34 +3,33 @@ import { inputLengths, inputStates } from './consts';
 import { IconProp } from '../icon';
 import { BackgroundColorProps, BordersProps, ColorProps, EffectsProps, FontSizeProps, SizingProps, SpaceProps, TransitionsProps } from '../system';
 import { ThemingProps } from '../theme';
-export declare type InputFieldLength = keyof typeof inputLengths;
-export interface InputFieldProps extends HTMLAttributes<HTMLDivElement>, InputFieldStyleProps, ThemingProps<'Input'> {
+export interface InputInputProps extends Omit<HTMLAttributes<HTMLInputElement>, 'color'>, InputInputStyleProps {
+    color?: string;
+}
+export interface InputInputStyleProps extends ColorProps, FontSizeProps {
+}
+export declare type InputLength = keyof typeof inputLengths;
+export interface InputProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'>, InputStyleProps, ThemingProps<'Input'> {
     autoComplete?: string;
     autoFocus?: boolean;
     colorScheme?: 'green' | 'grey' | 'red';
     disabled?: boolean;
     iconLeft?: IconProp;
     iconRight?: IconProp;
-    inputProps?: InputProps;
+    inputProps?: InputInputProps;
     inputRef?: React.MutableRefObject<HTMLInputElement | null> | null;
     itemLeft?: React.ReactNode;
     itemRight?: React.ReactNode;
-    length?: InputFieldLength;
+    length?: InputLength;
     name?: string;
     onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
     placeholder?: string;
     readOnly?: boolean;
     required?: boolean;
-    state?: InputFieldState;
+    state?: InputState;
     type?: string;
     value?: number | string;
 }
-export declare type InputFieldState = keyof typeof inputStates;
-export interface InputFieldStyleProps extends BackgroundColorProps, BordersProps, EffectsProps, SizingProps, SpaceProps, TransitionsProps {
-}
-interface InputProps extends Omit<HTMLAttributes<HTMLInputElement>, 'color'>, InputStyleProps {
-    color?: string;
-}
-export interface InputStyleProps extends ColorProps, FontSizeProps {
+export declare type InputState = keyof typeof inputStates;
+export interface InputStyleProps extends BackgroundColorProps, BordersProps, EffectsProps, SizingProps, SpaceProps, TransitionsProps {
 }
-export {};

package/input/theme.d.ts

@@ -12,6 +12,11 @@ declare const _default: {
         variant: string;
     };
     sizes: {
+        xs: {
+            fontSize: string;
+            h: number;
+            iconSize: string;
+        };
         sm: {
             fontSize: string;
             h: number;

package/input/theme.js

@@ -2,18 +2,18 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 function variantDefault(props) {
     var c = props.colorScheme;
-    var colors = {
+    var styles = {
         borderColor: c + ".80",
         focusWithinRing: 2,
         focusWithinRingColor: c + ".80",
         iconColor: c + ".80"
     };
     if (c === 'grey') {
-        colors.borderColor = c + ".60";
-        colors.focusWithinRingColor = 'blue.70';
-        colors.iconColor = 'blue.80';
+        styles.borderColor = c + ".60";
+        styles.focusWithinRingColor = 'blue.50';
+        styles.iconColor = 'blue.80';
     }
-    return colors;
+    return styles;
 }
 var defaultProps = {
     colorScheme: 'grey',
@@ -21,6 +21,11 @@ var defaultProps = {
     variant: 'default'
 };
 var sizes = {
+    xs: {
+        fontSize: 'xs',
+        h: 24,
+        iconSize: 'xs'
+    },
     sm: {
         fontSize: 'sm',
         h: 32,

package/label/label.d.ts

@@ -1,5 +1,5 @@
 import { LabelProps, LabelStyleProps } from './label.types';
-export declare const BaseLabel: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
+export declare const LabelBase: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
     [x: string]: {};
 } & LabelStyleProps, never>;
 export declare const Label: import("styled-components").StyledComponent<"span", never, LabelProps, never>;

package/label/label.js

@@ -29,7 +29,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Label = exports.BaseLabel = void 0;
+exports.Label = exports.LabelBase = void 0;
 var styled_components_1 = require("@xstyled/styled-components");
 var react_1 = __importDefault(require("react"));
 var styled_components_2 = __importDefault(require("styled-components"));
@@ -39,7 +39,7 @@ var system_1 = require("../system");
 var utils_1 = require("../utils");
 var generator = styled_components_1.compose(styled_components_1.backgroundColor, styled_components_1.borders, styled_components_1.effects, styled_components_1.flexboxes, styled_components_1.interactivity, system_1.isTruncated, styled_components_1.sizing, styled_components_1.space, styled_components_1.transitions, styled_components_1.typography);
 var Text = styled_components_2.default.span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\t", "\n"], ["\n\t", "\n"])), system_1.isTruncated);
-exports.BaseLabel = styled_components_2.default.span.withConfig({
+exports.LabelBase = styled_components_2.default.span.withConfig({
     shouldForwardProp: core_1.shouldForwardProp(generator.meta.props)
 })(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n\talign-items: center;\n\tdisplay: flex;\n\tjustify-content: center;\n\tline-height: 1.1;\n\tmin-width: 0px;\n\tposition: relative;\n\ttransition: all 0s ease-in-out;\n\twidth: fit-content;\n\n\t&:focus {\n\t\tborder-color: transparent;\n\t\toutline: none;\n\t}\n\n\t", "\n"], ["\n\talign-items: center;\n\tdisplay: flex;\n\tjustify-content: center;\n\tline-height: 1.1;\n\tmin-width: 0px;\n\tposition: relative;\n\ttransition: all 0s ease-in-out;\n\twidth: fit-content;\n\n\t&:focus {\n\t\tborder-color: transparent;\n\t\toutline: none;\n\t}\n\n\t", "\n"])), generator);
 exports.Label = core_1.forwardRef(function (props, ref) {
@@ -56,7 +56,6 @@ exports.Label = core_1.forwardRef(function (props, ref) {
             hoverBg: hoverBg,
             activeBg: activeBg,
             focusRing: 3,
-            focusRingColor: 'blue.50',
             tabIndex: 0,
             userSelect: 'none'
         }
@@ -69,7 +68,7 @@ exports.Label = core_1.forwardRef(function (props, ref) {
         textTransform: casing,
         w: isFullWidth ? '100%' : undefined
     });
-    return (react_1.default.createElement(exports.BaseLabel, __assign({ borderRadius: "md", className: utils_1.cs('vui-label', className), fontWeight: "medium", h: h, pl: pl, pr: pr, ref: ref, transitionDuration: "fast" }, styles, interactiveProps, aliasedProps, rest), icon ? (react_1.default.createElement(icon_1.default, { icon: icon, size: iconSize })) : (react_1.default.createElement(react_1.default.Fragment, null, itemLeft !== null && itemLeft !== void 0 ? itemLeft : (iconLeft && react_1.default.createElement(icon_1.default, { icon: iconLeft, mr: spaceX, size: iconSize })),
+    return (react_1.default.createElement(exports.LabelBase, __assign({ borderRadius: "md", className: utils_1.cs('vui-label', className), fontWeight: "medium", h: h, pl: pl, pr: pr, ref: ref, transitionDuration: "fast" }, styles, interactiveProps, aliasedProps, rest), icon ? (react_1.default.createElement(icon_1.default, { icon: icon, size: iconSize })) : (react_1.default.createElement(react_1.default.Fragment, null, itemLeft !== null && itemLeft !== void 0 ? itemLeft : (iconLeft && react_1.default.createElement(icon_1.default, { icon: iconLeft, mr: spaceX, size: iconSize })),
         react_1.default.createElement(Text, { isTruncated: isTruncated }, children !== null && children !== void 0 ? children : text), itemRight !== null && itemRight !== void 0 ? itemRight : (iconRight && react_1.default.createElement(icon_1.default, { icon: iconRight, ml: iconRightMl, size: iconSize })),
         isLoading && react_1.default.createElement(icon_1.default, { animation: "spin", icon: "falSpinner", ml: iconRightMl, size: iconSize })))));
 });

package/label/theme.js

@@ -18,22 +18,22 @@ function variantOutlined(props) {
 }
 function variantSolid(props) {
     var c = props.colorScheme;
-    var colors = {
+    var styles = {
         hoverBg: c + ".90",
         activeBg: c + ".100",
         bg: c + ".80",
         color: 'white'
     };
     if (c === 'yellow') {
-        colors.hoverBg = c + ".80";
-        colors.activeBg = c + ".90";
-        colors.bg = c + ".70";
+        styles.hoverBg = c + ".80";
+        styles.activeBg = c + ".90";
+        styles.bg = c + ".70";
     }
-    return colors;
+    return styles;
 }
 function variantSubtle(props) {
     var c = props.colorScheme;
-    var colors = {
+    var styles = {
         hoverBg: c + ".30",
         activeBg: c + ".40",
         bg: c + ".20",
@@ -41,18 +41,18 @@ function variantSubtle(props) {
     };
     // Special cases
     if (c === 'green') {
-        colors.color = c + ".90";
+        styles.color = c + ".90";
     }
     if (c === 'grey') {
-        colors.color = "prussian.80";
+        styles.color = "prussian.80";
     }
     if (c === 'red') {
-        colors.color = c + ".90";
+        styles.color = c + ".90";
     }
     if (c === 'yellow') {
-        colors.color = c + ".100";
+        styles.color = c + ".100";
     }
-    return colors;
+    return styles;
 }
 function variantText(props) {
     var c = props.colorScheme;

package/link/link.d.ts

@@ -1,5 +1,5 @@
 import { LinkProps, LinkStyleProps } from './link.types';
-export declare const BaseLink: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, {
+export declare const LinkBase: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, {
     [x: string]: {};
 } & LinkStyleProps, never>;
 export declare const Link: import("styled-components").StyledComponent<"a", never, LinkProps, never>;

package/link/link.js

@@ -29,7 +29,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Link = exports.BaseLink = void 0;
+exports.Link = exports.LinkBase = void 0;
 var styled_components_1 = require("@xstyled/styled-components");
 var react_1 = __importDefault(require("react"));
 var styled_components_2 = __importDefault(require("styled-components"));
@@ -37,9 +37,9 @@ var core_1 = require("../core");
 var system_1 = require("../system");
 var utils_1 = require("../utils");
 var generator = styled_components_1.compose(styled_components_1.borders, system_1.isTruncated, styled_components_1.sizing, styled_components_1.space, styled_components_1.transitions, styled_components_1.typography);
-exports.BaseLink = styled_components_2.default.a.withConfig({
+exports.LinkBase = styled_components_2.default.a.withConfig({
     shouldForwardProp: core_1.shouldForwardProp(generator.meta.props)
-})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\talign-items: center;\n\tcursor: pointer;\n\tdisplay: inline-flex;\n\toutline: none;\n\ttext-decoration: none;\n\ttransition: all 0s ease-in-out;\n\n\t", "\n"], ["\n\talign-items: center;\n\tcursor: pointer;\n\tdisplay: inline-flex;\n\toutline: none;\n\ttext-decoration: none;\n\ttransition: all 0s ease-in-out;\n\n\t", "\n"])), generator);
+})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\talign-items: center;\n\tcursor: pointer;\n\tdisplay: inline-flex;\n\toutline: none;\n\ttext-decoration: none;\n\ttransition: all 0s ease-in-out;\n\twidth: fit-content;\n\n\t", "\n"], ["\n\talign-items: center;\n\tcursor: pointer;\n\tdisplay: inline-flex;\n\toutline: none;\n\ttext-decoration: none;\n\ttransition: all 0s ease-in-out;\n\twidth: fit-content;\n\n\t", "\n"])), generator);
 exports.Link = core_1.forwardRef(function (props, ref) {
     var _a = core_1.omitThemingProps(props), className = _a.className, decoration = _a.decoration, _b = _a.hoverDecoration, hoverDecoration = _b === void 0 ? 'underline' : _b, isExternal = _a.isExternal, weight = _a.weight, rest = __rest(_a, ["className", "decoration", "hoverDecoration", "isExternal", "weight"]);
     var styles = core_1.useStyleConfig('Link', props);
@@ -50,7 +50,7 @@ exports.Link = core_1.forwardRef(function (props, ref) {
         target: isExternal ? '_blank' : undefined,
         textDecoration: decoration
     });
-    return (react_1.default.createElement(exports.BaseLink, __assign({ borderRadius: "sm", className: utils_1.cs('vui-link', className), color: "blue.80", focusRing: 2, focusRingColor: "blue.50", ref: ref, transitionDuration: "fast" }, styles, aliasedProps, rest)));
+    return (react_1.default.createElement(exports.LinkBase, __assign({ borderRadius: "sm", className: utils_1.cs('vui-link', className), focusRing: 2, ref: ref, transitionDuration: "instant" }, styles, aliasedProps, rest)));
 });
 exports.Link.displayName = 'Link';
 exports.default = exports.Link;

package/link/link.types.d.ts

@@ -3,6 +3,7 @@ import { BordersProps, IsTruncatedProps, SizingProps, SpaceProps, TextDecoration
 import { FontWeight, ThemingProps, VuiTheme } from '../theme';
 import { AnyString } from '../utils';
 export interface LinkProps extends Omit<HTMLAttributes<HTMLAnchorElement>, 'color'>, LinkStyleProps, ThemingProps<'Link'> {
+    colorScheme?: 'blue' | 'prussian';
     decoration?: TextDecorationProps['textDecoration'];
     hoverDecoration?: TextDecorationProps['textDecoration'];
     isExternal?: boolean;

package/link/theme.d.ts

@@ -1,6 +1,30 @@
+import { Dict } from '../utils';
+declare function variantDefault(props: Dict): {
+    color: string;
+    hoverColor: string;
+};
 declare const _default: {
-    defaultProps: {};
-    sizes: {};
-    variants: {};
+    defaultProps: {
+        colorScheme: string;
+        size: string;
+        variant: string;
+    };
+    sizes: {
+        xs: {
+            fontSize: string;
+        };
+        sm: {
+            fontSize: string;
+        };
+        md: {
+            fontSize: string;
+        };
+        lg: {
+            fontSize: string;
+        };
+    };
+    variants: {
+        default: typeof variantDefault;
+    };
 };
 export default _default;

package/link/theme.js

@@ -1,8 +1,35 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var defaultProps = {};
-var sizes = {};
-var variants = {};
+function variantDefault(props) {
+    var c = props.colorScheme;
+    var styles = {
+        color: c + ".80",
+        hoverColor: c + ".60"
+    };
+    return styles;
+}
+var defaultProps = {
+    colorScheme: 'blue',
+    size: 'md',
+    variant: 'default'
+};
+var sizes = {
+    xs: {
+        fontSize: 'xs'
+    },
+    sm: {
+        fontSize: 'sm'
+    },
+    md: {
+        fontSize: 'md'
+    },
+    lg: {
+        fontSize: 'lg'
+    }
+};
+var variants = {
+    default: variantDefault
+};
 exports.default = {
     defaultProps: defaultProps,
     sizes: sizes,

package/list/context.js

@@ -18,6 +18,6 @@ var __read = (this && this.__read) || function (o, n) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useList = exports.ListProvider = void 0;
 var core_1 = require("../core");
-var _a = __read(core_1.createContext(), 2), ListProvider = _a[0], useList = _a[1];
+var _a = __read(core_1.createContext({ isOptional: true }), 2), ListProvider = _a[0], useList = _a[1];
 exports.ListProvider = ListProvider;
 exports.useList = useList;

package/list/index.d.ts

@@ -1,3 +1,4 @@
+export * from './context';
 export * from './list';
 export * from './list.types';
 export * from './listItem';

package/list/index.js

@@ -14,6 +14,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = void 0;
+__exportStar(require("./context"), exports);
 __exportStar(require("./list"), exports);
 __exportStar(require("./list.types"), exports);
 __exportStar(require("./listItem"), exports);

package/list/list.d.ts

@@ -1,5 +1,5 @@
 import { ListProps, ListStyleProps } from './list.types';
-export declare const BaseList: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {
+export declare const ListBase: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {
     [x: string]: {};
 } & ListStyleProps, never>;
 export declare const List: import("styled-components").StyledComponent<"ul", never, ListProps, never>;

package/list/list.js

@@ -48,7 +48,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.List = exports.BaseList = void 0;
+exports.List = exports.ListBase = void 0;
 var styled_components_1 = require("@xstyled/styled-components");
 var react_1 = __importStar(require("react"));
 var styled_components_2 = __importDefault(require("styled-components"));
@@ -57,7 +57,7 @@ var listItem_1 = __importDefault(require("./listItem"));
 var core_1 = require("../core");
 var utils_1 = require("../utils");
 var generator = styled_components_1.compose(styled_components_1.sizing, styled_components_1.space, styled_components_1.typography);
-exports.BaseList = styled_components_2.default.ul.withConfig({
+exports.ListBase = styled_components_2.default.ul.withConfig({
     shouldForwardProp: core_1.shouldForwardProp(generator.meta.props)
 })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\t", "\n"], ["\n\t", "\n"])), generator);
 exports.List = core_1.forwardRef(function (props, ref) {
@@ -71,7 +71,7 @@ exports.List = core_1.forwardRef(function (props, ref) {
     ]);
     var listStyleType = props.as === 'ol' ? 'decimal' : 'disc';
     return (react_1.default.createElement(context_1.ListProvider, { value: context },
-        react_1.default.createElement(exports.BaseList, __assign({ className: utils_1.cs('vui-list', className), listStyleType: listStyleType, ref: ref }, styles.list, rest),
+        react_1.default.createElement(exports.ListBase, __assign({ className: utils_1.cs('vui-list', className), listStyleType: listStyleType, ref: ref }, styles.list, rest),
             subheader && (react_1.default.createElement(listItem_1.default, { className: "vui-listSubheader", color: "grey.80", fontSize: "sm", fontWeight: "medium" }, subheader)),
             children)));
 });

package/list/list.types.d.ts

@@ -3,6 +3,7 @@ import { SizingProps, SpaceProps, TransitionsProps, TypographyProps } from '../s
 import { ThemingProps } from '../theme';
 export interface ListProps extends Omit<HTMLAttributes<HTMLUListElement>, 'color'>, ListStyleProps, ThemingProps<'List'> {
     colorScheme?: 'blue' | 'grey';
+    disabled?: boolean;
     isInteractive?: boolean;
     subheader?: string;
 }