@forter/styles - npm Package Compare versions

Comparing version 4.15.0 to 4.16.0

CHANGELOG.md

@@ -6,2 +6,14 @@ # Change Log
 
+# [4.16.0](https://github.com/forter/web-components/compare/@forter/styles@4.15.0...@forter/styles@4.16.0) (2023-03-26)
+
+
+### Features
+
+* **styles:** convert hex to rgb ([3db4ca2](https://github.com/forter/web-components/commit/3db4ca2))
+* **styles:** remove comment ([c609213](https://github.com/forter/web-components/commit/c609213))
+
+
+
+
+
 # [4.15.0](https://github.com/forter/web-components/compare/@forter/styles@4.14.0...@forter/styles@4.15.0) (2023-03-23)
@@ -8,0 +20,0 @@

colors.css.js

@@ -98,237 +98,416 @@ import { css } from 'lit-element';
    *  ─────────────────────────────────── */
-  --fc-blue-900: #00324d;
-  --fc-blue-800: #004f7a;
-  --fc-blue-700: #006ca6;
-  --fc-blue-600: #0088d3;
-  --fc-blue-500: #00a5ff;
-  --fc-blue-400: #3ab9ff;
-  --fc-blue-300: #73ceff;
-  --fc-blue-200: #ade2ff;
-  --fc-blue-100: #e6f6ff;
+  --fc-blue-900-rgb: 0, 50, 77;
+  --fc-blue-900: rgb(var(--fc-blue-900-rgb));
+  --fc-blue-800-rgb: 0, 79, 122;
+  --fc-blue-800: rgb(var(--fc-blue-800-rgb));
+  --fc-blue-700-rgb: 0, 108, 166;
+  --fc-blue-700: rgb(var(--fc-blue-700-rgb));
+  --fc-blue-600-rgb: 0, 136, 211;
+  --fc-blue-600: rgb(var(--fc-blue-600-rgb));
+  --fc-blue-500-rgb: 0, 165, 255;
+  --fc-blue-500: rgb(var(--fc-blue-500-rgb));
+  --fc-blue-400-rgb: 58, 185, 255;
+  --fc-blue-400: rgb(var(--fc-blue-400-rgb));
+  --fc-blue-300-rgb: 115, 206, 255;
+  --fc-blue-300: rgb(var(--fc-blue-300-rgb));
+  --fc-blue-200-rgb: 173, 226, 255;
+  --fc-blue-200: rgb(var(--fc-blue-200-rgb));
+  --fc-blue-100-rgb: 230, 246, 255;
+  --fc-blue-100: rgb(var(--fc-blue-100-rgb));
 
   /*  BRAND-BLUE
    * ─────────────────────────────────── */
-  --fc-brand-blue-900: #025;
-  --fc-brand-blue-800: #0043a9;
-  --fc-brand-blue-700: #0358d7;
+  --fc-brand-blue-900-rgb: 0, 34, 85;
+  --fc-brand-blue-900: rgb(var(--fc-brand-blue-900-rgb));
+  --fc-brand-blue-800-rgb: 0, 67, 169;
+  --fc-brand-blue-800: rgb(var(--fc-brand-blue-800-rgb));
+  --fc-brand-blue-700-rgb: 3, 88, 215;
+  --fc-brand-blue-700: rgb(var(--fc-brand-blue-700-rgb));
   --fc-brand-blue-600-rgb: 31, 117, 246;
   --fc-brand-blue-600: rgb(var(--fc-brand-blue-600-rgb));
-  --fc-brand-blue-500: #4e95ff;
-  --fc-brand-blue-400: #73abff;
-  --fc-brand-blue-300: #91bdff;
-  --fc-brand-blue-200: #bdd8ff;
-  --fc-brand-blue-100: #dceaff;
+  --fc-brand-blue-500-rgb: 78, 149, 255;
+  --fc-brand-blue-500: rgb(var(--fc-brand-blue-500-rgb));
+  --fc-brand-blue-400-rgb: 115, 171, 255;
+  --fc-brand-blue-400: rgb(var(--fc-brand-blue-400-rgb));
+  --fc-brand-blue-300-rgb: 145, 189, 255;
+  --fc-brand-blue-300: rgb(var(--fc-brand-blue-300-rgb));
+  --fc-brand-blue-200-rgb: 189, 216, 255;
+  --fc-brand-blue-200: rgb(var(--fc-brand-blue-200-rgb));
+  --fc-brand-blue-100-rgb: 220, 234, 255;
+  --fc-brand-blue-100: rgb(var(--fc-brand-blue-100-rgb));
 
   /*  BLUE-GRAY
    * ─────────────────────────────────── */
-  --fc-blue-gray-950: #1e283d;
-  --fc-blue-gray-900: #1f314f;
-  --fc-blue-gray-850: #2b3e5f;
-  --fc-blue-gray-800: #384a6c;
-  --fc-blue-gray-750: #495b80;
-  --fc-blue-gray-700: #596c95;
-  --fc-blue-gray-650: #6c7fa7;
-  --fc-blue-gray-600: #7f92b9;
-  --fc-blue-gray-550: #8699c1;
-  --fc-blue-gray-500: #8d9fc9;
-  --fc-blue-gray-450: #97aad2;
-  --fc-blue-gray-400: #a2b4db;
-  --fc-blue-gray-350: #b1c1e6;
-  --fc-blue-gray-300: #bfcef0;
-  --fc-blue-gray-250: #cdd8f2;
-  --fc-blue-gray-200: #dae2f5;
-  --fc-blue-gray-150: #e4eaf8;
-  --fc-blue-gray-100: #eef2fb;
-  --fc-blue-gray-50: #f6f8fd;
-  --fc-blue-gray-800-rgb: 56, 74, 100;
+  --fc-blue-gray-950-rgb: 30, 40, 61;
+  --fc-blue-gray-950: rgb(var(--fc-blue-gray-950-rgb));
+  --fc-blue-gray-900-rgb: 31, 49, 79;
+  --fc-blue-gray-900: rgb(var(--fc-blue-gray-900-rgb));
+  --fc-blue-gray-850-rgb: 43, 62, 95;
+  --fc-blue-gray-850: rgb(var(--fc-blue-gray-850-rgb));
+  --fc-blue-gray-800-rgb: 56, 74, 108;
+  --fc-blue-gray-800: rgb(var(--fc-blue-gray-800-rgb));
+  --fc-blue-gray-750-rgb: 73, 91, 128;
+  --fc-blue-gray-750: rgb(var(--fc-blue-gray-750-rgb));
   --fc-blue-gray-700-rgb: 89, 108, 149;
+  --fc-blue-gray-700: rgb(var(--fc-blue-gray-700-rgb));
+  --fc-blue-gray-650-rgb: 108, 127, 167;
+  --fc-blue-gray-650: rgb(var(--fc-blue-gray-650-rgb));
+  --fc-blue-gray-600-rgb: 127, 146, 185;
+  --fc-blue-gray-600: rgb(var(--fc-blue-gray-600-rgb));
+  --fc-blue-gray-550-rgb: 134, 153, 193;
+  --fc-blue-gray-550: rgb(var(--fc-blue-gray-550-rgb));
+  --fc-blue-gray-500-rgb: 141, 159, 201;
+  --fc-blue-gray-500: rgb(var(--fc-blue-gray-500-rgb));
+  --fc-blue-gray-450-rgb: 151, 170, 210;
+  --fc-blue-gray-450: rgb(var(--fc-blue-gray-450-rgb));
+  --fc-blue-gray-400-rgb: 162, 180, 219;
+  --fc-blue-gray-400: rgb(var(--fc-blue-gray-400-rgb));
+  --fc-blue-gray-350-rgb: 177, 193, 230;
+  --fc-blue-gray-350: rgb(var(--fc-blue-gray-350-rgb));
+  --fc-blue-gray-300-rgb: 191, 206, 240;
+  --fc-blue-gray-300: rgb(var(--fc-blue-gray-300-rgb));
+  --fc-blue-gray-250-rgb: 205, 216, 242;
+  --fc-blue-gray-250: rgb(var(--fc-blue-gray-250-rgb));
+  --fc-blue-gray-200-rgb: 218, 226, 245;
+  --fc-blue-gray-200: rgb(var(--fc-blue-gray-200-rgb));
+  --fc-blue-gray-150-rgb: 228, 234, 248;
+  --fc-blue-gray-150: rgb(var(--fc-blue-gray-150-rgb));
+  --fc-blue-gray-100-rgb: 238, 242, 251;
+  --fc-blue-gray-100: rgb(var(--fc-blue-gray-100-rgb));
+  --fc-blue-gray-50-rgb: 246, 248, 253;
+  --fc-blue-gray-50: rgb(var(--fc-blue-gray-50-rgb));
 
   /*  GRAY
    *  ─────────────────────────────────── */
-  --fc-gray-950: #151515;
-  --fc-gray-900: #24282e;
-  --fc-gray-850: #333b47;
+  --fc-gray-950-rgb: 21, 21, 21;
+  --fc-gray-950: rgb(var(--fc-gray-950-rgb));
+  --fc-gray-900-rgb: 36, 40, 46;
+  --fc-gray-900: rgb(var(--fc-gray-900-rgb));
+  --fc-gray-850-rgb: 51, 59, 71;
+  --fc-gray-850: rgb(var(--fc-gray-850-rgb));
   --fc-gray-800-rgb: 82, 97, 120;
   --fc-gray-800: rgb(var(--fc-gray-800-rgb));
-  --fc-gray-750: #6c7c92;
-  --fc-gray-700: #8696ac;
-  --fc-gray-650: #92a1b6;
-  --fc-gray-600: #9fadc0;
-  --fc-gray-550: #aab6c6;
-  --fc-gray-500: #b5becc;
-  --fc-gray-450: #bfc7d2;
-  --fc-gray-400: #cad0d9;
-  --fc-gray-350: #d2d7df;
-  --fc-gray-300: #dadee4;
-  --fc-gray-250: #e1e4e9;
-  --fc-gray-200: #e9ebef;
-  --fc-gray-150: #eff0f3;
-  --fc-gray-100: #f4f5f7;
-  --fc-gray-50: #fbfcfc;
+  --fc-gray-750-rgb: 108, 124, 146;
+  --fc-gray-750: rgb(var(--fc-gray-750-rgb));
+  --fc-gray-700-rgb: 134, 150, 172;
+  --fc-gray-700: rgb(var(--fc-gray-700-rgb));
+  --fc-gray-650-rgb: 146, 161, 182;
+  --fc-gray-650: rgb(var(--fc-gray-650-rgb));
+  --fc-gray-600-rgb: 159, 173, 192;
+  --fc-gray-600: rgb(var(--fc-gray-600-rgb));
+  --fc-gray-550-rgb: 170, 182, 198;
+  --fc-gray-550: rgb(var(--fc-gray-550-rgb));
+  --fc-gray-500-rgb: 181, 190, 204;
+  --fc-gray-500: rgb(var(--fc-gray-500-rgb));
+  --fc-gray-450-rgb: 191, 199, 210;
+  --fc-gray-450: rgb(var(--fc-gray-450-rgb));
+  --fc-gray-400-rgb: 202, 208, 217;
+  --fc-gray-400: rgb(var(--fc-gray-400-rgb));
+  --fc-gray-350-rgb: 210, 215, 223;
+  --fc-gray-350: rgb(var(--fc-gray-350-rgb));
+  --fc-gray-300-rgb: 218, 222, 228;
+  --fc-gray-300: rgb(var(--fc-gray-300-rgb));
+  --fc-gray-250-rgb: 225, 228, 233;
+  --fc-gray-250: rgb(var(--fc-gray-250-rgb));
+  --fc-gray-200-rgb: 233, 235, 239;
+  --fc-gray-200: rgb(var(--fc-gray-200-rgb));
+  --fc-gray-150-rgb: 239, 240, 243;
+  --fc-gray-150: rgb(var(--fc-gray-150-rgb));
+  --fc-gray-100-rgb: 244, 245, 247;
+  --fc-gray-100: rgb(var(--fc-gray-100-rgb));
+  --fc-gray-50-rgb: 251, 252, 252;
+  --fc-gray-50: rgb(var(--fc-gray-50-rgb));
 
   /*  GREEN
    *  ─────────────────────────────────── */
-  --fc-green-900: #003809;
-  --fc-green-800: #00590f;
-  --fc-green-700: #007914;
-  --fc-green-600: #009a1a;
-  --fc-green-500: #00ba1f;
-  --fc-green-400: #3aca52;
-  --fc-green-300: #73d984;
-  --fc-green-200: #ade9b7;
-  --fc-green-100: #e6f8e9;
+  --fc-green-900-rgb: 0, 56, 9;
+  --fc-green-900: rgb(var(--fc-green-900-rgb));
+  --fc-green-800-rgb: 0, 89, 15;
+  --fc-green-800: rgb(var(--fc-green-800-rgb));
+  --fc-green-700-rgb: 0, 121, 20;
+  --fc-green-700: rgb(var(--fc-green-700-rgb));
+  --fc-green-600-rgb: 0, 154, 26;
+  --fc-green-600: rgb(var(--fc-green-600-rgb));
+  --fc-green-500-rgb: 0, 186, 31;
+  --fc-green-500: rgb(var(--fc-green-500-rgb));
+  --fc-green-400-rgb: 58, 202, 82;
+  --fc-green-400: rgb(var(--fc-green-400-rgb));
+  --fc-green-300-rgb: 115, 217, 132;
+  --fc-green-300: rgb(var(--fc-green-300-rgb));
+  --fc-green-200-rgb: 173, 233, 183;
+  --fc-green-200: rgb(var(--fc-green-200-rgb));
+  --fc-green-100-rgb: 230, 248, 233;
+  --fc-green-100: rgb(var(--fc-green-100-rgb));
 
   /*  BRAND-GREEN
    *  ─────────────────────────────────── */
-  --fc-brand-green-900: #044732;
-  --fc-brand-green-800: #067250;
-  --fc-brand-green-700: #009d6c;
-  --fc-brand-green-600: #00ba7f;
-  --fc-brand-green-500: #00d894;
-  --fc-brand-green-400: #1de8a8;
-  --fc-brand-green-300: #65f4c7;
-  --fc-brand-green-200: #b5f8e2;
-  --fc-brand-green-100: #e5fef6;
+  --fc-brand-green-900-rgb: 4, 71, 50;
+  --fc-brand-green-900: rgb(var(--fc-brand-green-900-rgb));
+  --fc-brand-green-800-rgb: 6, 114, 80;
+  --fc-brand-green-800: rgb(var(--fc-brand-green-800-rgb));
+  --fc-brand-green-700-rgb: 0, 157, 108;
+  --fc-brand-green-700: rgb(var(--fc-brand-green-700-rgb));
+  --fc-brand-green-600-rgb: 0, 186, 127;
+  --fc-brand-green-600: rgb(var(--fc-brand-green-600-rgb));
+  --fc-brand-green-500-rgb: 0, 216, 148;
+  --fc-brand-green-500: rgb(var(--fc-brand-green-500-rgb));
+  --fc-brand-green-400-rgb: 29, 232, 168;
+  --fc-brand-green-400: rgb(var(--fc-brand-green-400-rgb));
+  --fc-brand-green-300-rgb: 101, 244, 199;
+  --fc-brand-green-300: rgb(var(--fc-brand-green-300-rgb));
+  --fc-brand-green-200-rgb: 181, 248, 226;
+  --fc-brand-green-200: rgb(var(--fc-brand-green-200-rgb));
+  --fc-brand-green-100-rgb: 229, 254, 246;
+  --fc-brand-green-100: rgb(var(--fc-brand-green-100-rgb));
 
   /*  RED
    *  ─────────────────────────────────── */
-  --fc-red-900: #5f0304;
-  --fc-red-800: #830406;
-  --fc-red-700: #a60507;
-  --fc-red-600: #ca0609;
-  --fc-red-500: #ed070a;
-  --fc-red-400: #f13f41;
-  --fc-red-300: #f57779;
-  --fc-red-200: #f9aeb0;
-  --fc-red-100: #fde6e7;
+  --fc-red-900-rgb: 95, 3, 4;
+  --fc-red-900: rgb(var(--fc-red-900-rgb));
+  --fc-red-800-rgb: 131, 4, 6;
+  --fc-red-800: rgb(var(--fc-red-800-rgb));
+  --fc-red-700-rgb: 166, 5, 7;
+  --fc-red-700: rgb(var(--fc-red-700-rgb));
+  --fc-red-600-rgb: 202, 6, 9;
+  --fc-red-600: rgb(var(--fc-red-600-rgb));
+  --fc-red-500-rgb: 237, 7, 10;
+  --fc-red-500: rgb(var(--fc-red-500-rgb));
+  --fc-red-400-rgb: 241, 63, 65;
+  --fc-red-400: rgb(var(--fc-red-400-rgb));
+  --fc-red-300-rgb: 245, 119, 121;
+  --fc-red-300: rgb(var(--fc-red-300-rgb));
+  --fc-red-200-rgb: 249, 174, 176;
+  --fc-red-200: rgb(var(--fc-red-200-rgb));
+  --fc-red-100-rgb: 253, 230, 231;
+  --fc-red-100: rgb(var(--fc-red-100-rgb));
 
   /*  TURQUOISE
    *  ─────────────────────────────────── */
-  --fc-turquoise-900: #0d4741;
-  --fc-turquoise-800: #147167;
-  --fc-turquoise-700: #1c9b8e;
-  --fc-turquoise-600: #23c4b4;
-  --fc-turquoise-500: #2aeeda;
-  --fc-turquoise-400: #5af2e2;
-  --fc-turquoise-300: #8af6eb;
-  --fc-turquoise-200: #baf9f3;
-  --fc-turquoise-100: #eafdfb;
+  --fc-turquoise-900-rgb: 13, 71, 65;
+  --fc-turquoise-900: rgb(var(--fc-turquoise-900-rgb));
+  --fc-turquoise-800-rgb: 20, 113, 103;
+  --fc-turquoise-800: rgb(var(--fc-turquoise-800-rgb));
+  --fc-turquoise-700-rgb: 28, 155, 142;
+  --fc-turquoise-700: rgb(var(--fc-turquoise-700-rgb));
+  --fc-turquoise-600-rgb: 35, 196, 180;
+  --fc-turquoise-600: rgb(var(--fc-turquoise-600-rgb));
+  --fc-turquoise-500-rgb: 42, 238, 218;
+  --fc-turquoise-500: rgb(var(--fc-turquoise-500-rgb));
+  --fc-turquoise-400-rgb: 90, 242, 226;
+  --fc-turquoise-400: rgb(var(--fc-turquoise-400-rgb));
+  --fc-turquoise-300-rgb: 138, 246, 235;
+  --fc-turquoise-300: rgb(var(--fc-turquoise-300-rgb));
+  --fc-turquoise-200-rgb: 186, 249, 243;
+  --fc-turquoise-200: rgb(var(--fc-turquoise-200-rgb));
+  --fc-turquoise-100-rgb: 234, 253, 251;
+  --fc-turquoise-100: rgb(var(--fc-turquoise-100-rgb));
 
   /*  OCEAN
    *  ─────────────────────────────────── */
-  --fc-ocean-900: #0b3b47;
-  --fc-ocean-800: #115d71;
-  --fc-ocean-700: #177f9b;
-  --fc-ocean-600: #1da1c4;
-  --fc-ocean-500: #23c3ee;
-  --fc-ocean-400: #55d1f2;
-  --fc-ocean-300: #86def6;
-  --fc-ocean-200: #b8ecf9;
-  --fc-ocean-100: #e9f9fd;
+  --fc-ocean-900-rgb: 11, 59, 71;
+  --fc-ocean-900: rgb(var(--fc-ocean-900-rgb));
+  --fc-ocean-800-rgb: 17, 93, 113;
+  --fc-ocean-800: rgb(var(--fc-ocean-800-rgb));
+  --fc-ocean-700-rgb: 23, 127, 155;
+  --fc-ocean-700: rgb(var(--fc-ocean-700-rgb));
+  --fc-ocean-600-rgb: 29, 161, 196;
+  --fc-ocean-600: rgb(var(--fc-ocean-600-rgb));
+  --fc-ocean-500-rgb: 35, 195, 238;
+  --fc-ocean-500: rgb(var(--fc-ocean-500-rgb));
+  --fc-ocean-400-rgb: 85, 209, 242;
+  --fc-ocean-400: rgb(var(--fc-ocean-400-rgb));
+  --fc-ocean-300-rgb: 134, 222, 246;
+  --fc-ocean-300: rgb(var(--fc-ocean-300-rgb));
+  --fc-ocean-200-rgb: 184, 236, 249;
+  --fc-ocean-200: rgb(var(--fc-ocean-200-rgb));
+  --fc-ocean-100-rgb: 233, 249, 253;
+  --fc-ocean-100: rgb(var(--fc-ocean-100-rgb));
 
   /*  MARINE
    *  ─────────────────────────────────── */
-  --fc-marine-900: #112549;
-  --fc-marine-800: #1b3a74;
-  --fc-marine-700: #26509e;
-  --fc-marine-600: #3065c9;
-  --fc-marine-500: #3a7af3;
-  --fc-marine-400: #6698f6;
-  --fc-marine-300: #93b6f9;
-  --fc-marine-200: #bfd4fb;
-  --fc-marine-100: #ebf2fe;
+  --fc-marine-900-rgb: 17, 37, 73;
+  --fc-marine-900: rgb(var(--fc-marine-900-rgb));
+  --fc-marine-800-rgb: 27, 58, 116;
+  --fc-marine-800: rgb(var(--fc-marine-800-rgb));
+  --fc-marine-700-rgb: 38, 80, 158;
+  --fc-marine-700: rgb(var(--fc-marine-700-rgb));
+  --fc-marine-600-rgb: 48, 101, 201;
+  --fc-marine-600: rgb(var(--fc-marine-600-rgb));
+  --fc-marine-500-rgb: 58, 122, 243;
+  --fc-marine-500: rgb(var(--fc-marine-500-rgb));
+  --fc-marine-400-rgb: 102, 152, 246;
+  --fc-marine-400: rgb(var(--fc-marine-400-rgb));
+  --fc-marine-300-rgb: 147, 182, 249;
+  --fc-marine-300: rgb(var(--fc-marine-300-rgb));
+  --fc-marine-200-rgb: 191, 212, 251;
+  --fc-marine-200: rgb(var(--fc-marine-200-rgb));
+  --fc-marine-100-rgb: 235, 242, 254;
+  --fc-marine-100: rgb(var(--fc-marine-100-rgb));
 
   /*  INDIGO
    *  ─────────────────────────────────── */
-  --fc-indigo-950: #150f57;
-  --fc-indigo-900: #201785;
-  --fc-indigo-850: #281f96;
-  --fc-indigo-800: #3126a8;
-  --fc-indigo-750: #3429af;
-  --fc-indigo-700: #3d31c6;
-  --fc-indigo-650: #3f36cd;
-  --fc-indigo-600: #4542e3;
-  --fc-indigo-550: #4a47e4;
-  --fc-indigo-500: #5b58ea;
-  --fc-indigo-450: #5f5dea;
-  --fc-indigo-400: #7a7eef;
-  --fc-indigo-350: #8388f1;
-  --fc-indigo-300: #a0a4f6;
-  --fc-indigo-250: #adb0f8;
-  --fc-indigo-200: #d2d4fb;
-  --fc-indigo-150: #d9dbfc;
-  --fc-indigo-100: #efefff;
-  --fc-indigo-50: #f8f8ff;
+  --fc-indigo-950-rgb: 21, 15, 87;
+  --fc-indigo-950: rgb(var(--fc-indigo-950-rgb));
+  --fc-indigo-900-rgb: 32, 23, 133;
+  --fc-indigo-900: rgb(var(--fc-indigo-900-rgb));
+  --fc-indigo-850-rgb: 40, 31, 150;
+  --fc-indigo-850: rgb(var(--fc-indigo-850-rgb));
+  --fc-indigo-800-rgb: 49, 38, 168;
+  --fc-indigo-800: rgb(var(--fc-indigo-800-rgb));
+  --fc-indigo-750-rgb: 52, 41, 175;
+  --fc-indigo-750: rgb(var(--fc-indigo-750-rgb));
+  --fc-indigo-700-rgb: 61, 49, 198;
+  --fc-indigo-700: rgb(var(--fc-indigo-700-rgb));
+  --fc-indigo-650-rgb: 63, 54, 205;
+  --fc-indigo-650: rgb(var(--fc-indigo-650-rgb));
+  --fc-indigo-600-rgb: 69, 66, 227;
+  --fc-indigo-600: rgb(var(--fc-indigo-600-rgb));
+  --fc-indigo-550-rgb: 74, 71, 228;
+  --fc-indigo-550: rgb(var(--fc-indigo-550-rgb));
+  --fc-indigo-500-rgb: 91, 88, 234;
+  --fc-indigo-500: rgb(var(--fc-indigo-500-rgb));
+  --fc-indigo-450-rgb: 95, 93, 234;
+  --fc-indigo-450: rgb(var(--fc-indigo-450-rgb));
+  --fc-indigo-400-rgb: 122, 126, 239;
+  --fc-indigo-400: rgb(var(--fc-indigo-400-rgb));
+  --fc-indigo-350-rgb: 131, 136, 241;
+  --fc-indigo-350: rgb(var(--fc-indigo-350-rgb));
+  --fc-indigo-300-rgb: 160, 164, 246;
+  --fc-indigo-300: rgb(var(--fc-indigo-300-rgb));
+  --fc-indigo-250-rgb: 173, 176, 248;
+  --fc-indigo-250: rgb(var(--fc-indigo-250-rgb));
+  --fc-indigo-200-rgb: 210, 212, 251;
+  --fc-indigo-200: rgb(var(--fc-indigo-200-rgb));
+  --fc-indigo-150-rgb: 217, 219, 252;
+  --fc-indigo-150: rgb(var(--fc-indigo-150-rgb));
+  --fc-indigo-100-rgb: 239, 239, 255;
+  --fc-indigo-100: rgb(var(--fc-indigo-100-rgb));
+  --fc-indigo-50-rgb: 248, 248, 255;
+  --fc-indigo-50: rgb(var(--fc-indigo-50-rgb));
 
   /*  PINK PURPLE
    *  ─────────────────────────────────── */
-  --fc-pink-purple-900: #3f0f48;
-  --fc-pink-purple-800: #641872;
-  --fc-pink-purple-700: #89219d;
-  --fc-pink-purple-600: #ad29c7;
-  --fc-pink-purple-500: #d232f1;
-  --fc-pink-purple-400: #dc60f4;
-  --fc-pink-purple-300: #e78ff8;
-  --fc-pink-purple-200: #f1bdfb;
-  --fc-pink-purple-100: #fbebfe;
+  --fc-pink-purple-900-rgb: 63, 15, 72;
+  --fc-pink-purple-900: rgb(var(--fc-pink-purple-900-rgb));
+  --fc-pink-purple-800-rgb: 100, 24, 114;
+  --fc-pink-purple-800: rgb(var(--fc-pink-purple-800-rgb));
+  --fc-pink-purple-700-rgb: 137, 33, 157;
+  --fc-pink-purple-700: rgb(var(--fc-pink-purple-700-rgb));
+  --fc-pink-purple-600-rgb: 173, 41, 199;
+  --fc-pink-purple-600: rgb(var(--fc-pink-purple-600-rgb));
+  --fc-pink-purple-500-rgb: 210, 50, 241;
+  --fc-pink-purple-500: rgb(var(--fc-pink-purple-500-rgb));
+  --fc-pink-purple-400-rgb: 220, 96, 244;
+  --fc-pink-purple-400: rgb(var(--fc-pink-purple-400-rgb));
+  --fc-pink-purple-300-rgb: 231, 143, 248;
+  --fc-pink-purple-300: rgb(var(--fc-pink-purple-300-rgb));
+  --fc-pink-purple-200-rgb: 241, 189, 251;
+  --fc-pink-purple-200: rgb(var(--fc-pink-purple-200-rgb));
+  --fc-pink-purple-100-rgb: 251, 235, 254;
+  --fc-pink-purple-100: rgb(var(--fc-pink-purple-100-rgb));
 
   /*  PURPLE
    *  ─────────────────────────────────── */
-  --fc-purple-900: #2f0f47;
-  --fc-purple-800: #4a1870;
-  --fc-purple-700: #652099;
-  --fc-purple-600: #8029c2;
-  --fc-purple-500: #9b31eb;
-  --fc-purple-400: #b25ff0;
-  --fc-purple-300: #c88ef4;
-  --fc-purple-200: #dfbcf9;
-  --fc-purple-100: #f5eafd;
+  --fc-purple-900-rgb: 47, 15, 71;
+  --fc-purple-900: rgb(var(--fc-purple-900-rgb));
+  --fc-purple-800-rgb: 74, 24, 112;
+  --fc-purple-800: rgb(var(--fc-purple-800-rgb));
+  --fc-purple-700-rgb: 101, 32, 153;
+  --fc-purple-700: rgb(var(--fc-purple-700-rgb));
+  --fc-purple-600-rgb: 128, 41, 194;
+  --fc-purple-600: rgb(var(--fc-purple-600-rgb));
+  --fc-purple-500-rgb: 155, 49, 235;
+  --fc-purple-500: rgb(var(--fc-purple-500-rgb));
+  --fc-purple-400-rgb: 178, 95, 240;
+  --fc-purple-400: rgb(var(--fc-purple-400-rgb));
+  --fc-purple-300-rgb: 200, 142, 244;
+  --fc-purple-300: rgb(var(--fc-purple-300-rgb));
+  --fc-purple-200-rgb: 223, 188, 249;
+  --fc-purple-200: rgb(var(--fc-purple-200-rgb));
+  --fc-purple-100-rgb: 245, 234, 253;
+  --fc-purple-100: rgb(var(--fc-purple-100-rgb));
 
   /*  MAGENTA
    *  ─────────────────────────────────── */
-  --fc-magenta-900: #490d35;
-  --fc-magenta-800: #741554;
-  --fc-magenta-700: #9f1c73;
-  --fc-magenta-600: #c92491;
-  --fc-magenta-500: #f42bb0;
-  --fc-magenta-400: #f75bc2;
-  --fc-magenta-300: #f98bd4;
-  --fc-magenta-200: #fcbae5;
-  --fc-magenta-100: #feeaf7;
+  --fc-magenta-900-rgb: 73, 13, 53;
+  --fc-magenta-900: rgb(var(--fc-magenta-900-rgb));
+  --fc-magenta-800-rgb: 116, 21, 84;
+  --fc-magenta-800: rgb(var(--fc-magenta-800-rgb));
+  --fc-magenta-700-rgb: 159, 28, 115;
+  --fc-magenta-700: rgb(var(--fc-magenta-700-rgb));
+  --fc-magenta-600-rgb: 201, 36, 145;
+  --fc-magenta-600: rgb(var(--fc-magenta-600-rgb));
+  --fc-magenta-500-rgb: 244, 43, 176;
+  --fc-magenta-500: rgb(var(--fc-magenta-500-rgb));
+  --fc-magenta-400-rgb: 247, 91, 194;
+  --fc-magenta-400: rgb(var(--fc-magenta-400-rgb));
+  --fc-magenta-300-rgb: 249, 139, 212;
+  --fc-magenta-300: rgb(var(--fc-magenta-300-rgb));
+  --fc-magenta-200-rgb: 252, 186, 229;
+  --fc-magenta-200: rgb(var(--fc-magenta-200-rgb));
+  --fc-magenta-100-rgb: 254, 234, 247;
+  --fc-magenta-100: rgb(var(--fc-magenta-100-rgb));
 
   /*  WARN
    *  ─────────────────────────────────── */
-  --fc-orange-900: #4d2904;
-  --fc-orange-800: #7a4106;
-  --fc-orange-700: #a65a09;
-  --fc-orange-600: #d3720b;
-  --fc-orange-500: #ff8a0d;
-  --fc-orange-400: #ffa444;
-  --fc-orange-300: #ffbf7a;
-  --fc-orange-200: #ffd9b1;
-  --fc-orange-100: #fff3e7;
+  --fc-orange-900-rgb: 77, 41, 4;
+  --fc-orange-900: rgb(var(--fc-orange-900-rgb));
+  --fc-orange-800-rgb: 122, 65, 6;
+  --fc-orange-800: rgb(var(--fc-orange-800-rgb));
+  --fc-orange-700-rgb: 166, 90, 9;
+  --fc-orange-700: rgb(var(--fc-orange-700-rgb));
+  --fc-orange-600-rgb: 211, 114, 11;
+  --fc-orange-600: rgb(var(--fc-orange-600-rgb));
+  --fc-orange-500-rgb: 255, 138, 13;
+  --fc-orange-500: rgb(var(--fc-orange-500-rgb));
+  --fc-orange-400-rgb: 255, 164, 68;
+  --fc-orange-400: rgb(var(--fc-orange-400-rgb));
+  --fc-orange-300-rgb: 255, 191, 122;
+  --fc-orange-300: rgb(var(--fc-orange-300-rgb));
+  --fc-orange-200-rgb: 255, 217, 177;
+  --fc-orange-200: rgb(var(--fc-orange-200-rgb));
+  --fc-orange-100-rgb: 255, 243, 231;
+  --fc-orange-100: rgb(var(--fc-orange-100-rgb));
 
   /*  GOLD
    *  ─────────────────────────────────── */
-  --fc-gold-900: #4a380c;
-  --fc-gold-800: #755913;
-  --fc-gold-700: #a0791a;
-  --fc-gold-600: #cb9a20;
-  --fc-gold-500: #f6ba27;
-  --fc-gold-400: #f8ca58;
-  --fc-gold-300: #fad988;
-  --fc-gold-200: #fce9b9;
-  --fc-gold-100: #fef8e9;
+  --fc-gold-900-rgb: 74, 56, 12;
+  --fc-gold-900: rgb(var(--fc-gold-900-rgb));
+  --fc-gold-800-rgb: 117, 89, 19;
+  --fc-gold-800: rgb(var(--fc-gold-800-rgb));
+  --fc-gold-700-rgb: 160, 121, 26;
+  --fc-gold-700: rgb(var(--fc-gold-700-rgb));
+  --fc-gold-600-rgb: 203, 154, 32;
+  --fc-gold-600: rgb(var(--fc-gold-600-rgb));
+  --fc-gold-500-rgb: 246, 186, 39;
+  --fc-gold-500: rgb(var(--fc-gold-500-rgb));
+  --fc-gold-400-rgb: 248, 202, 88;
+  --fc-gold-400: rgb(var(--fc-gold-400-rgb));
+  --fc-gold-300-rgb: 250, 217, 136;
+  --fc-gold-300: rgb(var(--fc-gold-300-rgb));
+  --fc-gold-200-rgb: 252, 233, 185;
+  --fc-gold-200: rgb(var(--fc-gold-200-rgb));
+  --fc-gold-100-rgb: 254, 248, 233;
+  --fc-gold-100: rgb(var(--fc-gold-100-rgb));
 
   /*  OLIVE
    *  ─────────────────────────────────── */
-  --fc-olive-900: #3f4009;
-  --fc-olive-800: #64660e;
-  --fc-olive-700: #888b14;
-  --fc-olive-600: #adb119;
-  --fc-olive-500: #d1d61e;
-  --fc-olive-400: #dbdf51;
-  --fc-olive-300: #e6e984;
-  --fc-olive-200: #f0f2b6;
-  --fc-olive-100: #fafbe9;
+  --fc-olive-900-rgb: 63, 64, 9;
+  --fc-olive-900: rgb(var(--fc-olive-900-rgb));
+  --fc-olive-800-rgb: 100, 102, 14;
+  --fc-olive-800: rgb(var(--fc-olive-800-rgb));
+  --fc-olive-700-rgb: 136, 139, 20;
+  --fc-olive-700: rgb(var(--fc-olive-700-rgb));
+  --fc-olive-600-rgb: 173, 177, 25;
+  --fc-olive-600: rgb(var(--fc-olive-600-rgb));
+  --fc-olive-500-rgb: 209, 214, 30;
+  --fc-olive-500: rgb(var(--fc-olive-500-rgb));
+  --fc-olive-400-rgb: 219, 223, 81;
+  --fc-olive-400: rgb(var(--fc-olive-400-rgb));
+  --fc-olive-300-rgb: 230, 233, 132;
+  --fc-olive-300: rgb(var(--fc-olive-300-rgb));
+  --fc-olive-200-rgb: 240, 242, 182;
+  --fc-olive-200: rgb(var(--fc-olive-200-rgb));
+  --fc-olive-100-rgb: 250, 251, 233;
+  --fc-olive-100: rgb(var(--fc-olive-100-rgb));
 }
@@ -335,0 +514,0 @@ `;

package.json

 {
   "name": "@forter/styles",
-  "version": "4.15.0",
+  "version": "4.16.0",
   "description": "Styles for Forter Components",
@@ -47,3 +47,3 @@ "main": "index.js",
   },
-  "gitHead": "a7ebb3e3b161a6eb31fe58bf0a8efb01787c1077"
+  "gitHead": "30955f58e5481d368bdb32a038c709aafed5c76d"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

114657

increased by23.76%

Lines of code

2089

increased by20.68%

No dependency changes