@brightlayer-ui/colors 2.0.1 → 3.1.0-beta.0

package/CHANGELOG.md

@@ -0,0 +1,50 @@
+# CHANGELOG
+
+## v3.1.0 (Not published yet)
+
+### Added
+
+-   Added top level export `BLUIColors` & updated typescript version used to build package ([#47](https://github.com/brightlayer-ui/colors/issues/47)).
+
+## Package Migration Notice
+
+Previous versions listed after this indicator refer to our deprecated `@pxblue` packages.
+
+---
+
+## v3.0.1 (October 20, 2021)
+
+### Changed
+
+-   Changed package namespace from `@pxblue` to `@brightlayer-ui`.
+
+## Package Migration Notice
+
+Previous versions listed after this indicator refer to our deprecated `@pxblue` packages.
+
+---
+
+## v3.0.1 (May 14, 2021)
+
+### Changed
+
+-   Changed `white[100]` from `#fdfdfd` to `#fbfbfb`.
+
+## v3.0.0 (May 18, 2020)
+
+### Added
+
+-   Added new color definition for darkBlack color palette for dark themes.
+
+### Changed
+
+** Breaking change: **
+
+-   Replaced oledBlack palette with darkBlack.
+-   Accent colors have been removed.
+
+## v2.0.0 (December 19, 2019)
+
+### Changed
+
+-   Converted package to Typescript to include type definitions. The package will still be usable in regular JS applications as well.

package/LICENSE

@@ -1,29 +1,29 @@
-BSD 3-Clause License
-
-Copyright (c) 2018, Eaton
-All rights reserved.
-
-Redistribution and use in source and binary forms, with or without
-modification, are permitted provided that the following conditions are met:
-
-* Redistributions of source code must retain the above copyright notice, this
-  list of conditions and the following disclaimer.
-
-* Redistributions in binary form must reproduce the above copyright notice,
-  this list of conditions and the following disclaimer in the documentation
-  and/or other materials provided with the distribution.
-
-* Neither the name of the copyright holder nor the names of its
-  contributors may be used to endorse or promote products derived from
-  this software without specific prior written permission.
-
-THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
-AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
-IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
-DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
-FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
-DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
-SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
-CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
-OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
-OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+BSD 3-Clause License
+
+Copyright (c) 2018 - present, Eaton
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+
+* Redistributions of source code must retain the above copyright notice, this
+  list of conditions and the following disclaimer.
+
+* Redistributions in binary form must reproduce the above copyright notice,
+  this list of conditions and the following disclaimer in the documentation
+  and/or other materials provided with the distribution.
+
+* Neither the name of the copyright holder nor the names of its
+  contributors may be used to endorse or promote products derived from
+  this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
+FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
+DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
+SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
+CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
+OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

package/LICENSES.json

@@ -0,0 +1,8 @@
+{
+    "@brightlayer-ui/types@2.0.0": {
+        "licenses": "BSD-3-Clause",
+        "repository": "https://github.com/brightlayer-ui/types",
+        "licenseUrl": "https://github.com/brightlayer-ui/types/raw/master/LICENSE",
+        "parents": "@brightlayer-ui/colors"
+    }
+}

package/{readme.md → README.md}

@@ -1,49 +1,57 @@
-# Brightlayer UI Colors
-
-This package contains Brightlayer UI UI color definitions. These are intended for use as primary UI colors. 
-
-It contains the following color defintions:
-```
-blue / $blui-blue
-lightBlue / $blui-lightBlue
-green / $blui-green
-red / $blui-red
-orange / $blui-orange
-gold / $blui-gold
-purple / $blui-purple
-black / $blui-black
-gray / $blui-gray
-yellow / $blui-yellow
-white / $blui-white
-```
-
-These all have color definitions for the following values: 50, 100, 200, 300, 400, 500, 600, 700, 800, 900, A100, A200, A400, A700.
-> NOTE: the white palette does not have accent colors defined.
-
-## Installation
-Install with npm
-```
-npm install --save @brightlayer-ui/colors
-```
-or yarn
-```
-yarn add @brightlayer-ui/colors
-```
-
-## Usage
-Incorporating these colors into your project is handled differently depending on the framework that you are using.
-
-### Angular or Ionic
-```
-// in styles.scss or your top-level sass file
-@import '~@brightlayer-ui/colors/palette.scss'
-...
-background-color: map-get($blui-blue, 500)
-```
-
-### React or React Native
-```
-import * as Colors from '@brightlayer-ui/colors';
-...
-<div style={{background: Colors.blue['500']}}/>
-```
+# Brightlayer UI Colors
+
+This package contains Brightlayer UI color definitions. These are intended for use as primary UI colors.
+
+It contains the following color defintions:
+
+```
+blue / $blui-blue
+white / $blui-white
+gray / $blui-gray
+black / $blui-black
+darkBlack / $blui-darkBlack
+red / $blui-red
+orange / $blui-orange
+gold / $blui-gold
+yellow / $blui-yellow
+green / $blui-green
+lightBlue / $blui-lightBlue
+purple / $blui-purple
+```
+
+These all have color definitions for the following values: 50, 100, 200, 300, 400, 500, 600, 700, 800, 900.
+
+## Installation
+
+Install with npm
+
+```
+npm install --save @brightlayer-ui/colors
+```
+
+or yarn
+
+```
+yarn add @brightlayer-ui/colors
+```
+
+## Usage
+
+Incorporating these colors into your project is handled differently depending on the framework that you are using.
+
+### Angular or Ionic
+
+```
+// in styles.scss or your top-level sass file
+@import '~@brightlayer-ui/colors/palette.scss'
+...
+background-color: map-get($blui-blue, 500)
+```
+
+### React or React Native
+
+```
+import * as Colors from '@brightlayer-ui/colors';
+...
+<div style={{background: Colors.blue['500']}}/>
+```

package/dist/index.d.ts

@@ -1,8 +1,9 @@
-/**
-Copyright (c) 2018-present, Eaton
- 
-All rights reserved.
- 
-This code is licensed under the BSD-3 license found in the LICENSE file in the root directory of this source tree and at https://opensource.org/licenses/BSD-3-Clause.
-**/
-export * from './palette';
+/**
+Copyright (c) 2018-present, Eaton
+ 
+All rights reserved.
+ 
+This code is licensed under the BSD-3 license found in the LICENSE file in the root directory of this source tree and at https://opensource.org/licenses/BSD-3-Clause.
+**/
+export * from './palette';
+export * as BLUIColors from './palette';

package/dist/index.js

@@ -1,13 +1,9 @@
-"use strict";
-/**
-Copyright (c) 2018-present, Eaton
- 
-All rights reserved.
- 
-This code is licensed under the BSD-3 license found in the LICENSE file in the root directory of this source tree and at https://opensource.org/licenses/BSD-3-Clause.
-**/
-function __export(m) {
-    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
-}
-Object.defineProperty(exports, "__esModule", { value: true });
-__export(require("./palette"));
+/**
+Copyright (c) 2018-present, Eaton
+ 
+All rights reserved.
+ 
+This code is licensed under the BSD-3 license found in the LICENSE file in the root directory of this source tree and at https://opensource.org/licenses/BSD-3-Clause.
+**/
+export * from './palette';
+export * as BLUIColors from './palette';

package/dist/palette.d.ts

@@ -1,20 +1,21 @@
-/**
-Copyright (c) 2018-present, Eaton
- 
-All rights reserved.
- 
-This code is licensed under the BSD-3 license found in the LICENSE file in the root directory of this source tree and at https://opensource.org/licenses/BSD-3-Clause.
-**/
-import { BLUIColor } from '@brightlayer-ui/types';
-export declare const blue: BLUIColor;
-export declare const white: BLUIColor;
-export declare const oledBlack: BLUIColor;
-export declare const lightBlue: BLUIColor;
-export declare const green: BLUIColor;
-export declare const red: BLUIColor;
-export declare const orange: BLUIColor;
-export declare const gold: BLUIColor;
-export declare const purple: BLUIColor;
-export declare const black: BLUIColor;
-export declare const gray: BLUIColor;
-export declare const yellow: BLUIColor;
+/**
+Copyright (c) 2018-present, Eaton
+ 
+All rights reserved.
+ 
+This code is licensed under the BSD-3 license found in the LICENSE file in the root directory of this source tree and at https://opensource.org/licenses/BSD-3-Clause.
+**/
+import { BLUIColor } from '@brightlayer-ui/types';
+export declare const blue: BLUIColor;
+export declare const white: BLUIColor;
+export declare const gray: BLUIColor;
+export declare const black: BLUIColor;
+export declare const darkBlack: BLUIColor;
+export declare const vantaBlack: BLUIColor;
+export declare const red: BLUIColor;
+export declare const orange: BLUIColor;
+export declare const gold: BLUIColor;
+export declare const yellow: BLUIColor;
+export declare const green: BLUIColor;
+export declare const lightBlue: BLUIColor;
+export declare const purple: BLUIColor;

package/dist/palette.js

@@ -1,199 +1,160 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.blue = {
-    50: '#e0eff8',
-    100: '#b3d7ec',
-    200: '#80bde0',
-    300: '#4da3d4',
-    400: '#268fca',
-    500: '#007bc1',
-    600: '#0073bb',
-    700: '#0068b3',
-    800: '#005eab',
-    900: '#004b9e',
-    A100: '#4da3d4',
-    A200: '#007bc1',
-    A400: '#0068b3',
-    A700: '#004b9e',
-    'contrastDefaultColor': 'light'
-};
-exports.white = {
-    50: '#ffffff',
-    100: '#fdfdfd',
-    200: '#f7f8f8',
-    300: '#f3f5f5',
-    400: '#f1f2f2',
-    500: '#eef0f0',
-    600: '#eceeee',
-    700: '#e9ecec',
-    800: '#e7e9e9',
-    900: '#e2e5e5',
-    'contrastDefaultColor': 'dark'
-};
-// TBD
-exports.oledBlack = {
-    50: '#202224',
-    100: '#202224',
-    200: '#182022',
-    300: '#182022',
-    400: '#13181b',
-    500: '#13181b',
-    600: '#0b0e0f',
-    700: '#0b0e0f',
-    800: '#000000',
-    900: '#000000',
-    'contrastDefaultColor': 'light'
-};
-exports.lightBlue = {
-    50: '#e0f1fd',
-    100: '#b3dbfb',
-    200: '#80c4f9',
-    300: '#4dacf6',
-    400: '#269af4',
-    500: '#0088f2',
-    600: '#0080f0',
-    700: '#0075ee',
-    800: '#006bec',
-    900: '#0058e8',
-    A100: '#4dacf6',
-    A200: '#0088f2',
-    A400: '#0075ee',
-    A700: '#0058e8',
-    'contrastDefaultColor': 'dark'
-};
-exports.green = {
-    50: '#e7f6e4',
-    100: '#c4e9bc',
-    200: '#9cdb90',
-    300: '#74cc63',
-    400: '#57c141',
-    500: '#39b620',
-    600: '#33af1c',
-    700: '#2ca618',
-    800: '#249e13',
-    900: '#178e0b',
-    A100: '#e8fff1',
-    A200: '#9bffc4',
-    A400: '#4dff96',
-    A700: '#00ff69',
-    'contrastDefaultColor': 'light'
-};
-exports.red = {
-    50: '#f9e8e8',
-    100: '#efc5c5',
-    200: '#e59e9e',
-    300: '#da7777',
-    400: '#d2595a',
-    500: '#ca3c3d',
-    600: '#c53637',
-    700: '#bd2e2f',
-    800: '#b72727',
-    900: '#ab1a1a',
-    A100: '#da7777',
-    A200: '#ca3c3d',
-    A400: '#bd2e2f',
-    A700: '#ab1a1a',
-    'contrastDefaultColor': 'light'
-};
-exports.orange = {
-    50: '#feefe4',
-    100: '#fcd6bc',
-    200: '#fabb90',
-    300: '#f7a064',
-    400: '#f68b42',
-    500: '#f47721',
-    600: '#f36f1d',
-    700: '#f16418',
-    800: '#ef5a14',
-    900: '#ec470b',
-    A100: '#ffefed',
-    A200: '#ffd8d1',
-    A400: '#ffc0b6',
-    A700: '#ffa99a',
-    'contrastDefaultColor': 'light'
-};
-exports.gold = {
-    50: '#fdf5e4',
-    100: '#fbe6bc',
-    200: '#f8d58f',
-    300: '#f5c462',
-    400: '#f2b741',
-    500: '#f0aa1f',
-    600: '#eea31b',
-    700: '#ec9917',
-    800: '#e99012',
-    900: '#e57f0a',
-    A100: '#fdf4ec',
-    A200: '#fee3ca',
-    A400: '#fed3a8',
-    A700: '#ffc68f',
-    'contrastDefaultColor': 'dark'
-};
-exports.purple = {
-    50: '#f3e8fd',
-    100: '#e0c5fa',
-    200: '#cc9ff7',
-    300: '#b779f4',
-    400: '#a75cf1',
-    500: '#983fef',
-    600: '#9039ed',
-    700: '#8531eb',
-    800: '#7b29e8',
-    900: '#6a1be4',
-    A100: '#f0ecfe',
-    A200: '#d2c5fc',
-    A400: '#c3b2fb',
-    A700: '#ac95f9',
-    'contrastDefaultColor': 'light'
-};
-exports.black = {
-    50: '#e8eaea',
-    100: '#c6cacc',
-    200: '#a1a7aa',
-    300: '#7b8387',
-    400: '#5e696e',
-    500: '#424e54',
-    600: '#3c474d',
-    700: '#333d43',
-    800: '#2b353a',
-    900: '#1d2529',
-    A100: '#101417',
-    A200: '#181f22',
-    A400: '#0b0e10',
-    A700: '#000000',
-    'contrastDefaultColor': 'light'
-};
-exports.gray = {
-    50: '#eef0f0',
-    100: '#d5d8da',
-    200: '#b9bfc2',
-    300: '#9ca5a9',
-    400: '#879196',
-    500: '#727e84',
-    600: '#6a767c',
-    700: '#5f6b71',
-    800: '#556167',
-    900: '#424e54',
-    A100: '#f0f5fd',
-    A200: '#c2dafe',
-    A400: '#268fca',
-    A700: '#007bc1',
-    'contrastDefaultColor': 'light'
-};
-exports.yellow = {
-    50: '#fdf9e6',
-    100: '#fbefc1',
-    200: '#f8e597',
-    300: '#f5db6d',
-    400: '#f2d34e',
-    500: '#f0cb2f',
-    600: '#eec62a',
-    700: '#ecbe23',
-    800: '#e9b81d',
-    900: '#e5ac12',
-    A100: '#fffd00',
-    A200: '#ffeb26',
-    A400: '#ffd94c',
-    A700: '#ffcb69',
-    'contrastDefaultColor': 'dark'
-};
+/* Primary Colors / User Interface Colors */
+export const blue = {
+    50: '#e0eff8',
+    100: '#b3d7ec',
+    200: '#80bde0',
+    300: '#4da3d4',
+    400: '#268fca',
+    500: '#007bc1',
+    600: '#0073bb',
+    700: '#0068b3',
+    800: '#005eab',
+    900: '#004b9e',
+    contrastDefaultColor: 'light',
+};
+export const white = {
+    50: '#ffffff',
+    100: '#fbfbfb',
+    200: '#f7f8f8',
+    300: '#f3f5f5',
+    400: '#f1f2f2',
+    500: '#eef0f0',
+    600: '#eceeee',
+    700: '#e9ecec',
+    800: '#e7e9e9',
+    900: '#e2e5e5',
+    contrastDefaultColor: 'dark',
+};
+export const gray = {
+    50: '#eef0f0',
+    100: '#d5d8da',
+    200: '#b9bfc2',
+    300: '#9ca5a9',
+    400: '#879196',
+    500: '#727e84',
+    600: '#6a767c',
+    700: '#5f6b71',
+    800: '#556167',
+    900: '#424e54',
+    contrastDefaultColor: 'light',
+};
+export const black = {
+    50: '#e8eaea',
+    100: '#c6cacc',
+    200: '#a1a7aa',
+    300: '#7b8387',
+    400: '#5e696e',
+    500: '#424e54',
+    600: '#3c474d',
+    700: '#333d43',
+    800: '#2b353a',
+    900: '#1d2529',
+    contrastDefaultColor: 'light',
+};
+export const darkBlack = {
+    50: '#202224',
+    100: '#182022',
+    200: '#182022',
+    300: '#13181b',
+    400: '#101417',
+    500: '#0b0e10',
+    600: '#0b0e10',
+    700: '#08090a',
+    800: '#08090a',
+    900: '#000000',
+    contrastDefaultColor: 'light',
+};
+// alias
+export const vantaBlack = darkBlack;
+/* Status Colors */
+export const red = {
+    50: '#f9e8e8',
+    100: '#efc5c5',
+    200: '#e59e9e',
+    300: '#da7777',
+    400: '#d2595a',
+    500: '#ca3c3d',
+    600: '#c53637',
+    700: '#bd2e2f',
+    800: '#b72727',
+    900: '#ab1a1a',
+    contrastDefaultColor: 'light',
+};
+export const orange = {
+    50: '#feefe4',
+    100: '#fcd6bc',
+    200: '#fabb90',
+    300: '#f7a064',
+    400: '#f68b42',
+    500: '#f47721',
+    600: '#f36f1d',
+    700: '#f16418',
+    800: '#ef5a14',
+    900: '#ec470b',
+    contrastDefaultColor: 'light',
+};
+export const gold = {
+    50: '#fdf5e4',
+    100: '#fbe6bc',
+    200: '#f8d58f',
+    300: '#f5c462',
+    400: '#f2b741',
+    500: '#f0aa1f',
+    600: '#eea31b',
+    700: '#ec9917',
+    800: '#e99012',
+    900: '#e57f0a',
+    contrastDefaultColor: 'dark',
+};
+export const yellow = {
+    50: '#fdf9e6',
+    100: '#fbefc1',
+    200: '#f8e597',
+    300: '#f5db6d',
+    400: '#f2d34e',
+    500: '#f0cb2f',
+    600: '#eec62a',
+    700: '#ecbe23',
+    800: '#e9b81d',
+    900: '#e5ac12',
+    contrastDefaultColor: 'dark',
+};
+export const green = {
+    50: '#e7f6e4',
+    100: '#c4e9bc',
+    200: '#9cdb90',
+    300: '#74cc63',
+    400: '#57c141',
+    500: '#39b620',
+    600: '#33af1c',
+    700: '#2ca618',
+    800: '#249e13',
+    900: '#178e0b',
+    contrastDefaultColor: 'light',
+};
+export const lightBlue = {
+    50: '#e0f1fd',
+    100: '#b3dbfb',
+    200: '#80c4f9',
+    300: '#4dacf6',
+    400: '#269af4',
+    500: '#0088f2',
+    600: '#0080f0',
+    700: '#0075ee',
+    800: '#006bec',
+    900: '#0058e8',
+    contrastDefaultColor: 'dark',
+};
+export const purple = {
+    50: '#f3e8fd',
+    100: '#e0c5fa',
+    200: '#cc9ff7',
+    300: '#b779f4',
+    400: '#a75cf1',
+    500: '#983fef',
+    600: '#9039ed',
+    700: '#8531eb',
+    800: '#7b29e8',
+    900: '#6a1be4',
+    contrastDefaultColor: 'light',
+};

package/package.json

@@ -1,44 +1,45 @@
-{
-  "name": "@brightlayer-ui/colors",
-  "version": "2.0.1",
-  "description": "PX Blue colors for Eaton applications",
-  "main": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1",
-    "build": "yarn && tsc"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/brightlayer-ui/colors.git"
-  },
-  "keywords": [
-    "brightlayer-ui",
-    "colors",
-    "Eaton",
-    "Power",
-    "Xpert",
-    "quality",
-    "lighting"
-  ],
-  "author": "Brightlayer UI <brightlayer-ui@eaton.com>",
-  "license": "BSD-3-Clause",
-  "bugs": {
-    "url": "https://github.com/brightlayer-ui/colors/issues"
-  },
-  "homepage": "https://github.com/brightlayer-ui/colors#readme",
-  "dependencies": {
-    "@brightlayer-ui/types": "^1.0.0"
-  },
-  "devDependencies": {
-    "typescript": "^3.7.3"
-  },
-  "files": [
-    "package.json",
-    "readme.md",
-    "LICENSE",
-    "changelog.md",
-    "dist/",
-    "palette.scss"
-  ]
-}
+{
+    "name": "@brightlayer-ui/colors",
+    "version": "3.1.0-beta.0",
+    "description": "Brightlayer UI colors for Eaton applications",
+    "main": "./dist/index.js",
+    "types": "./dist/index.d.ts",
+    "scripts": {
+        "test": "echo \"Error: no test specified\" && exit 1",
+        "build": "yarn && tsc",
+        "publish:package": "set npm_config_yes=true && npx -p @brightlayer-ui/publish blui-publish",
+        "tag:package": "npx -p @brightlayer-ui/tag blui-tag"
+    },
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/brightlayer-ui/colors.git"
+    },
+    "keywords": [
+        "Brightlayer-UI",
+        "colors",
+        "Eaton",
+        "quality",
+        "lighting"
+    ],
+    "author": "Brightlayer UI <brightlayer-ui@eaton.com>",
+    "license": "BSD-3-Clause",
+    "bugs": {
+        "url": "https://github.com/brightlayer-ui/colors/issues"
+    },
+    "homepage": "https://github.com/brightlayer-ui/colors#readme",
+    "dependencies": {
+        "@brightlayer-ui/types": "^2.0.0"
+    },
+    "devDependencies": {
+        "typescript": "^4.6.3"
+    },
+    "files": [
+        "package.json",
+        "README.md",
+        "LICENSE",
+        "LICENSES.json",
+        "CHANGELOG.md",
+        "dist/",
+        "palette.scss"
+    ]
+}

