@hero-design/colors 8.43.2-alpha.1 → 8.44.0

package/.turbo/turbo-build.log

@@ -0,0 +1,19 @@
+(node:2808) ExperimentalWarning: Import assertions are not a stable feature of the JavaScript language. Avoid relying on their current behavior and syntax as those might change in a future version of Node.js.
+(Use `node --trace-warnings ...` to show where the warning was created)
+(node:2808) ExperimentalWarning: Importing JSON modules is an experimental feature and might change at any time
+
+src/index.ts → lib/index.js, es/index.js...
+(!) Unresolved dependencies
+https://rollupjs.org/troubleshooting/#warning-treating-module-as-external-dependency
+pure-color/convert/hsl2rgb (imported by "../../node_modules/values.js/dist/index.esm.js" and "../../node_modules/mix-css-color/dist/index.esm.js")
+pure-color/convert/rgb2hex (imported by "../../node_modules/values.js/dist/index.esm.js" and "../../node_modules/mix-css-color/dist/index.esm.js")
+pure-color/convert/rgb2hsl (imported by "../../node_modules/mix-css-color/dist/index.esm.js")
+hex-rgb (imported by "../../node_modules/values.js/node_modules/parse-css-color/dist/index.esm.js" and "../../node_modules/parse-css-color/dist/index.esm.js")
+(!) [plugin typescript] @rollup/plugin-typescript: outputToFilesystem option is defaulting to true.
+(!) Mixing named and default exports
+https://rollupjs.org/configuration-options/#output-exports
+The following entry modules are using named and default exports together:
+src/index.ts
+
+Consumers of your bundle will have to use chunk.default to access their default export, which may not be what you want. Use `output.exports: "named"` to disable this warning.
+created lib/index.js, es/index.js in 12.2s

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @hero-design/colors
 
