@skbkontur/colors 1.1.2-34230.0 → 1.1.2-73aed.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/get-base-tokens.d.ts +7 -5
- package/dist/cjs/get-base-tokens.js +35 -63
- package/dist/cjs/get-default-tokens.d.ts +8 -0
- package/dist/cjs/get-default-tokens.js +19 -11
- package/dist/cjs/helpers/get-palette.js +58 -64
- package/dist/cjs/helpers/get-promo.js +21 -27
- package/dist/cjs/types/base-tokens.d.ts +5 -6
- package/dist/cjs/utils/format-variable.d.ts +2 -0
- package/dist/cjs/utils/format-variable.js +11 -0
- package/dist/esm/get-base-tokens.d.ts +7 -5
- package/dist/esm/get-base-tokens.js +33 -58
- package/dist/esm/get-default-tokens.d.ts +8 -0
- package/dist/esm/get-default-tokens.js +19 -11
- package/dist/esm/helpers/get-palette.js +58 -64
- package/dist/esm/helpers/get-promo.js +21 -27
- package/dist/esm/types/base-tokens.d.ts +5 -6
- package/dist/esm/utils/format-variable.d.ts +2 -0
- package/dist/esm/utils/format-variable.js +6 -0
- package/dist/tokens/base/css/brand-blue-deep_accent-gray.css +1 -1
- package/dist/tokens/base/css/brand-blue_accent-gray.css +1 -1
- package/dist/tokens/base/css/brand-green_accent-gray.css +1 -1
- package/dist/tokens/base/css/brand-mint_accent-gray.css +1 -1
- package/dist/tokens/base/css/brand-orange_accent-gray.css +1 -1
- package/dist/tokens/base/css/brand-purple_accent-gray.css +1 -1
- package/dist/tokens/base/css/brand-red_accent-gray.css +1 -1
- package/dist/tokens/base/css/brand-violet_accent-gray.css +1 -1
- package/dist/tokens/base/js/brand-blue-deep_accent-gray.js +1 -0
- package/dist/tokens/base/js/brand-blue_accent-gray.js +1 -0
- package/dist/tokens/base/js/brand-green_accent-gray.js +1 -0
- package/dist/tokens/base/js/brand-mint_accent-gray.js +1 -0
- package/dist/tokens/base/js/brand-orange_accent-gray.js +1 -0
- package/dist/tokens/base/js/brand-purple_accent-gray.js +1 -0
- package/dist/tokens/base/js/brand-red_accent-gray.js +1 -0
- package/dist/tokens/base/js/brand-violet_accent-gray.js +1 -0
- package/dist/tokens/base/js-tree/brand-blue-deep_accent-gray.tree.js +1 -0
- package/dist/tokens/base/js-tree/brand-blue_accent-gray.tree.js +1 -0
- package/dist/tokens/base/js-tree/brand-green_accent-gray.tree.js +1 -0
- package/dist/tokens/base/js-tree/brand-mint_accent-gray.tree.js +1 -0
- package/dist/tokens/base/js-tree/brand-orange_accent-gray.tree.js +1 -0
- package/dist/tokens/base/js-tree/brand-purple_accent-gray.tree.js +1 -0
- package/dist/tokens/base/js-tree/brand-red_accent-gray.tree.js +1 -0
- package/dist/tokens/base/js-tree/brand-violet_accent-gray.tree.js +1 -0
- package/dist/tokens/base/json/brand-blue-deep_accent-gray.json +1 -0
- package/dist/tokens/base/json/brand-blue_accent-gray.json +1 -0
- package/dist/tokens/base/json/brand-green_accent-gray.json +1 -0
- package/dist/tokens/base/json/brand-mint_accent-gray.json +1 -0
- package/dist/tokens/base/json/brand-orange_accent-gray.json +1 -0
- package/dist/tokens/base/json/brand-purple_accent-gray.json +1 -0
- package/dist/tokens/base/json/brand-red_accent-gray.json +1 -0
- package/dist/tokens/base/json/brand-violet_accent-gray.json +1 -0
- package/dist/tokens/base/json-tree/brand-blue-deep_accent-gray.tree.json +1 -0
- package/dist/tokens/base/json-tree/brand-blue_accent-gray.tree.json +1 -0
- package/dist/tokens/base/json-tree/brand-green_accent-gray.tree.json +1 -0
- package/dist/tokens/base/json-tree/brand-mint_accent-gray.tree.json +1 -0
- package/dist/tokens/base/json-tree/brand-orange_accent-gray.tree.json +1 -0
- package/dist/tokens/base/json-tree/brand-purple_accent-gray.tree.json +1 -0
- package/dist/tokens/base/json-tree/brand-red_accent-gray.tree.json +1 -0
- package/dist/tokens/base/json-tree/brand-violet_accent-gray.tree.json +1 -0
- package/dist/tokens/base/less/brand-blue-deep_accent-gray.less +1 -1
- package/dist/tokens/base/less/brand-blue_accent-gray.less +1 -1
- package/dist/tokens/base/less/brand-green_accent-gray.less +1 -1
- package/dist/tokens/base/less/brand-mint_accent-gray.less +1 -1
- package/dist/tokens/base/less/brand-orange_accent-gray.less +1 -1
- package/dist/tokens/base/less/brand-purple_accent-gray.less +1 -1
- package/dist/tokens/base/less/brand-red_accent-gray.less +1 -1
- package/dist/tokens/base/less/brand-violet_accent-gray.less +1 -1
- package/dist/tokens/base/scss/brand-blue-deep_accent-gray.scss +1 -1
- package/dist/tokens/base/scss/brand-blue_accent-gray.scss +1 -1
- package/dist/tokens/base/scss/brand-green_accent-gray.scss +1 -1
- package/dist/tokens/base/scss/brand-mint_accent-gray.scss +1 -1
- package/dist/tokens/base/scss/brand-orange_accent-gray.scss +1 -1
- package/dist/tokens/base/scss/brand-purple_accent-gray.scss +1 -1
- package/dist/tokens/base/scss/brand-red_accent-gray.scss +1 -1
- package/dist/tokens/base/scss/brand-violet_accent-gray.scss +1 -1
- package/dist/tokens/semantic/css/brand-blue-deep_accent-brand.css +19 -11
- package/dist/tokens/semantic/css/brand-blue-deep_accent-gray.css +19 -11
- package/dist/tokens/semantic/css/brand-blue_accent-brand.css +19 -11
- package/dist/tokens/semantic/css/brand-blue_accent-gray.css +19 -11
- package/dist/tokens/semantic/css/brand-green_accent-brand.css +19 -11
- package/dist/tokens/semantic/css/brand-green_accent-gray.css +19 -11
- package/dist/tokens/semantic/css/brand-mint_accent-brand.css +19 -11
- package/dist/tokens/semantic/css/brand-mint_accent-gray.css +19 -11
- package/dist/tokens/semantic/css/brand-orange_accent-brand.css +19 -11
- package/dist/tokens/semantic/css/brand-orange_accent-gray.css +19 -11
- package/dist/tokens/semantic/css/brand-purple_accent-brand.css +19 -11
- package/dist/tokens/semantic/css/brand-purple_accent-gray.css +19 -11
- package/dist/tokens/semantic/css/brand-red_accent-brand.css +19 -11
- package/dist/tokens/semantic/css/brand-red_accent-gray.css +19 -11
- package/dist/tokens/semantic/css/brand-violet_accent-brand.css +19 -11
- package/dist/tokens/semantic/css/brand-violet_accent-gray.css +19 -11
- package/dist/tokens/semantic/js/brand-blue-deep_accent-brand.js +19 -11
- package/dist/tokens/semantic/js/brand-blue-deep_accent-gray.js +19 -11
- package/dist/tokens/semantic/js/brand-blue_accent-brand.js +19 -11
- package/dist/tokens/semantic/js/brand-blue_accent-gray.js +19 -11
- package/dist/tokens/semantic/js/brand-green_accent-brand.js +19 -11
- package/dist/tokens/semantic/js/brand-green_accent-gray.js +19 -11
- package/dist/tokens/semantic/js/brand-mint_accent-brand.js +19 -11
- package/dist/tokens/semantic/js/brand-mint_accent-gray.js +19 -11
- package/dist/tokens/semantic/js/brand-orange_accent-brand.js +19 -11
- package/dist/tokens/semantic/js/brand-orange_accent-gray.js +19 -11
- package/dist/tokens/semantic/js/brand-purple_accent-brand.js +19 -11
- package/dist/tokens/semantic/js/brand-purple_accent-gray.js +19 -11
- package/dist/tokens/semantic/js/brand-red_accent-brand.js +19 -11
- package/dist/tokens/semantic/js/brand-red_accent-gray.js +19 -11
- package/dist/tokens/semantic/js/brand-violet_accent-brand.js +19 -11
- package/dist/tokens/semantic/js/brand-violet_accent-gray.js +19 -11
- package/dist/tokens/semantic/json/brand-blue-deep_accent-brand.json +9 -1
- package/dist/tokens/semantic/json/brand-blue-deep_accent-gray.json +9 -1
- package/dist/tokens/semantic/json/brand-blue_accent-brand.json +9 -1
- package/dist/tokens/semantic/json/brand-blue_accent-gray.json +9 -1
- package/dist/tokens/semantic/json/brand-green_accent-brand.json +9 -1
- package/dist/tokens/semantic/json/brand-green_accent-gray.json +9 -1
- package/dist/tokens/semantic/json/brand-mint_accent-brand.json +9 -1
- package/dist/tokens/semantic/json/brand-mint_accent-gray.json +9 -1
- package/dist/tokens/semantic/json/brand-orange_accent-brand.json +9 -1
- package/dist/tokens/semantic/json/brand-orange_accent-gray.json +9 -1
- package/dist/tokens/semantic/json/brand-purple_accent-brand.json +9 -1
- package/dist/tokens/semantic/json/brand-purple_accent-gray.json +9 -1
- package/dist/tokens/semantic/json/brand-red_accent-brand.json +9 -1
- package/dist/tokens/semantic/json/brand-red_accent-gray.json +9 -1
- package/dist/tokens/semantic/json/brand-violet_accent-brand.json +9 -1
- package/dist/tokens/semantic/json/brand-violet_accent-gray.json +9 -1
- package/dist/tokens/semantic/less/semantic.less +4 -0
- package/dist/tokens/semantic/scss/semantic.scss +4 -0
- package/package.json +1 -1
|
@@ -355,6 +355,7 @@
|
|
|
355
355
|
"onBrand92": "rgba(255, 255, 255, 0.92)",
|
|
356
356
|
"onBrand96": "rgba(255, 255, 255, 0.96)",
|
|
357
357
|
"onBrand100": "rgba(255, 255, 255, 1)",
|
|
358
|
+
"onAccent": false,
|
|
358
359
|
"customizableRedVivid20": "#320003",
|
|
359
360
|
"customizableRedVivid24": "#420005",
|
|
360
361
|
"customizableRedVivid28": "#540007",
|
|
@@ -355,6 +355,7 @@
|
|
|
355
355
|
"onBrand92": "rgba(255, 255, 255, 0.92)",
|
|
356
356
|
"onBrand96": "rgba(255, 255, 255, 0.96)",
|
|
357
357
|
"onBrand100": "rgba(255, 255, 255, 1)",
|
|
358
|
+
"onAccent": false,
|
|
358
359
|
"customizableRedVivid20": "#320003",
|
|
359
360
|
"customizableRedVivid24": "#420005",
|
|
360
361
|
"customizableRedVivid28": "#540007",
|
|
@@ -355,6 +355,7 @@
|
|
|
355
355
|
"onBrand92": "rgba(255, 255, 255, 0.92)",
|
|
356
356
|
"onBrand96": "rgba(255, 255, 255, 0.96)",
|
|
357
357
|
"onBrand100": "rgba(255, 255, 255, 1)",
|
|
358
|
+
"onAccent": false,
|
|
358
359
|
"customizableRedVivid20": "#320003",
|
|
359
360
|
"customizableRedVivid24": "#420005",
|
|
360
361
|
"customizableRedVivid28": "#540007",
|
|
@@ -355,6 +355,7 @@
|
|
|
355
355
|
"onBrand92": "rgba(255, 255, 255, 0.92)",
|
|
356
356
|
"onBrand96": "rgba(255, 255, 255, 0.96)",
|
|
357
357
|
"onBrand100": "rgba(255, 255, 255, 1)",
|
|
358
|
+
"onAccent": false,
|
|
358
359
|
"customizableRedVivid20": "#320003",
|
|
359
360
|
"customizableRedVivid24": "#420005",
|
|
360
361
|
"customizableRedVivid28": "#540007",
|
|
@@ -355,6 +355,7 @@
|
|
|
355
355
|
"onBrand92": "rgba(255, 255, 255, 0.92)",
|
|
356
356
|
"onBrand96": "rgba(255, 255, 255, 0.96)",
|
|
357
357
|
"onBrand100": "rgba(255, 255, 255, 1)",
|
|
358
|
+
"onAccent": false,
|
|
358
359
|
"customizableRedVivid20": "#320003",
|
|
359
360
|
"customizableRedVivid24": "#420005",
|
|
360
361
|
"customizableRedVivid28": "#540007",
|
|
@@ -355,6 +355,7 @@
|
|
|
355
355
|
"onBrand92": "rgba(255, 255, 255, 0.92)",
|
|
356
356
|
"onBrand96": "rgba(255, 255, 255, 0.96)",
|
|
357
357
|
"onBrand100": "rgba(255, 255, 255, 1)",
|
|
358
|
+
"onAccent": false,
|
|
358
359
|
"customizableRedVivid20": "#320003",
|
|
359
360
|
"customizableRedVivid24": "#420005",
|
|
360
361
|
"customizableRedVivid28": "#540007",
|
|
@@ -355,6 +355,7 @@
|
|
|
355
355
|
"onBrand92": "rgba(255, 255, 255, 0.92)",
|
|
356
356
|
"onBrand96": "rgba(255, 255, 255, 0.96)",
|
|
357
357
|
"onBrand100": "rgba(255, 255, 255, 1)",
|
|
358
|
+
"onAccent": false,
|
|
358
359
|
"customizableRedVivid20": "#320003",
|
|
359
360
|
"customizableRedVivid24": "#420005",
|
|
360
361
|
"customizableRedVivid28": "#540007",
|
|
@@ -355,6 +355,7 @@
|
|
|
355
355
|
"onBrand92": "rgba(255, 255, 255, 0.92)",
|
|
356
356
|
"onBrand96": "rgba(255, 255, 255, 0.96)",
|
|
357
357
|
"onBrand100": "rgba(255, 255, 255, 1)",
|
|
358
|
+
"onAccent": false,
|
|
358
359
|
"customizableRedVivid20": "#320003",
|
|
359
360
|
"customizableRedVivid24": "#420005",
|
|
360
361
|
"customizableRedVivid28": "#540007",
|
|
@@ -355,7 +355,7 @@
|
|
|
355
355
|
@onBrand-92: rgba(255, 255, 255, 0.92);
|
|
356
356
|
@onBrand-96: rgba(255, 255, 255, 0.96);
|
|
357
357
|
@onBrand-100: rgba(255, 255, 255, 1);
|
|
358
|
-
@onAccent:
|
|
358
|
+
@onAccent: false;
|
|
359
359
|
@customizable-red-vivid-20: #320003;
|
|
360
360
|
@customizable-red-vivid-24: #420005;
|
|
361
361
|
@customizable-red-vivid-28: #540007;
|
|
@@ -355,7 +355,7 @@
|
|
|
355
355
|
@onBrand-92: rgba(255, 255, 255, 0.92);
|
|
356
356
|
@onBrand-96: rgba(255, 255, 255, 0.96);
|
|
357
357
|
@onBrand-100: rgba(255, 255, 255, 1);
|
|
358
|
-
@onAccent:
|
|
358
|
+
@onAccent: false;
|
|
359
359
|
@customizable-red-vivid-20: #320003;
|
|
360
360
|
@customizable-red-vivid-24: #420005;
|
|
361
361
|
@customizable-red-vivid-28: #540007;
|
|
@@ -355,7 +355,7 @@
|
|
|
355
355
|
@onBrand-92: rgba(255, 255, 255, 0.92);
|
|
356
356
|
@onBrand-96: rgba(255, 255, 255, 0.96);
|
|
357
357
|
@onBrand-100: rgba(255, 255, 255, 1);
|
|
358
|
-
@onAccent:
|
|
358
|
+
@onAccent: false;
|
|
359
359
|
@customizable-red-vivid-20: #320003;
|
|
360
360
|
@customizable-red-vivid-24: #420005;
|
|
361
361
|
@customizable-red-vivid-28: #540007;
|
|
@@ -355,7 +355,7 @@
|
|
|
355
355
|
@onBrand-92: rgba(255, 255, 255, 0.92);
|
|
356
356
|
@onBrand-96: rgba(255, 255, 255, 0.96);
|
|
357
357
|
@onBrand-100: rgba(255, 255, 255, 1);
|
|
358
|
-
@onAccent:
|
|
358
|
+
@onAccent: false;
|
|
359
359
|
@customizable-red-vivid-20: #320003;
|
|
360
360
|
@customizable-red-vivid-24: #420005;
|
|
361
361
|
@customizable-red-vivid-28: #540007;
|
|
@@ -355,7 +355,7 @@
|
|
|
355
355
|
@onBrand-92: rgba(255, 255, 255, 0.92);
|
|
356
356
|
@onBrand-96: rgba(255, 255, 255, 0.96);
|
|
357
357
|
@onBrand-100: rgba(255, 255, 255, 1);
|
|
358
|
-
@onAccent:
|
|
358
|
+
@onAccent: false;
|
|
359
359
|
@customizable-red-vivid-20: #320003;
|
|
360
360
|
@customizable-red-vivid-24: #420005;
|
|
361
361
|
@customizable-red-vivid-28: #540007;
|
|
@@ -355,7 +355,7 @@
|
|
|
355
355
|
@onBrand-92: rgba(255, 255, 255, 0.92);
|
|
356
356
|
@onBrand-96: rgba(255, 255, 255, 0.96);
|
|
357
357
|
@onBrand-100: rgba(255, 255, 255, 1);
|
|
358
|
-
@onAccent:
|
|
358
|
+
@onAccent: false;
|
|
359
359
|
@customizable-red-vivid-20: #320003;
|
|
360
360
|
@customizable-red-vivid-24: #420005;
|
|
361
361
|
@customizable-red-vivid-28: #540007;
|
|
@@ -355,7 +355,7 @@
|
|
|
355
355
|
@onBrand-92: rgba(255, 255, 255, 0.92);
|
|
356
356
|
@onBrand-96: rgba(255, 255, 255, 0.96);
|
|
357
357
|
@onBrand-100: rgba(255, 255, 255, 1);
|
|
358
|
-
@onAccent:
|
|
358
|
+
@onAccent: false;
|
|
359
359
|
@customizable-red-vivid-20: #320003;
|
|
360
360
|
@customizable-red-vivid-24: #420005;
|
|
361
361
|
@customizable-red-vivid-28: #540007;
|
|
@@ -355,7 +355,7 @@
|
|
|
355
355
|
@onBrand-92: rgba(255, 255, 255, 0.92);
|
|
356
356
|
@onBrand-96: rgba(255, 255, 255, 0.96);
|
|
357
357
|
@onBrand-100: rgba(255, 255, 255, 1);
|
|
358
|
-
@onAccent:
|
|
358
|
+
@onAccent: false;
|
|
359
359
|
@customizable-red-vivid-20: #320003;
|
|
360
360
|
@customizable-red-vivid-24: #420005;
|
|
361
361
|
@customizable-red-vivid-28: #540007;
|
|
@@ -355,7 +355,7 @@ $onBrand-88: rgba(255, 255, 255, 0.88);
|
|
|
355
355
|
$onBrand-92: rgba(255, 255, 255, 0.92);
|
|
356
356
|
$onBrand-96: rgba(255, 255, 255, 0.96);
|
|
357
357
|
$onBrand-100: rgba(255, 255, 255, 1);
|
|
358
|
-
$onAccent:
|
|
358
|
+
$onAccent: false;
|
|
359
359
|
$customizable-red-vivid-20: #320003;
|
|
360
360
|
$customizable-red-vivid-24: #420005;
|
|
361
361
|
$customizable-red-vivid-28: #540007;
|
|
@@ -355,7 +355,7 @@ $onBrand-88: rgba(255, 255, 255, 0.88);
|
|
|
355
355
|
$onBrand-92: rgba(255, 255, 255, 0.92);
|
|
356
356
|
$onBrand-96: rgba(255, 255, 255, 0.96);
|
|
357
357
|
$onBrand-100: rgba(255, 255, 255, 1);
|
|
358
|
-
$onAccent:
|
|
358
|
+
$onAccent: false;
|
|
359
359
|
$customizable-red-vivid-20: #320003;
|
|
360
360
|
$customizable-red-vivid-24: #420005;
|
|
361
361
|
$customizable-red-vivid-28: #540007;
|
|
@@ -355,7 +355,7 @@ $onBrand-88: rgba(255, 255, 255, 0.88);
|
|
|
355
355
|
$onBrand-92: rgba(255, 255, 255, 0.92);
|
|
356
356
|
$onBrand-96: rgba(255, 255, 255, 0.96);
|
|
357
357
|
$onBrand-100: rgba(255, 255, 255, 1);
|
|
358
|
-
$onAccent:
|
|
358
|
+
$onAccent: false;
|
|
359
359
|
$customizable-red-vivid-20: #320003;
|
|
360
360
|
$customizable-red-vivid-24: #420005;
|
|
361
361
|
$customizable-red-vivid-28: #540007;
|
|
@@ -355,7 +355,7 @@ $onBrand-88: rgba(255, 255, 255, 0.88);
|
|
|
355
355
|
$onBrand-92: rgba(255, 255, 255, 0.92);
|
|
356
356
|
$onBrand-96: rgba(255, 255, 255, 0.96);
|
|
357
357
|
$onBrand-100: rgba(255, 255, 255, 1);
|
|
358
|
-
$onAccent:
|
|
358
|
+
$onAccent: false;
|
|
359
359
|
$customizable-red-vivid-20: #320003;
|
|
360
360
|
$customizable-red-vivid-24: #420005;
|
|
361
361
|
$customizable-red-vivid-28: #540007;
|
|
@@ -355,7 +355,7 @@ $onBrand-88: rgba(255, 255, 255, 0.88);
|
|
|
355
355
|
$onBrand-92: rgba(255, 255, 255, 0.92);
|
|
356
356
|
$onBrand-96: rgba(255, 255, 255, 0.96);
|
|
357
357
|
$onBrand-100: rgba(255, 255, 255, 1);
|
|
358
|
-
$onAccent:
|
|
358
|
+
$onAccent: false;
|
|
359
359
|
$customizable-red-vivid-20: #320003;
|
|
360
360
|
$customizable-red-vivid-24: #420005;
|
|
361
361
|
$customizable-red-vivid-28: #540007;
|
|
@@ -355,7 +355,7 @@ $onBrand-88: rgba(255, 255, 255, 0.88);
|
|
|
355
355
|
$onBrand-92: rgba(255, 255, 255, 0.92);
|
|
356
356
|
$onBrand-96: rgba(255, 255, 255, 0.96);
|
|
357
357
|
$onBrand-100: rgba(255, 255, 255, 1);
|
|
358
|
-
$onAccent:
|
|
358
|
+
$onAccent: false;
|
|
359
359
|
$customizable-red-vivid-20: #320003;
|
|
360
360
|
$customizable-red-vivid-24: #420005;
|
|
361
361
|
$customizable-red-vivid-28: #540007;
|
|
@@ -355,7 +355,7 @@ $onBrand-88: rgba(255, 255, 255, 0.88);
|
|
|
355
355
|
$onBrand-92: rgba(255, 255, 255, 0.92);
|
|
356
356
|
$onBrand-96: rgba(255, 255, 255, 0.96);
|
|
357
357
|
$onBrand-100: rgba(255, 255, 255, 1);
|
|
358
|
-
$onAccent:
|
|
358
|
+
$onAccent: false;
|
|
359
359
|
$customizable-red-vivid-20: #320003;
|
|
360
360
|
$customizable-red-vivid-24: #420005;
|
|
361
361
|
$customizable-red-vivid-28: #540007;
|
|
@@ -355,7 +355,7 @@ $onBrand-88: rgba(255, 255, 255, 0.88);
|
|
|
355
355
|
$onBrand-92: rgba(255, 255, 255, 0.92);
|
|
356
356
|
$onBrand-96: rgba(255, 255, 255, 0.96);
|
|
357
357
|
$onBrand-100: rgba(255, 255, 255, 1);
|
|
358
|
-
$onAccent:
|
|
358
|
+
$onAccent: false;
|
|
359
359
|
$customizable-red-vivid-20: #320003;
|
|
360
360
|
$customizable-red-vivid-24: #420005;
|
|
361
361
|
$customizable-red-vivid-28: #540007;
|
|
@@ -83,13 +83,15 @@
|
|
|
83
83
|
--k-shapeHeavySuccess: #0b4a1f;
|
|
84
84
|
--k-shapeHeavyWarning: #543600;
|
|
85
85
|
--k-shapeOtherAccentBoldDisabled: rgba(0, 0, 0, 0.32);
|
|
86
|
-
--k-shapeOtherBacklessHover: rgba(0, 0, 0, 0.
|
|
87
|
-
--k-shapeOtherBacklessPressed: rgba(0, 0, 0, 0.
|
|
86
|
+
--k-shapeOtherBacklessHover: rgba(0, 0, 0, 0.06);
|
|
87
|
+
--k-shapeOtherBacklessPressed: rgba(0, 0, 0, 0.08);
|
|
88
88
|
--k-shapeOtherBase: #fff;
|
|
89
|
-
--k-shapeOtherBaseHover:
|
|
90
|
-
--k-shapeOtherBasePressed:
|
|
89
|
+
--k-shapeOtherBaseHover: #f2f2f2;
|
|
90
|
+
--k-shapeOtherBasePressed: #e4e4e4;
|
|
91
91
|
--k-shapeOtherDisabled: rgba(0, 0, 0, 0.06);
|
|
92
92
|
--k-shapeOtherField: #fff;
|
|
93
|
+
--k-shapeOtherFieldHover: #f2f2f2;
|
|
94
|
+
--k-shapeOtherFieldPressed: #e4e4e4;
|
|
93
95
|
--k-shapeOtherLow: rgba(0, 0, 0, 0.06);
|
|
94
96
|
--k-shapeOtherLowHover: rgba(0, 0, 0, 0.08);
|
|
95
97
|
--k-shapeOtherLowPressed: rgba(0, 0, 0, 0.12);
|
|
@@ -138,7 +140,7 @@
|
|
|
138
140
|
--k-shapeSoftWarning: #fcd35d;
|
|
139
141
|
--k-shapeSoftWarningHover: #f4c359;
|
|
140
142
|
--k-shapeSoftWarningPressed: #e5b566;
|
|
141
|
-
--k-shapeInvertedBacklessHover: rgba(255, 255, 255, 0.
|
|
143
|
+
--k-shapeInvertedBacklessHover: rgba(255, 255, 255, 0.06);
|
|
142
144
|
--k-shapeInvertedBacklessPressed: rgba(255, 255, 255, 0.04);
|
|
143
145
|
--k-shapeInvertedDisabled: rgba(255, 255, 255, 0.06);
|
|
144
146
|
--k-shapeInvertedNeutralFaintAlpha: rgba(255, 255, 255, 0.06);
|
|
@@ -248,6 +250,8 @@
|
|
|
248
250
|
--k-illustrationBlack: #0d0d0d;
|
|
249
251
|
--k-illustrationBrand: #366af3;
|
|
250
252
|
--k-illustrationComplement: #25255e;
|
|
253
|
+
--k-illustrationInvertedNeutral: #fff;
|
|
254
|
+
--k-illustrationNeutral: #000;
|
|
251
255
|
--k-illustrationOnBrand: rgba(255, 255, 255, 1);
|
|
252
256
|
--k-illustrationOnComplement: #fff;
|
|
253
257
|
--k-illustrationPromo: #25255e;
|
|
@@ -395,13 +399,15 @@
|
|
|
395
399
|
--k-shapeHeavySuccess: #c3f3ca;
|
|
396
400
|
--k-shapeHeavyWarning: #fbe48d;
|
|
397
401
|
--k-shapeOtherAccentBoldDisabled: rgba(255, 255, 255, 0.32);
|
|
398
|
-
--k-shapeOtherBacklessHover: rgba(255, 255, 255, 0.
|
|
402
|
+
--k-shapeOtherBacklessHover: rgba(255, 255, 255, 0.06);
|
|
399
403
|
--k-shapeOtherBacklessPressed: rgba(255, 255, 255, 0.04);
|
|
400
|
-
--k-shapeOtherBase:
|
|
401
|
-
--k-shapeOtherBaseHover:
|
|
402
|
-
--k-shapeOtherBasePressed:
|
|
404
|
+
--k-shapeOtherBase: #333;
|
|
405
|
+
--k-shapeOtherBaseHover: #3d3d3d;
|
|
406
|
+
--k-shapeOtherBasePressed: #292929;
|
|
403
407
|
--k-shapeOtherDisabled: rgba(255, 255, 255, 0.06);
|
|
404
408
|
--k-shapeOtherField: rgba(0, 0, 0, 0.12);
|
|
409
|
+
--k-shapeOtherFieldHover: rgba(255, 255, 255, 0.04);
|
|
410
|
+
--k-shapeOtherFieldPressed: rgba(0, 0, 0, 0.24);
|
|
405
411
|
--k-shapeOtherLow: rgba(0, 0, 0, 0.24);
|
|
406
412
|
--k-shapeOtherLowHover: rgba(0, 0, 0, 0.16);
|
|
407
413
|
--k-shapeOtherLowPressed: rgba(0, 0, 0, 0.32);
|
|
@@ -450,8 +456,8 @@
|
|
|
450
456
|
--k-shapeSoftWarning: #86612c;
|
|
451
457
|
--k-shapeSoftWarningHover: #956c30;
|
|
452
458
|
--k-shapeSoftWarningPressed: #775728;
|
|
453
|
-
--k-shapeInvertedBacklessHover: rgba(0, 0, 0, 0.
|
|
454
|
-
--k-shapeInvertedBacklessPressed: rgba(0, 0, 0, 0.
|
|
459
|
+
--k-shapeInvertedBacklessHover: rgba(0, 0, 0, 0.06);
|
|
460
|
+
--k-shapeInvertedBacklessPressed: rgba(0, 0, 0, 0.08);
|
|
455
461
|
--k-shapeInvertedDisabled: rgba(0, 0, 0, 0.06);
|
|
456
462
|
--k-shapeInvertedNeutralFaintAlpha: rgba(0, 0, 0, 0.06);
|
|
457
463
|
--k-shapeInvertedNeutralFaintAlphaHover: rgba(0, 0, 0, 0.08);
|
|
@@ -560,6 +566,8 @@
|
|
|
560
566
|
--k-illustrationBlack: #0d0d0d;
|
|
561
567
|
--k-illustrationBrand: #366af3;
|
|
562
568
|
--k-illustrationComplement: #fff;
|
|
569
|
+
--k-illustrationInvertedNeutral: #000;
|
|
570
|
+
--k-illustrationNeutral: #fff;
|
|
563
571
|
--k-illustrationOnBrand: rgba(255, 255, 255, 1);
|
|
564
572
|
--k-illustrationOnComplement: #25255e;
|
|
565
573
|
--k-illustrationPromo: #25255e;
|
|
@@ -83,13 +83,15 @@
|
|
|
83
83
|
--k-shapeHeavySuccess: #0b4a1f;
|
|
84
84
|
--k-shapeHeavyWarning: #543600;
|
|
85
85
|
--k-shapeOtherAccentBoldDisabled: rgba(0, 0, 0, 0.32);
|
|
86
|
-
--k-shapeOtherBacklessHover: rgba(0, 0, 0, 0.
|
|
87
|
-
--k-shapeOtherBacklessPressed: rgba(0, 0, 0, 0.
|
|
86
|
+
--k-shapeOtherBacklessHover: rgba(0, 0, 0, 0.06);
|
|
87
|
+
--k-shapeOtherBacklessPressed: rgba(0, 0, 0, 0.08);
|
|
88
88
|
--k-shapeOtherBase: #fff;
|
|
89
|
-
--k-shapeOtherBaseHover:
|
|
90
|
-
--k-shapeOtherBasePressed:
|
|
89
|
+
--k-shapeOtherBaseHover: #f2f2f2;
|
|
90
|
+
--k-shapeOtherBasePressed: #e4e4e4;
|
|
91
91
|
--k-shapeOtherDisabled: rgba(0, 0, 0, 0.06);
|
|
92
92
|
--k-shapeOtherField: #fff;
|
|
93
|
+
--k-shapeOtherFieldHover: #f2f2f2;
|
|
94
|
+
--k-shapeOtherFieldPressed: #e4e4e4;
|
|
93
95
|
--k-shapeOtherLow: rgba(0, 0, 0, 0.06);
|
|
94
96
|
--k-shapeOtherLowHover: rgba(0, 0, 0, 0.08);
|
|
95
97
|
--k-shapeOtherLowPressed: rgba(0, 0, 0, 0.12);
|
|
@@ -138,7 +140,7 @@
|
|
|
138
140
|
--k-shapeSoftWarning: #fcd35d;
|
|
139
141
|
--k-shapeSoftWarningHover: #f4c359;
|
|
140
142
|
--k-shapeSoftWarningPressed: #e5b566;
|
|
141
|
-
--k-shapeInvertedBacklessHover: rgba(255, 255, 255, 0.
|
|
143
|
+
--k-shapeInvertedBacklessHover: rgba(255, 255, 255, 0.06);
|
|
142
144
|
--k-shapeInvertedBacklessPressed: rgba(255, 255, 255, 0.04);
|
|
143
145
|
--k-shapeInvertedDisabled: rgba(255, 255, 255, 0.06);
|
|
144
146
|
--k-shapeInvertedNeutralFaintAlpha: rgba(255, 255, 255, 0.06);
|
|
@@ -248,6 +250,8 @@
|
|
|
248
250
|
--k-illustrationBlack: #0d0d0d;
|
|
249
251
|
--k-illustrationBrand: #366af3;
|
|
250
252
|
--k-illustrationComplement: #25255e;
|
|
253
|
+
--k-illustrationInvertedNeutral: #fff;
|
|
254
|
+
--k-illustrationNeutral: #000;
|
|
251
255
|
--k-illustrationOnBrand: rgba(255, 255, 255, 1);
|
|
252
256
|
--k-illustrationOnComplement: #fff;
|
|
253
257
|
--k-illustrationPromo: #25255e;
|
|
@@ -395,13 +399,15 @@
|
|
|
395
399
|
--k-shapeHeavySuccess: #c3f3ca;
|
|
396
400
|
--k-shapeHeavyWarning: #fbe48d;
|
|
397
401
|
--k-shapeOtherAccentBoldDisabled: rgba(255, 255, 255, 0.32);
|
|
398
|
-
--k-shapeOtherBacklessHover: rgba(255, 255, 255, 0.
|
|
402
|
+
--k-shapeOtherBacklessHover: rgba(255, 255, 255, 0.06);
|
|
399
403
|
--k-shapeOtherBacklessPressed: rgba(255, 255, 255, 0.04);
|
|
400
|
-
--k-shapeOtherBase:
|
|
401
|
-
--k-shapeOtherBaseHover:
|
|
402
|
-
--k-shapeOtherBasePressed:
|
|
404
|
+
--k-shapeOtherBase: #333;
|
|
405
|
+
--k-shapeOtherBaseHover: #3d3d3d;
|
|
406
|
+
--k-shapeOtherBasePressed: #292929;
|
|
403
407
|
--k-shapeOtherDisabled: rgba(255, 255, 255, 0.06);
|
|
404
408
|
--k-shapeOtherField: rgba(0, 0, 0, 0.12);
|
|
409
|
+
--k-shapeOtherFieldHover: rgba(255, 255, 255, 0.04);
|
|
410
|
+
--k-shapeOtherFieldPressed: rgba(0, 0, 0, 0.24);
|
|
405
411
|
--k-shapeOtherLow: rgba(0, 0, 0, 0.24);
|
|
406
412
|
--k-shapeOtherLowHover: rgba(0, 0, 0, 0.16);
|
|
407
413
|
--k-shapeOtherLowPressed: rgba(0, 0, 0, 0.32);
|
|
@@ -450,8 +456,8 @@
|
|
|
450
456
|
--k-shapeSoftWarning: #86612c;
|
|
451
457
|
--k-shapeSoftWarningHover: #956c30;
|
|
452
458
|
--k-shapeSoftWarningPressed: #775728;
|
|
453
|
-
--k-shapeInvertedBacklessHover: rgba(0, 0, 0, 0.
|
|
454
|
-
--k-shapeInvertedBacklessPressed: rgba(0, 0, 0, 0.
|
|
459
|
+
--k-shapeInvertedBacklessHover: rgba(0, 0, 0, 0.06);
|
|
460
|
+
--k-shapeInvertedBacklessPressed: rgba(0, 0, 0, 0.08);
|
|
455
461
|
--k-shapeInvertedDisabled: rgba(0, 0, 0, 0.06);
|
|
456
462
|
--k-shapeInvertedNeutralFaintAlpha: rgba(0, 0, 0, 0.06);
|
|
457
463
|
--k-shapeInvertedNeutralFaintAlphaHover: rgba(0, 0, 0, 0.08);
|
|
@@ -560,6 +566,8 @@
|
|
|
560
566
|
--k-illustrationBlack: #0d0d0d;
|
|
561
567
|
--k-illustrationBrand: #366af3;
|
|
562
568
|
--k-illustrationComplement: #fff;
|
|
569
|
+
--k-illustrationInvertedNeutral: #000;
|
|
570
|
+
--k-illustrationNeutral: #fff;
|
|
563
571
|
--k-illustrationOnBrand: rgba(255, 255, 255, 1);
|
|
564
572
|
--k-illustrationOnComplement: #25255e;
|
|
565
573
|
--k-illustrationPromo: #25255e;
|
|
@@ -83,13 +83,15 @@
|
|
|
83
83
|
--k-shapeHeavySuccess: #0b4a1f;
|
|
84
84
|
--k-shapeHeavyWarning: #543600;
|
|
85
85
|
--k-shapeOtherAccentBoldDisabled: rgba(0, 0, 0, 0.32);
|
|
86
|
-
--k-shapeOtherBacklessHover: rgba(0, 0, 0, 0.
|
|
87
|
-
--k-shapeOtherBacklessPressed: rgba(0, 0, 0, 0.
|
|
86
|
+
--k-shapeOtherBacklessHover: rgba(0, 0, 0, 0.06);
|
|
87
|
+
--k-shapeOtherBacklessPressed: rgba(0, 0, 0, 0.08);
|
|
88
88
|
--k-shapeOtherBase: #fff;
|
|
89
|
-
--k-shapeOtherBaseHover:
|
|
90
|
-
--k-shapeOtherBasePressed:
|
|
89
|
+
--k-shapeOtherBaseHover: #f2f2f2;
|
|
90
|
+
--k-shapeOtherBasePressed: #e4e4e4;
|
|
91
91
|
--k-shapeOtherDisabled: rgba(0, 0, 0, 0.06);
|
|
92
92
|
--k-shapeOtherField: #fff;
|
|
93
|
+
--k-shapeOtherFieldHover: #f2f2f2;
|
|
94
|
+
--k-shapeOtherFieldPressed: #e4e4e4;
|
|
93
95
|
--k-shapeOtherLow: rgba(0, 0, 0, 0.06);
|
|
94
96
|
--k-shapeOtherLowHover: rgba(0, 0, 0, 0.08);
|
|
95
97
|
--k-shapeOtherLowPressed: rgba(0, 0, 0, 0.12);
|
|
@@ -138,7 +140,7 @@
|
|
|
138
140
|
--k-shapeSoftWarning: #fcd35d;
|
|
139
141
|
--k-shapeSoftWarningHover: #f4c359;
|
|
140
142
|
--k-shapeSoftWarningPressed: #e5b566;
|
|
141
|
-
--k-shapeInvertedBacklessHover: rgba(255, 255, 255, 0.
|
|
143
|
+
--k-shapeInvertedBacklessHover: rgba(255, 255, 255, 0.06);
|
|
142
144
|
--k-shapeInvertedBacklessPressed: rgba(255, 255, 255, 0.04);
|
|
143
145
|
--k-shapeInvertedDisabled: rgba(255, 255, 255, 0.06);
|
|
144
146
|
--k-shapeInvertedNeutralFaintAlpha: rgba(255, 255, 255, 0.06);
|
|
@@ -248,6 +250,8 @@
|
|
|
248
250
|
--k-illustrationBlack: #0d0d0d;
|
|
249
251
|
--k-illustrationBrand: #2291ff;
|
|
250
252
|
--k-illustrationComplement: #1a3268;
|
|
253
|
+
--k-illustrationInvertedNeutral: #fff;
|
|
254
|
+
--k-illustrationNeutral: #000;
|
|
251
255
|
--k-illustrationOnBrand: rgba(255, 255, 255, 1);
|
|
252
256
|
--k-illustrationOnComplement: #fff;
|
|
253
257
|
--k-illustrationPromo: #1a3268;
|
|
@@ -395,13 +399,15 @@
|
|
|
395
399
|
--k-shapeHeavySuccess: #c3f3ca;
|
|
396
400
|
--k-shapeHeavyWarning: #fbe48d;
|
|
397
401
|
--k-shapeOtherAccentBoldDisabled: rgba(255, 255, 255, 0.32);
|
|
398
|
-
--k-shapeOtherBacklessHover: rgba(255, 255, 255, 0.
|
|
402
|
+
--k-shapeOtherBacklessHover: rgba(255, 255, 255, 0.06);
|
|
399
403
|
--k-shapeOtherBacklessPressed: rgba(255, 255, 255, 0.04);
|
|
400
|
-
--k-shapeOtherBase:
|
|
401
|
-
--k-shapeOtherBaseHover:
|
|
402
|
-
--k-shapeOtherBasePressed:
|
|
404
|
+
--k-shapeOtherBase: #333;
|
|
405
|
+
--k-shapeOtherBaseHover: #3d3d3d;
|
|
406
|
+
--k-shapeOtherBasePressed: #292929;
|
|
403
407
|
--k-shapeOtherDisabled: rgba(255, 255, 255, 0.06);
|
|
404
408
|
--k-shapeOtherField: rgba(0, 0, 0, 0.12);
|
|
409
|
+
--k-shapeOtherFieldHover: rgba(255, 255, 255, 0.04);
|
|
410
|
+
--k-shapeOtherFieldPressed: rgba(0, 0, 0, 0.24);
|
|
405
411
|
--k-shapeOtherLow: rgba(0, 0, 0, 0.24);
|
|
406
412
|
--k-shapeOtherLowHover: rgba(0, 0, 0, 0.16);
|
|
407
413
|
--k-shapeOtherLowPressed: rgba(0, 0, 0, 0.32);
|
|
@@ -450,8 +456,8 @@
|
|
|
450
456
|
--k-shapeSoftWarning: #86612c;
|
|
451
457
|
--k-shapeSoftWarningHover: #956c30;
|
|
452
458
|
--k-shapeSoftWarningPressed: #775728;
|
|
453
|
-
--k-shapeInvertedBacklessHover: rgba(0, 0, 0, 0.
|
|
454
|
-
--k-shapeInvertedBacklessPressed: rgba(0, 0, 0, 0.
|
|
459
|
+
--k-shapeInvertedBacklessHover: rgba(0, 0, 0, 0.06);
|
|
460
|
+
--k-shapeInvertedBacklessPressed: rgba(0, 0, 0, 0.08);
|
|
455
461
|
--k-shapeInvertedDisabled: rgba(0, 0, 0, 0.06);
|
|
456
462
|
--k-shapeInvertedNeutralFaintAlpha: rgba(0, 0, 0, 0.06);
|
|
457
463
|
--k-shapeInvertedNeutralFaintAlphaHover: rgba(0, 0, 0, 0.08);
|
|
@@ -560,6 +566,8 @@
|
|
|
560
566
|
--k-illustrationBlack: #0d0d0d;
|
|
561
567
|
--k-illustrationBrand: #2291ff;
|
|
562
568
|
--k-illustrationComplement: #fff;
|
|
569
|
+
--k-illustrationInvertedNeutral: #000;
|
|
570
|
+
--k-illustrationNeutral: #fff;
|
|
563
571
|
--k-illustrationOnBrand: rgba(255, 255, 255, 1);
|
|
564
572
|
--k-illustrationOnComplement: #1a3268;
|
|
565
573
|
--k-illustrationPromo: #1a3268;
|