@bgord/design 0.24.0 → 0.25.1

package/dist/backgrounds-generator.d.ts

@@ -1,6 +1,6 @@
 import { GeneratorInterface, GeneratorConfigType } from './generator';
 export declare class BackgroundsGenerator implements GeneratorInterface {
-    colors: GeneratorConfigType['colors'];
+    colors: GeneratorConfigType['grayscale'];
     constructor(config: GeneratorConfigType);
     generateHeader(): string;
     generateCss(): string;

package/dist/design.cjs.development.js

@@ -1586,7 +1586,7 @@ var FlexDirectionsGenerator = /*#__PURE__*/function () {
 
 var BackgroundsGenerator = /*#__PURE__*/function () {
   function BackgroundsGenerator(config) {
-    this.colors = config.colors;
+    this.colors = _extends({}, config.grayscale, config.greens, config.reds, config.oranges);
   }
 
   var _proto = BackgroundsGenerator.prototype;
@@ -1617,7 +1617,7 @@ var BackgroundsGenerator = /*#__PURE__*/function () {
 
 var FontColorsGenerator = /*#__PURE__*/function () {
   function FontColorsGenerator(config) {
-    this.colors = config.colors;
+    this.colors = _extends({}, config.grayscale, config.greens, config.reds, config.oranges);
   }
 
   var _proto = FontColorsGenerator.prototype;
@@ -1967,7 +1967,7 @@ var FlexDirections = {
   column: 'column',
   'column-reverse': 'column-reverse'
 };
-var Colors = {
+var Grayscale = {
   white: '#F9FAFB',
   'gray-100': '#F3F4F6',
   'gray-200': '#E5E7EB',
@@ -1979,6 +1979,36 @@ var Colors = {
   'gray-800': '#1F2937',
   black: '#111827'
 };
+var Greens = {
+  'green-100': 'hsl(112, 50%, 85%)',
+  'green-200': 'hsl(112, 50%, 75%)',
+  'green-300': 'hsl(112, 50%, 65%)',
+  'green-400': 'hsl(112, 50%, 55%)',
+  'green-500': 'hsl(112, 50%, 45%)',
+  'green-600': 'hsl(112, 50%, 35%)',
+  'green-700': 'hsl(112, 50%, 25%)',
+  'green-800': 'hsl(112, 50%, 20%)'
+};
+var Reds = {
+  'red-100': 'hsl(5, 80%, 90%)',
+  'red-200': 'hsl(5, 80%, 83%)',
+  'red-300': 'hsl(5, 80%, 72.5%)',
+  'red-400': 'hsl(5, 80%, 62.5%)',
+  'red-500': 'hsl(5, 80%, 52.5%)',
+  'red-600': 'hsl(5, 80%, 42%)',
+  'red-700': 'hsl(5, 80%, 32.5%)',
+  'red-800': 'hsl(5, 80%, 22.5%)'
+};
+var Oranges = {
+  'orange-100': 'hsl(25, 88%, 85%)',
+  'orange-200': 'hsl(25, 88%, 75%)',
+  'orange-300': 'hsl(25, 88%, 65%)',
+  'orange-400': 'hsl(25, 88%, 55%)',
+  'orange-500': 'hsl(25, 88%, 45%)',
+  'orange-600': 'hsl(25, 88%, 37.5%)',
+  'orange-700': 'hsl(25, 88%, 27.5%)',
+  'orange-800': 'hsl(25, 88%, 20%)'
+};
 var Breakpoints = {
   md: 768
 };
@@ -1999,7 +2029,7 @@ var BorderWidths = {
   '6': 6,
   '12': 12
 };
-var BorderColors = /*#__PURE__*/_extends({}, Colors, {
+var BorderColors = /*#__PURE__*/_extends({}, Grayscale, {
   transparent: 'transparent'
 });
 var BorderRadiuses = {
@@ -2106,7 +2136,10 @@ function _main() {
               fontWeights: FontWeights,
               lineHeights: LineHeights,
               flexDirections: FlexDirections,
-              colors: Colors,
+              grayscale: Grayscale,
+              greens: Greens,
+              reds: Reds,
+              oranges: Oranges,
               breakpoints: Breakpoints,
               letterSpacings: LetterSpacings,
               flexGrows: FlexGrows,