@frontify/fondue 10.0.0 → 11.0.0

package/dist/types/colors.d.ts

@@ -1,9 +1,15 @@
 export declare type Color = {
+    red: number;
+    green: number;
+    blue: number;
+    alpha?: number;
+    name?: string;
+};
+export declare type ColorRgb = {
     r: number;
     g: number;
     b: number;
     a?: number;
-    name?: string;
 };
 export declare type Palette = {
     id: number | string;

package/dist/types/colors.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"colors.es.js","sources":["../../src/types/colors.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nexport type Color = {\n    r: number;\n    g: number;\n    b: number;\n    a?: number;\n    name?: string;\n};\n\nexport type Palette = {\n    id: number | string;\n    title: string;\n    colors: Color[];\n};\n\nexport enum ColorFormat {\n    Hex = 'Hex',\n    Rgba = 'Rgba',\n}\n"],"names":[],"mappings":"AAgBY,IAAA,sBAAA,MACF,GAAA,MAAA,OACC,EAAA,OAAA,QAFC,IAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"colors.es.js","sources":["../../src/types/colors.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nexport type Color = {\n    red: number;\n    green: number;\n    blue: number;\n    alpha?: number;\n    name?: string;\n};\n\nexport type ColorRgb = {\n    r: number;\n    g: number;\n    b: number;\n    a?: number;\n};\n\nexport type Palette = {\n    id: number | string;\n    title: string;\n    colors: Color[];\n};\n\nexport enum ColorFormat {\n    Hex = 'Hex',\n    Rgba = 'Rgba',\n}\n"],"names":[],"mappings":"AAuBY,IAAA,sBAAA,MACF,GAAA,MAAA,OACC,EAAA,OAAA,QAFC,IAAA,KAAA,CAAA,CAAA;"}

package/dist/utilities/colors.d.ts

@@ -1,3 +1,5 @@
-import { Color, ColorFormat } from '../types/colors';
+import { Color, ColorFormat, ColorRgb } from '../types/colors';
 export declare const getColorDisplayValue: (color: Color, format: ColorFormat, showAlpha?: boolean) => string;
 export declare const isColorLight: (color: Color) => boolean;
+export declare const toShortRgb: (color: Color) => ColorRgb;
+export declare const toLongRgb: (color: ColorRgb) => Color;

package/dist/utilities/colors.es.js

@@ -1,22 +1,30 @@
-import n from "tinycolor2";
+import g from "tinycolor2";
 import { ColorFormat as a } from "../types/colors.es.js";
-const l = (t, r, s = !0) => {
-  const o = n(t);
+const h = (t, r, n = !0) => {
+  const o = g(s(t));
   switch (r) {
     case a.Rgba:
       return o.toRgbString();
     case a.Hex:
       const e = o.toHexString();
-      return s && t.a && t.a < 1 ? `${e} ${Math.trunc(o.getAlpha() * 100)}%` : e;
+      return n && t.alpha && t.alpha < 1 ? `${e} ${Math.trunc(o.getAlpha() * 100)}%` : e;
     default:
       return o.toHexString();
   }
-}, c = (t) => {
-  const r = n(t);
+}, i = (t) => {
+  const r = g(s(t));
   return r.isLight() || r.getAlpha() < 0.25;
+}, s = (t) => {
+  const { red: r, green: n, blue: o, alpha: e } = t;
+  return { r, g: n, b: o, a: e };
+}, p = (t) => {
+  const { r, g: n, b: o, a: e } = t;
+  return { red: r, green: n, blue: o, alpha: e };
 };
 export {
-  l as getColorDisplayValue,
-  c as isColorLight
+  h as getColorDisplayValue,
+  i as isColorLight,
+  p as toLongRgb,
+  s as toShortRgb
 };
 //# sourceMappingURL=colors.es.js.map

package/dist/utilities/colors.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"colors.es.js","sources":["../../src/utilities/colors.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport tinycolor from 'tinycolor2';\nimport { Color, ColorFormat } from '../types/colors';\n\nexport const getColorDisplayValue = (color: Color, format: ColorFormat, showAlpha = true): string => {\n    const parsedColor = tinycolor(color);\n\n    switch (format) {\n        case ColorFormat.Rgba:\n            return parsedColor.toRgbString();\n        case ColorFormat.Hex:\n            const hex = parsedColor.toHexString();\n            return showAlpha && color.a && color.a < 1 ? `${hex} ${Math.trunc(parsedColor.getAlpha() * 100)}%` : hex;\n        default:\n            return parsedColor.toHexString();\n    }\n};\n\nexport const isColorLight = (color: Color): boolean => {\n    const parsedColor = tinycolor(color);\n    return parsedColor.isLight() || parsedColor.getAlpha() < 0.25;\n};\n"],"names":[],"mappings":";;AAKO,MAAM,IAAuB,CAAC,GAAc,GAAqB,IAAY,OAAiB;AAC3F,QAAA,IAAc,EAAU,CAAK;AAE3B,UAAA;AAAA,SACC,EAAY;AACb,aAAO,EAAY;SAClB,EAAY;AACP,YAAA,IAAM,EAAY;AACxB,aAAO,KAAa,EAAM,KAAK,EAAM,IAAI,IAAI,GAAG,KAAO,KAAK,MAAM,EAAY,SAAS,IAAI,GAAG,OAAO;AAAA;AAErG,aAAO,EAAY;;AAE/B,GAEa,IAAe,CAAC,MAA0B;AAC7C,QAAA,IAAc,EAAU,CAAK;AACnC,SAAO,EAAY,QAAa,KAAA,EAAY,aAAa;AAC7D;"}
+{"version":3,"file":"colors.es.js","sources":["../../src/utilities/colors.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport tinycolor from 'tinycolor2';\nimport { Color, ColorFormat, ColorRgb } from '../types/colors';\n\nexport const getColorDisplayValue = (color: Color, format: ColorFormat, showAlpha = true): string => {\n    const parsedColor = tinycolor(toShortRgb(color));\n\n    switch (format) {\n        case ColorFormat.Rgba:\n            return parsedColor.toRgbString();\n        case ColorFormat.Hex:\n            const hex = parsedColor.toHexString();\n            return showAlpha && color.alpha && color.alpha < 1\n                ? `${hex} ${Math.trunc(parsedColor.getAlpha() * 100)}%`\n                : hex;\n        default:\n            return parsedColor.toHexString();\n    }\n};\n\nexport const isColorLight = (color: Color): boolean => {\n    const parsedColor = tinycolor(toShortRgb(color));\n    return parsedColor.isLight() || parsedColor.getAlpha() < 0.25;\n};\n\nexport const toShortRgb = (color: Color): ColorRgb => {\n    const { red, green, blue, alpha } = color;\n    return { r: red, g: green, b: blue, a: alpha };\n};\n\nexport const toLongRgb = (color: ColorRgb): Color => {\n    const { r, g, b, a } = color;\n    return { red: r, green: g, blue: b, alpha: a };\n};\n"],"names":[],"mappings":";;AAKO,MAAM,IAAuB,CAAC,GAAc,GAAqB,IAAY,OAAiB;AACjG,QAAM,IAAc,EAAU,EAAW,CAAK,CAAC;AAEvC,UAAA;AAAA,SACC,EAAY;AACb,aAAO,EAAY;SAClB,EAAY;AACP,YAAA,IAAM,EAAY;AACxB,aAAO,KAAa,EAAM,SAAS,EAAM,QAAQ,IAC3C,GAAG,KAAO,KAAK,MAAM,EAAY,SAAS,IAAI,GAAG,OACjD;AAAA;AAEN,aAAO,EAAY;;AAE/B,GAEa,IAAe,CAAC,MAA0B;AACnD,QAAM,IAAc,EAAU,EAAW,CAAK,CAAC;AAC/C,SAAO,EAAY,QAAa,KAAA,EAAY,aAAa;AAC7D,GAEa,IAAa,CAAC,MAA2B;AAClD,QAAM,EAAE,QAAK,UAAO,SAAM,aAAU;AAC7B,SAAA,EAAE,GAAQ,GAAG,GAAO,GAAG,GAAM,GAAG;AAC3C,GAEa,IAAY,CAAC,MAA2B;AACjD,QAAM,EAAE,GAAG,MAAG,MAAG,SAAM;AAChB,SAAA,EAAE,KAAK,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO;AAC/C;"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@frontify/fondue",
-    "version": "10.0.0",
+    "version": "11.0.0",
     "description": "Design system of Frontify",
     "main": "dist/index.umd.js",
     "unpkg": "dist/index.umd.js",