@terraware/web-components 1.0.55 → 1.0.57

package/components/Button/Button.js

@@ -47,7 +47,8 @@ function Button(props) {
     disabled: disabled
   }, processing && /*#__PURE__*/_react.default.createElement(_Icon.default, {
     name: "spinner",
-    size: size
+    size: size,
+    className: "icon-spinner"
   }), !processing && icon && /*#__PURE__*/_react.default.createElement(_Icon.default, {
     name: icon,
     size: size

package/components/Button/styles.scss

@@ -20,11 +20,14 @@
     outline-offset: 2px;
   }
 
-
   &:disabled {
     opacity: $tw-opcty-semantic-off;
   }
 
+  .tw-icon {
+    vertical-align: top;
+  }
+
   &--small {
     height: $tw-sz-btn-small-height;
     font-size: $tw-fnt-btn-label-small-font-size;
@@ -36,18 +39,23 @@
       calc(#{$tw-sz-btn-small-height}/ 2);
     border-radius: calc(#{$tw-sz-btn-small-height} / 2);
 
+    .tw-icon--small {
+      height: $tw-fnt-btn-label-small-line-height;
+      width: $tw-fnt-btn-label-small-line-height;
+      margin-right: calc((#{$tw-sz-btn-small-height} - #{$tw-fnt-btn-label-small-line-height}) / 2);
+
+      &.icon-spinner {
+        margin-right: 0;
+      }
+    }
     &.button-with-icon {
       padding-left: calc(
         (#{$tw-sz-btn-small-height} / 2) - (((#{$tw-sz-btn-small-height} - #{$tw-fnt-btn-label-small-line-height}) / 2))
       );
-
-      .tw-icon--small {
-        margin-right: calc((#{$tw-sz-btn-small-height} - #{$tw-fnt-btn-label-small-line-height}) / 2);
-      }
     }
     &.button-no-label.button-with-icon {
-      padding-left: 6px;
-      padding-right: 6px;
+      padding-left: calc((#{$tw-sz-btn-small-height} - #{$tw-fnt-btn-label-small-line-height}) / 2);
+      padding-right: calc((#{$tw-sz-btn-small-height} - #{$tw-fnt-btn-label-small-line-height}) / 2);
       .tw-icon--small {
         margin-right: 0;
       }
@@ -65,14 +73,20 @@
       calc(#{$tw-sz-btn-medium-height}/ 2);
     border-radius: calc(#{$tw-sz-btn-medium-height} / 2);
 
+    .tw-icon--medium {
+      height: $tw-fnt-btn-label-medium-line-height;
+      width: $tw-fnt-btn-label-medium-line-height;
+      margin-right: calc((#{$tw-sz-btn-medium-height} - #{$tw-fnt-btn-label-medium-line-height}) / 2);
+
+      &.icon-spinner {
+        margin-right: 0;
+      }    
+    }
     &.button-with-icon {
       padding-left: calc(
         (#{$tw-sz-btn-medium-height} / 2) -
           (((#{$tw-sz-btn-medium-height} - #{$tw-fnt-btn-label-medium-line-height}) / 2))
       );
-      .tw-icon--medium {
-        margin-right: calc((#{$tw-sz-btn-medium-height} - #{$tw-fnt-btn-label-medium-line-height}) / 2);
-      }
     }
     &.button-no-label.button-with-icon {
       padding-left: 8px;
@@ -94,13 +108,19 @@
       calc(#{$tw-sz-btn-large-height}/ 2);
     border-radius: calc(#{$tw-sz-btn-large-height} / 2);
 
+    .tw-icon--large {
+      height: $tw-fnt-btn-label-large-line-height;
+      width: $tw-fnt-btn-label-large-line-height;
+      margin-right: calc((#{$tw-sz-btn-large-height} - #{$tw-fnt-btn-label-large-line-height}) / 2);
+
+      &.icon-spinner {
+        margin-right: 0;
+      }
+    }
     &.button-with-icon {
       padding-left: calc(
         (#{$tw-sz-btn-large-height} / 2) - (((#{$tw-sz-btn-large-height} - #{$tw-fnt-btn-label-large-line-height}) / 2))
       );
-      .tw-icon--large {
-        margin-right: calc((#{$tw-sz-btn-large-height} - #{$tw-fnt-btn-label-large-line-height}) / 2);
-      }
     }
     &.button-no-label.button-with-icon {
       padding-left: 10px;
@@ -122,16 +142,21 @@
       calc(#{$tw-sz-btn-x-large-height}/ 2);
     border-radius: calc(#{$tw-sz-btn-x-large-height} / 2);
 
+    .tw-icon--xlarge {
+      height: $tw-fnt-btn-label-x-large-line-height;
+      width: $tw-fnt-btn-label-x-large-line-height;
+      margin-right: calc((#{$tw-sz-btn-x-large-height} - #{$tw-fnt-btn-label-x-large-line-height}) / 2);
+
+      &.icon-spinner {
+        margin-right: 0;
+      }
+    }
     &.button-with-icon {
       padding-left: calc(
         (#{$tw-sz-btn-x-large-height} / 2) -
           (((#{$tw-sz-btn-x-large-height} - #{$tw-fnt-btn-label-x-large-line-height}) / 2))
       );
-      .tw-icon--xlarge {
-        margin-right: calc((#{$tw-sz-btn-x-large-height} - #{$tw-fnt-btn-label-x-large-line-height}) / 2);
-      }
     }
-
     &.button-no-label.button-with-icon {
       padding-left: 12px;
       padding-right: 12px;
@@ -179,66 +204,6 @@
   &:active {
     background-color: $tw-clr-bg-brand-ghost-active;
   }
-
-  &--small {
-    padding: calc(
-        (#{$tw-sz-btn-small-height} - (2 * #{$tw-sz-btn-stroke}) - #{$tw-fnt-btn-label-small-line-height}) / 2
-      )
-      calc((#{$tw-sz-btn-small-height} - 2 * #{$tw-sz-btn-stroke}) / 2);
-
-    &.button-no-label.button-with-icon {
-      padding-left: 4px;
-      padding-right: 4px;
-      .tw-icon--small {
-        margin-right: 0;
-      }
-    }
-  }
-
-  &--medium {
-    padding: calc(
-        (#{$tw-sz-btn-medium-height} - (2 * #{$tw-sz-btn-stroke}) - #{$tw-fnt-btn-label-medium-line-height}) / 2
-      )
-      calc((#{$tw-sz-btn-medium-height} - 2 * #{$tw-sz-btn-stroke}) / 2);
-
-    &.button-no-label.button-with-icon {
-      padding-left: 6px;
-      padding-right: 6px;
-      .tw-icon--medium {
-        margin-right: 0;
-      }
-    }
-  }
-
-  &--large {
-    padding: calc(
-        (#{$tw-sz-btn-large-height} - (2 * #{$tw-sz-btn-stroke}) - #{$tw-fnt-btn-label-large-line-height}) / 2
-      )
-      calc((#{$tw-sz-btn-large-height} - 2 * #{$tw-sz-btn-stroke}) / 2);
-
-    &.button-no-label.button-with-icon {
-      padding-left: 8px;
-      padding-right: 8px;
-      .tw-icon--large {
-        margin-right: 0;
-      }
-    }
-  }
-
-  &--xlarge {
-    padding: calc(
-        (#{$tw-sz-btn-x-large-height} - (2 * #{$tw-sz-btn-stroke}) - #{$tw-fnt-btn-label-x-large-line-height}) / 2
-      )
-      calc((#{$tw-sz-btn-x-large-height} - 2 * #{$tw-sz-btn-stroke}) / 2);
-
-    &.button-no-label.button-with-icon {
-      padding-left: 10px;
-      padding-right: 10px;
-      .tw-icon--xlarge {
-        margin-right: 0;
-      }
-    }
-  }
 }
 
 .passive-primary {
@@ -254,7 +219,6 @@
   &:active {
     background-color: $tw-clr-bg-tertiary-active;
   }
-
 }
 
 .passive-secondary {
@@ -271,66 +235,6 @@
   &:active {
     background-color: $tw-clr-bg-ghost-active;
   }
-
-  &--small {
-    padding: calc(
-        (#{$tw-sz-btn-small-height} - (2 * #{$tw-sz-btn-stroke}) - #{$tw-fnt-btn-label-small-line-height}) / 2
-      )
-      calc((#{$tw-sz-btn-small-height} - 2 * #{$tw-sz-btn-stroke}) / 2);
-
-    &.button-no-label.button-with-icon {
-      padding-left: 4px;
-      padding-right: 4px;
-      .tw-icon--small {
-        margin-right: 0;
-      }
-    }
-  }
-
-  &--medium {
-    padding: calc(
-        (#{$tw-sz-btn-medium-height} - (2 * #{$tw-sz-btn-stroke}) - #{$tw-fnt-btn-label-medium-line-height}) / 2
-      )
-      calc((#{$tw-sz-btn-medium-height} - 2 * #{$tw-sz-btn-stroke}) / 2);
-
-    &.button-no-label.button-with-icon {
-      padding-left: 6px;
-      padding-right: 6px;
-      .tw-icon--medium {
-        margin-right: 0;
-      }
-    }
-  }
-
-  &--large {
-    padding: calc(
-        (#{$tw-sz-btn-large-height} - (2 * #{$tw-sz-btn-stroke}) - #{$tw-fnt-btn-label-large-line-height}) / 2
-      )
-      calc((#{$tw-sz-btn-large-height} - 2 * #{$tw-sz-btn-stroke}) / 2);
-
-    &.button-no-label.button-with-icon {
-      padding-left: 8px;
-      padding-right: 8px;
-      .tw-icon--large {
-        margin-right: 0;
-      }
-    }
-  }
-
-  &--xlarge {
-    padding: calc(
-        (#{$tw-sz-btn-x-large-height} - (2 * #{$tw-sz-btn-stroke}) - #{$tw-fnt-btn-label-x-large-line-height}) / 2
-      )
-      calc((#{$tw-sz-btn-x-large-height} - 2 * #{$tw-sz-btn-stroke}) / 2);
-
-    &.button-no-label.button-with-icon {
-      padding-left: 10px;
-      padding-right: 10px;
-      .tw-icon--xlarge {
-        margin-right: 0;
-      }
-    }
-  }
 }
 
 .destructive-primary {
@@ -363,13 +267,23 @@
   &:active {
     background-color: $tw-clr-bg-danger-ghost-active;
   }
+}
+
+.productive-secondary,
+.passive-secondary,
+.destructive-secondary {
 
   &--small {
     padding: calc(
         (#{$tw-sz-btn-small-height} - (2 * #{$tw-sz-btn-stroke}) - #{$tw-fnt-btn-label-small-line-height}) / 2
       )
       calc((#{$tw-sz-btn-small-height} - 2 * #{$tw-sz-btn-stroke}) / 2);
-
+    
+    &.button-with-icon {
+      padding-left: calc(
+        (#{$tw-sz-btn-small-height} / 2) - #{$tw-sz-btn-stroke} - ((((#{$tw-sz-btn-small-height} - #{$tw-fnt-btn-label-small-line-height}) / 2)))
+      );
+    }  
     &.button-no-label.button-with-icon {
       padding-left: 4px;
       padding-right: 4px;
@@ -384,7 +298,12 @@
         (#{$tw-sz-btn-medium-height} - (2 * #{$tw-sz-btn-stroke}) - #{$tw-fnt-btn-label-medium-line-height}) / 2
       )
       calc((#{$tw-sz-btn-medium-height} - 2 * #{$tw-sz-btn-stroke}) / 2);
-
+    
+    &.button-with-icon {
+      padding-left: calc(
+        (#{$tw-sz-btn-medium-height} / 2) - #{$tw-sz-btn-stroke} - ((((#{$tw-sz-btn-medium-height} - #{$tw-fnt-btn-label-medium-line-height}) / 2)))
+      );
+    }  
     &.button-no-label.button-with-icon {
       padding-left: 6px;
       padding-right: 6px;
@@ -399,7 +318,12 @@
         (#{$tw-sz-btn-large-height} - (2 * #{$tw-sz-btn-stroke}) - #{$tw-fnt-btn-label-large-line-height}) / 2
       )
       calc((#{$tw-sz-btn-large-height} - 2 * #{$tw-sz-btn-stroke}) / 2);
-
+    
+    &.button-with-icon {
+      padding-left: calc(
+        (#{$tw-sz-btn-large-height} / 2) - #{$tw-sz-btn-stroke} - ((((#{$tw-sz-btn-large-height} - #{$tw-fnt-btn-label-large-line-height}) / 2)))
+      );
+    }
     &.button-no-label.button-with-icon {
       padding-left: 8px;
       padding-right: 8px;
@@ -414,13 +338,18 @@
         (#{$tw-sz-btn-x-large-height} - (2 * #{$tw-sz-btn-stroke}) - #{$tw-fnt-btn-label-x-large-line-height}) / 2
       )
       calc((#{$tw-sz-btn-x-large-height} - 2 * #{$tw-sz-btn-stroke}) / 2);
-
+    
+    &.button-with-icon {
+      padding-left: calc(
+        (#{$tw-sz-btn-x-large-height} / 2) - #{$tw-sz-btn-stroke} - ((((#{$tw-sz-btn-x-large-height} - #{$tw-fnt-btn-label-x-large-line-height}) / 2)))
+      );
+    }
     &.button-no-label.button-with-icon {
       padding-left: 10px;
       padding-right: 10px;
-      .tw-icon--medium {
+      .tw-icon--xlarge {
         margin-right: 0;
       }
     }
   }
-}
+}

package/components/Icon/icons/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type IconName = 'blobbyGrayIconUploadToTheCloud' | 'blobbyIconSeedBank' | 'blobbyIconHappy' | 'blobbyIconLeaf' | 'blobbyIconLibrary' | 'blobbyIconNursery' | 'blobbyIconWrench' | 'bug' | 'calendar' | 'cancel' | 'caretDown' | 'caretLeft' | 'caretUp' | 'chargingBattery' | 'checkmark' | 'chevronDown' | 'chevronUp' | 'close' | 'critical' | 'dashboard' | 'edit' | 'error' | 'export' | 'filter' | 'folder' | 'help' | 'home' | 'iconColumns' | 'iconEdit' | 'iconExport' | 'iconFile' | 'iconImport' | 'iconMenu' | 'iconMenuHorizontal' | 'iconMyLocation' | 'iconNursery' | 'iconSeedling' | 'iconSynced' | 'iconTrashCan' | 'info' | 'key' | 'leaf' | 'lock' | 'mail' | 'menuVertical' | 'monitoring' | 'monitoringNav' | 'notification' | 'organization' | 'organizationNav' | 'people' | 'peopleNav' | 'person' | 'plus' | 'restorationSite' | 'search' | 'seedbank' | 'seedbankNav' | 'seeds' | 'sparkles' | 'species' | 'species2' | 'spinner' | 'success' | 'touchscreen' | 'uploadCloud' | 'warning' | 'wifi';
+export declare type IconName = 'blobbyGrayIconUploadToTheCloud' | 'blobbyIconSeedBank' | 'blobbyIconHappy' | 'blobbyIconLeaf' | 'blobbyIconLibrary' | 'blobbyIconNursery' | 'blobbyIconWrench' | 'bug' | 'calendar' | 'cancel' | 'caretDown' | 'caretLeft' | 'caretUp' | 'chargingBattery' | 'checkmark' | 'chevronDown' | 'chevronUp' | 'close' | 'critical' | 'dashboard' | 'edit' | 'error' | 'export' | 'filter' | 'folder' | 'help' | 'home' | 'iconArrowRight' | 'iconColumns' | 'iconEdit' | 'iconExport' | 'iconFile' | 'iconImport' | 'iconMenu' | 'iconMenuHorizontal' | 'iconMyLocation' | 'iconNursery' | 'iconSeedling' | 'iconSynced' | 'iconTrashCan' | 'info' | 'key' | 'leaf' | 'lock' | 'mail' | 'menuVertical' | 'monitoring' | 'monitoringNav' | 'notification' | 'organization' | 'organizationNav' | 'people' | 'peopleNav' | 'person' | 'plus' | 'restorationSite' | 'search' | 'seedbank' | 'seedbankNav' | 'seeds' | 'sparkles' | 'species' | 'species2' | 'spinner' | 'success' | 'touchscreen' | 'uploadCloud' | 'warning' | 'wifi';
 declare type SVGComponent = React.FunctionComponent<React.SVGProps<SVGSVGElement> & {
     title?: string | undefined;
 }>;

package/components/Icon/icons/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Icon/icons/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAwE1B,oBAAY,QAAQ,GAChB,gCAAgC,GAChC,oBAAoB,GACpB,iBAAiB,GACjB,gBAAgB,GAChB,mBAAmB,GACnB,mBAAmB,GACnB,kBAAkB,GAClB,KAAK,GACL,UAAU,GACV,QAAQ,GACR,WAAW,GACX,WAAW,GACX,SAAS,GACT,iBAAiB,GACjB,WAAW,GACX,aAAa,GACb,WAAW,GACX,OAAO,GACP,UAAU,GACV,WAAW,GACX,MAAM,GACN,OAAO,GACP,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,MAAM,GACN,aAAa,GACb,UAAU,GACV,YAAY,GACZ,UAAU,GACV,YAAY,GACZ,UAAU,GACV,oBAAoB,GACpB,gBAAgB,GAChB,aAAa,GACb,cAAc,GACd,YAAY,GACZ,cAAc,GACd,MAAM,GACN,KAAK,GACL,MAAM,GACN,MAAM,GACN,MAAM,GACN,cAAc,GACd,YAAY,GACZ,eAAe,GACf,cAAc,GACd,cAAc,GACd,iBAAiB,GACjB,QAAQ,GACR,WAAW,GACX,QAAQ,GACR,MAAM,GACN,iBAAiB,GACjB,QAAQ,GACR,UAAU,GACV,aAAa,GACb,OAAO,GACP,UAAU,GACV,SAAS,GACT,UAAU,GACV,SAAS,GACT,SAAS,GACT,aAAa,GACb,aAAa,GACb,SAAS,GACT,MAAM,CAAC;AAEX,aAAK,YAAY,GAAG,KAAK,CAAC,iBAAiB,CACzC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAG;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC5B,CACF,CAAC;AACF,QAAA,MAAM,KAAK,EAAE,MAAM,CAAC,QAAQ,EAAE,YAAY,CAqEzC,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Icon/icons/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAyE1B,oBAAY,QAAQ,GAChB,gCAAgC,GAChC,oBAAoB,GACpB,iBAAiB,GACjB,gBAAgB,GAChB,mBAAmB,GACnB,mBAAmB,GACnB,kBAAkB,GAClB,KAAK,GACL,UAAU,GACV,QAAQ,GACR,WAAW,GACX,WAAW,GACX,SAAS,GACT,iBAAiB,GACjB,WAAW,GACX,aAAa,GACb,WAAW,GACX,OAAO,GACP,UAAU,GACV,WAAW,GACX,MAAM,GACN,OAAO,GACP,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,MAAM,GACN,gBAAgB,GAChB,aAAa,GACb,UAAU,GACV,YAAY,GACZ,UAAU,GACV,YAAY,GACZ,UAAU,GACV,oBAAoB,GACpB,gBAAgB,GAChB,aAAa,GACb,cAAc,GACd,YAAY,GACZ,cAAc,GACd,MAAM,GACN,KAAK,GACL,MAAM,GACN,MAAM,GACN,MAAM,GACN,cAAc,GACd,YAAY,GACZ,eAAe,GACf,cAAc,GACd,cAAc,GACd,iBAAiB,GACjB,QAAQ,GACR,WAAW,GACX,QAAQ,GACR,MAAM,GACN,iBAAiB,GACjB,QAAQ,GACR,UAAU,GACV,aAAa,GACb,OAAO,GACP,UAAU,GACV,SAAS,GACT,UAAU,GACV,SAAS,GACT,SAAS,GACT,aAAa,GACb,aAAa,GACb,SAAS,GACT,MAAM,CAAC;AAEX,aAAK,YAAY,GAAG,KAAK,CAAC,iBAAiB,CACzC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAG;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC5B,CACF,CAAC;AACF,QAAA,MAAM,KAAK,EAAE,MAAM,CAAC,QAAQ,EAAE,YAAY,CAsEzC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/components/Icon/icons/index.js

@@ -61,6 +61,8 @@ var _Help = _interopRequireDefault(require("../../svg/Help"));
 
 var _Home = _interopRequireDefault(require("../../svg/Home"));
 
+var _IconArrowRight = _interopRequireDefault(require("../../svg/IconArrowRight"));
+
 var _IconColumns = _interopRequireDefault(require("../../svg/IconColumns"));
 
 var _IconEdit = _interopRequireDefault(require("../../svg/IconEdit"));
@@ -169,6 +171,7 @@ var icons = {
   folder: _Folder.default,
   help: _Help.default,
   home: _Home.default,
+  iconArrowRight: _IconArrowRight.default,
   iconColumns: _IconColumns.default,
   iconEdit: _IconEdit.default,
   iconExport: _IconExport.default,

package/components/Icon/styles.scss

@@ -19,25 +19,24 @@
 }
 
 .tw-icon {
-  vertical-align: bottom;
 
   &--small {
-    width: $tw-sz-btn-small-icon;
-    height: $tw-sz-btn-small-icon;
+    width: $tw-sz-icon-small;
+    height: $tw-sz-icon-small;
   }
 
   &--medium {
-    width: $tw-sz-btn-medium-icon;
-    height: $tw-sz-btn-medium-icon;
+    width: $tw-sz-icon-medium;
+    height: $tw-sz-icon-medium;
   }
 
   &--large {
-    width: $tw-sz-btn-large-icon;
-    height: $tw-sz-btn-large-icon;
+    width: $tw-sz-icon-large;
+    height: $tw-sz-icon-large;
   }
 
   &--xlarge {
-    width: $tw-sz-btn-x-large-icon;
-    height: $tw-sz-btn-x-large-icon;
+    width: $tw-sz-icon-x-large;
+    height: $tw-sz-icon-x-large;
   }
 }

package/components/IconTooltip/index.js

@@ -25,9 +25,9 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       color: theme.palette.ClrBaseGray800
     },
     icon: {
-      fill: theme.palette.ClrBaseGray800,
-      marginLeft: '.5em',
-      marginRight: '.5em',
+      fill: theme.palette.TwClrIcnSecondary,
+      marginLeft: '4px',
+      marginRight: '4px',
       verticalAlign: 'text-top'
     },
     tooltip: {

package/components/Select/styles.scss

@@ -25,7 +25,7 @@
     font-size: $tw-fnt-frm-fld-label-font-size;
     font-weight: $tw-fnt-frm-fld-label-font-weight;
     line-height: $tw-fnt-frm-fld-label-line-height;
-    color: $tw-clr-frm-fld-label;
+    color: $tw-clr-txt-secondary;
     margin-bottom: $tw-spc-base-xx-small;
     display: block;
     width: 100%;
@@ -44,31 +44,11 @@
     margin-top: $tw-spc-base-xx-small;
   }
 
-  textarea {
-    font-family: $tw-fnt-frm-fld-text-value-font-family;
-    font-size: $tw-fnt-frm-fld-text-value-font-size;
-    font-weight: $tw-fnt-frm-fld-text-value-font-weight;
-    line-height: $tw-fnt-frm-fld-text-value-line-height;
-    color: $tw-clr-txt;
-    padding-top: 0;
-    padding-bottom: 0;
-    &::placeholder {
-      font-family: $tw-fnt-frm-fld-text-placeholder-font-family;
-      font-size: $tw-fnt-frm-fld-text-placeholder-font-size;
-      font-weight: $tw-fnt-frm-fld-text-placeholder-font-weight;
-      line-height: $tw-fnt-frm-fld-text-placeholder-line-height;
-      color: $tw-clr-base-gray-300;
-    }
-    &:focus-visible {
-      outline: none;
-    }
-  }
-
   .textfield-value {
     background-color: $tw-clr-bg;
     border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-secondary;
-    padding: $tw-spc-base-x-small;
-    border-radius: $tw-rds-frm-fld-text-input;
+    padding: #{$tw-spc-base-x-small - $tw-sz-frm-fld-text-input-stroke};
+    border-radius: $tw-sz-base-xx-small;
     border-width: $tw-sz-frm-fld-text-input-stroke;
     display: flex;
 
@@ -77,13 +57,14 @@
     }
 
     &:active {
-      border: math.div($tw-sz-frm-fld-text-input-stroke-active, 2) solid $tw-clr-brdr-hover;
-      outline: math.div($tw-sz-frm-fld-text-input-stroke-active, 2) solid $tw-clr-brdr-hover;
+      border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-active;
+      outline: $tw-sz-frm-fld-text-input-stroke-active solid $tw-clr-brdr-active;
     }
 
     &:focus-within {
-      border: math.div($tw-sz-frm-fld-text-input-stroke-active, 2) solid $tw-clr-brdr-hover;
-      outline: math.div($tw-sz-frm-fld-text-input-stroke-active, 2) solid $tw-clr-brdr-hover;
+      border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-active;
+      outline: $tw-sz-frm-fld-text-input-stroke-active solid $tw-clr-brdr-active;
+      outline-offset: -$tw-sz-frm-fld-text-input-stroke;
     }
 
     input {
@@ -94,6 +75,7 @@
       font-weight: $tw-fnt-frm-fld-text-value-font-weight;
       line-height: $tw-fnt-frm-fld-text-value-line-height;
       color: $tw-clr-txt;
+      cursor: pointer;
       background: transparent;
       padding-top: 0;
       padding-bottom: 0;
@@ -102,7 +84,7 @@
         font-size: $tw-fnt-frm-fld-text-placeholder-font-size;
         font-weight: $tw-fnt-frm-fld-text-placeholder-font-weight;
         line-height: $tw-fnt-frm-fld-text-placeholder-line-height;
-        color: $tw-clr-base-gray-300;
+        color: $tw-clr-txt-tertiary;
       }
       &:focus-visible {
         outline: none;
@@ -114,32 +96,40 @@
       font-size: $tw-fnt-frm-fld-text-value-font-size;
       font-weight: $tw-fnt-frm-fld-text-value-font-weight;
       line-height: $tw-fnt-frm-fld-text-value-line-height;
-      padding: 0;
+      padding: $tw-spc-base-x-small 0;
       margin: 0;
     }
 
     &--disabled {
       opacity: $tw-opcty-semantic-off;
       pointer-events: none;
+
       &:hover {
         border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-secondary;
       }
 
       &:active {
         border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-secondary;
+        outline: 0;
+      }
+
+      &:focus-within {
+        border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-secondary;
+        outline: 0;
       }
     }
 
     &--icon-right {
       width: $tw-fnt-frm-fld-text-value-line-height;
       height: $tw-fnt-frm-fld-text-value-line-height;
-      fill: $tw-clr-txt;
+      fill: $tw-clr-icn;
+      margin-left: $tw-spc-base-x-small;
     }
 
     &--icon-left {
       width: $tw-fnt-frm-fld-text-value-line-height;
       height: $tw-fnt-frm-fld-text-value-line-height;
-      fill: $tw-clr-txt;
+      fill: $tw-clr-icn-secondary;
       margin-right: $tw-spc-base-x-small;
     }
 
@@ -148,17 +138,18 @@
       background-color: $tw-clr-bg-danger-tertiary;
 
       &:hover {
-        border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-danger;
+        border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-danger-hover;
       }
 
       &:active {
-        border: math.div($tw-sz-frm-fld-text-input-stroke-active, 2) solid $tw-clr-brdr-danger;
-        outline: math.div($tw-sz-frm-fld-text-input-stroke-active, 2) solid $tw-clr-brdr-danger;
+        border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-danger-active;
+        outline: $tw-sz-frm-fld-text-input-stroke-active solid $tw-clr-brdr-danger-active;
       }
-
+  
       &:focus-within {
-        border: math.div($tw-sz-frm-fld-text-input-stroke-active, 2) solid $tw-clr-brdr-danger;
-        outline: math.div($tw-sz-frm-fld-text-input-stroke-active, 2) solid $tw-clr-brdr-danger;
+        border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-danger-active;
+        outline: $tw-sz-frm-fld-text-input-stroke-active solid $tw-clr-brdr-danger-active;
+        outline-offset: -$tw-sz-frm-fld-text-input-stroke;
       }
     }
 
@@ -167,27 +158,35 @@
       background-color: $tw-clr-bg-warning-tertiary;
 
       &:hover {
-        border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-warning;
+        border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-warning-hover;
       }
 
       &:active {
-        border: math.div($tw-sz-frm-fld-text-input-stroke-active, 2) solid $tw-clr-brdr-warning;
-        outline: math.div($tw-sz-frm-fld-text-input-stroke-active, 2) solid $tw-clr-brdr-warning;
+        border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-warning-active;
+        outline: $tw-sz-frm-fld-text-input-stroke-active solid $tw-clr-brdr-warning-active;
       }
-
+  
       &:focus-within {
-        border: math.div($tw-sz-frm-fld-text-input-stroke-active, 2) solid $tw-clr-brdr-warning;
-        outline: math.div($tw-sz-frm-fld-text-input-stroke-active, 2) solid $tw-clr-brdr-warning;
+        border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-warning-active;
+        outline: $tw-sz-frm-fld-text-input-stroke-active solid $tw-clr-brdr-warning-active;
+        outline-offset: -$tw-sz-frm-fld-text-input-stroke;
       }
     }
 
     &--readonly {
+      background-color: $tw-clr-bg-secondary;
       &:hover {
         border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-secondary;
       }
 
       &:active {
         border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-secondary;
+        outline: 0;
+      }
+
+      &:focus-within {
+        border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-secondary;
+        outline: 0;
       }
     }
 
@@ -196,6 +195,13 @@
     }
   }
 
+  .textfield-label-container {
+    position: relative;
+    display: flex;
+    width: 100%;
+    margin-top: $tw-spc-base-xx-small;
+  }
+  
   .textfield-error-text {
     font-family: $tw-fnt-frm-fld-error-text-font-family;
     font-size: $tw-fnt-frm-fld-error-text-font-size;
@@ -207,7 +213,7 @@
     max-width: 100%;
 
     &--icon {
-      fill: $tw-clr-txt-danger;
+      fill: $tw-clr-icn-danger;
       width: $tw-fnt-frm-fld-error-text-line-height;
       height: $tw-fnt-frm-fld-error-text-line-height;
       margin-right: $tw-spc-base-x-small;
@@ -225,34 +231,26 @@
     max-width: 100%;
 
     &--icon {
-      fill: $tw-clr-txt-warning;
+      fill: $tw-clr-icn-warning;
       width: $tw-fnt-frm-fld-error-text-line-height;
       height: $tw-fnt-frm-fld-error-text-line-height;
       margin-right: $tw-spc-base-x-small;
     }
   }
 
-  .textfield-label-container {
-    position: relative;
-    display: flex;
-    width: 100%;
-    margin-top: $tw-spc-base-xx-small;
-  }
-
   .options-container {
     z-index: 3;
-    width: 100%;
+    width: calc(100% - 2px);
     position: absolute;
-    top: 42px;
+    top: 44px;
     list-style-type: none;
     padding: $tw-spc-base-x-small 0;
     background: $tw-clr-bg;
     border: 1px solid $tw-clr-brdr-secondary;
-    margin: 0;
-    margin-top: $tw-spc-base-xx-small;
+    margin: $tw-spc-base-xx-small 0 0;
     border-radius: $tw-rds-frm-fld-text-input;
     max-height: 140px;
-    overflow: scroll;
+    overflow-y: auto;
 
     &.fixed-menu {
       position: fixed;

package/components/Textfield/styles.scss

@@ -11,6 +11,7 @@
 .textfield {
   display: flex;
   flex-flow: row wrap;
+
   .textfield-label {
     font-family: $tw-fnt-frm-fld-label-font-family;
     font-size: $tw-fnt-frm-fld-label-font-size;
@@ -21,17 +22,6 @@
     display: block;
     width: 100%;
     max-width: 100%;
-
-    &--icon-tooltip-container {
-      display: inline-block;
-      margin-left: $tw-spc-base-small;
-    }
-
-    &--icon-tooltip {
-      width: $tw-fnt-frm-fld-label-line-height;
-      height: $tw-fnt-frm-fld-label-line-height;
-      fill: $tw-clr-txt;
-    }
   }
 
   .textfield-help-text {
@@ -59,7 +49,7 @@
       font-size: $tw-fnt-frm-fld-text-placeholder-font-size;
       font-weight: $tw-fnt-frm-fld-text-placeholder-font-weight;
       line-height: $tw-fnt-frm-fld-text-placeholder-line-height;
-      color: $tw-clr-base-gray-300;
+      color: $tw-clr-txt-tertiary;
     }
     &:focus-visible {
       outline: none;
@@ -69,9 +59,8 @@
   .textfield-value {
     background-color: $tw-clr-bg;
     border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-secondary;
-    padding: $tw-spc-base-x-small;
-    border-radius: $tw-rds-frm-fld-text-input;
-    border-width: $tw-sz-frm-fld-text-input-stroke;
+    padding: #{$tw-spc-base-x-small - $tw-sz-frm-fld-text-input-stroke};
+    border-radius: $tw-sz-base-xx-small;
     width: 100%;
     max-width: 100%;
     display: flex;
@@ -81,13 +70,14 @@
     }
 
     &:active {
-      border: math.div($tw-sz-frm-fld-text-input-stroke-active, 2) solid $tw-clr-brdr-hover;
-      outline: math.div($tw-sz-frm-fld-text-input-stroke-active, 2) solid $tw-clr-brdr-hover;
+      border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-hover;
+      outline: $tw-sz-frm-fld-text-input-stroke-active solid $tw-clr-brdr-active;
     }
 
     &:focus-within {
-      border: math.div($tw-sz-frm-fld-text-input-stroke-active, 2) solid $tw-clr-frm-fld-text-input-stroke-hover;
-      outline: math.div($tw-sz-frm-fld-text-input-stroke-active, 2) solid $tw-clr-frm-fld-text-input-stroke-hover;
+      border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-hover;
+      outline: $tw-sz-frm-fld-text-input-stroke-active solid $tw-clr-brdr-active;
+      outline-offset: -$tw-sz-frm-fld-text-input-stroke;
     }
 
     input {
@@ -106,7 +96,7 @@
         font-size: $tw-fnt-frm-fld-text-placeholder-font-size;
         font-weight: $tw-fnt-frm-fld-text-placeholder-font-weight;
         line-height: $tw-fnt-frm-fld-text-placeholder-line-height;
-        color: $tw-clr-base-gray-300;
+        color: $tw-clr-txt-tertiary;
       }
       &:focus-visible {
         outline: none;
@@ -118,36 +108,46 @@
       font-size: $tw-fnt-frm-fld-text-value-font-size;
       font-weight: $tw-fnt-frm-fld-text-value-font-weight;
       line-height: $tw-fnt-frm-fld-text-value-line-height;
-      padding: 0;
+      padding: $tw-spc-base-x-small 0;
       margin: 0;
     }
 
     &--disabled {
       opacity: $tw-opcty-semantic-off;
+
       &:hover {
         border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-secondary;
       }
 
       &:active {
         border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-secondary;
+        outline: 0;
+      }
+
+      &:focus-within {
+        border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-secondary;
+        outline: 0;
       }
     }
 
     &--icon-container {
       background: none;
       border: 0;
+      padding: 0;
     }
 
     &--icon-right {
       width: $tw-fnt-frm-fld-text-value-line-height;
       height: $tw-fnt-frm-fld-text-value-line-height;
-      fill: $tw-clr-txt;
+      fill: $tw-clr-icn-secondary;
+      margin-left: $tw-spc-base-x-small;
+      vertical-align: top;
     }
 
     &--icon-left {
       width: $tw-fnt-frm-fld-text-value-line-height;
       height: $tw-fnt-frm-fld-text-value-line-height;
-      fill: $tw-clr-txt;
+      fill: $tw-clr-icn-secondary;
       margin-right: $tw-spc-base-x-small;
     }
 
@@ -156,17 +156,18 @@
       background-color: $tw-clr-bg-danger-tertiary;
 
       &:hover {
-        border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-danger;
+        border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-danger-hover;
       }
 
       &:active {
-        border: math.div($tw-sz-frm-fld-text-input-stroke-active, 2) solid $tw-clr-brdr-danger;
-        outline: math.div($tw-sz-frm-fld-text-input-stroke-active, 2) solid $tw-clr-brdr-danger;
+        border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-danger-active;
+        outline: $tw-sz-frm-fld-text-input-stroke-active solid $tw-clr-brdr-danger-active;
       }
-
+  
       &:focus-within {
-        border: math.div($tw-sz-frm-fld-text-input-stroke-active, 2) solid $tw-clr-brdr-danger;
-        outline: math.div($tw-sz-frm-fld-text-input-stroke-active, 2) solid $tw-clr-brdr-danger;
+        border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-danger-active;
+        outline: $tw-sz-frm-fld-text-input-stroke-active solid $tw-clr-brdr-danger-active;
+        outline-offset: -$tw-sz-frm-fld-text-input-stroke;
       }
     }
 
@@ -175,32 +176,47 @@
       background-color: $tw-clr-bg-warning-tertiary;
 
       &:hover {
-        border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-warning;
+        border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-warning-hover;
       }
 
       &:active {
-        border: math.div($tw-sz-frm-fld-text-input-stroke-active, 2) solid $tw-clr-brdr-warning;
-        outline: math.div($tw-sz-frm-fld-text-input-stroke-active, 2) solid $tw-clr-brdr-warning;
+        border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-warning-active;
+        outline: $tw-sz-frm-fld-text-input-stroke-active solid $tw-clr-brdr-warning-active;
       }
-
+  
       &:focus-within {
-        border: math.div($tw-sz-frm-fld-text-input-stroke-active, 2) solid $tw-clr-brdr-warning;
-        outline: math.div($tw-sz-frm-fld-text-input-stroke-active, 2) solid $tw-clr-brdr-warning;
+        border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-warning-active;
+        outline: $tw-sz-frm-fld-text-input-stroke-active solid $tw-clr-brdr-warning-active;
+        outline-offset: -$tw-sz-frm-fld-text-input-stroke;
       }
+
     }
 
     &--readonly {
       background-color: $tw-clr-bg-secondary;
+
       &:hover {
         border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-secondary;
       }
 
       &:active {
         border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-secondary;
+        outline: 0;
+      }
+
+      &:focus-within {
+        border: $tw-sz-frm-fld-text-input-stroke solid $tw-clr-brdr-secondary;
+        outline: 0;
       }
     }
   }
 
+  .textfield-label-container {
+    display: flex;
+    width: 100%;
+    margin-top: $tw-spc-base-xx-small;
+  }
+
   .textfield-error-text {
     font-family: $tw-fnt-frm-fld-error-text-font-family;
     font-size: $tw-fnt-frm-fld-error-text-font-size;
@@ -212,7 +228,7 @@
     max-width: 100%;
 
     &--icon {
-      fill: $tw-clr-txt-danger;
+      fill: $tw-clr-icn-danger;
       width: $tw-fnt-frm-fld-error-text-line-height;
       height: $tw-fnt-frm-fld-error-text-line-height;
       margin-right: $tw-spc-base-x-small;
@@ -230,16 +246,10 @@
     max-width: 100%;
 
     &--icon {
-      fill: $tw-clr-txt-warning;
+      fill: $tw-clr-icn-warning;
       width: $tw-fnt-frm-fld-error-text-line-height;
       height: $tw-fnt-frm-fld-error-text-line-height;
       margin-right: $tw-spc-base-x-small;
     }
   }
-
-  .textfield-label-container {
-    display: flex;
-    width: 100%;
-    margin-top: $tw-spc-base-xx-small;
-  }
 }

package/components/svg/IconArrowRight.d.ts

@@ -0,0 +1,8 @@
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare const SvgIconArrowRight: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => JSX.Element;
+export default SvgIconArrowRight;
+//# sourceMappingURL=IconArrowRight.d.ts.map

package/components/svg/IconArrowRight.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconArrowRight.d.ts","sourceRoot":"","sources":["../../../src/components/svg/IconArrowRight.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,UAAU,SAAS;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,QAAA,MAAM,iBAAiB,iCAAkC,SAAS,aAAa,CAAC,GAAG,SAAS,gBAQ3F,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/components/svg/IconArrowRight.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var React = _interopRequireWildcard(require("react"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var SvgIconArrowRight = function SvgIconArrowRight(_ref) {
+  var title = _ref.title,
+      titleId = _ref.titleId,
+      props = (0, _objectWithoutProperties2.default)(_ref, ["title", "titleId"]);
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, /*#__PURE__*/React.createElement("path", {
+    d: "M13.242 4.492a.75.75 0 0 0-.522 1.288l5.72 5.72H3.75a.751.751 0 1 0 0 1.5h14.69l-5.72 5.72a.75.75 0 1 0 1.06 1.06l7-7a.75.75 0 0 0 0-1.06l-7-7a.75.75 0 0 0-.538-.228Z",
+    fill: "#3A4445"
+  }));
+};
+
+var _default = SvgIconArrowRight;
+exports.default = _default;

package/components/svg/index.d.ts

@@ -24,6 +24,7 @@ export { default as Filter } from './Filter';
 export { default as Folder } from './Folder';
 export { default as Help } from './Help';
 export { default as Home } from './Home';
+export { default as IconArrowRight } from './IconArrowRight';
 export { default as IconCancel } from './IconCancel';
 export { default as IconChargingBattery } from './IconChargingBattery';
 export { default as IconCheckmark } from './IconCheckmark';

package/components/svg/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/svg/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/svg/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,8BAA8B,EAAE,MAAM,kCAAkC,CAAC;AAC7F,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC"}

package/components/svg/index.js

@@ -161,6 +161,12 @@ Object.defineProperty(exports, "Home", {
     return _Home.default;
   }
 });
+Object.defineProperty(exports, "IconArrowRight", {
+  enumerable: true,
+  get: function get() {
+    return _IconArrowRight.default;
+  }
+});
 Object.defineProperty(exports, "IconCancel", {
   enumerable: true,
   get: function get() {
@@ -472,6 +478,8 @@ var _Help = _interopRequireDefault(require("./Help"));
 
 var _Home = _interopRequireDefault(require("./Home"));
 
+var _IconArrowRight = _interopRequireDefault(require("./IconArrowRight"));
+
 var _IconCancel = _interopRequireDefault(require("./IconCancel"));
 
 var _IconChargingBattery = _interopRequireDefault(require("./IconChargingBattery"));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@terraware/web-components",
-  "version": "1.0.55",
+  "version": "1.0.57",
   "author": "Terraformation Inc.",
   "license": "Apache-2.0",
   "repository": {