+## 8.44.0
+
+### Minor Changes
+
+- [#3389](https://github.com/Thinkei/hero-design/pull/3389) [`058c9d7f5bff2958ea2ff873e85ff9acad609cc3`](https://github.com/Thinkei/hero-design/commit/058c9d7f5bff2958ea2ff873e85ff9acad609cc3) Thanks [@ttkien](https://github.com/ttkien)! - add swag light theme
+
 ## 8.43.1
 
 ### Patch Changes

package/es/index.js

@@ -694,10 +694,10 @@ const {
   purple,
   vermilion: vermilion$2,
   smalt,
-  violet: violet$1,
+  violet: violet$2,
   yellow
 } = colorScales;
-const palette$b = {
+const palette$c = {
   black: '#000000',
   white: '#ffffff',
   blue: blue.base,
@@ -800,19 +800,19 @@ const palette$b = {
   smaltLight45: smalt.lighten45,
   smaltLight75: smalt.lighten75,
   smaltLight90: smalt.lighten90,
-  violet: violet$1.base,
-  violetDark15: violet$1.darken15,
-  violetDark30: violet$1.darken30,
-  violetDark45: violet$1.darken45,
-  violetDark60: violet$1.darken60,
-  violetDark75: violet$1.darken75,
-  violetDark90: violet$1.darken90,
-  violetLight15: violet$1.lighten15,
-  violetLight30: violet$1.lighten30,
-  violetLight45: violet$1.lighten45,
-  violetLight60: violet$1.lighten60,
-  violetLight75: violet$1.lighten75,
-  violetLight90: violet$1.lighten90,
+  violet: violet$2.base,
+  violetDark15: violet$2.darken15,
+  violetDark30: violet$2.darken30,
+  violetDark45: violet$2.darken45,
+  violetDark60: violet$2.darken60,
+  violetDark75: violet$2.darken75,
+  violetDark90: violet$2.darken90,
+  violetLight15: violet$2.lighten15,
+  violetLight30: violet$2.lighten30,
+  violetLight45: violet$2.lighten45,
+  violetLight60: violet$2.lighten60,
+  violetLight75: violet$2.lighten75,
+  violetLight90: violet$2.lighten90,
   yellow: yellow.base,
   yellowDark15: yellow.darken15,
   yellowDark30: yellow.darken30,
@@ -827,12 +827,12 @@ const palette$b = {
 
 const {
   mauve: mauve$3,
-  violet
+  violet: violet$1
 } = colorScales;
-const palette$a = Object.assign(Object.assign({}, palette$b), {
+const palette$b = Object.assign(Object.assign({}, palette$c), {
   mauve: mauve$3.base,
   mauveLight80: mauve$3.lighten80,
-  violetDark50: violet.darken50
+  violetDark50: violet$1.darken50
 });
 
 const {
@@ -840,7 +840,7 @@ const {
   hitPink: hitPink$1,
   maasstrichtBlue: maasstrichtBlue$4
 } = colorScales;
-const palette$9 = Object.assign(Object.assign({}, palette$b), {
+const palette$a = Object.assign(Object.assign({}, palette$c), {
   apple: apple$3.base,
   appleDark20: apple$3.darken20,
   appleDark50: apple$3.darken50,
@@ -876,7 +876,7 @@ const {
   windsorGrey,
   black: black$1
 } = colorScales;
-const palette$8 = {
+const palette$9 = {
   black: black$1.base,
   white: '#ffffff',
   greyLight95: grey$1.lighten95,
@@ -951,7 +951,7 @@ const {
   blueOblivion,
   pastelBlue
 } = colorScales;
-const palette$7 = {
+const palette$8 = {
   black: '#000000',
   white: '#ffffff',
   greyLight95: grey.lighten95,
@@ -1019,7 +1019,7 @@ const palette$7 = {
 const {
   maasstrichtBlue: maasstrichtBlue$1
 } = colorScales;
-const palette$6 = {
+const palette$7 = {
   maasstrichtBlue: maasstrichtBlue$1.base,
   maasstrichtBlueLight5: maasstrichtBlue$1.lighten5,
   maasstrichtBlueLight10: maasstrichtBlue$1.lighten10,
@@ -1035,7 +1035,7 @@ const {
   violet1: violet1$2,
   mauve: mauve$2
 } = colorScales;
-const palette$5 = Object.assign(Object.assign({}, palette$8), {
+const palette$6 = Object.assign(Object.assign({}, palette$9), {
   violet: violet1$2.base,
   violetLight20: violet1$2.lighten20,
   violetLight30: violet1$2.lighten30,
@@ -1050,7 +1050,7 @@ const {
   currant,
   hitPink
 } = colorScales;
-const palette$4 = Object.assign(Object.assign({}, palette$8), {
+const palette$5 = Object.assign(Object.assign({}, palette$9), {
   apple: apple.base,
   appleLight10: apple.lighten10,
   appleDark20: apple.darken20,
@@ -1067,7 +1067,7 @@ const {
   violet1: violet1$1,
   mauve: mauve$1
 } = colorScales;
-const palette$3 = Object.assign(Object.assign({}, palette$8), {
+const palette$4 = Object.assign(Object.assign({}, palette$9), {
   scarletGumLight20: scarletGum$1.lighten20,
   scarletGumLight30: scarletGum$1.lighten30,
   scarletGumLight50: scarletGum$1.lighten50,
@@ -1083,13 +1083,20 @@ const palette$3 = Object.assign(Object.assign({}, palette$8), {
   mauve: mauve$1.base
 });
 
+const {
+  violet
+} = colorScales;
+const palette$3 = Object.assign(Object.assign({}, palette$9), {
+  violet: violet.base
+});
+
 const {
   scarletGum,
   violet1,
   mauve,
   maasstrichtBlue
 } = colorScales;
-const palette$2 = Object.assign(Object.assign({}, palette$8), {
+const palette$2 = Object.assign(Object.assign({}, palette$9), {
   scarletGumLight20: scarletGum.lighten20,
   scarletGumLight30: scarletGum.lighten30,
   scarletGumLight50: scarletGum.lighten50,
@@ -1115,7 +1122,7 @@ const {
   royalBlue,
   frenchSky
 } = colorScales;
-const palette$1 = Object.assign(Object.assign({}, palette$8), {
+const palette$1 = Object.assign(Object.assign({}, palette$9), {
   royalBlue: royalBlue.base,
   royalBlueLight10: royalBlue.lighten10,
   royalBlueLight80: royalBlue.lighten80,
@@ -1132,7 +1139,7 @@ const {
   policeBlue,
   black
 } = colorScales;
-const palette = Object.assign(Object.assign({}, palette$8), {
+const palette = Object.assign(Object.assign({}, palette$9), {
   blackLight30: black.lighten30,
   blackLight90: black.lighten90,
   goldLight20: gold.lighten20,
@@ -1147,4 +1154,4 @@ const palette = Object.assign(Object.assign({}, palette$8), {
   policeBlueLight90: policeBlue.lighten90
 });
 
-export { colorScales, palette$b as default, palette$7 as defaultMobileDarkPalette, palette$8 as defaultMobilePalette, palette$b as defaultWebPalette, palette$5 as eBensPalette, palette$a as eBensWebPalette, palette$4 as jobsPalette, palette$9 as jobsWebPalette, mixColor, palette$6 as mobileVisualisationPalette, palette$2 as swagDarkPalette, palette$3 as swagPalette, palette$1 as walletPalette, palette as workPalette };
+export { colorScales, palette$c as default, palette$8 as defaultMobileDarkPalette, palette$9 as defaultMobilePalette, palette$c as defaultWebPalette, palette$6 as eBensPalette, palette$b as eBensWebPalette, palette$5 as jobsPalette, palette$a as jobsWebPalette, mixColor, palette$7 as mobileVisualisationPalette, palette$2 as swagDarkPalette, palette$3 as swagLightPalette, palette$4 as swagPalette, palette$1 as walletPalette, palette as workPalette };

package/lib/index.js

@@ -698,10 +698,10 @@ const {
   purple,
   vermilion: vermilion$2,
   smalt,
-  violet: violet$1,
+  violet: violet$2,
   yellow
 } = colorScales;
-const palette$b = {
+const palette$c = {
   black: '#000000',
   white: '#ffffff',
   blue: blue.base,
@@ -804,19 +804,19 @@ const palette$b = {
   smaltLight45: smalt.lighten45,
   smaltLight75: smalt.lighten75,
   smaltLight90: smalt.lighten90,
-  violet: violet$1.base,
-  violetDark15: violet$1.darken15,
-  violetDark30: violet$1.darken30,
-  violetDark45: violet$1.darken45,
-  violetDark60: violet$1.darken60,
-  violetDark75: violet$1.darken75,
-  violetDark90: violet$1.darken90,
-  violetLight15: violet$1.lighten15,
-  violetLight30: violet$1.lighten30,
-  violetLight45: violet$1.lighten45,
-  violetLight60: violet$1.lighten60,
-  violetLight75: violet$1.lighten75,
-  violetLight90: violet$1.lighten90,
+  violet: violet$2.base,
+  violetDark15: violet$2.darken15,
+  violetDark30: violet$2.darken30,
+  violetDark45: violet$2.darken45,
+  violetDark60: violet$2.darken60,
+  violetDark75: violet$2.darken75,
+  violetDark90: violet$2.darken90,
+  violetLight15: violet$2.lighten15,
+  violetLight30: violet$2.lighten30,
+  violetLight45: violet$2.lighten45,
+  violetLight60: violet$2.lighten60,
+  violetLight75: violet$2.lighten75,
+  violetLight90: violet$2.lighten90,
   yellow: yellow.base,
   yellowDark15: yellow.darken15,
   yellowDark30: yellow.darken30,
@@ -831,12 +831,12 @@ const palette$b = {
 
 const {
   mauve: mauve$3,
-  violet
+  violet: violet$1
 } = colorScales;
-const palette$a = Object.assign(Object.assign({}, palette$b), {
+const palette$b = Object.assign(Object.assign({}, palette$c), {
   mauve: mauve$3.base,
   mauveLight80: mauve$3.lighten80,
-  violetDark50: violet.darken50
+  violetDark50: violet$1.darken50
 });
 
 const {
@@ -844,7 +844,7 @@ const {
   hitPink: hitPink$1,
   maasstrichtBlue: maasstrichtBlue$4
 } = colorScales;
-const palette$9 = Object.assign(Object.assign({}, palette$b), {
+const palette$a = Object.assign(Object.assign({}, palette$c), {
   apple: apple$3.base,
   appleDark20: apple$3.darken20,
   appleDark50: apple$3.darken50,
@@ -880,7 +880,7 @@ const {
   windsorGrey,
   black: black$1
 } = colorScales;
-const palette$8 = {
+const palette$9 = {
   black: black$1.base,
   white: '#ffffff',
   greyLight95: grey$1.lighten95,
@@ -955,7 +955,7 @@ const {
   blueOblivion,
   pastelBlue
 } = colorScales;
-const palette$7 = {
+const palette$8 = {
   black: '#000000',
   white: '#ffffff',
   greyLight95: grey.lighten95,
@@ -1023,7 +1023,7 @@ const palette$7 = {
 const {
   maasstrichtBlue: maasstrichtBlue$1
 } = colorScales;
-const palette$6 = {
+const palette$7 = {
   maasstrichtBlue: maasstrichtBlue$1.base,
   maasstrichtBlueLight5: maasstrichtBlue$1.lighten5,
   maasstrichtBlueLight10: maasstrichtBlue$1.lighten10,
@@ -1039,7 +1039,7 @@ const {
   violet1: violet1$2,
   mauve: mauve$2
 } = colorScales;
-const palette$5 = Object.assign(Object.assign({}, palette$8), {
+const palette$6 = Object.assign(Object.assign({}, palette$9), {
   violet: violet1$2.base,
   violetLight20: violet1$2.lighten20,
   violetLight30: violet1$2.lighten30,
@@ -1054,7 +1054,7 @@ const {
   currant,
   hitPink
 } = colorScales;
-const palette$4 = Object.assign(Object.assign({}, palette$8), {
+const palette$5 = Object.assign(Object.assign({}, palette$9), {
   apple: apple.base,
   appleLight10: apple.lighten10,
   appleDark20: apple.darken20,
@@ -1071,7 +1071,7 @@ const {
   violet1: violet1$1,
   mauve: mauve$1
 } = colorScales;
-const palette$3 = Object.assign(Object.assign({}, palette$8), {
+const palette$4 = Object.assign(Object.assign({}, palette$9), {
   scarletGumLight20: scarletGum$1.lighten20,
   scarletGumLight30: scarletGum$1.lighten30,
   scarletGumLight50: scarletGum$1.lighten50,
@@ -1087,13 +1087,20 @@ const palette$3 = Object.assign(Object.assign({}, palette$8), {
   mauve: mauve$1.base
 });
 
+const {
+  violet
+} = colorScales;
+const palette$3 = Object.assign(Object.assign({}, palette$9), {
+  violet: violet.base
+});
+
 const {
   scarletGum,
   violet1,
   mauve,
   maasstrichtBlue
 } = colorScales;
-const palette$2 = Object.assign(Object.assign({}, palette$8), {
+const palette$2 = Object.assign(Object.assign({}, palette$9), {
   scarletGumLight20: scarletGum.lighten20,
   scarletGumLight30: scarletGum.lighten30,
   scarletGumLight50: scarletGum.lighten50,
@@ -1119,7 +1126,7 @@ const {
   royalBlue,
   frenchSky
 } = colorScales;
-const palette$1 = Object.assign(Object.assign({}, palette$8), {
+const palette$1 = Object.assign(Object.assign({}, palette$9), {
   royalBlue: royalBlue.base,
   royalBlueLight10: royalBlue.lighten10,
   royalBlueLight80: royalBlue.lighten80,
@@ -1136,7 +1143,7 @@ const {
   policeBlue,
   black
 } = colorScales;
-const palette = Object.assign(Object.assign({}, palette$8), {
+const palette = Object.assign(Object.assign({}, palette$9), {
   blackLight30: black.lighten30,
   blackLight90: black.lighten90,
   goldLight20: gold.lighten20,
@@ -1152,17 +1159,18 @@ const palette = Object.assign(Object.assign({}, palette$8), {
 });
 
 exports.colorScales = colorScales;
-exports.default = palette$b;
-exports.defaultMobileDarkPalette = palette$7;
-exports.defaultMobilePalette = palette$8;
-exports.defaultWebPalette = palette$b;
-exports.eBensPalette = palette$5;
-exports.eBensWebPalette = palette$a;
-exports.jobsPalette = palette$4;
-exports.jobsWebPalette = palette$9;
+exports.default = palette$c;
+exports.defaultMobileDarkPalette = palette$8;
+exports.defaultMobilePalette = palette$9;
+exports.defaultWebPalette = palette$c;
+exports.eBensPalette = palette$6;
+exports.eBensWebPalette = palette$b;
+exports.jobsPalette = palette$5;
+exports.jobsWebPalette = palette$a;
 exports.mixColor = mixColor;
-exports.mobileVisualisationPalette = palette$6;
+exports.mobileVisualisationPalette = palette$7;
 exports.swagDarkPalette = palette$2;
-exports.swagPalette = palette$3;
+exports.swagLightPalette = palette$3;
+exports.swagPalette = palette$4;
 exports.walletPalette = palette$1;
 exports.workPalette = palette;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hero-design/colors",
-  "version": "8.43.2-alpha.1",
+  "version": "8.44.0",
   "license": "MIT",
   "main": "lib/index.js",
   "module": "es/index.js",

package/src/index.ts

@@ -9,6 +9,7 @@ import mobileVisualisationPalette from './mobileVisualisationPalette';
 import eBensPalette from './eBensPalette';
 import jobsPalette from './jobsPalette';
 import swagPalette from './swagPalette';
+import swagLightPalette from './swagLightPalette';
 import swagDarkPalette from './swagDarkPalette';
 import walletPalette from './walletPalette';
 import workPalette from './workPalette';
@@ -26,6 +27,7 @@ export {
   jobsPalette,
   swagPalette,
   swagDarkPalette,
+  swagLightPalette,
   walletPalette,
   workPalette,
 };

package/src/swagLightPalette/index.ts

@@ -0,0 +1,12 @@
+import colorScales from '../colorScales';
+import defaultMobilePalette from '../defaultMobilePalette';
+
+const { violet } = colorScales;
+
+const palette = {
+  ...defaultMobilePalette,
+
+  violet: violet.base,
+};
+
+export default palette;

package/types/index.d.ts

@@ -8,8 +8,9 @@ import mobileVisualisationPalette from './mobileVisualisationPalette';
 import eBensPalette from './eBensPalette';
 import jobsPalette from './jobsPalette';
 import swagPalette from './swagPalette';
+import swagLightPalette from './swagLightPalette';
 import swagDarkPalette from './swagDarkPalette';
 import walletPalette from './walletPalette';
 import workPalette from './workPalette';
-export { mixColor, colorScales, defaultWebPalette, eBensWebPalette, jobsWebPalette, defaultMobilePalette, defaultMobileDarkPalette, mobileVisualisationPalette, eBensPalette, jobsPalette, swagPalette, swagDarkPalette, walletPalette, workPalette, };
+export { mixColor, colorScales, defaultWebPalette, eBensWebPalette, jobsWebPalette, defaultMobilePalette, defaultMobileDarkPalette, mobileVisualisationPalette, eBensPalette, jobsPalette, swagPalette, swagDarkPalette, swagLightPalette, walletPalette, workPalette, };
 export default defaultWebPalette;

package/{.rollup.cache/Users/haudao/Workspace/hero-design/packages/colors/lib/types/defaultMobilePalette → types/swagLightPalette}/index.d.ts

@@ -1,4 +1,5 @@
 declare const palette: {
+    violet: string;
     black: string;
     white: string;
     greyLight95: string;