@skbkontur/colors 2.0.1 → 2.0.3

package/lib/get-colors.js

@@ -1,3 +1,14 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 import { getColorsDefaultTokens } from './get-colors-default-tokens.js';
 import { getColorsBase } from './get-colors-base.js';
 import { convertColorFormat } from './utils/convert-color.js';
@@ -8,7 +19,14 @@ import { convertColorFormat } from './utils/convert-color.js';
  * @returns {DefaultTokensFull | Themed<T>} Список токенов для light, dark или вместе
  */
 export function getColors(params) {
-    var base = getColorsBase(params);
+    var base;
+    // Convert hex-aarrggbb via hex/rgba
+    if (params.format === 'hex-aarrggbb') {
+        base = getColorsBase(__assign(__assign({}, params), { format: 'hex/rgba' }));
+    }
+    else {
+        base = getColorsBase(params);
+    }
     var defaults = getColorsDefaultTokens(base);
     var result;
     if (params.overrides) {

package/lib/get-colors.ts

@@ -40,7 +40,15 @@ export interface SemanticConfigOptions<T> extends ConfigOptions {
  * @returns {DefaultTokensFull | Themed<T>} Список токенов для light, dark или вместе
  */
 export function getColors<T>(params: SemanticConfigOptions<T>): DefaultTokens {
-  const base = getColorsBase(params);
+  let base;
+
+  // Convert hex-aarrggbb via hex/rgba
+  if (params.format === 'hex-aarrggbb') {
+    base = getColorsBase({ ...params, format: 'hex/rgba' });
+  } else {
+    base = getColorsBase(params);
+  }
+
   const defaults = getColorsDefaultTokens(base);
 
   let result: any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skbkontur/colors",
-  "version": "2.0.1",
+  "version": "2.0.3",
   "author": "Kontur",
   "publishConfig": {
     "access": "public",
@@ -13,7 +13,7 @@
     "/lib",
     "/tokens",
     "/tokens-mobile",
-    "./"
+    "/*.{js,d.ts,less,scss}"
   ],
   "exports": {
     "./package.json": "./package.json",

package/tokens-mobile/brand-blue-deep_accent-brand.json

@@ -16,20 +16,20 @@
     "dark": "#C50220"
   },
   "textInvertedNeutralFaint": {
-    "light": "#66FFFF",
-    "dark": "#00520000"
+    "light": "#66FFFFFF",
+    "dark": "#52000000"
   },
   "textInvertedNeutralHeavy": {
-    "light": "#F5FFFF",
-    "dark": "#00E00000"
+    "light": "#F5FFFFFF",
+    "dark": "#E0000000"
   },
   "textInvertedNeutralPale": {
-    "light": "#7AFFFF",
-    "dark": "#00660000"
+    "light": "#7AFFFFFF",
+    "dark": "#66000000"
   },
   "textInvertedNeutralSoft": {
-    "light": "#A3FFFF",
-    "dark": "#008F0000"
+    "light": "#A3FFFFFF",
+    "dark": "#8F000000"
   },
   "textInvertedSuccessHeavy": {
     "light": "#00C655",
@@ -44,20 +44,20 @@
     "dark": "#4B80FF"
   },
   "textNeutralFaint": {
-    "light": "#00520000",
-    "dark": "#66FFFF"
+    "light": "#52000000",
+    "dark": "#66FFFFFF"
   },
   "textNeutralHeavy": {
-    "light": "#00E00000",
-    "dark": "#F5FFFF"
+    "light": "#E0000000",
+    "dark": "#F5FFFFFF"
   },
   "textNeutralPale": {
-    "light": "#00660000",
-    "dark": "#7AFFFF"
+    "light": "#66000000",
+    "dark": "#7AFFFFFF"
   },
   "textNeutralSoft": {
-    "light": "#008F0000",
-    "dark": "#A3FFFF"
+    "light": "#8F000000",
+    "dark": "#A3FFFFFF"
   },
   "textSuccessHeavy": {
     "light": "#007F34",
@@ -68,68 +68,68 @@
     "dark": "#F8AE00"
   },
   "textConstFaintBlack": {
-    "light": "#00520000",
-    "dark": "#00520000"
+    "light": "#52000000",
+    "dark": "#52000000"
   },
   "textConstFaintWhite": {
-    "light": "#66FFFF",
-    "dark": "#66FFFF"
+    "light": "#66FFFFFF",
+    "dark": "#66FFFFFF"
   },
   "textConstHeavyBlack": {
-    "light": "#00E00000",
-    "dark": "#00E00000"
+    "light": "#E0000000",
+    "dark": "#E0000000"
   },
   "textConstHeavyWhite": {
-    "light": "#F5FFFF",
-    "dark": "#F5FFFF"
+    "light": "#F5FFFFFF",
+    "dark": "#F5FFFFFF"
   },
   "textConstPaleBlack": {
-    "light": "#00660000",
-    "dark": "#00660000"
+    "light": "#66000000",
+    "dark": "#66000000"
   },
   "textConstPaleWhite": {
-    "light": "#7AFFFF",
-    "dark": "#7AFFFF"
+    "light": "#7AFFFFFF",
+    "dark": "#7AFFFFFF"
   },
   "textConstSoftBlack": {
-    "light": "#008F0000",
-    "dark": "#008F0000"
+    "light": "#8F000000",
+    "dark": "#8F000000"
   },
   "textConstSoftWhite": {
-    "light": "#A3FFFF",
-    "dark": "#A3FFFF"
+    "light": "#A3FFFFFF",
+    "dark": "#A3FFFFFF"
   },
   "textOnAccentBoldFaint": {
-    "light": "#66FFFF",
-    "dark": "#52FFFF"
+    "light": "#66FFFFFF",
+    "dark": "#52FFFFFF"
   },
   "textOnAccentBoldHeavy": {
-    "light": "#F5FFFF",
-    "dark": "#F5FFFF"
+    "light": "#F5FFFFFF",
+    "dark": "#F5FFFFFF"
   },
   "textOnAccentBoldPale": {
-    "light": "#7AFFFF",
-    "dark": "#66FFFF"
+    "light": "#7AFFFFFF",
+    "dark": "#66FFFFFF"
   },
   "textOnAccentBoldSoft": {
-    "light": "#A3FFFF",
-    "dark": "#8FFFFF"
+    "light": "#A3FFFFFF",
+    "dark": "#8FFFFFFF"
   },
   "textOnBrandOriginalFaint": {
-    "light": "#66FFFF",
-    "dark": "#66FFFF"
+    "light": "#66FFFFFF",
+    "dark": "#66FFFFFF"
   },
   "textOnBrandOriginalHeavy": {
-    "light": "#F5FFFF",
-    "dark": "#F5FFFF"
+    "light": "#F5FFFFFF",
+    "dark": "#F5FFFFFF"
   },
   "textOnBrandOriginalPale": {
-    "light": "#7AFFFF",
-    "dark": "#7AFFFF"
+    "light": "#7AFFFFFF",
+    "dark": "#7AFFFFFF"
   },
   "textOnBrandOriginalSoft": {
-    "light": "#A3FFFF",
-    "dark": "#A3FFFF"
+    "light": "#A3FFFFFF",
+    "dark": "#A3FFFFFF"
   },
   "shapeBoldAccent": {
     "light": "#366AF3",
@@ -168,8 +168,8 @@
     "dark": "#502421"
   },
   "shapeFaintNeutralAlpha": {
-    "light": "#000F0000",
-    "dark": "#0FFFFF"
+    "light": "#0F000000",
+    "dark": "#0FFFFFFF"
   },
   "shapeFaintSuccess": {
     "light": "#DEFBE2",
@@ -196,24 +196,24 @@
     "dark": "#FBE48D"
   },
   "shapeOtherAccentBoldDisabled": {
-    "light": "#00520000",
-    "dark": "#52FFFF"
+    "light": "#52000000",
+    "dark": "#52FFFFFF"
   },
   "shapeOtherBase": {
     "light": "#FFFFFF",
-    "dark": "#0FFFFF"
+    "dark": "#0FFFFFFF"
   },
   "shapeOtherDisabled": {
-    "light": "#000F0000",
-    "dark": "#0FFFFF"
+    "light": "#0F000000",
+    "dark": "#0FFFFFFF"
   },
   "shapeOtherField": {
     "light": "#FFFFFF",
-    "dark": "#00290000"
+    "dark": "#29000000"
   },
   "shapeOtherLow": {
-    "light": "#000F0000",
-    "dark": "#003D0000"
+    "light": "#0F000000",
+    "dark": "#3D000000"
   },
   "shapeOtherNeutralFaintSolid": {
     "light": "#F2F2F2",
@@ -240,8 +240,8 @@
     "dark": "#602A27"
   },
   "shapePaleNeutralAlpha": {
-    "light": "#001F0000",
-    "dark": "#1FFFFF"
+    "light": "#1F000000",
+    "dark": "#1FFFFFFF"
   },
   "shapePaleSuccess": {
     "light": "#C3F3CA",
@@ -264,8 +264,8 @@
     "dark": "#943E3B"
   },
   "shapeSoftNeutralAlpha": {
-    "light": "#00290000",
-    "dark": "#29FFFF"
+    "light": "#29000000",
+    "dark": "#29FFFFFF"
   },
   "shapeSoftSuccess": {
     "light": "#6CD984",
@@ -276,68 +276,68 @@
     "dark": "#86612C"
   },
   "shapeInvertedDisabled": {
-    "light": "#0FFFFF",
-    "dark": "#000F0000"
+    "light": "#0FFFFFFF",
+    "dark": "#0F000000"
   },
   "shapeInvertedNeutralFaintAlpha": {
-    "light": "#0FFFFF",
-    "dark": "#000F0000"
+    "light": "#0FFFFFFF",
+    "dark": "#0F000000"
   },
   "shapeInvertedNeutralHeavy": {
     "light": "#FFFFFF",
-    "dark": "#00CC0000"
+    "dark": "#CC000000"
   },
   "shapeInvertedNeutralPaleAlpha": {
-    "light": "#1FFFFF",
-    "dark": "#001F0000"
+    "light": "#1FFFFFFF",
+    "dark": "#1F000000"
   },
   "shapeInvertedNeutralSoftAlpha": {
-    "light": "#29FFFF",
-    "dark": "#00290000"
+    "light": "#29FFFFFF",
+    "dark": "#29000000"
   },
   "shapeConstDisabledBlack": {
-    "light": "#000F0000",
-    "dark": "#000F0000"
+    "light": "#0F000000",
+    "dark": "#0F000000"
   },
   "shapeConstDisabledWhite": {
-    "light": "#0FFFFF",
-    "dark": "#0FFFFF"
+    "light": "#0FFFFFFF",
+    "dark": "#0FFFFFFF"
   },
   "shapeConstFaintBlack": {
-    "light": "#001F0000",
-    "dark": "#001F0000"
+    "light": "#1F000000",
+    "dark": "#1F000000"
   },
   "shapeConstFaintWhite": {
-    "light": "#1FFFFF",
-    "dark": "#1FFFFF"
+    "light": "#1FFFFFFF",
+    "dark": "#1FFFFFFF"
   },
   "shapeConstHeavyBlack": {
-    "light": "#00CC0000",
-    "dark": "#00CC0000"
+    "light": "#CC000000",
+    "dark": "#CC000000"
   },
   "shapeConstHeavyWhite": {
-    "light": "#F5FFFF",
-    "dark": "#F5FFFF"
+    "light": "#F5FFFFFF",
+    "dark": "#F5FFFFFF"
   },
   "shapeConstPaleBlack": {
-    "light": "#00290000",
-    "dark": "#00290000"
+    "light": "#29000000",
+    "dark": "#29000000"
   },
   "shapeConstPaleWhite": {
-    "light": "#29FFFF",
-    "dark": "#29FFFF"
+    "light": "#29FFFFFF",
+    "dark": "#29FFFFFF"
   },
   "shapeConstPromo": {
     "light": "#25255E",
     "dark": "#25255E"
   },
   "shapeConstSoftBlack": {
-    "light": "#003D0000",
-    "dark": "#003D0000"
+    "light": "#3D000000",
+    "dark": "#3D000000"
   },
   "shapeConstSoftWhite": {
-    "light": "#3DFFFF",
-    "dark": "#3DFFFF"
+    "light": "#3DFFFFFF",
+    "dark": "#3DFFFFFF"
   },
   "lineAccentBold": {
     "light": "#366AF3",
@@ -360,28 +360,28 @@
     "dark": "#E62B34"
   },
   "lineNeutralFaint": {
-    "light": "#00140000",
-    "dark": "#14FFFF"
+    "light": "#14000000",
+    "dark": "#14FFFFFF"
   },
   "lineNeutralPale": {
-    "light": "#00290000",
-    "dark": "#29FFFF"
+    "light": "#29000000",
+    "dark": "#29FFFFFF"
   },
   "lineOnAccentBoldFaint": {
-    "light": "#1FFFFF",
-    "dark": "#1FFFFF"
+    "light": "#1FFFFFFF",
+    "dark": "#1FFFFFFF"
   },
   "lineOnAccentBoldPale": {
-    "light": "#3DFFFF",
-    "dark": "#3DFFFF"
+    "light": "#3DFFFFFF",
+    "dark": "#3DFFFFFF"
   },
   "lineOnBrandOriginalFaint": {
-    "light": "#1FFFFF",
-    "dark": "#1FFFFF"
+    "light": "#1FFFFFFF",
+    "dark": "#1FFFFFFF"
   },
   "lineOnBrandOriginalPale": {
-    "light": "#3DFFFF",
-    "dark": "#3DFFFF"
+    "light": "#3DFFFFFF",
+    "dark": "#3DFFFFFF"
   },
   "lineSuccessBold": {
     "light": "#008D3A",
@@ -408,12 +408,12 @@
     "dark": "#D6192A"
   },
   "lineInvertedNeutralFaint": {
-    "light": "#14FFFF",
-    "dark": "#00140000"
+    "light": "#14FFFFFF",
+    "dark": "#14000000"
   },
   "lineInvertedNeutralPale": {
-    "light": "#29FFFF",
-    "dark": "#00290000"
+    "light": "#29FFFFFF",
+    "dark": "#29000000"
   },
   "lineInvertedSuccessBold": {
     "light": "#009B41",
@@ -424,20 +424,20 @@
     "dark": "#F8AE00"
   },
   "lineConstFaintBlack": {
-    "light": "#001F0000",
-    "dark": "#001F0000"
+    "light": "#1F000000",
+    "dark": "#1F000000"
   },
   "lineConstFaintWhite": {
-    "light": "#1FFFFF",
-    "dark": "#1FFFFF"
+    "light": "#1FFFFFFF",
+    "dark": "#1FFFFFFF"
   },
   "lineConstPaleBlack": {
-    "light": "#003D0000",
-    "dark": "#003D0000"
+    "light": "#3D000000",
+    "dark": "#3D000000"
   },
   "lineConstPaleWhite": {
-    "light": "#3DFFFF",
-    "dark": "#3DFFFF"
+    "light": "#3DFFFFFF",
+    "dark": "#3DFFFFFF"
   },
   "surfaceBase": {
     "light": "#FFFFFF",
@@ -452,8 +452,8 @@
     "dark": "#1F1F1F"
   },
   "surfaceModalBackdrop": {
-    "light": "#003D0000",
-    "dark": "#00660000"
+    "light": "#3D000000",
+    "dark": "#66000000"
   },
   "illustrationBlack": {
     "light": "#0D0D0D",