sprintify-ui 0.10.53 → 0.10.55

package/dist/types/utils/colors.d.ts

@@ -4,6 +4,7 @@ interface ColorConfig {
     backgroundColor: string;
     textColor: string;
     borderColor: string;
+    color: string;
 }
 interface ColorPalette {
     low: ColorConfig;

package/dist/types/utils/index.d.ts

@@ -3,4 +3,5 @@ import fileSizeFormat from './fileSizeFormat';
 import resizeImageFromURI from './resizeImageFromURI';
 import { disableScroll, enableScroll } from './scrollPreventer';
 import { blobToBase64, validateBase64, base64ToBlob } from './blob';
-export { toHumanList, fileSizeFormat, disableScroll, enableScroll, resizeImageFromURI, blobToBase64, validateBase64, base64ToBlob, };
+import { getColorConfig } from './colors';
+export { toHumanList, fileSizeFormat, disableScroll, enableScroll, resizeImageFromURI, blobToBase64, validateBase64, base64ToBlob, getColorConfig, };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.10.53",
+  "version": "0.10.55",
   "type": "module",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",

package/src/utils/colors.ts

@@ -1,4 +1,4 @@
-import { darken, getContrast } from 'color2k';
+import { darken, getContrast, lighten } from 'color2k';
 import defaultColors from 'tailwindcss/colors';
 
 const colors = defaultColors;
@@ -9,6 +9,7 @@ interface ColorConfig {
   backgroundColor: string;
   textColor: string;
   borderColor: string;
+  color: string;
 }
 
 interface ColorPalette {
@@ -22,11 +23,13 @@ export const palette: Record<string, ColorPalette> = {
       backgroundColor: colors.slate[200],
       textColor: colors.slate[800],
       borderColor: colors.slate[300],
+      color: colors.black,
     },
     high: {
       backgroundColor: colors.black,
       textColor: colors.white,
       borderColor: 'transparent',
+      color: colors.black,
     },
   },
   gray: {
@@ -34,11 +37,13 @@ export const palette: Record<string, ColorPalette> = {
       backgroundColor: colors.slate[200],
       textColor: colors.slate[800],
       borderColor: colors.slate[300],
+      color: colors.slate[500],
     },
     high: {
       backgroundColor: colors.slate[600],
       textColor: colors.white,
       borderColor: 'transparent',
+      color: colors.slate[500],
     },
   },
   red: {
@@ -46,11 +51,13 @@ export const palette: Record<string, ColorPalette> = {
       backgroundColor: colors.red[100],
       textColor: colors.red[800],
       borderColor: colors.red[300],
+      color: colors.red[500],
     },
     high: {
       backgroundColor: colors.red[600],
       textColor: colors.white,
       borderColor: 'transparent',
+      color: colors.red[500],
     },
   },
   orange: {
@@ -58,11 +65,13 @@ export const palette: Record<string, ColorPalette> = {
       backgroundColor: colors.orange[100],
       textColor: colors.orange[800],
       borderColor: colors.orange[300],
+      color: colors.orange[500],
     },
     high: {
       backgroundColor: colors.orange[500],
       textColor: colors.white,
       borderColor: 'transparent',
+      color: colors.orange[500],
     },
   },
   yellow: {
@@ -70,11 +79,13 @@ export const palette: Record<string, ColorPalette> = {
       backgroundColor: colors.yellow[100],
       textColor: colors.yellow[800],
       borderColor: colors.yellow[300],
+      color: colors.yellow[500],
     },
     high: {
       backgroundColor: colors.yellow[500],
       textColor: colors.white,
       borderColor: 'transparent',
+      color: colors.yellow[500],
     },
   },
   green: {
@@ -82,11 +93,13 @@ export const palette: Record<string, ColorPalette> = {
       backgroundColor: colors.green[100],
       textColor: colors.green[800],
       borderColor: colors.green[300],
+      color: colors.green[500],
     },
     high: {
       backgroundColor: colors.green[600],
       textColor: colors.white,
       borderColor: 'transparent',
+      color: colors.green[500],
     },
   },
   teal: {
@@ -94,11 +107,13 @@ export const palette: Record<string, ColorPalette> = {
       backgroundColor: colors.teal[100],
       textColor: colors.teal[800],
       borderColor: colors.teal[300],
+      color: colors.teal[500],
     },
     high: {
       backgroundColor: colors.teal[600],
       textColor: colors.white,
       borderColor: 'transparent',
+      color: colors.teal[500],
     },
   },
   cyan: {
@@ -106,11 +121,13 @@ export const palette: Record<string, ColorPalette> = {
       backgroundColor: colors.cyan[100],
       textColor: colors.cyan[800],
       borderColor: colors.cyan[300],
+      color: colors.cyan[500],
     },
     high: {
       backgroundColor: colors.cyan[600],
       textColor: colors.white,
       borderColor: 'transparent',
+      color: colors.cyan[500],
     },
   },
   blue: {
@@ -118,11 +135,13 @@ export const palette: Record<string, ColorPalette> = {
       backgroundColor: colors.blue[100],
       textColor: colors.blue[800],
       borderColor: colors.blue[300],
+      color: colors.blue[500],
     },
     high: {
       backgroundColor: colors.blue[600],
       textColor: colors.white,
       borderColor: 'transparent',
+      color: colors.blue[500],
     },
   },
   indigo: {
@@ -130,11 +149,13 @@ export const palette: Record<string, ColorPalette> = {
       backgroundColor: colors.indigo[100],
       textColor: colors.indigo[800],
       borderColor: colors.indigo[300],
+      color: colors.indigo[500],
     },
     high: {
       backgroundColor: colors.indigo[600],
       textColor: colors.white,
       borderColor: 'transparent',
+      color: colors.indigo[500],
     },
   },
   purple: {
@@ -142,11 +163,13 @@ export const palette: Record<string, ColorPalette> = {
       backgroundColor: colors.purple[100],
       textColor: colors.purple[800],
       borderColor: colors.purple[300],
+      color: colors.purple[500],
     },
     high: {
       backgroundColor: colors.purple[600],
       textColor: colors.white,
       borderColor: 'transparent',
+      color: colors.purple[500],
     },
   },
   pink: {
@@ -154,11 +177,13 @@ export const palette: Record<string, ColorPalette> = {
       backgroundColor: colors.pink[100],
       textColor: colors.pink[800],
       borderColor: colors.pink[300],
+      color: colors.pink[500],
     },
     high: {
       backgroundColor: colors.pink[600],
       textColor: colors.white,
       borderColor: 'transparent',
+      color: colors.pink[500],
     },
   },
   white: {
@@ -166,11 +191,13 @@ export const palette: Record<string, ColorPalette> = {
       backgroundColor: colors.white,
       textColor: colors.slate[600],
       borderColor: 'transparent',
+      color: colors.slate[100],
     },
     high: {
       backgroundColor: colors.white,
       textColor: colors.black,
       borderColor: 'transparent',
+      color: colors.slate[100],
     },
   },
 };
@@ -180,6 +207,7 @@ const colorNames = {
   success: 'green',
   warning: 'yellow',
   danger: 'red',
+  error: 'red',
 } as Record<string, string>;
 
 export function getColorConfig(color: string, contrast = false): ColorConfig {
@@ -206,5 +234,6 @@ export function getColorConfig(color: string, contrast = false): ColorConfig {
     backgroundColor: color,
     textColor: textColor,
     borderColor: borderColor,
+    color: color
   };
 }

package/src/utils/index.ts

@@ -3,6 +3,7 @@ import fileSizeFormat from './fileSizeFormat';
 import resizeImageFromURI from './resizeImageFromURI';
 import { disableScroll, enableScroll } from './scrollPreventer';
 import { blobToBase64, validateBase64, base64ToBlob } from './blob';
+import { getColorConfig } from './colors';
 
 export {
   toHumanList,
@@ -13,4 +14,5 @@ export {
   blobToBase64,
   validateBase64,
   base64ToBlob,
+  getColorConfig,
 };