@aws-amplify/ui 3.8.0 → 3.8.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.
- package/dist/esm/machines/authenticator/index.js +1 -1
- package/dist/esm/theme/tokens/colors.js +1 -1
- package/dist/esm/theme/tokens/components/link.js +1 -1
- package/dist/esm/theme/tokens/components/sliderField.js +1 -1
- package/dist/esm/theme/tokens/components/switchField.js +1 -1
- package/dist/index.js +1 -1
- package/dist/styles.css +1013 -447
- package/dist/theme.css +6 -7
- package/dist/types/theme/tokens/components/link.d.ts +1 -6
- package/dist/types/theme/tokens/types/scales.d.ts +1 -0
- package/package.json +1 -1
package/dist/theme.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Thu,
|
|
3
|
+
* Generated on Thu, 12 May 2022 23:33:36 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root, [data-amplify-theme] {
|
|
@@ -99,7 +99,7 @@
|
|
|
99
99
|
--amplify-colors-neutral-100: hsl(210, 50%, 10%);
|
|
100
100
|
--amplify-colors-neutral-90: hsl(210, 25%, 25%);
|
|
101
101
|
--amplify-colors-neutral-80: hsl(210, 10%, 40%);
|
|
102
|
-
--amplify-colors-neutral-60: hsl(210,
|
|
102
|
+
--amplify-colors-neutral-60: hsl(210, 8%, 55%);
|
|
103
103
|
--amplify-colors-neutral-40: hsl(210, 5%, 87%);
|
|
104
104
|
--amplify-colors-neutral-20: hsl(210, 5%, 94%);
|
|
105
105
|
--amplify-colors-neutral-10: hsl(210, 5%, 98%);
|
|
@@ -351,6 +351,7 @@
|
|
|
351
351
|
--amplify-colors-background-error: var(--amplify-colors-red-20);
|
|
352
352
|
--amplify-colors-background-warning: var(--amplify-colors-orange-20);
|
|
353
353
|
--amplify-colors-background-info: var(--amplify-colors-blue-20);
|
|
354
|
+
--amplify-colors-background-quaternary: var(--amplify-colors-neutral-60);
|
|
354
355
|
--amplify-colors-background-tertiary: var(--amplify-colors-neutral-20);
|
|
355
356
|
--amplify-colors-background-secondary: var(--amplify-colors-neutral-10);
|
|
356
357
|
--amplify-colors-background-primary: var(--amplify-colors-white);
|
|
@@ -504,8 +505,6 @@
|
|
|
504
505
|
--amplify-components-loader-font-size: var(--amplify-font-sizes-xs);
|
|
505
506
|
--amplify-components-loader-height: var(--amplify-font-sizes-medium);
|
|
506
507
|
--amplify-components-loader-width: var(--amplify-font-sizes-medium);
|
|
507
|
-
--amplify-components-link-small-font-size: var(--amplify-font-sizes-small);
|
|
508
|
-
--amplify-components-link-large-font-size: var(--amplify-font-sizes-large);
|
|
509
508
|
--amplify-components-heading-line-height: var(--amplify-line-heights-small);
|
|
510
509
|
--amplify-components-heading-6-font-weight: 800;
|
|
511
510
|
--amplify-components-heading-6-font-size: var(--amplify-font-sizes-medium);
|
|
@@ -665,8 +664,8 @@
|
|
|
665
664
|
--amplify-components-table-header-border-color: var(--amplify-colors-border-tertiary);
|
|
666
665
|
--amplify-components-table-row-striped-background-color: var(--amplify-colors-background-secondary);
|
|
667
666
|
--amplify-components-table-row-hover-background-color: var(--amplify-colors-background-tertiary);
|
|
668
|
-
--amplify-components-switchfield-track-checked-background-color: var(--amplify-colors-brand-primary-
|
|
669
|
-
--amplify-components-switchfield-track-background-color: var(--amplify-colors-background-
|
|
667
|
+
--amplify-components-switchfield-track-checked-background-color: var(--amplify-colors-brand-primary-80);
|
|
668
|
+
--amplify-components-switchfield-track-background-color: var(--amplify-colors-background-quaternary);
|
|
670
669
|
--amplify-components-switchfield-thumb-border-color: var(--amplify-colors-border-tertiary);
|
|
671
670
|
--amplify-components-switchfield-thumb-background-color: var(--amplify-colors-background-primary);
|
|
672
671
|
--amplify-components-sliderfield-thumb-hover-background-color: var(--amplify-colors-background-primary);
|
|
@@ -674,7 +673,7 @@
|
|
|
674
673
|
--amplify-components-sliderfield-thumb-box-shadow: var(--amplify-shadows-small);
|
|
675
674
|
--amplify-components-sliderfield-thumb-background-color: var(--amplify-colors-background-primary);
|
|
676
675
|
--amplify-components-sliderfield-range-background-color: var(--amplify-colors-brand-primary-80);
|
|
677
|
-
--amplify-components-sliderfield-track-background-color: var(--amplify-colors-background-
|
|
676
|
+
--amplify-components-sliderfield-track-background-color: var(--amplify-colors-background-quaternary);
|
|
678
677
|
--amplify-components-select-option-background-color: var(--amplify-colors-background-primary);
|
|
679
678
|
--amplify-components-rating-empty-color: var(--amplify-colors-background-tertiary);
|
|
680
679
|
--amplify-components-rating-filled-color: var(--amplify-colors-brand-secondary-80);
|
|
@@ -1,17 +1,12 @@
|
|
|
1
|
-
import { ColorValue, DesignToken
|
|
1
|
+
import { ColorValue, DesignToken } from '../types/designToken';
|
|
2
2
|
interface LinkStateTokens {
|
|
3
3
|
color: DesignToken<ColorValue>;
|
|
4
4
|
}
|
|
5
|
-
interface LinkSizeTokens {
|
|
6
|
-
fontSize: DesignToken<FontSizeValue>;
|
|
7
|
-
}
|
|
8
5
|
export interface LinkTokens {
|
|
9
6
|
active: LinkStateTokens;
|
|
10
7
|
color: DesignToken<ColorValue>;
|
|
11
8
|
focus: LinkStateTokens;
|
|
12
9
|
hover: LinkStateTokens;
|
|
13
|
-
large: LinkSizeTokens;
|
|
14
|
-
small: LinkSizeTokens;
|
|
15
10
|
visited: LinkStateTokens;
|
|
16
11
|
}
|
|
17
12
|
export declare const link: LinkTokens;
|
|
@@ -3,6 +3,7 @@ export interface OrdinalScale<DesignTokenType = DesignToken<ColorValue>> {
|
|
|
3
3
|
primary: DesignTokenType;
|
|
4
4
|
secondary: DesignTokenType;
|
|
5
5
|
tertiary: DesignTokenType;
|
|
6
|
+
quaternary?: DesignTokenType;
|
|
6
7
|
}
|
|
7
8
|
export interface OrdinalVariation<DesignTokenType = DesignToken<ColorValue>> {
|
|
8
9
|
info: DesignTokenType;
|