package/palette.scss

@@ -1,20 +1,304 @@
-/**
-Copyright (c) 2018-present, Eaton
- 
-All rights reserved.
- 
-This code is licensed under the BSD-3 license found in the LICENSE file in the root directory of this source tree and at https://opensource.org/licenses/BSD-3-Clause.
-**/
-
-$blui-blue: ( 50: #e0eff8, 100: #b3d7ec, 200: #80bde0, 300: #4da3d4, 400: #268fca, 500: #007bc1, 600: #0073bb, 700: #0068b3, 800: #005eab, 900: #004b9e, A100: #f0f5fd, A200: #c2dafe, A400: #95c0fe, A700: #67a5ff, contrast: ( 50: #000000, 100: #000000, 200: #000000, 300: #000000, 400: #ffffff, 500: #ffffff, 600: #ffffff, 700: #ffffff, 800: #ffffff, 900: #ffffff, A100: #000000, A200: #000000, A400: #000000, A700: #000000 ));
-$blui-lightBlue: ( 50: #e0f1fd,100: #b3dbfb, 200: #80c4f9, 300: #4dacf6, 400: #269af4, 500: #0088f2, 600: #0080f0, 700: #0075ee, 800: #006bec, 900: #0058e8, A100: #4dacf6, A200: #0088f2, A400: #0075ee, A700: #0058e8, contrast: ( 50: #000000, 100: #000000, 200: #000000, 300: #000000, 400: #ffffff, 500: #ffffff, 600: #ffffff, 700: #ffffff, 800: #ffffff, 900: #ffffff, A100: #000000, A200: #000000, A400: #000000, A700: #000000 ));
-$blui-green: ( 50: #e7f6e4, 100: #c4e9bc, 200: #9cdb90, 300: #74cc63, 400: #57c141, 500: #39b620, 600: #33af1c, 700: #2ca618, 800: #249e13, 900: #178e0b, A100: #e8fff1, A200: #9bffc4, A400: #4dff96, A700: #00ff69, contrast: ( 50: #000000, 100: #000000, 200: #000000, 300: #000000, 400: #ffffff, 500: #ffffff, 600: #ffffff, 700: #ffffff, 800: #ffffff, 900: #ffffff, A100: #000000, A200: #000000, A400: #000000, A700: #000000 ));
-$blui-red: ( 50: #f9e8e8, 100: #efc5c5, 200: #e59e9e, 300: #da7777, 400: #d2595a, 500: #ca3c3d, 600: #c53637, 700: #bd2e2f, 800: #b72727, 900: #ab1a1a, A100: #fdd3d3, A200: #fd9d9e, A400: #fe6868, A700: #ff3333, contrast: ( 50: #000000, 100: #000000, 200: #000000, 300: #000000, 400: #ffffff, 500: #ffffff, 600: #ffffff, 700: #ffffff, 800: #ffffff, 900: #ffffff, A100: #000000, A200: #000000, A400: #000000, A700: #ffffff ));
-$blui-orange: ( 50: #feefe4, 100: #fcd6bc, 200: #fabb90, 300: #f7a064, 400: #f68b42, 500: #f47721, 600: #f36f1d, 700: #f16418, 800: #ef5a14, 900: #ec470b, A100: #ffefed, A200: #ffd8d1, A400: #ffc0b6, A700: #ffa99a, contrast: ( 50: #000000, 100: #000000, 200: #000000, 300: #000000, 400: #000000, 500: #ffffff, 600: #ffffff, 700: #ffffff, 800: #ffffff, 900: #ffffff, A100: #000000, A200: #000000, A400: #000000, A700: #000000 ));
-$blui-gold: ( 50: #fdf5e4, 100: #fbe6bc, 200: #f8d58f, 300: #f5c462, 400: #f2b741, 500: #f0aa1f, 600: #eea31b, 700: #ec9917, 800: #e99012, 900: #e57f0a, A100: #fdf4ec, A200: #fee3ca, A400: #fed3a8, A700: #ffc68f, contrast: ( 50: #000000, 100: #000000, 200: #000000, 300: #000000, 400: #000000, 500: #000000, 600: #000000, 700: #000000, 800: #000000, 900: #000000, A100: #000000, A200: #000000, A400: #000000, A700: #000000 ));
-$blui-purple: ( 50: #f3e8fd, 100: #e0c5fa, 200: #cc9ff7, 300: #b779f4, 400: #a75cf1, 500: #983fef, 600: #9039ed, 700: #8531eb, 800: #7b29e8, 900: #6a1be4, A100: #f0ecfe, A200: #d2c5fc, A400: #c3b2fb, A700: #ac95f9, contrast: ( 50: #000000, 100: #000000, 200: #000000, 300: #000000, 400: #ffffff, 500: #ffffff, 600: #ffffff, 700: #ffffff, 800: #ffffff, 900: #ffffff, A100: #000000, A200: #000000, A400: #000000, A700: #000000 ));
-$blui-black: ( 50: #e8eaea, 100: #c6cacc, 200: #a1a7aa, 300: #7b8387, 400: #5e696e, 500: #424e54, 600: #3c474d, 700: #333d43, 800: #2b353a, 900: #1d2529, A100: #101417, A200: #181f22, A400: #0b0e10, A700: #000000, contrast: ( 50: #000000, 100: #000000, 200: #000000, 300: #000000, 400: #ffffff, 500: #ffffff, 600: #ffffff, 700: #ffffff, 800: #ffffff, 900: #ffffff, A100: #ffffff, A200: #ffffff, A400: #ffffff, A700: #ffffff ));
-$blui-gray: ( 50: #eef0f0, 100: #d5d8da, 200: #b9bfc2, 300: #9ca5a9, 400: #879196, 500: #727e84, 600: #6a767c, 700: #5f6b71, 800: #556167, 900: #424e54, A100: #f0f5fd, A200: #c2dafe, A400: #268fca, A700: #007bc1, contrast: ( 50: #000000, 100: #000000, 200: #000000, 300: #000000, 400: #ffffff, 500: #ffffff, 600: #ffffff, 700: #ffffff, 800: #ffffff, 900: #ffffff, A100: #000000, A200: #000000, A400: #000000, A700: #000000 ));
-$blui-yellow: ( 50: #fdf9e6, 100: #fbefc1, 200: #f8e597, 300: #f5db6d, 400: #f2d34e, 500: #f0cb2f, 600: #eec62a, 700: #ecbe23, 800: #e9b81d, 900: #e5ac12, A100: #fffd00, A200: #ffeb26, A400: #ffd94c, A700: #ffcb69, contrast: ( 50: #000000, 100: #000000, 200: #000000, 300: #000000, 400: #000000, 500: #000000, 600: #000000, 700: #000000, 800: #000000, 900: #000000, A100: #000000, A200: #000000, A400: #000000, A700: #000000));
-$blui-oledBlack: ( 50: #202224, 100: #202224, 200: #182022, 300: #182022, 400: #13181b, 500: #13181b, 600: #0b0e0f, 700: #0b0e0f, 800: #000000, 900: #000000, contrast: ( 50: #ffffff, 100: #ffffff, 200: #ffffff, 300: #ffffff, 400: #ffffff, 500: #ffffff, 600: #ffffff, 700: #ffffff, 800: #ffffff, 900: #ffffff));
-$blui-white: ( 50: #ffffff, 100: #fdfdfd, 200: #f7f8f8, 300: #f3f5f5, 400: #f1f2f2, 500: #eef0f0, 600: #eceeee, 700: #e9ecec, 800: #e7e9e9, 900: #e2e5e5, contrast: ( 50: #000000, 100: #000000, 200: #000000, 300: #000000, 400: #000000, 500: #000000, 600: #000000, 700: #000000, 800: #000000, 900: #000000));
+/**
+Copyright (c) 2021-present, Eaton
+ 
+All rights reserved.
+ 
+This code is licensed under the BSD-3 license found in the LICENSE file in the root directory of this source tree and at https://opensource.org/licenses/BSD-3-Clause.
+**/
+
+/* Primary Colors / User Interface Colors */
+
+$blui-blue: (
+    50: #e0eff8,
+    100: #b3d7ec,
+    200: #80bde0,
+    300: #4da3d4,
+    400: #268fca,
+    500: #007bc1,
+    600: #0073bb,
+    700: #0068b3,
+    800: #005eab,
+    900: #004b9e,
+    contrast: (
+        50: #000000,
+        100: #000000,
+        200: #000000,
+        300: #000000,
+        400: #ffffff,
+        500: #ffffff,
+        600: #ffffff,
+        700: #ffffff,
+        800: #ffffff,
+        900: #ffffff,
+    ),
+);
+$blui-white: (
+    50: #ffffff,
+    100: #fbfbfb,
+    200: #f7f8f8,
+    300: #f3f5f5,
+    400: #f1f2f2,
+    500: #eef0f0,
+    600: #eceeee,
+    700: #e9ecec,
+    800: #e7e9e9,
+    900: #e2e5e5,
+    contrast: (
+        50: #000000,
+        100: #000000,
+        200: #000000,
+        300: #000000,
+        400: #000000,
+        500: #000000,
+        600: #000000,
+        700: #000000,
+        800: #000000,
+        900: #000000,
+    ),
+);
+$blui-gray: (
+    50: #eef0f0,
+    100: #d5d8da,
+    200: #b9bfc2,
+    300: #9ca5a9,
+    400: #879196,
+    500: #727e84,
+    600: #6a767c,
+    700: #5f6b71,
+    800: #556167,
+    900: #424e54,
+    contrast: (
+        50: #000000,
+        100: #000000,
+        200: #000000,
+        300: #000000,
+        400: #ffffff,
+        500: #ffffff,
+        600: #ffffff,
+        700: #ffffff,
+        800: #ffffff,
+        900: #ffffff,
+    ),
+);
+$blui-black: (
+    50: #e8eaea,
+    100: #c6cacc,
+    200: #a1a7aa,
+    300: #7b8387,
+    400: #5e696e,
+    500: #424e54,
+    600: #3c474d,
+    700: #333d43,
+    800: #2b353a,
+    900: #1d2529,
+    contrast: (
+        50: #000000,
+        100: #000000,
+        200: #000000,
+        300: #000000,
+        400: #ffffff,
+        500: #ffffff,
+        600: #ffffff,
+        700: #ffffff,
+        800: #ffffff,
+        900: #ffffff,
+    ),
+);
+$blui-darkBlack: (
+    50: #202224,
+    100: #182022,
+    200: #182022,
+    300: #13181b,
+    400: #101417,
+    500: #0b0e10,
+    600: #0b0e10,
+    700: #08090a,
+    800: #08090a,
+    900: #000000,
+    contrast: (
+        50: #ffffff,
+        100: #ffffff,
+        200: #ffffff,
+        300: #ffffff,
+        400: #ffffff,
+        500: #ffffff,
+        600: #ffffff,
+        700: #ffffff,
+        800: #ffffff,
+        900: #ffffff,
+    ),
+);
+
+// alias
+$blui-vantaBlack: $blui-darkBlack;
+
+/* Status Colors */
+
+$blui-red: (
+    50: #f9e8e8,
+    100: #efc5c5,
+    200: #e59e9e,
+    300: #da7777,
+    400: #d2595a,
+    500: #ca3c3d,
+    600: #c53637,
+    700: #bd2e2f,
+    800: #b72727,
+    900: #ab1a1a,
+    contrast: (
+        50: #000000,
+        100: #000000,
+        200: #000000,
+        300: #000000,
+        400: #ffffff,
+        500: #ffffff,
+        600: #ffffff,
+        700: #ffffff,
+        800: #ffffff,
+        900: #ffffff,
+    ),
+);
+$blui-orange: (
+    50: #feefe4,
+    100: #fcd6bc,
+    200: #fabb90,
+    300: #f7a064,
+    400: #f68b42,
+    500: #f47721,
+    600: #f36f1d,
+    700: #f16418,
+    800: #ef5a14,
+    900: #ec470b,
+    contrast: (
+        50: #000000,
+        100: #000000,
+        200: #000000,
+        300: #000000,
+        400: #000000,
+        500: #ffffff,
+        600: #ffffff,
+        700: #ffffff,
+        800: #ffffff,
+        900: #ffffff,
+    ),
+);
+$blui-gold: (
+    50: #fdf5e4,
+    100: #fbe6bc,
+    200: #f8d58f,
+    300: #f5c462,
+    400: #f2b741,
+    500: #f0aa1f,
+    600: #eea31b,
+    700: #ec9917,
+    800: #e99012,
+    900: #e57f0a,
+    contrast: (
+        50: #000000,
+        100: #000000,
+        200: #000000,
+        300: #000000,
+        400: #000000,
+        500: #000000,
+        600: #000000,
+        700: #000000,
+        800: #000000,
+        900: #000000,
+    ),
+);
+$blui-yellow: (
+    50: #fdf9e6,
+    100: #fbefc1,
+    200: #f8e597,
+    300: #f5db6d,
+    400: #f2d34e,
+    500: #f0cb2f,
+    600: #eec62a,
+    700: #ecbe23,
+    800: #e9b81d,
+    900: #e5ac12,
+    contrast: (
+        50: #000000,
+        100: #000000,
+        200: #000000,
+        300: #000000,
+        400: #000000,
+        500: #000000,
+        600: #000000,
+        700: #000000,
+        800: #000000,
+        900: #000000,
+    ),
+);
+$blui-green: (
+    50: #e7f6e4,
+    100: #c4e9bc,
+    200: #9cdb90,
+    300: #74cc63,
+    400: #57c141,
+    500: #39b620,
+    600: #33af1c,
+    700: #2ca618,
+    800: #249e13,
+    900: #178e0b,
+    contrast: (
+        50: #000000,
+        100: #000000,
+        200: #000000,
+        300: #000000,
+        400: #ffffff,
+        500: #ffffff,
+        600: #ffffff,
+        700: #ffffff,
+        800: #ffffff,
+        900: #ffffff,
+    ),
+);
+$blui-lightBlue: (
+    50: #e0f1fd,
+    100: #b3dbfb,
+    200: #80c4f9,
+    300: #4dacf6,
+    400: #269af4,
+    500: #0088f2,
+    600: #0080f0,
+    700: #0075ee,
+    800: #006bec,
+    900: #0058e8,
+    contrast: (
+        50: #000000,
+        100: #000000,
+        200: #000000,
+        300: #000000,
+        400: #ffffff,
+        500: #ffffff,
+        600: #ffffff,
+        700: #ffffff,
+        800: #ffffff,
+        900: #ffffff,
+    ),
+);
+$blui-purple: (
+    50: #f3e8fd,
+    100: #e0c5fa,
+    200: #cc9ff7,
+    300: #b779f4,
+    400: #a75cf1,
+    500: #983fef,
+    600: #9039ed,
+    700: #8531eb,
+    800: #7b29e8,
+    900: #6a1be4,
+    contrast: (
+        50: #000000,
+        100: #000000,
+        200: #000000,
+        300: #000000,
+        400: #ffffff,
+        500: #ffffff,
+        600: #ffffff,
+        700: #ffffff,
+        800: #ffffff,
+        900: #ffffff,
+    ),
+);

package/changelog.md

@@ -1,16 +0,0 @@
-# Changelog
-
-## v2.0.1 (October 21, 2021)
-
-### Changed
-
--   Changed package namespace from `@pxblue` to `@brightlayer-ui`.
-
-## Package Migration Notice
-
-Previous versions listed after this indicator refer to our deprecated `@pxblue` packages.
-
-___
-
-### 2.0.0
-Converted package to Typescript to include type definitions. The package will still be usable in regular JS applications as well.