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

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 +77 -0
  2. package/package.json +5 -5
package/dist/styles.css CHANGED
@@ -83,6 +83,28 @@
83
83
  --amplify-components-badge-large-font-size: var(--amplify-font-sizes-medium);
84
84
  --amplify-components-badge-large-padding-vertical: var(--amplify-space-small);
85
85
  --amplify-components-badge-large-padding-horizontal: var(--amplify-space-medium);
86
+ --amplify-components-breadcrumbs-flex-direction: row;
87
+ --amplify-components-breadcrumbs-flex-wrap: wrap;
88
+ --amplify-components-breadcrumbs-gap: 0;
89
+ --amplify-components-breadcrumbs-color: var(--amplify-colors-font-tertiary);
90
+ --amplify-components-breadcrumbs-item-flex-direction: row;
91
+ --amplify-components-breadcrumbs-item-color: inherit;
92
+ --amplify-components-breadcrumbs-item-font-size: inherit;
93
+ --amplify-components-breadcrumbs-item-align-items: center;
94
+ --amplify-components-breadcrumbs-item-line-height: 1;
95
+ --amplify-components-breadcrumbs-separator-color: inherit;
96
+ --amplify-components-breadcrumbs-separator-font-size: inherit;
97
+ --amplify-components-breadcrumbs-separator-padding-inline: var(--amplify-space-xxs);
98
+ --amplify-components-breadcrumbs-link-color: var(--amplify-components-link-color);
99
+ --amplify-components-breadcrumbs-link-font-size: inherit;
100
+ --amplify-components-breadcrumbs-link-font-weight: normal;
101
+ --amplify-components-breadcrumbs-link-text-decoration: none;
102
+ --amplify-components-breadcrumbs-link-padding-inline: var(--amplify-space-xs);
103
+ --amplify-components-breadcrumbs-link-padding-block: var(--amplify-space-xxs);
104
+ --amplify-components-breadcrumbs-link-current-color: inherit;
105
+ --amplify-components-breadcrumbs-link-current-font-size: inherit;
106
+ --amplify-components-breadcrumbs-link-current-font-weight: normal;
107
+ --amplify-components-breadcrumbs-link-current-text-decoration: none;
86
108
  --amplify-components-button-font-weight: var(--amplify-font-weights-bold);
87
109
  --amplify-components-button-transition-duration: var(--amplify-components-fieldcontrol-transition-duration);
88
110
  --amplify-components-button-font-size: var(--amplify-components-fieldcontrol-font-size);
@@ -677,13 +699,17 @@
677
699
  --amplify-components-select-icon-wrapper-right: var(--amplify-space-medium);
678
700
  --amplify-components-select-icon-wrapper-transform: translateY(-50%);
679
701
  --amplify-components-select-icon-wrapper-pointer-events: none;
702
+ --amplify-components-select-icon-wrapper-small-right: var(--amplify-space-xs);
703
+ --amplify-components-select-icon-wrapper-large-right: var(--amplify-space-medium);
680
704
  --amplify-components-select-option-background-color: var(--amplify-colors-background-primary);
681
705
  --amplify-components-select-option-color: var(--amplify-colors-font-primary);
682
706
  --amplify-components-select-option-disabled-color: var(--amplify-colors-font-disabled);
683
707
  --amplify-components-select-white-space: nowrap;
684
708
  --amplify-components-select-min-width: 6.5rem;
685
709
  --amplify-components-select-small-min-width: 5.5rem;
710
+ --amplify-components-select-small-padding-inline-end: var(--amplify-space-xl);
686
711
  --amplify-components-select-large-min-width: 7.5rem;
712
+ --amplify-components-select-large-padding-inline-end: var(--amplify-space-xxl);
687
713
  --amplify-components-selectfield-border-color: var(--amplify-components-fieldcontrol-border-color);
688
714
  --amplify-components-selectfield-color: var(--amplify-components-fieldcontrol-color);
689
715
  --amplify-components-selectfield-flex-direction: column;
@@ -2250,6 +2276,47 @@ strong.amplify-text {
2250
2276
  align-self: center;
2251
2277
  }
2252
2278
 
