Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

revert: Updates severity notification palette #3014

Merged
merged 1 commit into from
Nov 14, 2024
Merged

revert: Updates severity notification palette #3014

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
160 changes: 80 additions & 80 deletions src/__integ__/__snapshots__/themes.test.ts.snap
View file
Open in desktop

Large diffs are not rendered by default.

1,050 changes: 0 additions & 1,050 deletions src/__tests__/snapshot-tests/__snapshots__/design-tokens.test.ts.snap
View file
Open in desktop

Large diffs are not rendered by default.

20 changes: 10 additions & 10 deletions src/badge/styles.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -37,27 +37,27 @@
}

&.badge-color-severity-critical {
background-color: awsui.$color-background-notification-severity-critical;
color: awsui.$color-text-notification-severity-critical;
background-color: awsui.$color-background-severity-critical;
color: awsui.$color-text-severity-critical;
}

&.badge-color-severity-high {
background-color: awsui.$color-background-notification-severity-high;
color: awsui.$color-text-notification-severity-high;
background-color: awsui.$color-background-severity-high;
color: awsui.$color-text-severity-high;
}

&.badge-color-severity-medium {
background-color: awsui.$color-background-notification-severity-medium;
color: awsui.$color-text-notification-severity-medium;
background-color: awsui.$color-background-severity-medium;
color: awsui.$color-text-severity-medium;
}

&.badge-color-severity-low {
background-color: awsui.$color-background-notification-severity-low;
color: awsui.$color-text-notification-severity-low;
background-color: awsui.$color-background-severity-low;
color: awsui.$color-text-severity-low;
}

&.badge-color-severity-neutral {
background-color: awsui.$color-background-notification-severity-neutral;
color: awsui.$color-text-notification-severity-neutral;
background-color: awsui.$color-background-severity-neutral;
color: awsui.$color-text-severity-neutral;
}
}
19 changes: 0 additions & 19 deletions style-dictionary/classic/color-severity.ts
View file
Open in desktop

This file was deleted.

1 change: 1 addition & 0 deletions style-dictionary/classic/colors.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -148,6 +148,7 @@ const tokens: StyleDictionary.ColorsDictionary = {
colorDragPlaceholderActive: { light: '{colorGrey300}', dark: '{colorGrey550}' },
colorDragPlaceholderHover: { light: '{colorBlue300}', dark: '{colorBlue600}' },
colorBackgroundDropdownItemHover: { light: '{colorGrey150}', dark: '{colorGrey650}' },
colorTextSeverityMedium: { light: '{colorBlack}', dark: '{colorGrey900}' },
};

