@brightlayer-ui/colors 3.1.0-beta.1 → 3.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +54 -54
- package/LICENSE +29 -29
- package/LICENSES.json +8 -8
- package/README.md +57 -57
- package/dist/index.d.ts +9 -9
- package/dist/index.js +10 -10
- package/dist/palette.d.ts +21 -21
- package/dist/palette.js +160 -160
- package/package.json +45 -45
- package/palette.scss +304 -304
package/CHANGELOG.md
CHANGED
|
@@ -1,54 +1,54 @@
|
|
|
1
|
-
# CHANGELOG
|
|
2
|
-
|
|
3
|
-
## v3.1.0 (
|
|
4
|
-
|
|
5
|
-
### Added
|
|
6
|
-
|
|
7
|
-
- Added top level export `BLUIColors`.
|
|
8
|
-
|
|
9
|
-
### Changed
|
|
10
|
-
|
|
11
|
-
- Changed build module from `commonjs` to `es2020` ([#47](https://github.com/brightlayer-ui/colors/issues/47)).
|
|
12
|
-
|
|
13
|
-
## Package Migration Notice
|
|
14
|
-
|
|
15
|
-
Previous versions listed after this indicator refer to our deprecated `@pxblue` packages.
|
|
16
|
-
|
|
17
|
-
---
|
|
18
|
-
|
|
19
|
-
## v3.0.1 (October 20, 2021)
|
|
20
|
-
|
|
21
|
-
### Changed
|
|
22
|
-
|
|
23
|
-
- Changed package namespace from `@pxblue` to `@brightlayer-ui`.
|
|
24
|
-
|
|
25
|
-
## Package Migration Notice
|
|
26
|
-
|
|
27
|
-
Previous versions listed after this indicator refer to our deprecated `@pxblue` packages.
|
|
28
|
-
|
|
29
|
-
---
|
|
30
|
-
|
|
31
|
-
## v3.0.1 (May 14, 2021)
|
|
32
|
-
|
|
33
|
-
### Changed
|
|
34
|
-
|
|
35
|
-
- Changed `white[100]` from `#fdfdfd` to `#fbfbfb`.
|
|
36
|
-
|
|
37
|
-
## v3.0.0 (May 18, 2020)
|
|
38
|
-
|
|
39
|
-
### Added
|
|
40
|
-
|
|
41
|
-
- Added new color definition for darkBlack color palette for dark themes.
|
|
42
|
-
|
|
43
|
-
### Changed
|
|
44
|
-
|
|
45
|
-
** Breaking change: **
|
|
46
|
-
|
|
47
|
-
- Replaced oledBlack palette with darkBlack.
|
|
48
|
-
- Accent colors have been removed.
|
|
49
|
-
|
|
50
|
-
## v2.0.0 (December 19, 2019)
|
|
51
|
-
|
|
52
|
-
### Changed
|
|
53
|
-
|
|
54
|
-
- Converted package to Typescript to include type definitions. The package will still be usable in regular JS applications as well.
|
|
1
|
+
# CHANGELOG
|
|
2
|
+
|
|
3
|
+
## v3.1.0 (April 15, 2022)
|
|
4
|
+
|
|
5
|
+
### Added
|
|
6
|
+
|
|
7
|
+
- Added top level export `BLUIColors`.
|
|
8
|
+
|
|
9
|
+
### Changed
|
|
10
|
+
|
|
11
|
+
- Changed build module from `commonjs` to `es2020` ([#47](https://github.com/brightlayer-ui/colors/issues/47)).
|
|
12
|
+
|
|
13
|
+
## Package Migration Notice
|
|
14
|
+
|
|
15
|
+
Previous versions listed after this indicator refer to our deprecated `@pxblue` packages.
|
|
16
|
+
|
|
17
|
+
---
|
|
18
|
+
|
|
19
|
+
## v3.0.1 (October 20, 2021)
|
|
20
|
+
|
|
21
|
+
### Changed
|
|
22
|
+
|
|
23
|
+
- Changed package namespace from `@pxblue` to `@brightlayer-ui`.
|
|
24
|
+
|
|
25
|
+
## Package Migration Notice
|
|
26
|
+
|
|
27
|
+
Previous versions listed after this indicator refer to our deprecated `@pxblue` packages.
|
|
28
|
+
|
|
29
|
+
---
|
|
30
|
+
|
|
31
|
+
## v3.0.1 (May 14, 2021)
|
|
32
|
+
|
|
33
|
+
### Changed
|
|
34
|
+
|
|
35
|
+
- Changed `white[100]` from `#fdfdfd` to `#fbfbfb`.
|
|
36
|
+
|
|
37
|
+
## v3.0.0 (May 18, 2020)
|
|
38
|
+
|
|
39
|
+
### Added
|
|
40
|
+
|
|
41
|
+
- Added new color definition for darkBlack color palette for dark themes.
|
|
42
|
+
|
|
43
|
+
### Changed
|
|
44
|
+
|
|
45
|
+
** Breaking change: **
|
|
46
|
+
|
|
47
|
+
- Replaced oledBlack palette with darkBlack.
|
|
48
|
+
- Accent colors have been removed.
|
|
49
|
+
|
|
50
|
+
## v2.0.0 (December 19, 2019)
|
|
51
|
+
|
|
52
|
+
### Changed
|
|
53
|
+
|
|
54
|
+
- Converted package to Typescript to include type definitions. The package will still be usable in regular JS applications as well.
|
package/LICENSE
CHANGED
|
@@ -1,29 +1,29 @@
|
|
|
1
|
-
BSD 3-Clause License
|
|
2
|
-
|
|
3
|
-
Copyright (c) 2018 - present, Eaton
|
|
4
|
-
All rights reserved.
|
|
5
|
-
|
|
6
|
-
Redistribution and use in source and binary forms, with or without
|
|
7
|
-
modification, are permitted provided that the following conditions are met:
|
|
8
|
-
|
|
9
|
-
* Redistributions of source code must retain the above copyright notice, this
|
|
10
|
-
list of conditions and the following disclaimer.
|
|
11
|
-
|
|
12
|
-
* Redistributions in binary form must reproduce the above copyright notice,
|
|
13
|
-
this list of conditions and the following disclaimer in the documentation
|
|
14
|
-
and/or other materials provided with the distribution.
|
|
15
|
-
|
|
16
|
-
* Neither the name of the copyright holder nor the names of its
|
|
17
|
-
contributors may be used to endorse or promote products derived from
|
|
18
|
-
this software without specific prior written permission.
|
|
19
|
-
|
|
20
|
-
THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
|
|
21
|
-
AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
|
|
22
|
-
IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
|
|
23
|
-
DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
|
|
24
|
-
FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
|
|
25
|
-
DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
|
|
26
|
-
SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
|
|
27
|
-
CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
|
|
28
|
-
OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
|
29
|
-
OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
|
|
1
|
+
BSD 3-Clause License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2018 - present, Eaton
|
|
4
|
+
All rights reserved.
|
|
5
|
+
|
|
6
|
+
Redistribution and use in source and binary forms, with or without
|
|
7
|
+
modification, are permitted provided that the following conditions are met:
|
|
8
|
+
|
|
9
|
+
* Redistributions of source code must retain the above copyright notice, this
|
|
10
|
+
list of conditions and the following disclaimer.
|
|
11
|
+
|
|
12
|
+
* Redistributions in binary form must reproduce the above copyright notice,
|
|
13
|
+
this list of conditions and the following disclaimer in the documentation
|
|
14
|
+
and/or other materials provided with the distribution.
|
|
15
|
+
|
|
16
|
+
* Neither the name of the copyright holder nor the names of its
|
|
17
|
+
contributors may be used to endorse or promote products derived from
|
|
18
|
+
this software without specific prior written permission.
|
|
19
|
+
|
|
20
|
+
THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
|
|
21
|
+
AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
|
|
22
|
+
IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
|
|
23
|
+
DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
|
|
24
|
+
FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
|
|
25
|
+
DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
|
|
26
|
+
SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
|
|
27
|
+
CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
|
|
28
|
+
OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
|
29
|
+
OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
|
package/LICENSES.json
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
{
|
|
2
|
-
"@brightlayer-ui/types@2.0.0": {
|
|
3
|
-
"licenses": "BSD-3-Clause",
|
|
4
|
-
"repository": "https://github.com/brightlayer-ui/types",
|
|
5
|
-
"licenseUrl": "https://github.com/brightlayer-ui/types/raw/master/LICENSE",
|
|
6
|
-
"parents": "@brightlayer-ui/colors"
|
|
7
|
-
}
|
|
8
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"@brightlayer-ui/types@2.0.0": {
|
|
3
|
+
"licenses": "BSD-3-Clause",
|
|
4
|
+
"repository": "https://github.com/brightlayer-ui/types",
|
|
5
|
+
"licenseUrl": "https://github.com/brightlayer-ui/types/raw/master/LICENSE",
|
|
6
|
+
"parents": "@brightlayer-ui/colors"
|
|
7
|
+
}
|
|
8
|
+
}
|
package/README.md
CHANGED
|
@@ -1,57 +1,57 @@
|
|
|
1
|
-
# Brightlayer UI Colors
|
|
2
|
-
|
|
3
|
-
This package contains Brightlayer UI color definitions. These are intended for use as primary UI colors.
|
|
4
|
-
|
|
5
|
-
It contains the following color defintions:
|
|
6
|
-
|
|
7
|
-
```
|
|
8
|
-
blue / $blui-blue
|
|
9
|
-
white / $blui-white
|
|
10
|
-
gray / $blui-gray
|
|
11
|
-
black / $blui-black
|
|
12
|
-
darkBlack / $blui-darkBlack
|
|
13
|
-
red / $blui-red
|
|
14
|
-
orange / $blui-orange
|
|
15
|
-
gold / $blui-gold
|
|
16
|
-
yellow / $blui-yellow
|
|
17
|
-
green / $blui-green
|
|
18
|
-
lightBlue / $blui-lightBlue
|
|
19
|
-
purple / $blui-purple
|
|
20
|
-
```
|
|
21
|
-
|
|
22
|
-
These all have color definitions for the following values: 50, 100, 200, 300, 400, 500, 600, 700, 800, 900.
|
|
23
|
-
|
|
24
|
-
## Installation
|
|
25
|
-
|
|
26
|
-
Install with npm
|
|
27
|
-
|
|
28
|
-
```
|
|
29
|
-
npm install --save @brightlayer-ui/colors
|
|
30
|
-
```
|
|
31
|
-
|
|
32
|
-
or yarn
|
|
33
|
-
|
|
34
|
-
```
|
|
35
|
-
yarn add @brightlayer-ui/colors
|
|
36
|
-
```
|
|
37
|
-
|
|
38
|
-
## Usage
|
|
39
|
-
|
|
40
|
-
Incorporating these colors into your project is handled differently depending on the framework that you are using.
|
|
41
|
-
|
|
42
|
-
### Angular or Ionic
|
|
43
|
-
|
|
44
|
-
```
|
|
45
|
-
// in styles.scss or your top-level sass file
|
|
46
|
-
@import '~@brightlayer-ui/colors/palette.scss'
|
|
47
|
-
...
|
|
48
|
-
background-color: map-get($blui-blue, 500)
|
|
49
|
-
```
|
|
50
|
-
|
|
51
|
-
### React or React Native
|
|
52
|
-
|
|
53
|
-
```
|
|
54
|
-
import * as Colors from '@brightlayer-ui/colors';
|
|
55
|
-
...
|
|
56
|
-
<div style={{background: Colors.blue['500']}}/>
|
|
57
|
-
```
|
|
1
|
+
# Brightlayer UI Colors
|
|
2
|
+
|
|
3
|
+
This package contains Brightlayer UI color definitions. These are intended for use as primary UI colors.
|
|
4
|
+
|
|
5
|
+
It contains the following color defintions:
|
|
6
|
+
|
|
7
|
+
```
|
|
8
|
+
blue / $blui-blue
|
|
9
|
+
white / $blui-white
|
|
10
|
+
gray / $blui-gray
|
|
11
|
+
black / $blui-black
|
|
12
|
+
darkBlack / $blui-darkBlack
|
|
13
|
+
red / $blui-red
|
|
14
|
+
orange / $blui-orange
|
|
15
|
+
gold / $blui-gold
|
|
16
|
+
yellow / $blui-yellow
|
|
17
|
+
green / $blui-green
|
|
18
|
+
lightBlue / $blui-lightBlue
|
|
19
|
+
purple / $blui-purple
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
These all have color definitions for the following values: 50, 100, 200, 300, 400, 500, 600, 700, 800, 900.
|
|
23
|
+
|
|
24
|
+
## Installation
|
|
25
|
+
|
|
26
|
+
Install with npm
|
|
27
|
+
|
|
28
|
+
```
|
|
29
|
+
npm install --save @brightlayer-ui/colors
|
|
30
|
+
```
|
|
31
|
+
|
|
32
|
+
or yarn
|
|
33
|
+
|
|
34
|
+
```
|
|
35
|
+
yarn add @brightlayer-ui/colors
|
|
36
|
+
```
|
|
37
|
+
|
|
38
|
+
## Usage
|
|
39
|
+
|
|
40
|
+
Incorporating these colors into your project is handled differently depending on the framework that you are using.
|
|
41
|
+
|
|
42
|
+
### Angular or Ionic
|
|
43
|
+
|
|
44
|
+
```
|
|
45
|
+
// in styles.scss or your top-level sass file
|
|
46
|
+
@import '~@brightlayer-ui/colors/palette.scss'
|
|
47
|
+
...
|
|
48
|
+
background-color: map-get($blui-blue, 500)
|
|
49
|
+
```
|
|
50
|
+
|
|
51
|
+
### React or React Native
|
|
52
|
+
|
|
53
|
+
```
|
|
54
|
+
import * as Colors from '@brightlayer-ui/colors';
|
|
55
|
+
...
|
|
56
|
+
<div style={{background: Colors.blue['500']}}/>
|
|
57
|
+
```
|
package/dist/index.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
/**
|
|
2
|
-
Copyright (c) 2018-present, Eaton
|
|
3
|
-
|
|
4
|
-
All rights reserved.
|
|
5
|
-
|
|
6
|
-
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.
|
|
7
|
-
**/
|
|
8
|
-
export * from './palette';
|
|
9
|
-
export * as BLUIColors from './palette';
|
|
1
|
+
/**
|
|
2
|
+
Copyright (c) 2018-present, Eaton
|
|
3
|
+
|
|
4
|
+
All rights reserved.
|
|
5
|
+
|
|
6
|
+
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.
|
|
7
|
+
**/
|
|
8
|
+
export * from './palette';
|
|
9
|
+
export * as BLUIColors from './palette';
|
package/dist/index.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
/**
|
|
2
|
-
Copyright (c) 2018-present, Eaton
|
|
3
|
-
|
|
4
|
-
All rights reserved.
|
|
5
|
-
|
|
6
|
-
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.
|
|
7
|
-
**/
|
|
8
|
-
export * from './palette';
|
|
9
|
-
import * as BLUIColors_1 from './palette';
|
|
10
|
-
export { BLUIColors_1 as BLUIColors };
|
|
1
|
+
/**
|
|
2
|
+
Copyright (c) 2018-present, Eaton
|
|
3
|
+
|
|
4
|
+
All rights reserved.
|
|
5
|
+
|
|
6
|
+
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.
|
|
7
|
+
**/
|
|
8
|
+
export * from './palette';
|
|
9
|
+
import * as BLUIColors_1 from './palette';
|
|
10
|
+
export { BLUIColors_1 as BLUIColors };
|
package/dist/palette.d.ts
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
/**
|
|
2
|
-
Copyright (c) 2018-present, Eaton
|
|
3
|
-
|
|
4
|
-
All rights reserved.
|
|
5
|
-
|
|
6
|
-
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.
|
|
7
|
-
**/
|
|
8
|
-
import { BLUIColor } from '@brightlayer-ui/types';
|
|
9
|
-
export declare const blue: BLUIColor;
|
|
10
|
-
export declare const white: BLUIColor;
|
|
11
|
-
export declare const gray: BLUIColor;
|
|
12
|
-
export declare const black: BLUIColor;
|
|
13
|
-
export declare const darkBlack: BLUIColor;
|
|
14
|
-
export declare const vantaBlack: BLUIColor;
|
|
15
|
-
export declare const red: BLUIColor;
|
|
16
|
-
export declare const orange: BLUIColor;
|
|
17
|
-
export declare const gold: BLUIColor;
|
|
18
|
-
export declare const yellow: BLUIColor;
|
|
19
|
-
export declare const green: BLUIColor;
|
|
20
|
-
export declare const lightBlue: BLUIColor;
|
|
21
|
-
export declare const purple: BLUIColor;
|
|
1
|
+
/**
|
|
2
|
+
Copyright (c) 2018-present, Eaton
|
|
3
|
+
|
|
4
|
+
All rights reserved.
|
|
5
|
+
|
|
6
|
+
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.
|
|
7
|
+
**/
|
|
8
|
+
import { BLUIColor } from '@brightlayer-ui/types';
|
|
9
|
+
export declare const blue: BLUIColor;
|
|
10
|
+
export declare const white: BLUIColor;
|
|
11
|
+
export declare const gray: BLUIColor;
|
|
12
|
+
export declare const black: BLUIColor;
|
|
13
|
+
export declare const darkBlack: BLUIColor;
|
|
14
|
+
export declare const vantaBlack: BLUIColor;
|
|
15
|
+
export declare const red: BLUIColor;
|
|
16
|
+
export declare const orange: BLUIColor;
|
|
17
|
+
export declare const gold: BLUIColor;
|
|
18
|
+
export declare const yellow: BLUIColor;
|
|
19
|
+
export declare const green: BLUIColor;
|
|
20
|
+
export declare const lightBlue: BLUIColor;
|
|
21
|
+
export declare const purple: BLUIColor;
|