@aws-amplify/ui-react-notifications 1.0.8 → 1.0.9

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 +63 -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);
@@ -2254,6 +2276,47 @@ strong.amplify-text {
2254
2276
  align-self: center;
2255
2277
  }
2256
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
+
2257
2320
  .amplify-card {
2258
2321
  background-color: var(--amplify-components-card-background-color);
2259
2322
  border-radius: var(--amplify-components-card-border-radius);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aws-amplify/ui-react-notifications",
3
- "version": "1.0.8",
3
+ "version": "1.0.9",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/esm/index.mjs",
6
6
  "exports": {
@@ -40,14 +40,14 @@
40
40
  "typecheck": "tsc --noEmit"
41
41
  },
42
42
  "dependencies": {
43
- "@aws-amplify/ui": "5.6.9",
44
- "@aws-amplify/ui-react": "5.0.7",
45
- "@aws-amplify/ui-react-core-notifications": "1.0.5",
43
+ "@aws-amplify/ui": "5.7.0",
44
+ "@aws-amplify/ui-react": "5.1.0",
45
+ "@aws-amplify/ui-react-core-notifications": "1.0.6",
46
46
  "classnames": "2.3.1",
47
47
  "tinycolor2": "1.4.2"
48
48
  },
49
49
  "peerDependencies": {
50
- "aws-amplify": ">= 5.0.1",
50
+ "aws-amplify": "^5.0.1",
51
51
  "react": ">= 16.14.0",
52
52
  "react-dom": ">= 16.14.0"
53
53
  },