@esri/calcite-colors - npm Package Versions

6.1.0 - 2023-01-04

Additions

SASS Variables

• $ui-text-highlight-light #bbd5fa
• $ui-text-highlight-dark #375F95

CSS Variables

• --calcite-ui-text-highlight: #bbd5fa (light) #375F95 (dark)

6.0.1 - 2021-08-09

SASS variable updates

• :warning: $ui-border-2-light is now #d4d4d4 ($blk-040)
• :warning: $ui-border-3-light is now #dfdfdf ($blk-030)
• :warning: $ui-border-1-dark is now #555555 ($blk-160)
• :warning: $ui-border-2-dark is now #4a4a4a ($blk-170)
• :warning: $ui-border-3-dark is now #404040 ($blk-180)

CSS variable updates

• Light theme --calcite-ui-border-2 is now #d4d4d4 ($ui-border-2-light)
• Light theme --calcite-ui-border-3 is now #dfdfdf ($ui-border-3-light)
• Dark theme --calcite-ui-border-1 is now #555555 ($ui-border-1-dark)
• Dark theme --calcite-ui-border-2 is now #4a4a4a ($ui-border-2-dark)
• Dark theme --calcite-ui-border-3 is now #404040 ($ui-border-3-dark)

6.0.0 - 2021-01-28

Breaking Changes

SASS variable updates

• :warning: $ui-blue-1 is now $ui-brand-light
• :warning: $ui-blue-2 is now $ui-brand-hover-light
• :warning: $ui-blue-3 is now $ui-brand-press-light
• :warning: $ui-green-1 is now $ui-success-light
• :warning: $ui-green-2 removed
• :warning: $ui-green-3 removed
• :warning: $ui-yellow-1 is now $ui-warning-light
• :warning: $ui-yellow-2 removed
• :warning: $ui-yellow-3 removed
• :warning: $ui-red-1 is now $ui-danger-light
• :warning: $ui-red-2 is now $ui-danger-hover-light
• :warning: $ui-red-3 is now $ui-danger-press-light
• :warning: $ui-background: is now $ui-background-light
• :warning: $ui-foreground-1 is now $ui-foreground-1-light
• :warning: $ui-foreground-2 is now $ui-foreground-2-light
• :warning: $ui-foreground-3 is now $ui-foreground-3-light
• :warning: $ui-text-1 is now $ui-text-1-light
• :warning: $ui-text-2 is now $ui-text-2-light
• :warning: $ui-text-3 is now $ui-text-3-light
• :warning: $ui-border-1 is now $ui-border-1-light
• :warning: $ui-border-2 is now $ui-border-2-light
• :warning: $ui-border-3 is now $ui-border-3-light
• :warning: $ui-border-4 removed
• :warning: $ui-border-5 removed

Note: the above also apply to the corresponding dark theme color variables.

CSS Variables

• :warning: --calcite-ui-blue-1 is now --calcite-ui-brand
• :warning: --calcite-ui-blue-2 is now --calcite-ui-brand-hover
• :warning: --calcite-ui-blue-3 is now --calcite-ui-brand-press
• :warning: --calcite-ui-green-1 is now --calcite-ui-success
• :warning: --calcite-ui-green-2 removed
• :warning: --calcite-ui-green-3 removed
• :warning: --calcite-ui-yellow-1 is now --calcite-ui-warning
• :warning: --calcite-ui-yellow-2 removed
• :warning: --calcite-ui-yellow-3 removed
• :warning: --calcite-ui-red-1 is now --calcite-ui-danger
• :warning: --calcite-ui-red-2 is now --calcite-ui-danger-hover
• :warning: --calcite-ui-red-3 is now --calcite-ui-danger-press
• :warning: --calcite-ui-border-4 removed
• :warning: --calcite-ui-border-5 removed

Additions

SASS Variables

• $ui-border-input-light #949494
• $ui-text-inverse-light #ffffff
• $ui-text-link-light #00619b
• $ui-info-light #00619b

Note: The above also have -dark equivalents.

CSS Variables

• --calcite-ui-border-input #949494
• --calcite-ui-text-inverse #ffffff
• --calcite-ui-text-link #00619b
• --calcite-ui-info #00619b

5.0.0 - 2020-10-20

• [!breaking change] Moved /src/colors.scss file to /dist/colors.scss.
• [!breaking change] Renamed const exports from colors.ts to be lowercased.

4.0.1 - 2020-10-14

• Update readme documentation.

4.0.0 - 2020-10-13

• [!breaking change] Moved colors.scss file to /src/colors.scss.
• [!breaking change] Moved colors.ts file to /src/colors.ts.
• [!breaking change] Removed colors.json file. The project's new "main" file is /dist/colors.js.
• [!breaking change] Combined colors and chart colors.
• Added multiple module output formats.

3.0.1 - 2020-10-07

• Remove 'postinstall' npm script.

3.0.0 - 2020-10-06

• [!breaking change] Moved colors.json and colors.js to the dist/ folder.
• Add charting colors.
• Add build for compiling TypeScript files to JS and JSON.

2.1.0 - 2020-03-19

• Added mixins for css custom property generation of light and dark theme

2.0 - 2020-03-17

• [!breaking change] Changed all idle, hover, and press variables to 1,2,3 (borders use 1,2,3,4,5)

1.7.1 - 2020-01-03

• Add type definitions for new ES6 export for TS users