const expandedTokens: StyleDictionary.ExpandedColorScopeDictionary = merge(
Expand Down
1 change: 0 additions & 1 deletion style-dictionary/classic/index.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,6 @@ const modes = [
const tokenCategories = [
require('./color-palette'),
require('./color-charts'),
require('./color-severity'),
require('./colors'),
require('./typography'),
require('./borders'),
Expand Down
2 changes: 0 additions & 2 deletions style-dictionary/utils/interfaces.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,6 @@ import {
ColorChartsTokenName,
ColorPaletteTokenName,
ColorScopeTokenName,
ColorSeverityTokenName,
ColorsTokenName,
DensityScopeTokenName,
GlobalScopeTokenName,
Expand Down Expand Up @@ -48,7 +47,6 @@ export namespace StyleDictionary {
export type TypographyDictionary = Partial<TokenCategory<TypographyTokenName, GlobalEntry>>;
export type BordersDictionary = Partial<TokenCategory<BordersTokenName, GlobalEntry>>;
export type ColorChartsDictionary = Partial<TokenCategory<ColorChartsTokenName, ColorModeEntry>>;
export type ColorSeverityDictionary = Partial<TokenCategory<ColorSeverityTokenName, ColorModeEntry>>;
export type ColorsDictionary = Partial<TokenCategory<ColorsTokenName, ColorModeEntry>>;
export type ShadowsDictionary = Partial<TokenCategory<ShadowsTokenName, ColorModeEntry>>;

Expand Down
30 changes: 12 additions & 18 deletions style-dictionary/utils/token-names.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -210,22 +210,6 @@ export type ColorChartsTokenName =
| 'colorChartsPaletteCategorical48'
| 'colorChartsPaletteCategorical49'
| 'colorChartsPaletteCategorical50';
export type ColorSeverityTokenName =
| 'colorSeverityDarkRed'
| 'colorSeverityRed'
| 'colorSeverityOrange'
| 'colorSeverityYellow'
| 'colorSeverityGrey'
| 'colorBackgroundNotificationSeverityCritical'
| 'colorBackgroundNotificationSeverityHigh'
| 'colorBackgroundNotificationSeverityMedium'
| 'colorBackgroundNotificationSeverityLow'
| 'colorBackgroundNotificationSeverityNeutral'
| 'colorTextNotificationSeverityCritical'
| 'colorTextNotificationSeverityHigh'
| 'colorTextNotificationSeverityMedium'
| 'colorTextNotificationSeverityLow'
| 'colorTextNotificationSeverityNeutral';
export type ColorsTokenName =
| 'colorGreyOpaque10'
| 'colorGreyOpaque25'
Expand Down Expand Up @@ -488,7 +472,17 @@ export type ColorsTokenName =
| 'colorDropzoneTextDefault'
| 'colorDropzoneTextHover'
| 'colorDropzoneBorderDefault'
| 'colorDropzoneBorderHover';
| 'colorDropzoneBorderHover'
| 'colorBackgroundSeverityCritical'
| 'colorTextSeverityCritical'
| 'colorBackgroundSeverityHigh'
| 'colorTextSeverityHigh'
| 'colorBackgroundSeverityMedium'
| 'colorTextSeverityMedium'
| 'colorBackgroundSeverityLow'
| 'colorTextSeverityLow'
| 'colorBackgroundSeverityNeutral'
| 'colorTextSeverityNeutral';
export type TypographyTokenName =
| 'fontBoxValueLargeWeight'
| 'fontButtonLetterSpacing'
Expand Down Expand Up @@ -750,7 +744,7 @@ export type ShadowsTokenName =
| 'shadowStickyColumnLast';

export type GlobalScopeTokenName = ColorPaletteTokenName | TypographyTokenName | BordersTokenName;
export type ColorScopeTokenName = ColorChartsTokenName | ColorsTokenName | ShadowsTokenName | ColorSeverityTokenName;
export type ColorScopeTokenName = ColorChartsTokenName | ColorsTokenName | ShadowsTokenName;
export type MotionScopeTokenName = MotionTokenName;
export type DensityScopeTokenName = SizesTokenName | SpacingTokenName;

Expand Down
30 changes: 0 additions & 30 deletions style-dictionary/visual-refresh/color-severity.ts
View file
Open in desktop

This file was deleted.

10 changes: 10 additions & 0 deletions style-dictionary/visual-refresh/colors.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -268,6 +268,16 @@ const tokens: StyleDictionary.ColorsDictionary = {
colorDropzoneTextHover: { light: '{colorGrey600}', dark: '{colorGrey350}' },
colorDropzoneBorderDefault: { light: '{colorGrey500}', dark: '{colorGrey550}' },
colorDropzoneBorderHover: { light: '{colorBlue800}', dark: '{colorBlue400}' },
colorBackgroundSeverityCritical: '{colorChartsStatusCritical}',
colorTextSeverityCritical: { light: '{colorGrey100}', dark: '{colorBlack}' },
colorBackgroundSeverityHigh: '{colorChartsStatusHigh}',
colorTextSeverityHigh: { light: '{colorGrey100}', dark: '{colorGrey900}' },
colorBackgroundSeverityMedium: '{colorChartsStatusMedium}',
colorTextSeverityMedium: '{colorGrey900}',
colorBackgroundSeverityLow: '{colorChartsStatusLow}',
colorTextSeverityLow: '{colorGrey900}',
colorBackgroundSeverityNeutral: { light: '{colorGrey600}', dark: '{colorGrey550}' },
colorTextSeverityNeutral: '{colorGrey100}',
};

const expandedTokens: StyleDictionary.ExpandedColorScopeDictionary = expandColorDictionary(tokens);
Expand Down
1 change: 0 additions & 1 deletion style-dictionary/visual-refresh/index.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,6 @@ const modes = [
const tokenCategories = [
require('./color-palette'),
require('./color-charts'),
require('./color-severity'),
require('./colors'),
require('./typography'),
require('./borders'),
Expand Down
66 changes: 0 additions & 66 deletions style-dictionary/visual-refresh/metadata/color-severity.ts
View file
Open in desktop

This file was deleted.

16 changes: 1 addition & 15 deletions style-dictionary/visual-refresh/metadata/index.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,6 @@ import theme from '../index';
import borders from './borders';
import colorCharts from './color-charts';
import colorPalette from './color-palette';
import colorSeverity from './color-severity';
import colors from './colors';
import motion from './motion';
import shadows from './shadows';
Expand All @@ -20,19 +19,6 @@ import typography from './typography';
const allTokens = mapValues(theme.tokens, () => ({}));

const metadata: StyleDictionary.MetadataIndex = expandMetadata(
merge(
{},
allTokens,
borders,
colorCharts,
colorSeverity,
colorPalette,
colors,
motion,
shadows,
sizes,
spacing,
typography
)
merge({}, allTokens, borders, colorCharts, colorPalette, colors, motion, shadows, sizes, spacing, typography)
);
export default metadata;
Loading