@aws-amplify/ui-react-storage 2.1.0 → 2.1.2

package/dist/styles.css

@@ -677,13 +677,17 @@
   --amplify-components-select-icon-wrapper-right: var(--amplify-space-medium);
   --amplify-components-select-icon-wrapper-transform: translateY(-50%);
   --amplify-components-select-icon-wrapper-pointer-events: none;
+  --amplify-components-select-icon-wrapper-small-right: var(--amplify-space-xs);
+  --amplify-components-select-icon-wrapper-large-right: var(--amplify-space-medium);
   --amplify-components-select-option-background-color: var(--amplify-colors-background-primary);
   --amplify-components-select-option-color: var(--amplify-colors-font-primary);
   --amplify-components-select-option-disabled-color: var(--amplify-colors-font-disabled);
   --amplify-components-select-white-space: nowrap;
   --amplify-components-select-min-width: 6.5rem;
   --amplify-components-select-small-min-width: 5.5rem;
+  --amplify-components-select-small-padding-inline-end: var(--amplify-space-xl);
   --amplify-components-select-large-min-width: 7.5rem;
+  --amplify-components-select-large-padding-inline-end: var(--amplify-space-xxl);
   --amplify-components-selectfield-border-color: var(--amplify-components-fieldcontrol-border-color);
   --amplify-components-selectfield-color: var(--amplify-components-fieldcontrol-color);
   --amplify-components-selectfield-flex-direction: column;
@@ -807,7 +811,9 @@
   --amplify-components-switchfield-small-font-size: var(--amplify-font-sizes-small);
   --amplify-components-switchfield-label-padding: var(--amplify-space-xs);
   --amplify-components-switchfield-thumb-background-color: var(--amplify-colors-background-primary);
-  --amplify-components-switchfield-thumb-border-color: var(--amplify-colors-border-tertiary);
+  --amplify-components-switchfield-thumb-border-color: transparent;
+  --amplify-components-switchfield-thumb-border-width: var(--amplify-border-widths-small);
+  --amplify-components-switchfield-thumb-border-style: solid;
   --amplify-components-switchfield-thumb-border-radius: var(--amplify-radii-xxxl);
   --amplify-components-switchfield-thumb-checked-transform: var(--amplify-transforms-slide-x-medium);
   --amplify-components-switchfield-thumb-transition-duration: var(--amplify-time-medium);
@@ -1222,14 +1228,6 @@ select {
   display: block;
   overflow: auto;
 }
-.amplify-scrollview--horizontal {
-  overflow-x: scroll;
-  overflow-y: initial;
-}
-.amplify-scrollview--vertical {
-  overflow-x: initial;
-  overflow-y: scroll;
-}
 
 .amplify-text {
   display: block;
@@ -3695,6 +3693,12 @@ html[dir=rtl] .amplify-field-group__inner-start {
   transform: var(--amplify-components-select-icon-wrapper-transform);
   pointer-events: var(--amplify-components-select-icon-wrapper-pointer-events);
 }
+.amplify-select__icon-wrapper--small {
+  right: var(--amplify-components-select-icon-wrapper-small-right);
+}
+.amplify-select__icon-wrapper--large {
+  right: var(--amplify-components-select-icon-wrapper-large-right);
+}
 
 .amplify-select {
   box-sizing: border-box;
@@ -3796,9 +3800,13 @@ html[dir=rtl] .amplify-field-group__inner-start {
 }
 .amplify-select--small {
   min-width: var(--amplify-components-select-small-min-width);
+  -webkit-padding-end: var(--amplify-components-select-small-padding-inline-end);
+          padding-inline-end: var(--amplify-components-select-small-padding-inline-end);
 }
 .amplify-select--large {
   min-width: var(--amplify-components-select-large-min-width);
+  -webkit-padding-end: var(--amplify-components-select-large-padding-inline-end);
+          padding-inline-end: var(--amplify-components-select-large-padding-inline-end);
 }
 
 .amplify-selectfield {
@@ -4049,6 +4057,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
 .amplify-switchfield {
   display: inline-block;
   font-size: var(--amplify-components-switchfield-font-size);
+  cursor: pointer;
 }
 .amplify-switchfield--small {
   font-size: var(--amplify-components-switchfield-small-font-size);
@@ -4105,6 +4114,8 @@ html[dir=rtl] .amplify-field-group__inner-start {
   border-radius: var(--amplify-components-switchfield-thumb-border-radius);
   width: var(--amplify-components-switchfield-thumb-width);
   height: var(--amplify-components-switchfield-thumb-width);
+  border-width: var(--amplify-components-switchfield-thumb-border-width);
+  border-style: var(--amplify-components-switchfield-thumb-border-style);
   border-color: var(--amplify-components-switchfield-thumb-border-color);
   overflow-wrap: break-word;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui-react-storage",
-  "version": "2.1.0",
+  "version": "2.1.2",
   "main": "dist/index.js",
   "module": "dist/esm/index.mjs",
   "exports": {
@@ -40,9 +40,9 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@aws-amplify/ui": "5.6.7",
-    "@aws-amplify/ui-react": "5.0.5",
-    "@aws-amplify/ui-react-core": "2.1.26",
+    "@aws-amplify/ui": "5.6.9",
+    "@aws-amplify/ui-react": "5.0.7",
+    "@aws-amplify/ui-react-core": "2.1.28",
     "classnames": "2.3.1",
     "lodash": "4.17.21",
     "tslib": "2.4.1"