diff --git a/example/src/index.native.tsx b/example/src/index.native.tsx
index fae347d85d..6ca9b27077 100644
--- a/example/src/index.native.tsx
+++ b/example/src/index.native.tsx
@@ -57,8 +57,11 @@ export default function PaperExample() {
}
return isDarkMode
- ? { ...MD3DarkTheme, colors: mdTheme.dark }
- : { ...MD3LightTheme, colors: mdTheme.light };
+ ? { ...MD3DarkTheme, colors: { ...MD3DarkTheme.colors, ...mdTheme.dark } }
+ : {
+ ...MD3LightTheme,
+ colors: { ...MD3LightTheme.colors, ...mdTheme.light },
+ };
}, [isDarkMode, mdTheme, shouldUseDeviceColors]);
React.useEffect(() => {
diff --git a/example/utils/index.ts b/example/utils/index.ts
index 5c15917644..f86f3a0307 100644
--- a/example/utils/index.ts
+++ b/example/utils/index.ts
@@ -1162,71 +1162,71 @@ export const colorThemes = {
pink: {
light: {
...MD3LightTheme,
- ...lightPinkColors,
+ colors: { ...MD3LightTheme.colors, ...lightPinkColors.colors },
},
dark: {
...MD3DarkTheme,
- ...darkPinkColors,
+ colors: { ...MD3DarkTheme.colors, ...darkPinkColors.colors },
},
},
green: {
light: {
...MD3LightTheme,
- ...lightGreenColors,
+ colors: { ...MD3LightTheme.colors, ...lightGreenColors.colors },
},
dark: {
...MD3DarkTheme,
- ...darkGreenColors,
+ colors: { ...MD3DarkTheme.colors, ...darkGreenColors.colors },
},
},
blue: {
light: {
...MD3LightTheme,
- ...lightBlueColors,
+ colors: { ...MD3LightTheme.colors, ...lightBlueColors.colors },
},
dark: {
...MD3DarkTheme,
- ...darkBlueColors,
+ colors: { ...MD3DarkTheme.colors, ...darkBlueColors.colors },
},
},
orange: {
light: {
...MD3LightTheme,
- ...lightOrangeColors,
+ colors: { ...MD3LightTheme.colors, ...lightOrangeColors.colors },
},
dark: {
...MD3DarkTheme,
- ...darkOrangeColors,
+ colors: { ...MD3DarkTheme.colors, ...darkOrangeColors.colors },
},
},
red: {
light: {
...MD3LightTheme,
- ...lightRedColors,
+ colors: { ...MD3LightTheme.colors, ...lightRedColors.colors },
},
dark: {
...MD3DarkTheme,
- ...darkRedColors,
+ colors: { ...MD3DarkTheme.colors, ...darkRedColors.colors },
},
},
yellow: {
light: {
...MD3LightTheme,
- ...lightYellowColors,
+ colors: { ...MD3LightTheme.colors, ...lightYellowColors.colors },
},
dark: {
...MD3DarkTheme,
- ...darkYellowColors,
+ colors: { ...MD3DarkTheme.colors, ...darkYellowColors.colors },
},
},
cyan: {
light: {
...MD3LightTheme,
- ...lightCyanColors,
+ colors: { ...MD3LightTheme.colors, ...lightCyanColors.colors },
},
dark: {
...MD3DarkTheme,
- ...darkCyanColors,
+ colors: { ...MD3DarkTheme.colors, ...darkCyanColors.colors },
},
},
} as { [key: string]: { light: MD3Theme; dark: MD3Theme } };
diff --git a/src/components/__tests__/Appbar/Appbar.test.tsx b/src/components/__tests__/Appbar/Appbar.test.tsx
index 60a7827b6e..6c80269a0f 100644
--- a/src/components/__tests__/Appbar/Appbar.test.tsx
+++ b/src/components/__tests__/Appbar/Appbar.test.tsx
@@ -303,13 +303,13 @@ describe('getAppbarColors', () => {
it('should return v3 light color if theme version is 3', () => {
expect(getAppbarBackgroundColor(getTheme(), elevation)).toBe(
- tokens.md.ref.palette.neutral99
+ tokens.md.ref.palette.neutral98
);
});
it('should return v3 dark color if theme version is 3', () => {
expect(getAppbarBackgroundColor(getTheme(true), elevation)).toBe(
- tokens.md.ref.palette.neutral10
+ tokens.md.ref.palette.neutral6
);
});
});
diff --git a/src/components/__tests__/Appbar/__snapshots__/Appbar.test.tsx.snap b/src/components/__tests__/Appbar/__snapshots__/Appbar.test.tsx.snap
index 14afac63f3..50ab8e3cd6 100644
--- a/src/components/__tests__/Appbar/__snapshots__/Appbar.test.tsx.snap
+++ b/src/components/__tests__/Appbar/__snapshots__/Appbar.test.tsx.snap
@@ -5,7 +5,7 @@ exports[`Appbar does not pass any additional props to Searchbar 1`] = `
collapsable={false}
style={
{
- "backgroundColor": "rgba(255, 251, 254, 1)",
+ "backgroundColor": "rgba(254, 247, 255, 1)",
"height": 64,
"shadowColor": "#000",
"shadowOffset": {
@@ -23,7 +23,7 @@ exports[`Appbar does not pass any additional props to Searchbar 1`] = `
style={
{
"alignItems": "center",
- "backgroundColor": "rgba(255, 251, 254, 1)",
+ "backgroundColor": "rgba(254, 247, 255, 1)",
"flex": 1,
"flexDirection": "row",
"paddingBottom": undefined,
@@ -46,7 +46,7 @@ exports[`Appbar does not pass any additional props to Searchbar 1`] = `
collapsable={false}
style={
{
- "backgroundColor": "rgb(238, 232, 244)",
+ "backgroundColor": "rgba(243, 237, 247, 1)",
"borderRadius": 28,
"shadowColor": "#000",
"shadowOffset": {
@@ -64,7 +64,7 @@ exports[`Appbar does not pass any additional props to Searchbar 1`] = `
style={
{
"alignItems": "center",
- "backgroundColor": "rgb(238, 232, 244)",
+ "backgroundColor": "rgba(243, 237, 247, 1)",
"borderRadius": 28,
"flex": undefined,
"flexDirection": "row",
@@ -217,7 +217,7 @@ exports[`Appbar does not pass any additional props to Searchbar 1`] = `
accessibilityRole="search"
keyboardAppearance="light"
placeholder="Search"
- placeholderTextColor="rgba(28, 27, 31, 1)"
+ placeholderTextColor="rgba(29, 27, 32, 1)"
returnKeyType="search"
selectionColor="rgba(103, 80, 164, 1)"
style={
@@ -409,7 +409,7 @@ exports[`Appbar passes additional props to AppbarBackAction, AppbarContent and A
collapsable={false}
style={
{
- "backgroundColor": "rgba(255, 251, 254, 1)",
+ "backgroundColor": "rgba(254, 247, 255, 1)",
"height": 64,
"shadowColor": "#000",
"shadowOffset": {
@@ -427,7 +427,7 @@ exports[`Appbar passes additional props to AppbarBackAction, AppbarContent and A
style={
{
"alignItems": "center",
- "backgroundColor": "rgba(255, 251, 254, 1)",
+ "backgroundColor": "rgba(254, 247, 255, 1)",
"flex": 1,
"flexDirection": "row",
"paddingBottom": undefined,
@@ -614,7 +614,7 @@ exports[`Appbar passes additional props to AppbarBackAction, AppbarContent and A
},
{
"height": 21,
- "tintColor": "rgba(28, 27, 31, 1)",
+ "tintColor": "rgba(29, 27, 32, 1)",
"width": 21,
},
]
@@ -659,7 +659,7 @@ exports[`Appbar passes additional props to AppbarBackAction, AppbarContent and A
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -672,7 +672,7 @@ exports[`Appbar passes additional props to AppbarBackAction, AppbarContent and A
},
[
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontFamily": "System",
"fontSize": 22,
"fontWeight": "400",
diff --git a/src/components/__tests__/Card/__snapshots__/Card.test.tsx.snap b/src/components/__tests__/Card/__snapshots__/Card.test.tsx.snap
index 301eea942c..a5a8abd1ac 100644
--- a/src/components/__tests__/Card/__snapshots__/Card.test.tsx.snap
+++ b/src/components/__tests__/Card/__snapshots__/Card.test.tsx.snap
@@ -5,7 +5,7 @@ exports[`Card renders an outlined card 1`] = `
collapsable={false}
style={
{
- "backgroundColor": "rgba(255, 251, 254, 1)",
+ "backgroundColor": "rgba(254, 247, 255, 1)",
"borderRadius": 12,
"shadowColor": "#000",
"shadowOffset": {
@@ -22,7 +22,7 @@ exports[`Card renders an outlined card 1`] = `
collapsable={false}
style={
{
- "backgroundColor": "rgba(255, 251, 254, 1)",
+ "backgroundColor": "rgba(254, 247, 255, 1)",
"borderRadius": 12,
"flex": undefined,
"shadowColor": "#000",
diff --git a/src/components/__tests__/Checkbox/__snapshots__/CheckboxItem.test.tsx.snap b/src/components/__tests__/Checkbox/__snapshots__/CheckboxItem.test.tsx.snap
index dbd992a134..3325829520 100644
--- a/src/components/__tests__/Checkbox/__snapshots__/CheckboxItem.test.tsx.snap
+++ b/src/components/__tests__/Checkbox/__snapshots__/CheckboxItem.test.tsx.snap
@@ -147,7 +147,7 @@ exports[`can render leading checkbox control 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -164,7 +164,7 @@ exports[`can render leading checkbox control 1`] = `
"flexShrink": 1,
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"textAlign": "right",
},
undefined,
@@ -244,7 +244,7 @@ exports[`can render the Android checkbox on different platforms 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -261,7 +261,7 @@ exports[`can render the Android checkbox on different platforms 1`] = `
"flexShrink": 1,
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"textAlign": "left",
},
undefined,
@@ -460,7 +460,7 @@ exports[`can render the iOS checkbox on different platforms 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -477,7 +477,7 @@ exports[`can render the iOS checkbox on different platforms 1`] = `
"flexShrink": 1,
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"textAlign": "left",
},
undefined,
@@ -640,7 +640,7 @@ exports[`renders unchecked 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -657,7 +657,7 @@ exports[`renders unchecked 1`] = `
"flexShrink": 1,
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"textAlign": "left",
},
undefined,
diff --git a/src/components/__tests__/RadioButton/__snapshots__/RadioButtonItem.test.tsx.snap b/src/components/__tests__/RadioButton/__snapshots__/RadioButtonItem.test.tsx.snap
index e74650efd2..de667249ae 100644
--- a/src/components/__tests__/RadioButton/__snapshots__/RadioButtonItem.test.tsx.snap
+++ b/src/components/__tests__/RadioButton/__snapshots__/RadioButtonItem.test.tsx.snap
@@ -145,7 +145,7 @@ exports[`can render leading radio button control 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -162,7 +162,7 @@ exports[`can render leading radio button control 1`] = `
"flexShrink": 1,
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"textAlign": "right",
},
undefined,
@@ -239,7 +239,7 @@ exports[`can render the Android radio button on different platforms 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -256,7 +256,7 @@ exports[`can render the Android radio button on different platforms 1`] = `
"flexShrink": 1,
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"textAlign": "left",
},
undefined,
@@ -390,7 +390,7 @@ exports[`can render the iOS radio button on different platforms 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -407,7 +407,7 @@ exports[`can render the iOS radio button on different platforms 1`] = `
"flexShrink": 1,
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"textAlign": "left",
},
undefined,
@@ -567,7 +567,7 @@ exports[`renders unchecked 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -584,7 +584,7 @@ exports[`renders unchecked 1`] = `
"flexShrink": 1,
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"textAlign": "left",
},
undefined,
diff --git a/src/components/__tests__/Typography/__snapshots__/Caption.test.tsx.snap b/src/components/__tests__/Typography/__snapshots__/Caption.test.tsx.snap
index 1120e943ca..8433f85658 100644
--- a/src/components/__tests__/Typography/__snapshots__/Caption.test.tsx.snap
+++ b/src/components/__tests__/Typography/__snapshots__/Caption.test.tsx.snap
@@ -5,7 +5,7 @@ exports[`renders caption applying style 1`] = `
style={
[
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
},
{
"textAlign": "left",
@@ -15,7 +15,7 @@ exports[`renders caption applying style 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 0.54)",
+ "color": "rgba(29, 27, 32, 0.54)",
"writingDirection": "ltr",
},
[
@@ -43,7 +43,7 @@ exports[`renders caption with children as content 1`] = `
style={
[
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
},
{
"textAlign": "left",
@@ -53,7 +53,7 @@ exports[`renders caption with children as content 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 0.54)",
+ "color": "rgba(29, 27, 32, 0.54)",
"writingDirection": "ltr",
},
[
diff --git a/src/components/__tests__/Typography/__snapshots__/Text.test.tsx.snap b/src/components/__tests__/Typography/__snapshots__/Text.test.tsx.snap
index a47cd14611..5b87989124 100644
--- a/src/components/__tests__/Typography/__snapshots__/Text.test.tsx.snap
+++ b/src/components/__tests__/Typography/__snapshots__/Text.test.tsx.snap
@@ -9,7 +9,7 @@ exports[`renders every variant of Text with children as content 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -34,7 +34,7 @@ exports[`renders every variant of Text with children as content 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -59,7 +59,7 @@ exports[`renders every variant of Text with children as content 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -84,7 +84,7 @@ exports[`renders every variant of Text with children as content 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -109,7 +109,7 @@ exports[`renders every variant of Text with children as content 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -134,7 +134,7 @@ exports[`renders every variant of Text with children as content 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -159,7 +159,7 @@ exports[`renders every variant of Text with children as content 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -184,7 +184,7 @@ exports[`renders every variant of Text with children as content 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -209,7 +209,7 @@ exports[`renders every variant of Text with children as content 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -234,7 +234,7 @@ exports[`renders every variant of Text with children as content 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -259,7 +259,7 @@ exports[`renders every variant of Text with children as content 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -284,7 +284,7 @@ exports[`renders every variant of Text with children as content 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -309,7 +309,7 @@ exports[`renders every variant of Text with children as content 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -334,7 +334,7 @@ exports[`renders every variant of Text with children as content 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -359,7 +359,7 @@ exports[`renders every variant of Text with children as content 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -386,7 +386,7 @@ exports[`renders v3 Text component with custom variant correctly 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
diff --git a/src/components/__tests__/__snapshots__/Avatar.test.tsx.snap b/src/components/__tests__/__snapshots__/Avatar.test.tsx.snap
index c73f2ae180..9e55666cef 100644
--- a/src/components/__tests__/__snapshots__/Avatar.test.tsx.snap
+++ b/src/components/__tests__/__snapshots__/Avatar.test.tsx.snap
@@ -158,7 +158,7 @@ exports[`renders avatar with text 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontFamily": "System",
"fontWeight": "400",
"letterSpacing": 0,
@@ -212,7 +212,7 @@ exports[`renders avatar with text and custom background color 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontFamily": "System",
"fontWeight": "400",
"letterSpacing": 0,
@@ -266,7 +266,7 @@ exports[`renders avatar with text and custom colors 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontFamily": "System",
"fontWeight": "400",
"letterSpacing": 0,
@@ -320,7 +320,7 @@ exports[`renders avatar with text and custom size 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontFamily": "System",
"fontWeight": "400",
"letterSpacing": 0,
diff --git a/src/components/__tests__/__snapshots__/Banner.test.tsx.snap b/src/components/__tests__/__snapshots__/Banner.test.tsx.snap
index 175383e4ad..0a61a1a3de 100644
--- a/src/components/__tests__/__snapshots__/Banner.test.tsx.snap
+++ b/src/components/__tests__/__snapshots__/Banner.test.tsx.snap
@@ -5,7 +5,7 @@ exports[`render visible banner, with custom theme 1`] = `
collapsable={false}
style={
{
- "backgroundColor": "rgb(247, 243, 249)",
+ "backgroundColor": "rgba(255, 255, 255, 1)",
"opacity": 1,
"shadowColor": "#000",
"shadowOffset": {
@@ -22,7 +22,7 @@ exports[`render visible banner, with custom theme 1`] = `
collapsable={false}
style={
{
- "backgroundColor": "rgb(247, 243, 249)",
+ "backgroundColor": "rgba(255, 255, 255, 1)",
"flex": undefined,
"shadowColor": "#000",
"shadowOffset": {
@@ -81,7 +81,7 @@ exports[`render visible banner, with custom theme 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -221,7 +221,7 @@ exports[`render visible banner, with custom theme 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -278,7 +278,7 @@ exports[`renders hidden banner, without action buttons and without image 1`] = `
collapsable={false}
style={
{
- "backgroundColor": "rgb(247, 243, 249)",
+ "backgroundColor": "rgba(255, 255, 255, 1)",
"opacity": 0,
"shadowColor": "#000",
"shadowOffset": {
@@ -295,7 +295,7 @@ exports[`renders hidden banner, without action buttons and without image 1`] = `
collapsable={false}
style={
{
- "backgroundColor": "rgb(247, 243, 249)",
+ "backgroundColor": "rgba(255, 255, 255, 1)",
"flex": undefined,
"shadowColor": "#000",
"shadowOffset": {
@@ -366,7 +366,7 @@ exports[`renders hidden banner, without action buttons and without image 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -383,7 +383,7 @@ exports[`renders hidden banner, without action buttons and without image 1`] = `
"margin": 8,
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
},
],
],
@@ -413,7 +413,7 @@ exports[`renders visible banner, with action buttons and with image 1`] = `
collapsable={false}
style={
{
- "backgroundColor": "rgb(247, 243, 249)",
+ "backgroundColor": "rgba(255, 255, 255, 1)",
"opacity": 1,
"shadowColor": "#000",
"shadowOffset": {
@@ -430,7 +430,7 @@ exports[`renders visible banner, with action buttons and with image 1`] = `
collapsable={false}
style={
{
- "backgroundColor": "rgb(247, 243, 249)",
+ "backgroundColor": "rgba(255, 255, 255, 1)",
"flex": undefined,
"shadowColor": "#000",
"shadowOffset": {
@@ -511,7 +511,7 @@ exports[`renders visible banner, with action buttons and with image 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -528,7 +528,7 @@ exports[`renders visible banner, with action buttons and with image 1`] = `
"margin": 8,
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
},
],
],
@@ -651,7 +651,7 @@ exports[`renders visible banner, with action buttons and with image 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -708,7 +708,7 @@ exports[`renders visible banner, with action buttons and without image 1`] = `
collapsable={false}
style={
{
- "backgroundColor": "rgb(247, 243, 249)",
+ "backgroundColor": "rgba(255, 255, 255, 1)",
"opacity": 1,
"shadowColor": "#000",
"shadowOffset": {
@@ -725,7 +725,7 @@ exports[`renders visible banner, with action buttons and without image 1`] = `
collapsable={false}
style={
{
- "backgroundColor": "rgb(247, 243, 249)",
+ "backgroundColor": "rgba(255, 255, 255, 1)",
"flex": undefined,
"shadowColor": "#000",
"shadowOffset": {
@@ -784,7 +784,7 @@ exports[`renders visible banner, with action buttons and without image 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -801,7 +801,7 @@ exports[`renders visible banner, with action buttons and without image 1`] = `
"margin": 8,
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
},
],
],
@@ -924,7 +924,7 @@ exports[`renders visible banner, with action buttons and without image 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -1073,7 +1073,7 @@ exports[`renders visible banner, with action buttons and without image 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -1130,7 +1130,7 @@ exports[`renders visible banner, without action buttons and with image 1`] = `
collapsable={false}
style={
{
- "backgroundColor": "rgb(247, 243, 249)",
+ "backgroundColor": "rgba(255, 255, 255, 1)",
"opacity": 1,
"shadowColor": "#000",
"shadowOffset": {
@@ -1147,7 +1147,7 @@ exports[`renders visible banner, without action buttons and with image 1`] = `
collapsable={false}
style={
{
- "backgroundColor": "rgb(247, 243, 249)",
+ "backgroundColor": "rgba(255, 255, 255, 1)",
"flex": undefined,
"shadowColor": "#000",
"shadowOffset": {
@@ -1228,7 +1228,7 @@ exports[`renders visible banner, without action buttons and with image 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -1245,7 +1245,7 @@ exports[`renders visible banner, without action buttons and with image 1`] = `
"margin": 8,
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
},
],
],
@@ -1275,7 +1275,7 @@ exports[`renders visible banner, without action buttons and without image 1`] =
collapsable={false}
style={
{
- "backgroundColor": "rgb(247, 243, 249)",
+ "backgroundColor": "rgba(255, 255, 255, 1)",
"opacity": 1,
"shadowColor": "#000",
"shadowOffset": {
@@ -1292,7 +1292,7 @@ exports[`renders visible banner, without action buttons and without image 1`] =
collapsable={false}
style={
{
- "backgroundColor": "rgb(247, 243, 249)",
+ "backgroundColor": "rgba(255, 255, 255, 1)",
"flex": undefined,
"shadowColor": "#000",
"shadowOffset": {
@@ -1351,7 +1351,7 @@ exports[`renders visible banner, without action buttons and without image 1`] =
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -1368,7 +1368,7 @@ exports[`renders visible banner, without action buttons and without image 1`] =
"margin": 8,
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
},
],
],
diff --git a/src/components/__tests__/__snapshots__/BottomNavigation.test.tsx.snap b/src/components/__tests__/__snapshots__/BottomNavigation.test.tsx.snap
index cc788ce0b9..6bc02934ba 100644
--- a/src/components/__tests__/__snapshots__/BottomNavigation.test.tsx.snap
+++ b/src/components/__tests__/__snapshots__/BottomNavigation.test.tsx.snap
@@ -20,7 +20,7 @@ exports[`allows customizing Route's type via generics 1`] = `
"flex": 1,
},
{
- "backgroundColor": "rgba(255, 251, 254, 1)",
+ "backgroundColor": "rgba(254, 247, 255, 1)",
},
]
}
@@ -113,7 +113,7 @@ exports[`allows customizing Route's type via generics 1`] = `
style={
{
"alignItems": "center",
- "backgroundColor": "rgb(243, 237, 246)",
+ "backgroundColor": "rgba(247, 242, 250, 1)",
"overflow": "hidden",
}
}
@@ -313,7 +313,7 @@ exports[`allows customizing Route's type via generics 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -332,7 +332,7 @@ exports[`allows customizing Route's type via generics 1`] = `
"textAlign": "center",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontFamily": "System",
"fontSize": 12,
"fontWeight": "500",
@@ -369,7 +369,7 @@ exports[`allows customizing Route's type via generics 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -388,7 +388,7 @@ exports[`allows customizing Route's type via generics 1`] = `
"textAlign": "center",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontFamily": "System",
"fontSize": 12,
"fontWeight": "500",
@@ -567,7 +567,7 @@ exports[`allows customizing Route's type via generics 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -623,7 +623,7 @@ exports[`allows customizing Route's type via generics 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -687,7 +687,7 @@ exports[`hides labels in non-shifting bottom navigation 1`] = `
"flex": 1,
},
{
- "backgroundColor": "rgba(255, 251, 254, 1)",
+ "backgroundColor": "rgba(254, 247, 255, 1)",
},
]
}
@@ -780,7 +780,7 @@ exports[`hides labels in non-shifting bottom navigation 1`] = `
style={
{
"alignItems": "center",
- "backgroundColor": "rgb(243, 237, 246)",
+ "backgroundColor": "rgba(247, 242, 250, 1)",
"overflow": "hidden",
}
}
@@ -1428,7 +1428,7 @@ exports[`hides labels in shifting bottom navigation 1`] = `
"flex": 1,
},
{
- "backgroundColor": "rgba(255, 251, 254, 1)",
+ "backgroundColor": "rgba(254, 247, 255, 1)",
},
]
}
@@ -1521,7 +1521,7 @@ exports[`hides labels in shifting bottom navigation 1`] = `
style={
{
"alignItems": "center",
- "backgroundColor": "rgb(243, 237, 246)",
+ "backgroundColor": "rgba(247, 242, 250, 1)",
"overflow": "hidden",
}
}
@@ -2169,7 +2169,7 @@ exports[`renders bottom navigation with getLazy 1`] = `
"flex": 1,
},
{
- "backgroundColor": "rgba(255, 251, 254, 1)",
+ "backgroundColor": "rgba(254, 247, 255, 1)",
},
]
}
@@ -2394,7 +2394,7 @@ exports[`renders bottom navigation with getLazy 1`] = `
style={
{
"alignItems": "center",
- "backgroundColor": "rgb(243, 237, 246)",
+ "backgroundColor": "rgba(247, 242, 250, 1)",
"overflow": "hidden",
}
}
@@ -2654,7 +2654,7 @@ exports[`renders bottom navigation with getLazy 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -2673,7 +2673,7 @@ exports[`renders bottom navigation with getLazy 1`] = `
"textAlign": "center",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontFamily": "System",
"fontSize": 12,
"fontWeight": "500",
@@ -2710,7 +2710,7 @@ exports[`renders bottom navigation with getLazy 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -2729,7 +2729,7 @@ exports[`renders bottom navigation with getLazy 1`] = `
"textAlign": "center",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontFamily": "System",
"fontSize": 12,
"fontWeight": "500",
@@ -2968,7 +2968,7 @@ exports[`renders bottom navigation with getLazy 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -3024,7 +3024,7 @@ exports[`renders bottom navigation with getLazy 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -3282,7 +3282,7 @@ exports[`renders bottom navigation with getLazy 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -3338,7 +3338,7 @@ exports[`renders bottom navigation with getLazy 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -3596,7 +3596,7 @@ exports[`renders bottom navigation with getLazy 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -3652,7 +3652,7 @@ exports[`renders bottom navigation with getLazy 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -3910,7 +3910,7 @@ exports[`renders bottom navigation with getLazy 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -3966,7 +3966,7 @@ exports[`renders bottom navigation with getLazy 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -4030,7 +4030,7 @@ exports[`renders bottom navigation with scene animation 1`] = `
"flex": 1,
},
{
- "backgroundColor": "rgba(255, 251, 254, 1)",
+ "backgroundColor": "rgba(254, 247, 255, 1)",
},
]
}
@@ -4123,7 +4123,7 @@ exports[`renders bottom navigation with scene animation 1`] = `
style={
{
"alignItems": "center",
- "backgroundColor": "rgb(243, 237, 246)",
+ "backgroundColor": "rgba(247, 242, 250, 1)",
"overflow": "hidden",
}
}
@@ -4388,7 +4388,7 @@ exports[`renders bottom navigation with scene animation 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -4407,7 +4407,7 @@ exports[`renders bottom navigation with scene animation 1`] = `
"textAlign": "center",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontFamily": "System",
"fontSize": 12,
"fontWeight": "500",
@@ -4651,7 +4651,7 @@ exports[`renders bottom navigation with scene animation 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -4914,7 +4914,7 @@ exports[`renders bottom navigation with scene animation 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -5177,7 +5177,7 @@ exports[`renders bottom navigation with scene animation 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -5440,7 +5440,7 @@ exports[`renders bottom navigation with scene animation 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -5504,7 +5504,7 @@ exports[`renders custom icon and label in non-shifting bottom navigation 1`] = `
"flex": 1,
},
{
- "backgroundColor": "rgba(255, 251, 254, 1)",
+ "backgroundColor": "rgba(254, 247, 255, 1)",
},
]
}
@@ -5597,7 +5597,7 @@ exports[`renders custom icon and label in non-shifting bottom navigation 1`] = `
style={
{
"alignItems": "center",
- "backgroundColor": "rgb(243, 237, 246)",
+ "backgroundColor": "rgba(247, 242, 250, 1)",
"overflow": "hidden",
}
}
@@ -5790,7 +5790,7 @@ exports[`renders custom icon and label in non-shifting bottom navigation 1`] = `
}
>
Route: 0
@@ -5809,7 +5809,7 @@ exports[`renders custom icon and label in non-shifting bottom navigation 1`] = `
}
>
Route: 0
@@ -6206,7 +6206,7 @@ exports[`renders custom icon and label in shifting bottom navigation 1`] = `
"flex": 1,
},
{
- "backgroundColor": "rgba(255, 251, 254, 1)",
+ "backgroundColor": "rgba(254, 247, 255, 1)",
},
]
}
@@ -6299,7 +6299,7 @@ exports[`renders custom icon and label in shifting bottom navigation 1`] = `
style={
{
"alignItems": "center",
- "backgroundColor": "rgb(243, 237, 246)",
+ "backgroundColor": "rgba(247, 242, 250, 1)",
"overflow": "hidden",
}
}
@@ -6497,7 +6497,7 @@ exports[`renders custom icon and label in shifting bottom navigation 1`] = `
}
>
Route: 0
@@ -7200,7 +7200,7 @@ exports[`renders custom icon and label with custom colors in non-shifting bottom
"flex": 1,
},
{
- "backgroundColor": "rgba(255, 251, 254, 1)",
+ "backgroundColor": "rgba(254, 247, 255, 1)",
},
]
}
@@ -7293,7 +7293,7 @@ exports[`renders custom icon and label with custom colors in non-shifting bottom
style={
{
"alignItems": "center",
- "backgroundColor": "rgb(243, 237, 246)",
+ "backgroundColor": "rgba(247, 242, 250, 1)",
"overflow": "hidden",
}
}
@@ -7553,7 +7553,7 @@ exports[`renders custom icon and label with custom colors in non-shifting bottom
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -7609,7 +7609,7 @@ exports[`renders custom icon and label with custom colors in non-shifting bottom
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -7867,7 +7867,7 @@ exports[`renders custom icon and label with custom colors in non-shifting bottom
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -7923,7 +7923,7 @@ exports[`renders custom icon and label with custom colors in non-shifting bottom
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -8181,7 +8181,7 @@ exports[`renders custom icon and label with custom colors in non-shifting bottom
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -8237,7 +8237,7 @@ exports[`renders custom icon and label with custom colors in non-shifting bottom
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -8301,7 +8301,7 @@ exports[`renders custom icon and label with custom colors in shifting bottom nav
"flex": 1,
},
{
- "backgroundColor": "rgba(255, 251, 254, 1)",
+ "backgroundColor": "rgba(254, 247, 255, 1)",
},
]
}
@@ -8394,7 +8394,7 @@ exports[`renders custom icon and label with custom colors in shifting bottom nav
style={
{
"alignItems": "center",
- "backgroundColor": "rgb(243, 237, 246)",
+ "backgroundColor": "rgba(247, 242, 250, 1)",
"overflow": "hidden",
}
}
@@ -8659,7 +8659,7 @@ exports[`renders custom icon and label with custom colors in shifting bottom nav
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -8922,7 +8922,7 @@ exports[`renders custom icon and label with custom colors in shifting bottom nav
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -9185,7 +9185,7 @@ exports[`renders custom icon and label with custom colors in shifting bottom nav
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -9249,7 +9249,7 @@ exports[`renders non-shifting bottom navigation 1`] = `
"flex": 1,
},
{
- "backgroundColor": "rgba(255, 251, 254, 1)",
+ "backgroundColor": "rgba(254, 247, 255, 1)",
},
]
}
@@ -9342,7 +9342,7 @@ exports[`renders non-shifting bottom navigation 1`] = `
style={
{
"alignItems": "center",
- "backgroundColor": "rgb(243, 237, 246)",
+ "backgroundColor": "rgba(247, 242, 250, 1)",
"overflow": "hidden",
}
}
@@ -9602,7 +9602,7 @@ exports[`renders non-shifting bottom navigation 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -9621,7 +9621,7 @@ exports[`renders non-shifting bottom navigation 1`] = `
"textAlign": "center",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontFamily": "System",
"fontSize": 12,
"fontWeight": "500",
@@ -9658,7 +9658,7 @@ exports[`renders non-shifting bottom navigation 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -9677,7 +9677,7 @@ exports[`renders non-shifting bottom navigation 1`] = `
"textAlign": "center",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontFamily": "System",
"fontSize": 12,
"fontWeight": "500",
@@ -9916,7 +9916,7 @@ exports[`renders non-shifting bottom navigation 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -9972,7 +9972,7 @@ exports[`renders non-shifting bottom navigation 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -10230,7 +10230,7 @@ exports[`renders non-shifting bottom navigation 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -10286,7 +10286,7 @@ exports[`renders non-shifting bottom navigation 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -10350,7 +10350,7 @@ exports[`renders shifting bottom navigation 1`] = `
"flex": 1,
},
{
- "backgroundColor": "rgba(255, 251, 254, 1)",
+ "backgroundColor": "rgba(254, 247, 255, 1)",
},
]
}
@@ -10443,7 +10443,7 @@ exports[`renders shifting bottom navigation 1`] = `
style={
{
"alignItems": "center",
- "backgroundColor": "rgb(243, 237, 246)",
+ "backgroundColor": "rgba(247, 242, 250, 1)",
"overflow": "hidden",
}
}
@@ -10708,7 +10708,7 @@ exports[`renders shifting bottom navigation 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -10727,7 +10727,7 @@ exports[`renders shifting bottom navigation 1`] = `
"textAlign": "center",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontFamily": "System",
"fontSize": 12,
"fontWeight": "500",
@@ -10971,7 +10971,7 @@ exports[`renders shifting bottom navigation 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -11234,7 +11234,7 @@ exports[`renders shifting bottom navigation 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -11497,7 +11497,7 @@ exports[`renders shifting bottom navigation 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -11760,7 +11760,7 @@ exports[`renders shifting bottom navigation 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
diff --git a/src/components/__tests__/__snapshots__/Button.test.tsx.snap b/src/components/__tests__/__snapshots__/Button.test.tsx.snap
index d5f335c3f1..fddcd2bc10 100644
--- a/src/components/__tests__/__snapshots__/Button.test.tsx.snap
+++ b/src/components/__tests__/__snapshots__/Button.test.tsx.snap
@@ -105,7 +105,7 @@ exports[`renders button with an accessibility hint 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -255,7 +255,7 @@ exports[`renders button with an accessibility label 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -404,7 +404,7 @@ exports[`renders button with button color 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -553,7 +553,7 @@ exports[`renders button with color 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -702,7 +702,7 @@ exports[`renders button with custom testID 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -900,7 +900,7 @@ exports[`renders button with icon 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -1100,7 +1100,7 @@ exports[`renders button with icon in reverse order 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -1249,7 +1249,7 @@ exports[`renders contained contained with mode 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -1399,7 +1399,7 @@ exports[`renders disabled button 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -1422,7 +1422,7 @@ exports[`renders disabled button 1`] = `
undefined,
false,
{
- "color": "rgba(28, 27, 31, 0.38)",
+ "color": "rgba(29, 27, 32, 0.38)",
"fontFamily": "System",
"fontSize": 14,
"fontWeight": "500",
@@ -1756,7 +1756,7 @@ exports[`renders loading button 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -1905,7 +1905,7 @@ exports[`renders outlined button with mode 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -2055,7 +2055,7 @@ exports[`renders text button by default 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -2204,7 +2204,7 @@ exports[`renders text button with mode 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
diff --git a/src/components/__tests__/__snapshots__/Chip.test.tsx.snap b/src/components/__tests__/__snapshots__/Chip.test.tsx.snap
index 2994761722..f6d6b1379f 100644
--- a/src/components/__tests__/__snapshots__/Chip.test.tsx.snap
+++ b/src/components/__tests__/__snapshots__/Chip.test.tsx.snap
@@ -160,7 +160,7 @@ exports[`renders chip with close button 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -455,7 +455,7 @@ exports[`renders chip with custom close button 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -750,7 +750,7 @@ exports[`renders chip with icon 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -907,7 +907,7 @@ exports[`renders chip with onPress 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -1064,7 +1064,7 @@ exports[`renders outlined disabled chip 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -1081,7 +1081,7 @@ exports[`renders outlined disabled chip 1`] = `
"textAlignVertical": "center",
},
{
- "color": "rgba(28, 27, 31, 0.38)",
+ "color": "rgba(29, 27, 32, 0.38)",
"fontFamily": "System",
"fontSize": 14,
"fontWeight": "500",
@@ -1266,7 +1266,7 @@ exports[`renders selected chip 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
diff --git a/src/components/__tests__/__snapshots__/DataTable.test.tsx.snap b/src/components/__tests__/__snapshots__/DataTable.test.tsx.snap
index 59e80d0aef..7fde640799 100644
--- a/src/components/__tests__/__snapshots__/DataTable.test.tsx.snap
+++ b/src/components/__tests__/__snapshots__/DataTable.test.tsx.snap
@@ -54,7 +54,7 @@ exports[`DataTable.Cell renders data table cell 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontFamily": "System",
"fontWeight": "400",
"letterSpacing": 0,
@@ -128,7 +128,7 @@ exports[`DataTable.Cell renders right aligned data table cell 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontFamily": "System",
"fontWeight": "400",
"letterSpacing": 0,
@@ -213,7 +213,7 @@ exports[`DataTable.Header renders data table header 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontFamily": "System",
"fontWeight": "400",
"letterSpacing": 0,
@@ -233,7 +233,7 @@ exports[`DataTable.Header renders data table header 1`] = `
},
{},
{
- "color": "rgba(28, 27, 31, 0.6)",
+ "color": "rgba(29, 27, 32, 0.6)",
},
undefined,
],
@@ -294,7 +294,7 @@ exports[`DataTable.Header renders data table header 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontFamily": "System",
"fontWeight": "400",
"letterSpacing": 0,
@@ -314,7 +314,7 @@ exports[`DataTable.Header renders data table header 1`] = `
},
{},
{
- "color": "rgba(28, 27, 31, 0.6)",
+ "color": "rgba(29, 27, 32, 0.6)",
},
undefined,
],
@@ -352,7 +352,7 @@ exports[`DataTable.Pagination renders data table pagination 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontFamily": "System",
"fontWeight": "400",
"letterSpacing": 0,
@@ -366,7 +366,7 @@ exports[`DataTable.Pagination renders data table pagination 1`] = `
"marginRight": 16,
},
{
- "color": "rgba(28, 27, 31, 0.6)",
+ "color": "rgba(29, 27, 32, 0.6)",
},
],
]
@@ -489,7 +489,7 @@ exports[`DataTable.Pagination renders data table pagination 1`] = `
style={
[
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontSize": 24,
},
[
@@ -623,7 +623,7 @@ exports[`DataTable.Pagination renders data table pagination 1`] = `
style={
[
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontSize": 24,
},
[
@@ -676,7 +676,7 @@ exports[`DataTable.Pagination renders data table pagination with fast-forward bu
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontFamily": "System",
"fontWeight": "400",
"letterSpacing": 0,
@@ -690,7 +690,7 @@ exports[`DataTable.Pagination renders data table pagination with fast-forward bu
"marginRight": 16,
},
{
- "color": "rgba(28, 27, 31, 0.6)",
+ "color": "rgba(29, 27, 32, 0.6)",
},
],
]
@@ -815,7 +815,7 @@ exports[`DataTable.Pagination renders data table pagination with fast-forward bu
style={
[
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontSize": 24,
},
[
@@ -949,7 +949,7 @@ exports[`DataTable.Pagination renders data table pagination with fast-forward bu
style={
[
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontSize": 24,
},
[
@@ -1083,7 +1083,7 @@ exports[`DataTable.Pagination renders data table pagination with fast-forward bu
style={
[
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontSize": 24,
},
[
@@ -1217,7 +1217,7 @@ exports[`DataTable.Pagination renders data table pagination with fast-forward bu
style={
[
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontSize": 24,
},
[
@@ -1270,7 +1270,7 @@ exports[`DataTable.Pagination renders data table pagination with label 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontFamily": "System",
"fontWeight": "400",
"letterSpacing": 0,
@@ -1284,7 +1284,7 @@ exports[`DataTable.Pagination renders data table pagination with label 1`] = `
"marginRight": 16,
},
{
- "color": "rgba(28, 27, 31, 0.6)",
+ "color": "rgba(29, 27, 32, 0.6)",
},
],
]
@@ -1409,7 +1409,7 @@ exports[`DataTable.Pagination renders data table pagination with label 1`] = `
style={
[
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontSize": 24,
},
[
@@ -1543,7 +1543,7 @@ exports[`DataTable.Pagination renders data table pagination with label 1`] = `
style={
[
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontSize": 24,
},
[
@@ -1606,7 +1606,7 @@ exports[`DataTable.Pagination renders data table pagination with options select
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontFamily": "System",
"fontWeight": "400",
"letterSpacing": 0,
@@ -1620,7 +1620,7 @@ exports[`DataTable.Pagination renders data table pagination with options select
"marginRight": 16,
},
{
- "color": "rgba(28, 27, 31, 0.6)",
+ "color": "rgba(29, 27, 32, 0.6)",
},
],
]
@@ -1784,7 +1784,7 @@ exports[`DataTable.Pagination renders data table pagination with options select
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -1839,7 +1839,7 @@ exports[`DataTable.Pagination renders data table pagination with options select
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontFamily": "System",
"fontWeight": "400",
"letterSpacing": 0,
@@ -1853,7 +1853,7 @@ exports[`DataTable.Pagination renders data table pagination with options select
"marginRight": 16,
},
{
- "color": "rgba(28, 27, 31, 0.6)",
+ "color": "rgba(29, 27, 32, 0.6)",
},
],
]
@@ -1978,7 +1978,7 @@ exports[`DataTable.Pagination renders data table pagination with options select
style={
[
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontSize": 24,
},
[
@@ -2112,7 +2112,7 @@ exports[`DataTable.Pagination renders data table pagination with options select
style={
[
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontSize": 24,
},
[
@@ -2246,7 +2246,7 @@ exports[`DataTable.Pagination renders data table pagination with options select
style={
[
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontSize": 24,
},
[
@@ -2380,7 +2380,7 @@ exports[`DataTable.Pagination renders data table pagination with options select
style={
[
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontSize": 24,
},
[
@@ -2474,7 +2474,7 @@ exports[`DataTable.Title renders data table title with press handler 1`] = `
style={
[
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontSize": 16,
},
[
@@ -2504,7 +2504,7 @@ exports[`DataTable.Title renders data table title with press handler 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontFamily": "System",
"fontWeight": "400",
"letterSpacing": 0,
@@ -2602,7 +2602,7 @@ exports[`DataTable.Title renders data table title with sort icon 1`] = `
style={
[
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontSize": 16,
},
[
@@ -2632,7 +2632,7 @@ exports[`DataTable.Title renders data table title with sort icon 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontFamily": "System",
"fontWeight": "400",
"letterSpacing": 0,
@@ -2718,7 +2718,7 @@ exports[`DataTable.Title renders right aligned data table title 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontFamily": "System",
"fontWeight": "400",
"letterSpacing": 0,
@@ -2738,7 +2738,7 @@ exports[`DataTable.Title renders right aligned data table title 1`] = `
},
{},
{
- "color": "rgba(28, 27, 31, 0.6)",
+ "color": "rgba(29, 27, 32, 0.6)",
},
undefined,
],
diff --git a/src/components/__tests__/__snapshots__/DrawerItem.test.tsx.snap b/src/components/__tests__/__snapshots__/DrawerItem.test.tsx.snap
index e3d5e8ca8b..5746cc089b 100644
--- a/src/components/__tests__/__snapshots__/DrawerItem.test.tsx.snap
+++ b/src/components/__tests__/__snapshots__/DrawerItem.test.tsx.snap
@@ -122,7 +122,7 @@ exports[`renders DrawerItem with icon 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -281,7 +281,7 @@ exports[`renders active DrawerItem 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -411,7 +411,7 @@ exports[`renders basic DrawerItem 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
diff --git a/src/components/__tests__/__snapshots__/FAB.test.tsx.snap b/src/components/__tests__/__snapshots__/FAB.test.tsx.snap
index b4a42c20fa..3eb29a581a 100644
--- a/src/components/__tests__/__snapshots__/FAB.test.tsx.snap
+++ b/src/components/__tests__/__snapshots__/FAB.test.tsx.snap
@@ -527,7 +527,7 @@ exports[`renders disabled FAB 1`] = `
collapsable={false}
style={
{
- "backgroundColor": "rgba(28, 27, 31, 0.12)",
+ "backgroundColor": "rgba(29, 27, 32, 0.12)",
"borderRadius": 16,
"opacity": 1,
"shadowColor": "#000",
@@ -551,7 +551,7 @@ exports[`renders disabled FAB 1`] = `
pointerEvents="auto"
style={
{
- "backgroundColor": "rgba(28, 27, 31, 0.12)",
+ "backgroundColor": "rgba(29, 27, 32, 0.12)",
"borderRadius": 16,
"flex": undefined,
"shadowColor": "#000",
@@ -667,7 +667,7 @@ exports[`renders disabled FAB 1`] = `
style={
[
{
- "color": "rgba(28, 27, 31, 0.38)",
+ "color": "rgba(29, 27, 32, 0.38)",
"fontSize": 24,
},
[
@@ -873,7 +873,7 @@ exports[`renders extended FAB 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -1087,7 +1087,7 @@ exports[`renders extended FAB with custom size prop 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
diff --git a/src/components/__tests__/__snapshots__/IconButton.test.tsx.snap b/src/components/__tests__/__snapshots__/IconButton.test.tsx.snap
index 1fe2b72a3d..82bcdbac24 100644
--- a/src/components/__tests__/__snapshots__/IconButton.test.tsx.snap
+++ b/src/components/__tests__/__snapshots__/IconButton.test.tsx.snap
@@ -26,7 +26,7 @@ exports[`renders disabled icon button 1`] = `
style={
{
"backgroundColor": "transparent",
- "borderColor": "rgba(28, 27, 31, 0.12)",
+ "borderColor": "rgba(29, 27, 32, 0.12)",
"borderRadius": 20,
"borderWidth": 0,
"elevation": 0,
@@ -115,7 +115,7 @@ exports[`renders disabled icon button 1`] = `
style={
[
{
- "color": "rgba(28, 27, 31, 0.38)",
+ "color": "rgba(29, 27, 32, 0.38)",
"fontSize": 24,
},
[
diff --git a/src/components/__tests__/__snapshots__/ListAccordion.test.tsx.snap b/src/components/__tests__/__snapshots__/ListAccordion.test.tsx.snap
index 0857e59773..ec3393cb29 100644
--- a/src/components/__tests__/__snapshots__/ListAccordion.test.tsx.snap
+++ b/src/components/__tests__/__snapshots__/ListAccordion.test.tsx.snap
@@ -5,7 +5,7 @@ exports[`renders expanded accordion 1`] = `
@@ -90,7 +90,7 @@ exports[`renders expanded accordion 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontFamily": "System",
"fontWeight": "400",
"letterSpacing": 0,
@@ -237,7 +237,7 @@ exports[`renders expanded accordion 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontFamily": "System",
"fontWeight": "400",
"letterSpacing": 0,
@@ -250,7 +250,7 @@ exports[`renders expanded accordion 1`] = `
"fontSize": 16,
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
},
undefined,
],
@@ -270,7 +270,7 @@ exports[`renders list accordion with children 1`] = `
@@ -402,7 +402,7 @@ exports[`renders list accordion with children 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontFamily": "System",
"fontWeight": "400",
"letterSpacing": 0,
@@ -415,7 +415,7 @@ exports[`renders list accordion with children 1`] = `
"fontSize": 16,
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
},
undefined,
],
@@ -477,7 +477,7 @@ exports[`renders list accordion with custom title and description styles 1`] = `
@@ -562,7 +562,7 @@ exports[`renders list accordion with custom title and description styles 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontFamily": "System",
"fontWeight": "400",
"letterSpacing": 0,
@@ -575,7 +575,7 @@ exports[`renders list accordion with custom title and description styles 1`] = `
"fontSize": 16,
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
},
{
"color": "#f44336",
@@ -596,7 +596,7 @@ exports[`renders list accordion with custom title and description styles 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontFamily": "System",
"fontWeight": "400",
"letterSpacing": 0,
@@ -677,7 +677,7 @@ exports[`renders list accordion with left items 1`] = `
@@ -809,7 +809,7 @@ exports[`renders list accordion with left items 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontFamily": "System",
"fontWeight": "400",
"letterSpacing": 0,
@@ -822,7 +822,7 @@ exports[`renders list accordion with left items 1`] = `
"fontSize": 16,
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
},
undefined,
],
@@ -884,7 +884,7 @@ exports[`renders multiline list accordion 1`] = `
@@ -969,7 +969,7 @@ exports[`renders multiline list accordion 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontFamily": "System",
"fontWeight": "400",
"letterSpacing": 0,
@@ -982,7 +982,7 @@ exports[`renders multiline list accordion 1`] = `
"fontSize": 16,
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
},
undefined,
],
@@ -1001,7 +1001,7 @@ exports[`renders multiline list accordion 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontFamily": "System",
"fontWeight": "400",
"letterSpacing": 0,
diff --git a/src/components/__tests__/__snapshots__/ListItem.test.tsx.snap b/src/components/__tests__/__snapshots__/ListItem.test.tsx.snap
index 1f8c683d3a..2ae673d6d3 100644
--- a/src/components/__tests__/__snapshots__/ListItem.test.tsx.snap
+++ b/src/components/__tests__/__snapshots__/ListItem.test.tsx.snap
@@ -82,7 +82,7 @@ exports[`renders list item with custom description 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontFamily": "System",
"fontWeight": "400",
"letterSpacing": 0,
@@ -95,7 +95,7 @@ exports[`renders list item with custom description 1`] = `
"fontSize": 16,
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
},
undefined,
],
@@ -276,7 +276,7 @@ exports[`renders list item with custom description 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -405,7 +405,7 @@ exports[`renders list item with custom title and description styles 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontFamily": "System",
"fontWeight": "400",
"letterSpacing": 0,
@@ -418,7 +418,7 @@ exports[`renders list item with custom title and description styles 1`] = `
"fontSize": 16,
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
},
{
"fontSize": 20,
@@ -439,7 +439,7 @@ exports[`renders list item with custom title and description styles 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontFamily": "System",
"fontWeight": "400",
"letterSpacing": 0,
@@ -553,7 +553,7 @@ exports[`renders list item with left and right items 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontFamily": "System",
"fontWeight": "400",
"letterSpacing": 0,
@@ -566,7 +566,7 @@ exports[`renders list item with left and right items 1`] = `
"fontSize": 16,
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
},
undefined,
],
@@ -585,7 +585,7 @@ exports[`renders list item with left and right items 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontFamily": "System",
"fontWeight": "400",
"letterSpacing": 0,
@@ -787,7 +787,7 @@ exports[`renders list item with left item 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontFamily": "System",
"fontWeight": "400",
"letterSpacing": 0,
@@ -800,7 +800,7 @@ exports[`renders list item with left item 1`] = `
"fontSize": 16,
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
},
undefined,
],
@@ -896,7 +896,7 @@ exports[`renders list item with right item 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontFamily": "System",
"fontWeight": "400",
"letterSpacing": 0,
@@ -909,7 +909,7 @@ exports[`renders list item with right item 1`] = `
"fontSize": 16,
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
},
undefined,
],
@@ -1008,7 +1008,7 @@ exports[`renders list item with title and description 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontFamily": "System",
"fontWeight": "400",
"letterSpacing": 0,
@@ -1021,7 +1021,7 @@ exports[`renders list item with title and description 1`] = `
"fontSize": 16,
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
},
undefined,
],
@@ -1040,7 +1040,7 @@ exports[`renders list item with title and description 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontFamily": "System",
"fontWeight": "400",
"letterSpacing": 0,
@@ -1149,7 +1149,7 @@ exports[`renders with a description with typeof number 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontFamily": "System",
"fontWeight": "400",
"letterSpacing": 0,
@@ -1162,7 +1162,7 @@ exports[`renders with a description with typeof number 1`] = `
"fontSize": 16,
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
},
{
"fontSize": 20,
@@ -1183,7 +1183,7 @@ exports[`renders with a description with typeof number 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontFamily": "System",
"fontWeight": "400",
"letterSpacing": 0,
diff --git a/src/components/__tests__/__snapshots__/ListSection.test.tsx.snap b/src/components/__tests__/__snapshots__/ListSection.test.tsx.snap
index b5bc07c4b8..fa4dd4024d 100644
--- a/src/components/__tests__/__snapshots__/ListSection.test.tsx.snap
+++ b/src/components/__tests__/__snapshots__/ListSection.test.tsx.snap
@@ -17,45 +17,64 @@ exports[`renders list section with custom title style 1`] = `
},
"colors": {
"backdrop": "rgba(50, 47, 55, 0.4)",
- "background": "rgba(255, 251, 254, 1)",
+ "background": "rgba(254, 247, 255, 1)",
"elevation": {
"level0": "transparent",
- "level1": "rgb(247, 243, 249)",
- "level2": "rgb(243, 237, 246)",
- "level3": "rgb(238, 232, 244)",
- "level4": "rgb(236, 230, 243)",
- "level5": "rgb(233, 227, 241)",
+ "level1": "rgba(255, 255, 255, 1)",
+ "level2": "rgba(247, 242, 250, 1)",
+ "level3": "rgba(243, 237, 247, 1)",
+ "level4": "rgba(236, 230, 240, 1)",
+ "level5": "rgba(230, 224, 233, 1)",
},
"error": "rgba(179, 38, 30, 1)",
"errorContainer": "rgba(249, 222, 220, 1)",
- "inverseOnSurface": "rgba(244, 239, 244, 1)",
+ "inverseOnSurface": "rgba(245, 239, 247, 1)",
"inversePrimary": "rgba(208, 188, 255, 1)",
- "inverseSurface": "rgba(49, 48, 51, 1)",
- "onBackground": "rgba(28, 27, 31, 1)",
+ "inverseSurface": "rgba(50, 47, 53, 1)",
+ "onBackground": "rgba(29, 27, 32, 1)",
"onError": "rgba(255, 255, 255, 1)",
"onErrorContainer": "rgba(65, 14, 11, 1)",
"onPrimary": "rgba(255, 255, 255, 1)",
"onPrimaryContainer": "rgba(33, 0, 93, 1)",
+ "onPrimaryFixed": "rgba(33, 0, 93, 1)",
+ "onPrimaryFixedVariant": "rgba(79, 55, 139, 1)",
"onSecondary": "rgba(255, 255, 255, 1)",
"onSecondaryContainer": "rgba(29, 25, 43, 1)",
- "onSurface": "rgba(28, 27, 31, 1)",
- "onSurfaceDisabled": "rgba(28, 27, 31, 0.38)",
+ "onSecondaryFixed": "rgba(29, 25, 43, 1)",
+ "onSecondaryFixedVariant": "rgba(74, 68, 88, 1)",
+ "onSurface": "rgba(29, 27, 32, 1)",
+ "onSurfaceDisabled": "rgba(29, 27, 32, 0.38)",
"onSurfaceVariant": "rgba(73, 69, 79, 1)",
"onTertiary": "rgba(255, 255, 255, 1)",
"onTertiaryContainer": "rgba(49, 17, 29, 1)",
+ "onTertiaryFixed": "rgba(49, 17, 29, 1)",
+ "onTertiaryFixedVariant": "rgba(99, 59, 72, 1)",
"outline": "rgba(121, 116, 126, 1)",
"outlineVariant": "rgba(202, 196, 208, 1)",
"primary": "rgba(103, 80, 164, 1)",
"primaryContainer": "rgba(234, 221, 255, 1)",
+ "primaryFixed": "rgba(234, 221, 255, 1)",
+ "primaryFixedDim": "rgba(208, 188, 255, 1)",
"scrim": "rgba(0, 0, 0, 1)",
"secondary": "rgba(98, 91, 113, 1)",
"secondaryContainer": "rgba(232, 222, 248, 1)",
+ "secondaryFixed": "rgba(232, 222, 248, 1)",
+ "secondaryFixedDim": "rgba(204, 194, 220, 1)",
"shadow": "rgba(0, 0, 0, 1)",
- "surface": "rgba(255, 251, 254, 1)",
- "surfaceDisabled": "rgba(28, 27, 31, 0.12)",
+ "surface": "rgba(254, 247, 255, 1)",
+ "surfaceBright": "rgba(254, 247, 255, 1)",
+ "surfaceContainer": "rgba(243, 237, 247, 1)",
+ "surfaceContainerHigh": "rgba(236, 230, 240, 1)",
+ "surfaceContainerHighest": "rgba(230, 224, 233, 1)",
+ "surfaceContainerLow": "rgba(247, 242, 250, 1)",
+ "surfaceContainerLowest": "rgba(255, 255, 255, 1)",
+ "surfaceDim": "rgba(222, 216, 225, 1)",
+ "surfaceDisabled": "rgba(29, 27, 32, 0.12)",
"surfaceVariant": "rgba(231, 224, 236, 1)",
"tertiary": "rgba(125, 82, 96, 1)",
"tertiaryContainer": "rgba(255, 216, 228, 1)",
+ "tertiaryFixed": "rgba(255, 216, 228, 1)",
+ "tertiaryFixedDim": "rgba(239, 184, 200, 1)",
},
"dark": false,
"fonts": {
@@ -184,7 +203,7 @@ exports[`renders list section with custom title style 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -346,7 +365,7 @@ exports[`renders list section with custom title style 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontFamily": "System",
"fontWeight": "400",
"letterSpacing": 0,
@@ -359,7 +378,7 @@ exports[`renders list section with custom title style 1`] = `
"fontSize": 16,
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
},
undefined,
],
@@ -499,7 +518,7 @@ exports[`renders list section with custom title style 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontFamily": "System",
"fontWeight": "400",
"letterSpacing": 0,
@@ -512,7 +531,7 @@ exports[`renders list section with custom title style 1`] = `
"fontSize": 16,
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
},
undefined,
],
@@ -544,45 +563,64 @@ exports[`renders list section with subheader 1`] = `
},
"colors": {
"backdrop": "rgba(50, 47, 55, 0.4)",
- "background": "rgba(255, 251, 254, 1)",
+ "background": "rgba(254, 247, 255, 1)",
"elevation": {
"level0": "transparent",
- "level1": "rgb(247, 243, 249)",
- "level2": "rgb(243, 237, 246)",
- "level3": "rgb(238, 232, 244)",
- "level4": "rgb(236, 230, 243)",
- "level5": "rgb(233, 227, 241)",
+ "level1": "rgba(255, 255, 255, 1)",
+ "level2": "rgba(247, 242, 250, 1)",
+ "level3": "rgba(243, 237, 247, 1)",
+ "level4": "rgba(236, 230, 240, 1)",
+ "level5": "rgba(230, 224, 233, 1)",
},
"error": "rgba(179, 38, 30, 1)",
"errorContainer": "rgba(249, 222, 220, 1)",
- "inverseOnSurface": "rgba(244, 239, 244, 1)",
+ "inverseOnSurface": "rgba(245, 239, 247, 1)",
"inversePrimary": "rgba(208, 188, 255, 1)",
- "inverseSurface": "rgba(49, 48, 51, 1)",
- "onBackground": "rgba(28, 27, 31, 1)",
+ "inverseSurface": "rgba(50, 47, 53, 1)",
+ "onBackground": "rgba(29, 27, 32, 1)",
"onError": "rgba(255, 255, 255, 1)",
"onErrorContainer": "rgba(65, 14, 11, 1)",
"onPrimary": "rgba(255, 255, 255, 1)",
"onPrimaryContainer": "rgba(33, 0, 93, 1)",
+ "onPrimaryFixed": "rgba(33, 0, 93, 1)",
+ "onPrimaryFixedVariant": "rgba(79, 55, 139, 1)",
"onSecondary": "rgba(255, 255, 255, 1)",
"onSecondaryContainer": "rgba(29, 25, 43, 1)",
- "onSurface": "rgba(28, 27, 31, 1)",
- "onSurfaceDisabled": "rgba(28, 27, 31, 0.38)",
+ "onSecondaryFixed": "rgba(29, 25, 43, 1)",
+ "onSecondaryFixedVariant": "rgba(74, 68, 88, 1)",
+ "onSurface": "rgba(29, 27, 32, 1)",
+ "onSurfaceDisabled": "rgba(29, 27, 32, 0.38)",
"onSurfaceVariant": "rgba(73, 69, 79, 1)",
"onTertiary": "rgba(255, 255, 255, 1)",
"onTertiaryContainer": "rgba(49, 17, 29, 1)",
+ "onTertiaryFixed": "rgba(49, 17, 29, 1)",
+ "onTertiaryFixedVariant": "rgba(99, 59, 72, 1)",
"outline": "rgba(121, 116, 126, 1)",
"outlineVariant": "rgba(202, 196, 208, 1)",
"primary": "rgba(103, 80, 164, 1)",
"primaryContainer": "rgba(234, 221, 255, 1)",
+ "primaryFixed": "rgba(234, 221, 255, 1)",
+ "primaryFixedDim": "rgba(208, 188, 255, 1)",
"scrim": "rgba(0, 0, 0, 1)",
"secondary": "rgba(98, 91, 113, 1)",
"secondaryContainer": "rgba(232, 222, 248, 1)",
+ "secondaryFixed": "rgba(232, 222, 248, 1)",
+ "secondaryFixedDim": "rgba(204, 194, 220, 1)",
"shadow": "rgba(0, 0, 0, 1)",
- "surface": "rgba(255, 251, 254, 1)",
- "surfaceDisabled": "rgba(28, 27, 31, 0.12)",
+ "surface": "rgba(254, 247, 255, 1)",
+ "surfaceBright": "rgba(254, 247, 255, 1)",
+ "surfaceContainer": "rgba(243, 237, 247, 1)",
+ "surfaceContainerHigh": "rgba(236, 230, 240, 1)",
+ "surfaceContainerHighest": "rgba(230, 224, 233, 1)",
+ "surfaceContainerLow": "rgba(247, 242, 250, 1)",
+ "surfaceContainerLowest": "rgba(255, 255, 255, 1)",
+ "surfaceDim": "rgba(222, 216, 225, 1)",
+ "surfaceDisabled": "rgba(29, 27, 32, 0.12)",
"surfaceVariant": "rgba(231, 224, 236, 1)",
"tertiary": "rgba(125, 82, 96, 1)",
"tertiaryContainer": "rgba(255, 216, 228, 1)",
+ "tertiaryFixed": "rgba(255, 216, 228, 1)",
+ "tertiaryFixedDim": "rgba(239, 184, 200, 1)",
},
"dark": false,
"fonts": {
@@ -711,7 +749,7 @@ exports[`renders list section with subheader 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -871,7 +909,7 @@ exports[`renders list section with subheader 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontFamily": "System",
"fontWeight": "400",
"letterSpacing": 0,
@@ -884,7 +922,7 @@ exports[`renders list section with subheader 1`] = `
"fontSize": 16,
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
},
undefined,
],
@@ -1024,7 +1062,7 @@ exports[`renders list section with subheader 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontFamily": "System",
"fontWeight": "400",
"letterSpacing": 0,
@@ -1037,7 +1075,7 @@ exports[`renders list section with subheader 1`] = `
"fontSize": 16,
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
},
undefined,
],
@@ -1069,45 +1107,64 @@ exports[`renders list section without subheader 1`] = `
},
"colors": {
"backdrop": "rgba(50, 47, 55, 0.4)",
- "background": "rgba(255, 251, 254, 1)",
+ "background": "rgba(254, 247, 255, 1)",
"elevation": {
"level0": "transparent",
- "level1": "rgb(247, 243, 249)",
- "level2": "rgb(243, 237, 246)",
- "level3": "rgb(238, 232, 244)",
- "level4": "rgb(236, 230, 243)",
- "level5": "rgb(233, 227, 241)",
+ "level1": "rgba(255, 255, 255, 1)",
+ "level2": "rgba(247, 242, 250, 1)",
+ "level3": "rgba(243, 237, 247, 1)",
+ "level4": "rgba(236, 230, 240, 1)",
+ "level5": "rgba(230, 224, 233, 1)",
},
"error": "rgba(179, 38, 30, 1)",
"errorContainer": "rgba(249, 222, 220, 1)",
- "inverseOnSurface": "rgba(244, 239, 244, 1)",
+ "inverseOnSurface": "rgba(245, 239, 247, 1)",
"inversePrimary": "rgba(208, 188, 255, 1)",
- "inverseSurface": "rgba(49, 48, 51, 1)",
- "onBackground": "rgba(28, 27, 31, 1)",
+ "inverseSurface": "rgba(50, 47, 53, 1)",
+ "onBackground": "rgba(29, 27, 32, 1)",
"onError": "rgba(255, 255, 255, 1)",
"onErrorContainer": "rgba(65, 14, 11, 1)",
"onPrimary": "rgba(255, 255, 255, 1)",
"onPrimaryContainer": "rgba(33, 0, 93, 1)",
+ "onPrimaryFixed": "rgba(33, 0, 93, 1)",
+ "onPrimaryFixedVariant": "rgba(79, 55, 139, 1)",
"onSecondary": "rgba(255, 255, 255, 1)",
"onSecondaryContainer": "rgba(29, 25, 43, 1)",
- "onSurface": "rgba(28, 27, 31, 1)",
- "onSurfaceDisabled": "rgba(28, 27, 31, 0.38)",
+ "onSecondaryFixed": "rgba(29, 25, 43, 1)",
+ "onSecondaryFixedVariant": "rgba(74, 68, 88, 1)",
+ "onSurface": "rgba(29, 27, 32, 1)",
+ "onSurfaceDisabled": "rgba(29, 27, 32, 0.38)",
"onSurfaceVariant": "rgba(73, 69, 79, 1)",
"onTertiary": "rgba(255, 255, 255, 1)",
"onTertiaryContainer": "rgba(49, 17, 29, 1)",
+ "onTertiaryFixed": "rgba(49, 17, 29, 1)",
+ "onTertiaryFixedVariant": "rgba(99, 59, 72, 1)",
"outline": "rgba(121, 116, 126, 1)",
"outlineVariant": "rgba(202, 196, 208, 1)",
"primary": "rgba(103, 80, 164, 1)",
"primaryContainer": "rgba(234, 221, 255, 1)",
+ "primaryFixed": "rgba(234, 221, 255, 1)",
+ "primaryFixedDim": "rgba(208, 188, 255, 1)",
"scrim": "rgba(0, 0, 0, 1)",
"secondary": "rgba(98, 91, 113, 1)",
"secondaryContainer": "rgba(232, 222, 248, 1)",
+ "secondaryFixed": "rgba(232, 222, 248, 1)",
+ "secondaryFixedDim": "rgba(204, 194, 220, 1)",
"shadow": "rgba(0, 0, 0, 1)",
- "surface": "rgba(255, 251, 254, 1)",
- "surfaceDisabled": "rgba(28, 27, 31, 0.12)",
+ "surface": "rgba(254, 247, 255, 1)",
+ "surfaceBright": "rgba(254, 247, 255, 1)",
+ "surfaceContainer": "rgba(243, 237, 247, 1)",
+ "surfaceContainerHigh": "rgba(236, 230, 240, 1)",
+ "surfaceContainerHighest": "rgba(230, 224, 233, 1)",
+ "surfaceContainerLow": "rgba(247, 242, 250, 1)",
+ "surfaceContainerLowest": "rgba(255, 255, 255, 1)",
+ "surfaceDim": "rgba(222, 216, 225, 1)",
+ "surfaceDisabled": "rgba(29, 27, 32, 0.12)",
"surfaceVariant": "rgba(231, 224, 236, 1)",
"tertiary": "rgba(125, 82, 96, 1)",
"tertiaryContainer": "rgba(255, 216, 228, 1)",
+ "tertiaryFixed": "rgba(255, 216, 228, 1)",
+ "tertiaryFixedDim": "rgba(239, 184, 200, 1)",
},
"dark": false,
"fonts": {
@@ -1356,7 +1413,7 @@ exports[`renders list section without subheader 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontFamily": "System",
"fontWeight": "400",
"letterSpacing": 0,
@@ -1369,7 +1426,7 @@ exports[`renders list section without subheader 1`] = `
"fontSize": 16,
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
},
undefined,
],
@@ -1509,7 +1566,7 @@ exports[`renders list section without subheader 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontFamily": "System",
"fontWeight": "400",
"letterSpacing": 0,
@@ -1522,7 +1579,7 @@ exports[`renders list section without subheader 1`] = `
"fontSize": 16,
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
},
undefined,
],
diff --git a/src/components/__tests__/__snapshots__/Menu.test.tsx.snap b/src/components/__tests__/__snapshots__/Menu.test.tsx.snap
index f2a20c8047..d3a7c1b1a1 100644
--- a/src/components/__tests__/__snapshots__/Menu.test.tsx.snap
+++ b/src/components/__tests__/__snapshots__/Menu.test.tsx.snap
@@ -117,7 +117,7 @@ exports[`renders menu with content styles 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -259,7 +259,7 @@ exports[`renders menu with content styles 1`] = `
collapsable={false}
style={
{
- "backgroundColor": "rgb(243, 237, 246)",
+ "backgroundColor": "rgba(247, 242, 250, 1)",
"borderRadius": 4,
"borderTopLeftRadius": 0,
"borderTopRightRadius": 0,
@@ -288,7 +288,7 @@ exports[`renders menu with content styles 1`] = `
pointerEvents="box-none"
style={
{
- "backgroundColor": "rgb(243, 237, 246)",
+ "backgroundColor": "rgba(247, 242, 250, 1)",
"borderRadius": 4,
"borderTopLeftRadius": 0,
"borderTopRightRadius": 0,
@@ -394,7 +394,7 @@ exports[`renders menu with content styles 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -407,7 +407,7 @@ exports[`renders menu with content styles 1`] = `
},
[
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontFamily": "System",
"fontSize": 16,
"fontWeight": "400",
@@ -515,7 +515,7 @@ exports[`renders menu with content styles 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -528,7 +528,7 @@ exports[`renders menu with content styles 1`] = `
},
[
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontFamily": "System",
"fontSize": 16,
"fontWeight": "400",
@@ -671,7 +671,7 @@ exports[`renders not visible menu 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -836,7 +836,7 @@ exports[`renders visible menu 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -978,7 +978,7 @@ exports[`renders visible menu 1`] = `
collapsable={false}
style={
{
- "backgroundColor": "rgb(243, 237, 246)",
+ "backgroundColor": "rgba(247, 242, 250, 1)",
"borderRadius": 4,
"opacity": 0,
"shadowColor": "#000",
@@ -1005,7 +1005,7 @@ exports[`renders visible menu 1`] = `
pointerEvents="box-none"
style={
{
- "backgroundColor": "rgb(243, 237, 246)",
+ "backgroundColor": "rgba(247, 242, 250, 1)",
"borderRadius": 4,
"flex": undefined,
"paddingVertical": 8,
@@ -1109,7 +1109,7 @@ exports[`renders visible menu 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -1122,7 +1122,7 @@ exports[`renders visible menu 1`] = `
},
[
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontFamily": "System",
"fontSize": 16,
"fontWeight": "400",
@@ -1230,7 +1230,7 @@ exports[`renders visible menu 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -1243,7 +1243,7 @@ exports[`renders visible menu 1`] = `
},
[
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontFamily": "System",
"fontSize": 16,
"fontWeight": "400",
diff --git a/src/components/__tests__/__snapshots__/MenuItem.test.tsx.snap b/src/components/__tests__/__snapshots__/MenuItem.test.tsx.snap
index a34067f576..069b8c854d 100644
--- a/src/components/__tests__/__snapshots__/MenuItem.test.tsx.snap
+++ b/src/components/__tests__/__snapshots__/MenuItem.test.tsx.snap
@@ -131,7 +131,7 @@ exports[`Menu Item renders menu item 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -144,7 +144,7 @@ exports[`Menu Item renders menu item 1`] = `
},
[
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontFamily": "System",
"fontSize": 16,
"fontWeight": "400",
@@ -292,7 +292,7 @@ exports[`Menu Item renders menu item 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -305,7 +305,7 @@ exports[`Menu Item renders menu item 1`] = `
},
[
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontFamily": "System",
"fontSize": 16,
"fontWeight": "400",
@@ -403,7 +403,7 @@ exports[`Menu Item renders menu item 1`] = `
style={
[
{
- "color": "rgba(28, 27, 31, 0.38)",
+ "color": "rgba(29, 27, 32, 0.38)",
"fontSize": 24,
},
[
@@ -453,7 +453,7 @@ exports[`Menu Item renders menu item 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -466,7 +466,7 @@ exports[`Menu Item renders menu item 1`] = `
},
[
{
- "color": "rgba(28, 27, 31, 0.38)",
+ "color": "rgba(29, 27, 32, 0.38)",
"fontFamily": "System",
"fontSize": 16,
"fontWeight": "400",
@@ -564,7 +564,7 @@ exports[`Menu Item renders menu item 1`] = `
style={
[
{
- "color": "rgba(28, 27, 31, 0.38)",
+ "color": "rgba(29, 27, 32, 0.38)",
"fontSize": 24,
},
[
@@ -614,7 +614,7 @@ exports[`Menu Item renders menu item 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -627,7 +627,7 @@ exports[`Menu Item renders menu item 1`] = `
},
[
{
- "color": "rgba(28, 27, 31, 0.38)",
+ "color": "rgba(29, 27, 32, 0.38)",
"fontFamily": "System",
"fontSize": 16,
"fontWeight": "400",
@@ -735,7 +735,7 @@ exports[`Menu Item renders menu item 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -748,7 +748,7 @@ exports[`Menu Item renders menu item 1`] = `
},
[
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontFamily": "System",
"fontSize": 16,
"fontWeight": "400",
diff --git a/src/components/__tests__/__snapshots__/Searchbar.test.tsx.snap b/src/components/__tests__/__snapshots__/Searchbar.test.tsx.snap
index f30e19f3f8..bbf1c420f7 100644
--- a/src/components/__tests__/__snapshots__/Searchbar.test.tsx.snap
+++ b/src/components/__tests__/__snapshots__/Searchbar.test.tsx.snap
@@ -5,7 +5,7 @@ exports[`activity indicator snapshot test 1`] = `
collapsable={false}
style={
{
- "backgroundColor": "rgb(238, 232, 244)",
+ "backgroundColor": "rgba(243, 237, 247, 1)",
"borderRadius": 28,
"shadowColor": "#000",
"shadowOffset": {
@@ -23,7 +23,7 @@ exports[`activity indicator snapshot test 1`] = `
style={
{
"alignItems": "center",
- "backgroundColor": "rgb(238, 232, 244)",
+ "backgroundColor": "rgba(243, 237, 247, 1)",
"borderRadius": 28,
"flex": undefined,
"flexDirection": "row",
@@ -176,7 +176,7 @@ exports[`activity indicator snapshot test 1`] = `
accessibilityRole="search"
keyboardAppearance="light"
placeholder=""
- placeholderTextColor="rgba(28, 27, 31, 1)"
+ placeholderTextColor="rgba(29, 27, 32, 1)"
returnKeyType="search"
selectionColor="rgba(103, 80, 164, 1)"
style={
@@ -415,7 +415,7 @@ exports[`renders with placeholder 1`] = `
collapsable={false}
style={
{
- "backgroundColor": "rgb(238, 232, 244)",
+ "backgroundColor": "rgba(243, 237, 247, 1)",
"borderRadius": 28,
"shadowColor": "#000",
"shadowOffset": {
@@ -433,7 +433,7 @@ exports[`renders with placeholder 1`] = `
style={
{
"alignItems": "center",
- "backgroundColor": "rgb(238, 232, 244)",
+ "backgroundColor": "rgba(243, 237, 247, 1)",
"borderRadius": 28,
"flex": undefined,
"flexDirection": "row",
@@ -586,7 +586,7 @@ exports[`renders with placeholder 1`] = `
accessibilityRole="search"
keyboardAppearance="light"
placeholder="Search"
- placeholderTextColor="rgba(28, 27, 31, 1)"
+ placeholderTextColor="rgba(29, 27, 32, 1)"
returnKeyType="search"
selectionColor="rgba(103, 80, 164, 1)"
style={
@@ -776,7 +776,7 @@ exports[`renders with text 1`] = `
collapsable={false}
style={
{
- "backgroundColor": "rgb(238, 232, 244)",
+ "backgroundColor": "rgba(243, 237, 247, 1)",
"borderRadius": 28,
"shadowColor": "#000",
"shadowOffset": {
@@ -794,7 +794,7 @@ exports[`renders with text 1`] = `
style={
{
"alignItems": "center",
- "backgroundColor": "rgb(238, 232, 244)",
+ "backgroundColor": "rgba(243, 237, 247, 1)",
"borderRadius": 28,
"flex": undefined,
"flexDirection": "row",
@@ -947,7 +947,7 @@ exports[`renders with text 1`] = `
accessibilityRole="search"
keyboardAppearance="light"
placeholder="Search"
- placeholderTextColor="rgba(28, 27, 31, 1)"
+ placeholderTextColor="rgba(29, 27, 32, 1)"
returnKeyType="search"
selectionColor="rgba(103, 80, 164, 1)"
style={
diff --git a/src/components/__tests__/__snapshots__/SegmentedButton.test.tsx.snap b/src/components/__tests__/__snapshots__/SegmentedButton.test.tsx.snap
index 83f1541397..914c9d8c8a 100644
--- a/src/components/__tests__/__snapshots__/SegmentedButton.test.tsx.snap
+++ b/src/components/__tests__/__snapshots__/SegmentedButton.test.tsx.snap
@@ -105,7 +105,7 @@ exports[`renders segmented button 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -230,7 +230,7 @@ exports[`renders segmented button 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -246,7 +246,7 @@ exports[`renders segmented button 1`] = `
"textAlign": "center",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontFamily": "System",
"fontSize": 14,
"fontWeight": "500",
diff --git a/src/components/__tests__/__snapshots__/Snackbar.test.tsx.snap b/src/components/__tests__/__snapshots__/Snackbar.test.tsx.snap
index b859166348..401868fabf 100644
--- a/src/components/__tests__/__snapshots__/Snackbar.test.tsx.snap
+++ b/src/components/__tests__/__snapshots__/Snackbar.test.tsx.snap
@@ -24,7 +24,7 @@ exports[`renders snackbar with Text as a child 1`] = `
collapsable={false}
style={
{
- "backgroundColor": "rgba(49, 48, 51, 1)",
+ "backgroundColor": "rgba(50, 47, 53, 1)",
"borderRadius": 4,
"margin": 8,
"opacity": 0,
@@ -50,7 +50,7 @@ exports[`renders snackbar with Text as a child 1`] = `
pointerEvents="box-none"
style={
{
- "backgroundColor": "rgba(49, 48, 51, 1)",
+ "backgroundColor": "rgba(50, 47, 53, 1)",
"borderRadius": 4,
"flex": undefined,
"flexDirection": "row",
@@ -112,7 +112,7 @@ exports[`renders snackbar with View & Text as a child 1`] = `
collapsable={false}
style={
{
- "backgroundColor": "rgba(49, 48, 51, 1)",
+ "backgroundColor": "rgba(50, 47, 53, 1)",
"borderRadius": 4,
"margin": 8,
"opacity": 0,
@@ -138,7 +138,7 @@ exports[`renders snackbar with View & Text as a child 1`] = `
pointerEvents="box-none"
style={
{
- "backgroundColor": "rgba(49, 48, 51, 1)",
+ "backgroundColor": "rgba(50, 47, 53, 1)",
"borderRadius": 4,
"flex": undefined,
"flexDirection": "row",
@@ -226,7 +226,7 @@ exports[`renders snackbar with action button 1`] = `
collapsable={false}
style={
{
- "backgroundColor": "rgba(49, 48, 51, 1)",
+ "backgroundColor": "rgba(50, 47, 53, 1)",
"borderRadius": 4,
"margin": 8,
"opacity": 0,
@@ -252,7 +252,7 @@ exports[`renders snackbar with action button 1`] = `
pointerEvents="box-none"
style={
{
- "backgroundColor": "rgba(49, 48, 51, 1)",
+ "backgroundColor": "rgba(50, 47, 53, 1)",
"borderRadius": 4,
"flex": undefined,
"flexDirection": "row",
@@ -276,7 +276,7 @@ exports[`renders snackbar with action button 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -294,7 +294,7 @@ exports[`renders snackbar with action button 1`] = `
"marginVertical": 14,
},
{
- "color": "rgba(244, 239, 244, 1)",
+ "color": "rgba(245, 239, 247, 1)",
},
],
],
@@ -423,7 +423,7 @@ exports[`renders snackbar with action button 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -494,7 +494,7 @@ exports[`renders snackbar with content 1`] = `
collapsable={false}
style={
{
- "backgroundColor": "rgba(49, 48, 51, 1)",
+ "backgroundColor": "rgba(50, 47, 53, 1)",
"borderRadius": 4,
"margin": 8,
"opacity": 0,
@@ -520,7 +520,7 @@ exports[`renders snackbar with content 1`] = `
pointerEvents="box-none"
style={
{
- "backgroundColor": "rgba(49, 48, 51, 1)",
+ "backgroundColor": "rgba(50, 47, 53, 1)",
"borderRadius": 4,
"flex": undefined,
"flexDirection": "row",
@@ -544,7 +544,7 @@ exports[`renders snackbar with content 1`] = `
"textAlign": "left",
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"writingDirection": "ltr",
},
[
@@ -562,7 +562,7 @@ exports[`renders snackbar with content 1`] = `
"marginVertical": 14,
},
{
- "color": "rgba(244, 239, 244, 1)",
+ "color": "rgba(245, 239, 247, 1)",
},
],
],
diff --git a/src/components/__tests__/__snapshots__/TextInput.test.tsx.snap b/src/components/__tests__/__snapshots__/TextInput.test.tsx.snap
index 76ad8d4e54..090fdaec66 100644
--- a/src/components/__tests__/__snapshots__/TextInput.test.tsx.snap
+++ b/src/components/__tests__/__snapshots__/TextInput.test.tsx.snap
@@ -199,7 +199,7 @@ exports[`call onPress when affix adornment pressed 1`] = `
"paddingTop": 24,
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontFamily": "System",
"fontSize": 16,
"fontWeight": undefined,
@@ -513,7 +513,7 @@ exports[`correctly applies a component as the text label 1`] = `
"paddingTop": 24,
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontFamily": "System",
"fontSize": 16,
"fontWeight": undefined,
@@ -739,7 +739,7 @@ exports[`correctly applies cursorColor prop 1`] = `
"paddingTop": 24,
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontFamily": "System",
"fontSize": 16,
"fontWeight": undefined,
@@ -965,7 +965,7 @@ exports[`correctly applies default textAlign based on default RTL 1`] = `
"paddingTop": 24,
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontFamily": "System",
"fontSize": 16,
"fontWeight": undefined,
@@ -1009,7 +1009,7 @@ exports[`correctly applies height to multiline Outline TextInput 1`] = `
},
false,
{
- "backgroundColor": "rgba(255, 251, 254, 1)",
+ "backgroundColor": "rgba(254, 247, 255, 1)",
"borderColor": "rgba(121, 116, 126, 1)",
"borderRadius": 4,
"borderWidth": 1,
@@ -1086,7 +1086,7 @@ exports[`correctly applies height to multiline Outline TextInput 1`] = `
numberOfLines={1}
style={
{
- "backgroundColor": "rgba(255, 251, 254, 1)",
+ "backgroundColor": "rgba(254, 247, 255, 1)",
"color": "transparent",
"fontFamily": "System",
"fontSize": 16,
@@ -1225,7 +1225,7 @@ exports[`correctly applies height to multiline Outline TextInput 1`] = `
"paddingTop": 24,
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontFamily": "System",
"fontSize": 16,
"fontWeight": undefined,
@@ -1450,7 +1450,7 @@ exports[`correctly applies paddingLeft from contentStyleProp 1`] = `
"paddingTop": 24,
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontFamily": "System",
"fontSize": 16,
"fontWeight": undefined,
@@ -1678,7 +1678,7 @@ exports[`correctly applies textAlign center 1`] = `
"paddingTop": 24,
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontFamily": "System",
"fontSize": 16,
"fontWeight": undefined,
@@ -1904,7 +1904,7 @@ exports[`correctly renders left-side affix adornment, and right-side icon adornm
"paddingTop": 24,
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontFamily": "System",
"fontSize": 16,
"fontWeight": undefined,
@@ -2323,7 +2323,7 @@ exports[`correctly renders left-side icon adornment, and right-side affix adornm
"paddingTop": 24,
},
{
- "color": "rgba(28, 27, 31, 1)",
+ "color": "rgba(29, 27, 32, 1)",
"fontFamily": "System",
"fontSize": 16,
"fontWeight": undefined,
diff --git a/src/components/__tests__/__snapshots__/ToggleButton.test.tsx.snap b/src/components/__tests__/__snapshots__/ToggleButton.test.tsx.snap
index 456c0402fa..0e475cd073 100644
--- a/src/components/__tests__/__snapshots__/ToggleButton.test.tsx.snap
+++ b/src/components/__tests__/__snapshots__/ToggleButton.test.tsx.snap
@@ -113,7 +113,7 @@ exports[`renders disabled toggle button 1`] = `
style={
[
{
- "color": "rgba(28, 27, 31, 0.38)",
+ "color": "rgba(29, 27, 32, 0.38)",
"fontSize": 24,
},
[
@@ -386,7 +386,7 @@ exports[`renders unchecked toggle button 1`] = `
style={
[
{
- "color": "rgba(28, 27, 31, 0.38)",
+ "color": "rgba(29, 27, 32, 0.38)",
"fontSize": 24,
},
[
diff --git a/src/styles/themes/v3/DarkTheme.tsx b/src/styles/themes/v3/DarkTheme.tsx
index 9823e677bd..a8dd709faf 100644
--- a/src/styles/themes/v3/DarkTheme.tsx
+++ b/src/styles/themes/v3/DarkTheme.tsx
@@ -19,13 +19,20 @@ export const MD3DarkTheme: MD3Theme = {
secondaryContainer: palette.secondary30,
tertiary: palette.tertiary80,
tertiaryContainer: palette.tertiary30,
- surface: palette.neutral10,
+ surface: palette.neutral6,
+ surfaceDim: palette.neutral6,
+ surfaceBright: palette.neutral24,
+ surfaceContainerLowest: palette.neutral4,
+ surfaceContainerLow: palette.neutral10,
+ surfaceContainer: palette.neutral12,
+ surfaceContainerHigh: palette.neutral17,
+ surfaceContainerHighest: palette.neutral22,
surfaceVariant: palette.neutralVariant30,
surfaceDisabled: color(palette.neutral90)
.alpha(opacity.level2)
.rgb()
.string(),
- background: palette.neutral10,
+ background: palette.neutral6,
error: palette.error80,
errorContainer: palette.error30,
onPrimary: palette.primary20,
@@ -48,19 +55,28 @@ export const MD3DarkTheme: MD3Theme = {
inverseSurface: palette.neutral90,
inverseOnSurface: palette.neutral20,
inversePrimary: palette.primary40,
+ primaryFixed: palette.primary90,
+ primaryFixedDim: palette.primary80,
+ onPrimaryFixed: palette.primary10,
+ onPrimaryFixedVariant: palette.primary30,
+ secondaryFixed: palette.secondary90,
+ secondaryFixedDim: palette.secondary80,
+ onSecondaryFixed: palette.secondary10,
+ onSecondaryFixedVariant: palette.secondary30,
+ tertiaryFixed: palette.tertiary90,
+ tertiaryFixedDim: palette.tertiary80,
+ onTertiaryFixed: palette.tertiary10,
+ onTertiaryFixedVariant: palette.tertiary30,
shadow: palette.neutral0,
scrim: palette.neutral0,
backdrop: color(MD3Colors.neutralVariant20).alpha(0.4).rgb().string(),
elevation: {
level0: 'transparent',
- // Note: Color values with transparency cause RN to transfer shadows to children nodes
- // instead of View component in Surface. Providing solid background fixes the issue.
- // Opaque color values generated with `palette.primary80` used as background
- level1: 'rgb(37, 35, 42)', // palette.primary80, alpha 0.05
- level2: 'rgb(44, 40, 49)', // palette.primary80, alpha 0.08
- level3: 'rgb(49, 44, 56)', // palette.primary80, alpha 0.11
- level4: 'rgb(51, 46, 58)', // palette.primary80, alpha 0.12
- level5: 'rgb(52, 49, 63)', // palette.primary80, alpha 0.14
+ level1: palette.neutral4,
+ level2: palette.neutral10,
+ level3: palette.neutral12,
+ level4: palette.neutral17,
+ level5: palette.neutral22,
},
},
};
diff --git a/src/styles/themes/v3/LightTheme.tsx b/src/styles/themes/v3/LightTheme.tsx
index 99e0d11ab4..c7b32d6013 100644
--- a/src/styles/themes/v3/LightTheme.tsx
+++ b/src/styles/themes/v3/LightTheme.tsx
@@ -18,13 +18,20 @@ export const MD3LightTheme: MD3Theme = {
secondaryContainer: palette.secondary90,
tertiary: palette.tertiary40,
tertiaryContainer: palette.tertiary90,
- surface: palette.neutral99,
+ surface: palette.neutral98,
+ surfaceDim: palette.neutral87,
+ surfaceBright: palette.neutral98,
+ surfaceContainerLowest: palette.neutral100,
+ surfaceContainerLow: palette.neutral96,
+ surfaceContainer: palette.neutral94,
+ surfaceContainerHigh: palette.neutral92,
+ surfaceContainerHighest: palette.neutral90,
surfaceVariant: palette.neutralVariant90,
surfaceDisabled: color(palette.neutral10)
.alpha(opacity.level2)
.rgb()
.string(),
- background: palette.neutral99,
+ background: palette.neutral98,
error: palette.error40,
errorContainer: palette.error90,
onPrimary: palette.primary100,
@@ -47,19 +54,28 @@ export const MD3LightTheme: MD3Theme = {
inverseSurface: palette.neutral20,
inverseOnSurface: palette.neutral95,
inversePrimary: palette.primary80,
+ primaryFixed: palette.primary90,
+ primaryFixedDim: palette.primary80,
+ onPrimaryFixed: palette.primary10,
+ onPrimaryFixedVariant: palette.primary30,
+ secondaryFixed: palette.secondary90,
+ secondaryFixedDim: palette.secondary80,
+ onSecondaryFixed: palette.secondary10,
+ onSecondaryFixedVariant: palette.secondary30,
+ tertiaryFixed: palette.tertiary90,
+ tertiaryFixedDim: palette.tertiary80,
+ onTertiaryFixed: palette.tertiary10,
+ onTertiaryFixedVariant: palette.tertiary30,
shadow: palette.neutral0,
scrim: palette.neutral0,
backdrop: color(MD3Colors.neutralVariant20).alpha(0.4).rgb().string(),
elevation: {
level0: 'transparent',
- // Note: Color values with transparency cause RN to transfer shadows to children nodes
- // instead of View component in Surface. Providing solid background fixes the issue.
- // Opaque color values generated with `palette.primary99` used as background
- level1: 'rgb(247, 243, 249)', // palette.primary40, alpha 0.05
- level2: 'rgb(243, 237, 246)', // palette.primary40, alpha 0.08
- level3: 'rgb(238, 232, 244)', // palette.primary40, alpha 0.11
- level4: 'rgb(236, 230, 243)', // palette.primary40, alpha 0.12
- level5: 'rgb(233, 227, 241)', // palette.primary40, alpha 0.14
+ level1: palette.neutral100,
+ level2: palette.neutral96,
+ level3: palette.neutral94,
+ level4: palette.neutral92,
+ level5: palette.neutral90,
},
},
fonts: configureFonts(),
diff --git a/src/styles/themes/v3/tokens.tsx b/src/styles/themes/v3/tokens.tsx
index d008944d86..6eb27445fd 100644
--- a/src/styles/themes/v3/tokens.tsx
+++ b/src/styles/themes/v3/tokens.tsx
@@ -6,6 +6,7 @@ const ref = {
palette: {
primary100: 'rgba(255, 255, 255, 1)',
primary99: 'rgba(255, 251, 254, 1)',
+ primary98: 'rgba(254, 247, 255, 1)',
primary95: 'rgba(246, 237, 255, 1)',
primary90: 'rgba(234, 221, 255, 1)',
primary80: 'rgba(208, 188, 255, 1)',
@@ -19,6 +20,7 @@ const ref = {
primary0: 'rgba(0, 0, 0, 1)',
secondary100: 'rgba(255, 255, 255, 1)',
secondary99: 'rgba(255, 251, 254, 1)',
+ secondary98: 'rgba(254, 247, 255, 1)',
secondary95: 'rgba(246, 237, 255, 1)',
secondary90: 'rgba(232, 222, 248, 1)',
secondary80: 'rgba(204, 194, 220, 1)',
@@ -32,6 +34,7 @@ const ref = {
secondary0: 'rgba(0, 0, 0, 1)',
tertiary100: 'rgba(255, 255, 255, 1)',
tertiary99: 'rgba(255, 251, 250, 1)',
+ tertiary98: 'rgba(255, 248, 248, 1)',
tertiary95: 'rgba(255, 236, 241, 1)',
tertiary90: 'rgba(255, 216, 228, 1)',
tertiary80: 'rgba(239, 184, 200, 1)',
@@ -44,20 +47,32 @@ const ref = {
tertiary10: 'rgba(49, 17, 29, 1)',
tertiary0: 'rgba(0, 0, 0, 1)',
neutral100: 'rgba(255, 255, 255, 1)',
- neutral99: 'rgba(255, 251, 254, 1)',
- neutral95: 'rgba(244, 239, 244, 1)',
- neutral90: 'rgba(230, 225, 229, 1)',
- neutral80: 'rgba(201, 197, 202, 1)',
- neutral70: 'rgba(174, 170, 174, 1)',
- neutral60: 'rgba(147, 144, 148, 1)',
- neutral50: 'rgba(120, 117, 121, 1)',
- neutral40: 'rgba(96, 93, 98, 1)',
- neutral30: 'rgba(72, 70, 73, 1)',
- neutral20: 'rgba(49, 48, 51, 1)',
- neutral10: 'rgba(28, 27, 31, 1)',
+ neutral99: 'rgba(255, 251, 255, 1)',
+ neutral98: 'rgba(254, 247, 255, 1)',
+ neutral96: 'rgba(247, 242, 250, 1)',
+ neutral95: 'rgba(245, 239, 247, 1)',
+ neutral94: 'rgba(243, 237, 247, 1)',
+ neutral92: 'rgba(236, 230, 240, 1)',
+ neutral90: 'rgba(230, 224, 233, 1)',
+ neutral87: 'rgba(222, 216, 225, 1)',
+ neutral80: 'rgba(202, 197, 205, 1)',
+ neutral70: 'rgba(174, 169, 177, 1)',
+ neutral60: 'rgba(147, 143, 150, 1)',
+ neutral50: 'rgba(121, 118, 125, 1)',
+ neutral40: 'rgba(96, 93, 100, 1)',
+ neutral30: 'rgba(72, 70, 76, 1)',
+ neutral24: 'rgba(59, 56, 62, 1)',
+ neutral22: 'rgba(54, 52, 59, 1)',
+ neutral20: 'rgba(50, 47, 53, 1)',
+ neutral17: 'rgba(43, 41, 48, 1)',
+ neutral12: 'rgba(33, 31, 38, 1)',
+ neutral10: 'rgba(29, 27, 32, 1)',
+ neutral6: 'rgba(20, 18, 24, 1)',
+ neutral4: 'rgba(15, 13, 19, 1)',
neutral0: 'rgba(0, 0, 0, 1)',
neutralVariant100: 'rgba(255, 255, 255, 1)',
neutralVariant99: 'rgba(255, 251, 254, 1)',
+ neutralVariant98: 'rgba(253, 247, 255, 1)',
neutralVariant95: 'rgba(245, 238, 250, 1)',
neutralVariant90: 'rgba(231, 224, 236, 1)',
neutralVariant80: 'rgba(202, 196, 208, 1)',
@@ -71,6 +86,7 @@ const ref = {
neutralVariant0: 'rgba(0, 0, 0, 1)',
error100: 'rgba(255, 255, 255, 1)',
error99: 'rgba(255, 251, 249, 1)',
+ error98: 'rgba(255, 248, 247, 1)',
error95: 'rgba(252, 238, 238, 1)',
error90: 'rgba(249, 222, 220, 1)',
error80: 'rgba(242, 184, 181, 1)',
diff --git a/src/types.tsx b/src/types.tsx
index 4208fa0d64..d8d0e81125 100644
--- a/src/types.tsx
+++ b/src/types.tsx
@@ -36,6 +36,13 @@ export type MD3Colors = {
tertiary: string;
tertiaryContainer: string;
surface: string;
+ surfaceDim: string;
+ surfaceBright: string;
+ surfaceContainerLowest: string;
+ surfaceContainerLow: string;
+ surfaceContainer: string;
+ surfaceContainerHigh: string;
+ surfaceContainerHighest: string;
surfaceVariant: string;
surfaceDisabled: string;
background: string;
@@ -58,6 +65,18 @@ export type MD3Colors = {
inverseSurface: string;
inverseOnSurface: string;
inversePrimary: string;
+ primaryFixed: string;
+ primaryFixedDim: string;
+ onPrimaryFixed: string;
+ onPrimaryFixedVariant: string;
+ secondaryFixed: string;
+ secondaryFixedDim: string;
+ onSecondaryFixed: string;
+ onSecondaryFixedVariant: string;
+ tertiaryFixed: string;
+ tertiaryFixedDim: string;
+ onTertiaryFixed: string;
+ onTertiaryFixedVariant: string;
shadow: string;
scrim: string;
backdrop: string;