2279
+ .amplify-breadcrumbs__list {
2280
+ display: flex;
2281
+ flex-wrap: var(--amplify-components-breadcrumbs-flex-wrap);
2282
+ flex-direction: var(--amplify-components-breadcrumbs-flex-direction);
2283
+ gap: var(--amplify-components-breadcrumbs-gap);
2284
+ color: var(--amplify-components-breadcrumbs-color);
2285
+ }
2286
+
2287
+ .amplify-breadcrumbs__item {
2288
+ display: inline-flex;
2289
+ flex-direction: var(--amplify-components-breadcrumbs-item-flex-direction);
2290
+ align-items: var(--amplify-components-breadcrumbs-item-align-items);
2291
+ line-height: var(--amplify-components-breadcrumbs-item-line-height);
2292
+ color: var(--amplify-components-breadcrumbs-item-color);
2293
+ font-size: var(--amplify-components-breadcrumbs-item-font-size);
2294
+ }
2295
+
2296
+ .amplify-breadcrumbs__separator {
2297
+ color: var(--amplify-components-breadcrumbs-separator-color);
2298
+ font-size: var(--amplify-components-breadcrumbs-separator-font-size);
2299
+ padding-inline: var(--amplify-components-breadcrumbs-separator-padding-inline);
2300
+ }
2301
+
2302
+ .amplify-breadcrumbs__link {
2303
+ color: var(--amplify-components-breadcrumbs-link-color);
2304
+ font-size: var(--amplify-components-breadcrumbs-link-font-size);
2305
+ font-weight: var(--amplify-components-breadcrumbs-link-font-weight);
2306
+ padding-inline: var(--amplify-components-breadcrumbs-link-padding-inline);
2307
+ padding-block: var(--amplify-components-breadcrumbs-link-padding-block);
2308
+ -webkit-text-decoration: var(--amplify-components-breadcrumbs-link-text-decoration);
2309
+ text-decoration: var(--amplify-components-breadcrumbs-link-text-decoration);
2310
+ }
2311
+
2312
+ .amplify-breadcrumbs__link--current {
2313
+ color: var(--amplify-components-breadcrumbs-link-current-color);
2314
+ font-size: var(--amplify-components-breadcrumbs-link-current-font-size);
2315
+ font-weight: var(--amplify-components-breadcrumbs-link-current-font-weight);
2316
+ -webkit-text-decoration: var(--amplify-components-breadcrumbs-link-current-text-decoration);
2317
+ text-decoration: var(--amplify-components-breadcrumbs-link-current-text-decoration);
2318
+ }
2319
+
2253
2320
  .amplify-card {
2254
2321
  background-color: var(--amplify-components-card-background-color);
2255
2322
  border-radius: var(--amplify-components-card-border-radius);
@@ -3689,6 +3756,12 @@ html[dir=rtl] .amplify-field-group__inner-start {
3689
3756
  transform: var(--amplify-components-select-icon-wrapper-transform);
3690
3757
  pointer-events: var(--amplify-components-select-icon-wrapper-pointer-events);
3691
3758
  }
3759
+ .amplify-select__icon-wrapper--small {
3760
+ right: var(--amplify-components-select-icon-wrapper-small-right);
3761
+ }
3762
+ .amplify-select__icon-wrapper--large {
3763
+ right: var(--amplify-components-select-icon-wrapper-large-right);
3764
+ }
3692
3765
 
3693
3766
  .amplify-select {
3694
3767
  box-sizing: border-box;
@@ -3790,9 +3863,13 @@ html[dir=rtl] .amplify-field-group__inner-start {
3790
3863
  }
3791
3864
  .amplify-select--small {
3792
3865
  min-width: var(--amplify-components-select-small-min-width);
3866
+ -webkit-padding-end: var(--amplify-components-select-small-padding-inline-end);
3867
+ padding-inline-end: var(--amplify-components-select-small-padding-inline-end);
3793
3868
  }
3794
3869
  .amplify-select--large {
3795
3870
  min-width: var(--amplify-components-select-large-min-width);
3871
+ -webkit-padding-end: var(--amplify-components-select-large-padding-inline-end);
3872
+ padding-inline-end: var(--amplify-components-select-large-padding-inline-end);
3796
3873
  }
3797
3874
 
3798
3875
  .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.3",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/esm/index.mjs",
6
6
  "exports": {
@@ -40,15 +40,15 @@
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.7.0",
44
+ "@aws-amplify/ui-react": "5.1.0",
45
+ "@aws-amplify/ui-react-core": "2.1.29",
46
46
  "classnames": "2.3.1",
47
47
  "lodash": "4.17.21",
48
48
  "tslib": "2.4.1"
49
49
  },
50
50
  "peerDependencies": {
51
- "aws-amplify": ">= 5.0.1",
51
+ "aws-amplify": "^5.0.1",
52
52
  "react": ">= 16.14.0",
53
53
  "react-dom": ">= 16.14.0"
54
54
  },