@brightlayer-ui/colors 4.0.0-alpha.2 → 4.0.0

package/CHANGELOG.md

@@ -1,6 +1,6 @@
 # CHANGELOG
 
-## v4.0.0 (Unreleased)
+## v4.0.0 (December 6, 2023)
 
 ### Changed
 

package/README.md

@@ -64,14 +64,14 @@ Incorporating these colors into your project is handled differently depending on
 
 ```
 // For UI Colors in styles.scss or your top-level sass file
-@import '~@brightlayer-ui/colors/palette.scss';
+@import '@brightlayer-ui/colors/palette.scss';
 ...
 background-color: map-get($blui-primary, 10);
 ```
 
 ```
 // For Branding Colors in styles.scss or your top-level sass file
-@import '~@brightlayer-ui/colors/branding-palette.scss';
+@import '@brightlayer-ui/colors/branding-palette.scss';
 ...
 background-color: $brand-lightGray;
 ```
@@ -87,3 +87,14 @@ import BrandingColors, {lightGray} from '@brightlayer-ui/colors/branding';
 <div style={{background: BrandingColors.lightGray}}/>
 <div style={{background: lightGray}}/>
 ```
+
+## Migration from v3 to v4
+
+In version 4.0.0, we have updated the UI colors and branding colors palette.
+
+We have deprecated `@brightlayer-ui/colors-branding` and `@brightlayer-ui/types` packages, as they will be part of the `@brightlayer-ui/colors` package.
+The branding colors palette and individual branding colors now can be imported from `@brightlayer-ui/colors/branding`.
+
+```
+import BrandingColors, {lightGray} from '@brightlayer-ui/colors/branding';
+```

package/branding/branding-palette.d.ts

@@ -27,6 +27,5 @@ declare enum BrandingColors {
     crimson = "#D22730",
     wine = "#9D2235"
 }
-export declare const chartColors: BrandingColors[];
 export declare const lightGray: BrandingColors, gray: BrandingColors, darkGray: BrandingColors, sky: BrandingColors, eatonBlue: BrandingColors, navy: BrandingColors, ash: BrandingColors, teal: BrandingColors, pine: BrandingColors, sage: BrandingColors, citrus: BrandingColors, emerald: BrandingColors, butter: BrandingColors, goldenrod: BrandingColors, toad: BrandingColors, trophy: BrandingColors, sunset: BrandingColors, rust: BrandingColors, crimson: BrandingColors, wine: BrandingColors;
-export {};
+export default BrandingColors;

package/branding/branding-palette.js

@@ -7,7 +7,7 @@ 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.
 **/
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.wine = exports.crimson = exports.rust = exports.sunset = exports.trophy = exports.toad = exports.goldenrod = exports.butter = exports.emerald = exports.citrus = exports.sage = exports.pine = exports.teal = exports.ash = exports.navy = exports.eatonBlue = exports.sky = exports.darkGray = exports.gray = exports.lightGray = exports.chartColors = void 0;
+exports.wine = exports.crimson = exports.rust = exports.sunset = exports.trophy = exports.toad = exports.goldenrod = exports.butter = exports.emerald = exports.citrus = exports.sage = exports.pine = exports.teal = exports.ash = exports.navy = exports.eatonBlue = exports.sky = exports.darkGray = exports.gray = exports.lightGray = void 0;
 var BrandingColors;
 (function (BrandingColors) {
     BrandingColors["lightGray"] = "#98A4AE";
@@ -31,16 +31,5 @@ var BrandingColors;
     BrandingColors["crimson"] = "#D22730";
     BrandingColors["wine"] = "#9D2235";
 })(BrandingColors || (BrandingColors = {}));
-exports.chartColors = [
-    BrandingColors.teal,
-    BrandingColors.citrus,
-    BrandingColors.pine,
-    BrandingColors.emerald,
-    BrandingColors.wine,
-    BrandingColors.crimson,
-    BrandingColors.sunset,
-    BrandingColors.rust,
-    BrandingColors.navy,
-    BrandingColors.sky,
-];
 exports.lightGray = BrandingColors.lightGray, exports.gray = BrandingColors.gray, exports.darkGray = BrandingColors.darkGray, exports.sky = BrandingColors.sky, exports.eatonBlue = BrandingColors.eatonBlue, exports.navy = BrandingColors.navy, exports.ash = BrandingColors.ash, exports.teal = BrandingColors.teal, exports.pine = BrandingColors.pine, exports.sage = BrandingColors.sage, exports.citrus = BrandingColors.citrus, exports.emerald = BrandingColors.emerald, exports.butter = BrandingColors.butter, exports.goldenrod = BrandingColors.goldenrod, exports.toad = BrandingColors.toad, exports.trophy = BrandingColors.trophy, exports.sunset = BrandingColors.sunset, exports.rust = BrandingColors.rust, exports.crimson = BrandingColors.crimson, exports.wine = BrandingColors.wine;
+exports.default = BrandingColors;

package/branding/index.d.ts

@@ -1 +1,3 @@
 export * from './branding-palette';
+import BrandingColors from './branding-palette';
+export default BrandingColors;

package/branding/index.js

@@ -15,3 +15,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./branding-palette"), exports);
+var branding_palette_1 = require("./branding-palette");
+exports.default = branding_palette_1.default;

package/dist/index.d.ts

@@ -1 +1,3 @@
 export * from './palette';
+import Colors from './palette';
+export default Colors;

package/dist/index.js

@@ -15,3 +15,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./palette"), exports);
+var palette_1 = require("./palette");
+exports.default = palette_1.default;

package/dist/palette.d.ts

@@ -14,3 +14,14 @@ export declare const warning: Warning;
 export declare const success: Success;
 export declare const orange: Orange;
 export declare const purple: Purple;
+declare const Colors: {
+    primary: Primary;
+    neutral: Neutral;
+    neutralVariant: NeutralVariant;
+    error: Error;
+    warning: Warning;
+    success: Success;
+    orange: Orange;
+    purple: Purple;
+};
+export default Colors;

package/dist/palette.js

@@ -133,3 +133,14 @@ exports.purple = {
     98: '#FFF7FF',
     100: '#FFFFFF',
 };
+var Colors = {
+    primary: exports.primary,
+    neutral: exports.neutral,
+    neutralVariant: exports.neutralVariant,
+    error: exports.error,
+    warning: exports.warning,
+    success: exports.success,
+    orange: exports.orange,
+    purple: exports.purple,
+};
+exports.default = Colors;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@brightlayer-ui/colors",
-    "version": "4.0.0-alpha.2",
+    "version": "4.0.0",
     "description": "Brightlayer UI colors for Eaton applications",
     "main": "./dist/index.js",
     "types": "./dist/index.d.ts",