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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/styles.css +14 -0
  2. package/package.json +4 -4
package/dist/styles.css CHANGED
@@ -677,13 +677,17 @@
677
677
  --amplify-components-select-icon-wrapper-right: var(--amplify-space-medium);
678
678
  --amplify-components-select-icon-wrapper-transform: translateY(-50%);
679
679
  --amplify-components-select-icon-wrapper-pointer-events: none;
680
+ --amplify-components-select-icon-wrapper-small-right: var(--amplify-space-xs);
681
+ --amplify-components-select-icon-wrapper-large-right: var(--amplify-space-medium);
680
682
  --amplify-components-select-option-background-color: var(--amplify-colors-background-primary);
681
683
  --amplify-components-select-option-color: var(--amplify-colors-font-primary);
682
684
  --amplify-components-select-option-disabled-color: var(--amplify-colors-font-disabled);
683
685
  --amplify-components-select-white-space: nowrap;
684
686
  --amplify-components-select-min-width: 6.5rem;
685
687
  --amplify-components-select-small-min-width: 5.5rem;
688
+ --amplify-components-select-small-padding-inline-end: var(--amplify-space-xl);
686
689
  --amplify-components-select-large-min-width: 7.5rem;
690
+ --amplify-components-select-large-padding-inline-end: var(--amplify-space-xxl);
687
691
  --amplify-components-selectfield-border-color: var(--amplify-components-fieldcontrol-border-color);
688
692
  --amplify-components-selectfield-color: var(--amplify-components-fieldcontrol-color);
689
693
  --amplify-components-selectfield-flex-direction: column;
@@ -3689,6 +3693,12 @@ html[dir=rtl] .amplify-field-group__inner-start {
3689
3693
  transform: var(--amplify-components-select-icon-wrapper-transform);
3690
3694
  pointer-events: var(--amplify-components-select-icon-wrapper-pointer-events);
3691
3695
  }
3696
+ .amplify-select__icon-wrapper--small {
3697
+ right: var(--amplify-components-select-icon-wrapper-small-right);
3698
+ }
3699
+ .amplify-select__icon-wrapper--large {
3700
+ right: var(--amplify-components-select-icon-wrapper-large-right);
3701
+ }
3692
3702
 
3693
3703
  .amplify-select {
3694
3704
  box-sizing: border-box;
@@ -3790,9 +3800,13 @@ html[dir=rtl] .amplify-field-group__inner-start {
3790
3800
  }
3791
3801
  .amplify-select--small {
3792
3802
  min-width: var(--amplify-components-select-small-min-width);
3803
+ -webkit-padding-end: var(--amplify-components-select-small-padding-inline-end);
3804
+ padding-inline-end: var(--amplify-components-select-small-padding-inline-end);
3793
3805
  }
3794
3806
  .amplify-select--large {
3795
3807
  min-width: var(--amplify-components-select-large-min-width);
3808
+ -webkit-padding-end: var(--amplify-components-select-large-padding-inline-end);
3809
+ padding-inline-end: var(--amplify-components-select-large-padding-inline-end);
3796
3810
  }
3797
3811
 
3798
3812
  .amplify-selectfield {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aws-amplify/ui-react-storage",
3
- "version": "2.1.1",
3
+ "version": "2.1.2",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/esm/index.mjs",
6
6
  "exports": {
@@ -40,9 +40,9 @@
40
40
  "typecheck": "tsc --noEmit"
41
41
  },
42
42
  "dependencies": {
43
- "@aws-amplify/ui": "5.6.8",
44
- "@aws-amplify/ui-react": "5.0.6",
45
- "@aws-amplify/ui-react-core": "2.1.27",
43
+ "@aws-amplify/ui": "5.6.9",
44
+ "@aws-amplify/ui-react": "5.0.7",
45
+ "@aws-amplify/ui-react-core": "2.1.28",
46
46
  "classnames": "2.3.1",
47
47
  "lodash": "4.17.21",
48
48
  "tslib": "2.4.1"