Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@forter/tokens

Package Overview
Dependencies
Maintainers
0
Versions
24
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@forter/tokens - npm Package Compare versions

Comparing version 16.13.0 to 16.17.0

705

dist/index.js

@@ -5,232 +5,467 @@ 'use strict';

const styles = lit.css`/**
const styles$1 = lit.css`/**
* Do not edit directly
* Generated on Mon, 21 Oct 2024 13:21:13 GMT
* Generated on Thu, 07 Nov 2024 10:30:59 GMT
*/
:root {
--fc-color-cta-brand-default: #4e95ff;
--fc-color-cta-brand-hovered: #1f75f6;
--fc-color-cta-brand-disabled: #bdd8ff;
--fc-color-cta-brand-invert: #ffffff;
--fc-color-cta-brand-outline: #dae2f5;
--fc-color-cta-neutral-default: #495b80;
--fc-color-cta-neutral-hovered: #1e283d;
--fc-color-cta-neutral-disabled: #b5becc;
--fc-color-cta-neutral-invert: #ffffff;
--fc-color-cta-neutral-outline: #dae2f5;
--fc-color-cta-positive-default: #00ba7f;
--fc-color-cta-positive-hovered: #009d6c;
:root body.dark-mode {
--fc-shadow-elevation-2: 0px 2px 7px 0px #00225526;
--fc-shadow-elevation-1: 0px 0px 3px 0px #0022552E;
--fc-color-turquoise-900: #eafdfb;
--fc-color-turquoise-800: #baf9f3;
--fc-color-turquoise-700: #8af6eb;
--fc-color-turquoise-600: #5af2e2;
--fc-color-turquoise-500: #20e8d3;
--fc-color-turquoise-400: #23c4b4;
--fc-color-turquoise-300: #1c9b8e;
--fc-color-turquoise-200: #147167;
--fc-color-turquoise-100: #0d4741;
--fc-color-orange-900: #fff3e7;
--fc-color-orange-800: #ffd9b1;
--fc-color-orange-700: #ffbf7a;
--fc-color-orange-600: #ffa444;
--fc-color-orange-500: #ff8a0d;
--fc-color-orange-400: #d3720b;
--fc-color-orange-300: #a65a09;
--fc-color-orange-200: #7a4106;
--fc-color-orange-100: #4d2904;
--fc-color-gold-900: #fef4dc;
--fc-color-gold-800: #fce9b9;
--fc-color-gold-700: #fad988;
--fc-color-gold-600: #f8ca58;
--fc-color-gold-500: #f6ba27;
--fc-color-gold-400: #cb9a20;
--fc-color-gold-300: #a0791a;
--fc-color-gold-200: #755913;
--fc-color-gold-100: #4a380c;
--fc-color-gray-1000: #ffffff;
--fc-color-gray-950: #fbfcfc;
--fc-color-gray-900: #f4f5f7;
--fc-color-gray-850: #eff0f3;
--fc-color-gray-800: #e9ebef;
--fc-color-gray-750: #e1e4e9;
--fc-color-gray-700: #dadee4;
--fc-color-gray-650: #d2d7df;
--fc-color-gray-600: #cad0d9;
--fc-color-gray-550: #bfc7d2;
--fc-color-gray-500: #b5becc;
--fc-color-gray-450: #aab6c6;
--fc-color-gray-400: #9fadc0;
--fc-color-gray-350: #92a1b6;
--fc-color-gray-300: #8696ac;
--fc-color-gray-250: #6c7c92;
--fc-color-gray-200: #526178;
--fc-color-gray-150: #333b47;
--fc-color-gray-100: #24282e;
--fc-color-gray-50: #151515;
--fc-color-gray-0: #000000;
--fc-color-blue-gray-950: #f6f8fd;
--fc-color-blue-gray-900: #f2f5fc;
--fc-color-blue-gray-850: #e4eaf8;
--fc-color-blue-gray-800: #dae2f5;
--fc-color-blue-gray-750: #cdd8f2;
--fc-color-blue-gray-700: #bfcef0;
--fc-color-blue-gray-650: #b1c1e6;
--fc-color-blue-gray-600: #a2b4db;
--fc-color-blue-gray-550: #97aad2;
--fc-color-blue-gray-500: #8d9fc9;
--fc-color-blue-gray-450: #8699c1;
--fc-color-blue-gray-400: #7f92b9;
--fc-color-blue-gray-350: #6c7fa7;
--fc-color-blue-gray-300: #596c95;
--fc-color-blue-gray-250: #495b80;
--fc-color-blue-gray-200: #384a6c;
--fc-color-blue-gray-150: #2b3e5f;
--fc-color-blue-gray-100: #1f314f;
--fc-color-blue-gray-50: #1e283d;
--fc-color-red-900: #fde6e7;
--fc-color-red-800: #ffc5c6;
--fc-color-red-700: #ff9fa1;
--fc-color-red-600: #ff7d7d;
--fc-color-red-500: #ff5959;
--fc-color-red-400: #e32a2d;
--fc-color-red-300: #a60507;
--fc-color-red-200: #830406;
--fc-color-red-100: #5f0304;
--fc-color-green-900: #e6f8e9;
--fc-color-green-800: #ade9b7;
--fc-color-green-700: #73d984;
--fc-color-green-600: #3aca52;
--fc-color-green-500: #00ba1f;
--fc-color-green-400: #009a1a;
--fc-color-green-300: #007914;
--fc-color-green-200: #00590f;
--fc-color-green-100: #003809;
--fc-color-blue-900: #e6f6ff;
--fc-color-blue-800: #ade2ff;
--fc-color-blue-700: #73ceff;
--fc-color-blue-600: #3ab9ff;
--fc-color-blue-500: #00a5ff;
--fc-color-blue-400: #0088d3;
--fc-color-blue-300: #006ca6;
--fc-color-blue-200: #0043a9;
--fc-color-blue-100: #002255;
--fc-color-brand-green-900: #e5fef6;
--fc-color-brand-green-800: #b5f8e2;
--fc-color-brand-green-700: #65f4c7;
--fc-color-brand-green-600: #1de8a8;
--fc-color-brand-green-500: #00d894;
--fc-color-brand-green-400: #00ba7f;
--fc-color-brand-green-300: #009d6c;
--fc-color-brand-green-200: #067250;
--fc-color-brand-green-100: #044732;
--fc-color-brand-blue-900: #dceaff;
--fc-color-brand-blue-800: #bdd8ff;
--fc-color-brand-blue-700: #90bdff;
--fc-color-brand-blue-600: #73abff;
--fc-color-brand-blue-500: #4e95ff;
--fc-color-brand-blue-400: #1f75f6;
--fc-color-brand-blue-300: #0358d7;
--fc-color-brand-blue-200: #0043a9;
--fc-color-brand-blue-100: #002255;
--fc-color-cta-negative-outline: #ff9fa1;
--fc-color-cta-positive-outline: #abe2d1;
--fc-color-cta-positive-disabled: #b2ebd9;
--fc-color-cta-positive-invert: #ffffff;
--fc-color-cta-positive-outline: #abe2d1;
--fc-color-cta-negative-default: #ff5959;
--fc-color-cta-negative-hovered: #e32a2d;
--fc-color-cta-negative-disabled: #ff9fa1;
--fc-color-cta-negative-invert: #ffffff;
--fc-color-cta-negative-outline: #ff9fa1;
--fc-color-form-element-base-background: #ffffff;
--fc-color-form-element-base-text: #1e283d;
--fc-color-form-element-base-icon: #495b80;
--fc-color-form-element-no-value-background: #ffffff;
--fc-color-form-element-no-value-text: #b5becc;
--fc-color-form-element-no-value-icon: #495b80;
--fc-color-form-element-no-value-hover-background: #fbfcfc;
--fc-color-form-element-no-value-hover-text: #b5becc;
--fc-color-form-element-no-value-hover-icon: #495b80;
--fc-color-form-element-hover-background: #fbfcfc;
--fc-color-form-element-hover-text: #1e283d;
--fc-color-form-element-hover-icon: #495b80;
--fc-color-form-element-got-value-background: #ffffff;
--fc-color-form-element-got-value-text: #1e283d;
--fc-color-form-element-got-value-icon: #495b80;
--fc-color-form-element-active-background: #ffffff;
--fc-color-form-element-active-text: #1e283d;
--fc-color-form-element-active-icon: #495b80;
--fc-color-form-element-read-only-background: #ffffff;
--fc-color-form-element-read-only-text: #1e283d;
--fc-color-form-element-read-only-icon: #ffffff;
--fc-color-form-element-disabled-background: #fbfcfc;
--fc-color-form-element-disabled-text: #b5becc;
--fc-color-form-element-disabled-icon: #b5becc;
--fc-color-form-element-focus-background: #ffffff;
--fc-color-form-element-focus-text: #1e283d;
--fc-color-form-element-focus-icon: #495b80;
--fc-color-form-element-error-background: #fde6e7;
--fc-color-form-element-error-text: #830406;
--fc-color-brand-blue-100: #dceaff;
--fc-color-brand-blue-200: #bdd8ff;
--fc-color-brand-blue-300: #90bdff;
--fc-color-brand-blue-400: #73abff;
--fc-color-brand-blue-500: #4e95ff;
--fc-color-brand-blue-600: #1f75f6;
--fc-color-brand-blue-700: #0358d7;
--fc-color-brand-blue-800: #0043a9;
--fc-color-brand-blue-900: #002255;
--fc-color-brand-green-100: #e5fef6;
--fc-color-brand-green-200: #b5f8e2;
--fc-color-brand-green-300: #65f4c7;
--fc-color-brand-green-400: #1de8a8;
--fc-color-brand-green-500: #00d894;
--fc-color-brand-green-600: #00ba7f;
--fc-color-brand-green-700: #009d6c;
--fc-color-brand-green-800: #067250;
--fc-color-brand-green-900: #044732;
--fc-color-blue-100: #e6f6ff;
--fc-color-blue-200: #ade2ff;
--fc-color-blue-300: #73ceff;
--fc-color-blue-400: #3ab9ff;
--fc-color-blue-500: #00a5ff;
--fc-color-blue-600: #0088d3;
--fc-color-blue-700: #006ca6;
--fc-color-blue-800: #0043a9;
--fc-color-blue-900: #002255;
--fc-color-green-100: #e6f8e9;
--fc-color-green-200: #ade9b7;
--fc-color-green-300: #73d984;
--fc-color-green-400: #3aca52;
--fc-color-green-500: #00ba1f;
--fc-color-green-600: #009a1a;
--fc-color-green-700: #007914;
--fc-color-green-800: #00590f;
--fc-color-green-900: #003809;
--fc-color-red-100: #fde6e7;
--fc-color-red-200: #ffc5c6;
--fc-color-red-300: #ff9fa1;
--fc-color-red-400: #ff7d7d;
--fc-color-red-500: #ff5959;
--fc-color-red-600: #e32a2d;
--fc-color-red-700: #a60507;
--fc-color-red-800: #830406;
--fc-color-red-900: #5f0304;
--fc-color-blue-gray-50: #f6f8fd;
--fc-color-blue-gray-100: #f2f5fc;
--fc-color-blue-gray-150: #e4eaf8;
--fc-color-blue-gray-200: #dae2f5;
--fc-color-blue-gray-250: #cdd8f2;
--fc-color-blue-gray-300: #bfcef0;
--fc-color-blue-gray-350: #b1c1e6;
--fc-color-blue-gray-400: #a2b4db;
--fc-color-blue-gray-450: #97aad2;
--fc-color-blue-gray-500: #8d9fc9;
--fc-color-blue-gray-550: #8699c1;
--fc-color-blue-gray-600: #7f92b9;
--fc-color-blue-gray-650: #6c7fa7;
--fc-color-blue-gray-700: #596c95;
--fc-color-blue-gray-750: #495b80;
--fc-color-blue-gray-800: #384a6c;
--fc-color-blue-gray-850: #2b3e5f;
--fc-color-blue-gray-900: #1f314f;
--fc-color-blue-gray-950: #1e283d;
--fc-color-gray-0: #ffffff;
--fc-color-gray-50: #fbfcfc;
--fc-color-gray-100: #f4f5f7;
--fc-color-gray-150: #eff0f3;
--fc-color-gray-200: #e9ebef;
--fc-color-gray-250: #e1e4e9;
--fc-color-gray-300: #dadee4;
--fc-color-gray-350: #d2d7df;
--fc-color-gray-400: #cad0d9;
--fc-color-gray-450: #bfc7d2;
--fc-color-gray-500: #b5becc;
--fc-color-gray-550: #aab6c6;
--fc-color-gray-600: #9fadc0;
--fc-color-gray-650: #92a1b6;
--fc-color-gray-700: #8696ac;
--fc-color-gray-750: #6c7c92;
--fc-color-gray-800: #526178;
--fc-color-gray-850: #333b47;
--fc-color-gray-900: #24282e;
--fc-color-gray-950: #151515;
--fc-color-gold-100: #fef4dc;
--fc-color-gold-200: #fce9b9;
--fc-color-gold-300: #fad988;
--fc-color-gold-400: #f8ca58;
--fc-color-gold-500: #f6ba27;
--fc-color-gold-600: #cb9a20;
--fc-color-gold-700: #a0791a;
--fc-color-gold-800: #755913;
--fc-color-gold-900: #4a380c;
--fc-color-orange-100: #fff3e7;
--fc-color-orange-200: #ffd9b1;
--fc-color-orange-300: #ffbf7a;
--fc-color-orange-400: #ffa444;
--fc-color-orange-500: #ff8a0d;
--fc-color-orange-600: #d3720b;
--fc-color-orange-700: #a65a09;
--fc-color-orange-800: #7a4106;
--fc-color-orange-900: #4d2904;
--fc-color-turquoise-100: #eafdfb;
--fc-color-turquoise-200: #baf9f3;
--fc-color-turquoise-300: #8af6eb;
--fc-color-turquoise-400: #5af2e2;
--fc-color-turquoise-500: #20e8d3;
--fc-color-turquoise-600: #23c4b4;
--fc-color-turquoise-700: #1c9b8e;
--fc-color-turquoise-800: #147167;
--fc-color-turquoise-900: #0d4741;
--fc-color-text-primary: #1e283d;
--fc-color-text-secondary: #495b80;
--fc-color-text-tertiary: #7f92b9;
--fc-color-text-assistive: #b5becc;
--fc-color-text-invert: #ffffff;
--fc-color-text-brand: #1f75f6;
--fc-color-text-success: #00590f;
--fc-color-text-danger: #830406;
--fc-color-surface-cta: #4e95ff;
--fc-color-surface-primary: #ffffff;
--fc-color-surface-secondary: #fbfcfc;
--fc-color-surface-tertiary: #f4f5f7;
--fc-color-surface-secondary-error: #fde6e7;
--fc-color-surface-secondary-warning: #fef4dc;
--fc-color-surface-secondary-success: #e6f8e9;
--fc-color-surface-secondary-integration: #dae2f5;
--fc-color-surface-brand: #1f75f6;
--fc-color-surface-primary-success: #00ba1f;
--fc-color-surface-primary-error: #ff5959;
--fc-color-surface-primary-warning: #ff8a0d;
--fc-color-border-primary: #dae2f5;
--fc-color-border-secondary: #bfcef0;
--fc-color-border-brand: #1f75f6;
--fc-spacing-none: 0px;
--fc-spacing-0-5: 4px;
--fc-spacing-7: 56px;
--fc-spacing-6: 48px;
--fc-spacing-5: 40px;
--fc-spacing-4: 32px;
--fc-spacing-3: 24px;
--fc-spacing-2: 16px;
--fc-spacing-1: 8px;
--fc-radius-circular: 100%;
--fc-radius-xxl: 32px;
--fc-radius-xl: 24px;
--fc-radius-lg: 16px;
--fc-radius-md: 8px;
--fc-radius-sm: 4px;
--fc-radius-md: 8px;
--fc-radius-lg: 16px;
--fc-radius-xl: 24px;
--fc-radius-xxl: 32px;
--fc-radius-minimal: 8px;
--fc-radius-rounded: 16px;
--fc-radius-full: 32px;
--fc-radius-circular: 100%;
--fc-shadow-form-element-base: 0px 0px 3px 0px #0022552E;
--fc-shadow-form-element-no-value: 0px 0px 3px 0px #0022552E;
--fc-shadow-form-element-hover: 0px 0px 3px 0px #0022552E;
--fc-shadow-form-element-got-value: 0px 0px 3px 0px #0022552E;
--fc-shadow-form-element-active: 0px 2px 7px 0px #00225526, 0 0 0 1px #bfcef0;
--fc-shadow-form-element-read-only: 0 0 0 1px #eff0f3;
--fc-shadow-form-element-disabled: 0 0 0 1px #eff0f3;
--fc-shadow-form-element-focus: 0px 2px 7px 0px #00225526, 0 0 0 2px #73ceff;
--fc-shadow-form-element-error: 0 0 0 1px #ffc5c6;
--fc-shadow-error: 0 0 0 1px var(--fc-color-red-200);
--fc-shadow-disabled: 0 0 0 1px var(--fc-color-gray-150);
--fc-shadow-read-only: 0 0 0 1px var(--fc-color-gray-150);
--fc-shadow-focus: 0 0 0 2px var(--fc-color-blue-300);
--fc-shadow-form-element-focus: var(--fc-shadow-elevation-2), var(--fc-shadow-focus);
--fc-shadow-form-element-active: var(--fc-shadow-elevation-2), var(--fc-shadow-active);
--fc-shadow-form-element-base: var(--fc-shadow-elevation-1);
--fc-color-border-brand: var(--fc-color-brand-blue-600);
--fc-color-border-secondary: var(--fc-color-blue-gray-300);
--fc-color-border-primary: var(--fc-color-blue-gray-200);
--fc-color-surface-primary-warning: var(--fc-color-orange-500);
--fc-color-surface-primary-error: var(--fc-color-red-500);
--fc-color-surface-primary-success: var(--fc-color-green-500);
--fc-color-surface-brand: var(--fc-color-brand-blue-600);
--fc-color-surface-secondary-integration: var(--fc-color-blue-gray-200);
--fc-color-surface-secondary-success: var(--fc-color-green-100);
--fc-color-surface-secondary-warning: var(--fc-color-gold-100);
--fc-color-surface-secondary-error: var(--fc-color-red-100);
--fc-color-surface-tertiary: var(--fc-color-gray-100);
--fc-color-surface-secondary: var(--fc-color-gray-0);
--fc-color-surface-primary: var(--fc-color-gray-50);
--fc-color-surface-cta: var(--fc-color-brand-blue-500);
--fc-color-text-danger: var(--fc-color-red-800);
--fc-color-text-success: var(--fc-color-green-800);
--fc-color-text-brand: var(--fc-color-brand-blue-600);
--fc-color-text-invert: var(--fc-color-gray-0);
--fc-color-text-assistive: var(--fc-color-gray-500);
--fc-color-text-tertiary: var(--fc-color-blue-gray-600);
--fc-color-text-secondary: var(--fc-color-blue-gray-750);
--fc-color-text-primary: var(--fc-color-blue-gray-950);
--fc-color-cta-negative-disabled: var(--fc-color-red-300);
--fc-color-cta-negative-hovered: var(--fc-color-red-600);
--fc-color-cta-negative-default: var(--fc-color-red-500);
--fc-color-cta-positive-hovered: var(--fc-color-brand-green-700);
--fc-color-cta-positive-default: var(--fc-color-brand-green-600);
--fc-color-cta-neutral-disabled: var(--fc-color-gray-500);
--fc-color-cta-neutral-hovered: var(--fc-color-blue-gray-950);
--fc-color-cta-neutral-default: var(--fc-color-blue-gray-750);
--fc-color-cta-brand-disabled: var(--fc-color-brand-blue-200);
--fc-color-cta-brand-hovered: var(--fc-color-brand-blue-600);
--fc-color-cta-brand-default: var(--fc-color-brand-blue-500);
--fc-spacing-3xl: var(--fc-spacing-6);
--fc-spacing-2xl: var(--fc-spacing-5);
--fc-spacing-xl: var(--fc-spacing-4);
--fc-spacing-lg: var(--fc-spacing-3);
--fc-spacing-md: var(--fc-spacing-2);
--fc-spacing-sm: var(--fc-spacing-1);
--fc-spacing-xs: var(--fc-spacing-0-5);
--fc-radius-full: var(--fc-radius-xxl);
--fc-radius-rounded: var(--fc-radius-lg);
--fc-radius-minimal: var(--fc-radius-md);
--fc-shadow-active: 0 0 0 1px var(--fc-color-border-secondary);
--fc-shadow-form-element-error: var(--fc-shadow-error);
--fc-shadow-form-element-disabled: var(--fc-shadow-disabled);
--fc-shadow-form-element-read-only: var(--fc-shadow-read-only);
--fc-shadow-form-element-got-value: var(--fc-shadow-form-element-base);
--fc-shadow-form-element-hover: var(--fc-shadow-form-element-base);
--fc-shadow-form-element-no-value: var(--fc-shadow-form-element-base);
--fc-color-form-element-error-text: var(--fc-color-text-danger);
--fc-color-form-element-error-background: var(--fc-color-surface-secondary-error);
--fc-color-form-element-disabled-icon: var(--fc-color-text-assistive);
--fc-color-form-element-disabled-text: var(--fc-color-text-assistive);
--fc-color-form-element-disabled-background: var(--fc-color-surface-secondary);
--fc-color-form-element-hover-background: var(--fc-color-surface-secondary);
--fc-color-form-element-no-value-hover-text: var(--fc-color-text-assistive);
--fc-color-form-element-no-value-hover-background: var(--fc-color-surface-secondary);
--fc-color-form-element-no-value-text: var(--fc-color-text-assistive);
--fc-color-form-element-base-icon: var(--fc-color-text-secondary);
--fc-color-form-element-base-text: var(--fc-color-text-primary);
--fc-color-form-element-base-background: var(--fc-color-surface-primary);
--fc-color-cta-negative-invert: var(--fc-color-surface-primary);
--fc-color-cta-positive-invert: var(--fc-color-surface-primary);
--fc-color-cta-neutral-outline: var(--fc-color-border-primary);
--fc-color-cta-neutral-invert: var(--fc-color-surface-primary);
--fc-color-cta-brand-outline: var(--fc-color-border-primary);
--fc-color-cta-brand-invert: var(--fc-color-surface-primary);
--fc-color-form-element-focus-icon: var(--fc-color-form-element-base-icon);
--fc-color-form-element-focus-text: var(--fc-color-form-element-base-text);
--fc-color-form-element-focus-background: var(--fc-color-form-element-base-background);
--fc-color-form-element-read-only-icon: var(--fc-color-form-element-base-background);
--fc-color-form-element-read-only-text: var(--fc-color-form-element-base-text);
--fc-color-form-element-read-only-background: var(--fc-color-form-element-base-background);
--fc-color-form-element-active-icon: var(--fc-color-form-element-base-icon);
--fc-color-form-element-active-text: var(--fc-color-form-element-base-text);
--fc-color-form-element-active-background: var(--fc-color-form-element-base-background);
--fc-color-form-element-got-value-icon: var(--fc-color-form-element-base-icon);
--fc-color-form-element-got-value-text: var(--fc-color-form-element-base-text);
--fc-color-form-element-got-value-background: var(--fc-color-form-element-base-background);
--fc-color-form-element-hover-icon: var(--fc-color-form-element-base-icon);
--fc-color-form-element-hover-text: var(--fc-color-form-element-base-text);
--fc-color-form-element-no-value-hover-icon: var(--fc-color-form-element-base-icon);
--fc-color-form-element-no-value-icon: var(--fc-color-form-element-base-icon);
--fc-color-form-element-no-value-background: var(--fc-color-form-element-base-background);
}
`;
const styles = lit.css`/**
* Do not edit directly
* Generated on Thu, 07 Nov 2024 10:31:00 GMT
*/
:root body:not(.dark-mode) {
--fc-shadow-elevation-2: 0px 2px 7px 0px #00225526;
--fc-shadow-elevation-1: 0px 0px 3px 0px #0022552E;
--fc-shadow-elevation-2: 0px 2px 7px 0px #00225526;
--fc-shadow-active: 0 0 0 1px #bfcef0;
--fc-shadow-focus: 0 0 0 2px #73ceff;
--fc-shadow-read-only: 0 0 0 1px #eff0f3;
--fc-shadow-disabled: 0 0 0 1px #eff0f3;
--fc-shadow-error: 0 0 0 1px #ffc5c6;
--fc-color-turquoise-900: #0d4741;
--fc-color-turquoise-800: #147167;
--fc-color-turquoise-700: #1c9b8e;
--fc-color-turquoise-600: #23c4b4;
--fc-color-turquoise-500: #20e8d3;
--fc-color-turquoise-400: #5af2e2;
--fc-color-turquoise-300: #8af6eb;
--fc-color-turquoise-200: #baf9f3;
--fc-color-turquoise-100: #eafdfb;
--fc-color-orange-900: #4d2904;
--fc-color-orange-800: #7a4106;
--fc-color-orange-700: #a65a09;
--fc-color-orange-600: #d3720b;
--fc-color-orange-500: #ff8a0d;
--fc-color-orange-400: #ffa444;
--fc-color-orange-300: #ffbf7a;
--fc-color-orange-200: #ffd9b1;
--fc-color-orange-100: #fff3e7;
--fc-color-gold-900: #4a380c;
--fc-color-gold-800: #755913;
--fc-color-gold-700: #a0791a;
--fc-color-gold-600: #cb9a20;
--fc-color-gold-500: #f6ba27;
--fc-color-gold-400: #f8ca58;
--fc-color-gold-300: #fad988;
--fc-color-gold-200: #fce9b9;
--fc-color-gold-100: #fef4dc;
--fc-color-gray-1000: #000000;
--fc-color-gray-950: #151515;
--fc-color-gray-900: #24282e;
--fc-color-gray-850: #333b47;
--fc-color-gray-800: #526178;
--fc-color-gray-750: #6c7c92;
--fc-color-gray-700: #8696ac;
--fc-color-gray-650: #92a1b6;
--fc-color-gray-600: #9fadc0;
--fc-color-gray-550: #aab6c6;
--fc-color-gray-500: #b5becc;
--fc-color-gray-450: #bfc7d2;
--fc-color-gray-400: #cad0d9;
--fc-color-gray-350: #d2d7df;
--fc-color-gray-300: #dadee4;
--fc-color-gray-250: #e1e4e9;
--fc-color-gray-200: #e9ebef;
--fc-color-gray-150: #eff0f3;
--fc-color-gray-100: #f4f5f7;
--fc-color-gray-50: #fbfcfc;
--fc-color-gray-0: #ffffff;
--fc-color-blue-gray-950: #1e283d;
--fc-color-blue-gray-900: #1f314f;
--fc-color-blue-gray-850: #2b3e5f;
--fc-color-blue-gray-800: #384a6c;
--fc-color-blue-gray-750: #495b80;
--fc-color-blue-gray-700: #596c95;
--fc-color-blue-gray-650: #6c7fa7;
--fc-color-blue-gray-600: #7f92b9;
--fc-color-blue-gray-550: #8699c1;
--fc-color-blue-gray-500: #8d9fc9;
--fc-color-blue-gray-450: #97aad2;
--fc-color-blue-gray-400: #a2b4db;
--fc-color-blue-gray-350: #b1c1e6;
--fc-color-blue-gray-300: #bfcef0;
--fc-color-blue-gray-250: #cdd8f2;
--fc-color-blue-gray-200: #dae2f5;
--fc-color-blue-gray-150: #e4eaf8;
--fc-color-blue-gray-100: #f2f5fc;
--fc-color-blue-gray-50: #f6f8fd;
--fc-color-red-900: #5f0304;
--fc-color-red-800: #830406;
--fc-color-red-700: #a60507;
--fc-color-red-600: #e32a2d;
--fc-color-red-500: #ff5959;
--fc-color-red-400: #ff7d7d;
--fc-color-red-300: #ff9fa1;
--fc-color-red-200: #ffc5c6;
--fc-color-red-100: #fde6e7;
--fc-color-green-900: #003809;
--fc-color-green-800: #00590f;
--fc-color-green-700: #007914;
--fc-color-green-600: #009a1a;
--fc-color-green-500: #00ba1f;
--fc-color-green-400: #3aca52;
--fc-color-green-300: #73d984;
--fc-color-green-200: #ade9b7;
--fc-color-green-100: #e6f8e9;
--fc-color-blue-900: #002255;
--fc-color-blue-800: #0043a9;
--fc-color-blue-700: #006ca6;
--fc-color-blue-600: #0088d3;
--fc-color-blue-500: #00a5ff;
--fc-color-blue-400: #3ab9ff;
--fc-color-blue-300: #73ceff;
--fc-color-blue-200: #ade2ff;
--fc-color-blue-100: #e6f6ff;
--fc-color-brand-green-900: #044732;
--fc-color-brand-green-800: #067250;
--fc-color-brand-green-700: #009d6c;
--fc-color-brand-green-600: #00ba7f;
--fc-color-brand-green-500: #00d894;
--fc-color-brand-green-400: #1de8a8;
--fc-color-brand-green-300: #65f4c7;
--fc-color-brand-green-200: #b5f8e2;
--fc-color-brand-green-100: #e5fef6;
--fc-color-brand-blue-900: #002255;
--fc-color-brand-blue-800: #0043a9;
--fc-color-brand-blue-700: #0358d7;
--fc-color-brand-blue-600: #1f75f6;
--fc-color-brand-blue-500: #4e95ff;
--fc-color-brand-blue-400: #73abff;
--fc-color-brand-blue-300: #90bdff;
--fc-color-brand-blue-200: #bdd8ff;
--fc-color-brand-blue-100: #dceaff;
--fc-color-cta-negative-outline: #ff9fa1;
--fc-color-cta-positive-outline: #abe2d1;
--fc-color-cta-positive-disabled: #b2ebd9;
--fc-spacing-none: 0px;
--fc-spacing-0-5: 4px;
--fc-spacing-7: 56px;
--fc-spacing-6: 48px;
--fc-spacing-5: 40px;
--fc-spacing-4: 32px;
--fc-spacing-3: 24px;
--fc-spacing-2: 16px;
--fc-spacing-1: 8px;
--fc-spacing-2: 16px;
--fc-spacing-3: 24px;
--fc-spacing-4: 32px;
--fc-spacing-5: 40px;
--fc-spacing-6: 48px;
--fc-spacing-7: 56px;
--fc-spacing-0-5: 4px;
--fc-spacing-none: 0px;
--fc-spacing-xs: 4px;
--fc-spacing-sm: 8px;
--fc-spacing-md: 16px;
--fc-spacing-lg: 24px;
--fc-spacing-xl: 32px;
--fc-spacing-2xl: 40px;
--fc-spacing-3xl: 48px;
--fc-radius-circular: 100%;
--fc-radius-xxl: 32px;
--fc-radius-xl: 24px;
--fc-radius-lg: 16px;
--fc-radius-md: 8px;
--fc-radius-sm: 4px;
--fc-shadow-error: 0 0 0 1px var(--fc-color-red-200);
--fc-shadow-disabled: 0 0 0 1px var(--fc-color-gray-150);
--fc-shadow-read-only: 0 0 0 1px var(--fc-color-gray-150);
--fc-shadow-focus: 0 0 0 2px var(--fc-color-blue-300);
--fc-shadow-form-element-focus: var(--fc-shadow-elevation-2), var(--fc-shadow-focus);
--fc-shadow-form-element-active: var(--fc-shadow-elevation-2), var(--fc-shadow-active);
--fc-shadow-form-element-base: var(--fc-shadow-elevation-1);
--fc-color-border-brand: var(--fc-color-brand-blue-600);
--fc-color-border-secondary: var(--fc-color-blue-gray-300);
--fc-color-border-primary: var(--fc-color-blue-gray-200);
--fc-color-surface-primary-warning: var(--fc-color-orange-500);
--fc-color-surface-primary-error: var(--fc-color-red-500);
--fc-color-surface-primary-success: var(--fc-color-green-500);
--fc-color-surface-brand: var(--fc-color-brand-blue-600);
--fc-color-surface-secondary-integration: var(--fc-color-blue-gray-200);
--fc-color-surface-secondary-success: var(--fc-color-green-100);
--fc-color-surface-secondary-warning: var(--fc-color-gold-100);
--fc-color-surface-secondary-error: var(--fc-color-red-100);
--fc-color-surface-tertiary: var(--fc-color-gray-100);
--fc-color-surface-secondary: var(--fc-color-gray-50);
--fc-color-surface-primary: var(--fc-color-gray-0);
--fc-color-surface-cta: var(--fc-color-brand-blue-500);
--fc-color-text-danger: var(--fc-color-red-800);
--fc-color-text-success: var(--fc-color-green-800);
--fc-color-text-brand: var(--fc-color-brand-blue-600);
--fc-color-text-invert: var(--fc-color-gray-0);
--fc-color-text-assistive: var(--fc-color-gray-500);
--fc-color-text-tertiary: var(--fc-color-blue-gray-600);
--fc-color-text-secondary: var(--fc-color-blue-gray-750);
--fc-color-text-primary: var(--fc-color-blue-gray-950);
--fc-color-cta-negative-disabled: var(--fc-color-red-300);
--fc-color-cta-negative-hovered: var(--fc-color-red-600);
--fc-color-cta-negative-default: var(--fc-color-red-500);
--fc-color-cta-positive-hovered: var(--fc-color-brand-green-700);
--fc-color-cta-positive-default: var(--fc-color-brand-green-600);
--fc-color-cta-neutral-disabled: var(--fc-color-gray-500);
--fc-color-cta-neutral-hovered: var(--fc-color-blue-gray-950);
--fc-color-cta-neutral-default: var(--fc-color-blue-gray-750);
--fc-color-cta-brand-disabled: var(--fc-color-brand-blue-200);
--fc-color-cta-brand-hovered: var(--fc-color-brand-blue-600);
--fc-color-cta-brand-default: var(--fc-color-brand-blue-500);
--fc-spacing-3xl: var(--fc-spacing-6);
--fc-spacing-2xl: var(--fc-spacing-5);
--fc-spacing-xl: var(--fc-spacing-4);
--fc-spacing-lg: var(--fc-spacing-3);
--fc-spacing-md: var(--fc-spacing-2);
--fc-spacing-sm: var(--fc-spacing-1);
--fc-spacing-xs: var(--fc-spacing-0-5);
--fc-radius-full: var(--fc-radius-xxl);
--fc-radius-rounded: var(--fc-radius-lg);
--fc-radius-minimal: var(--fc-radius-md);
--fc-shadow-active: 0 0 0 1px var(--fc-color-border-secondary);
--fc-shadow-form-element-error: var(--fc-shadow-error);
--fc-shadow-form-element-disabled: var(--fc-shadow-disabled);
--fc-shadow-form-element-read-only: var(--fc-shadow-read-only);
--fc-shadow-form-element-got-value: var(--fc-shadow-form-element-base);
--fc-shadow-form-element-hover: var(--fc-shadow-form-element-base);
--fc-shadow-form-element-no-value: var(--fc-shadow-form-element-base);
--fc-color-form-element-error-text: var(--fc-color-text-danger);
--fc-color-form-element-error-background: var(--fc-color-surface-secondary-error);
--fc-color-form-element-disabled-icon: var(--fc-color-text-assistive);
--fc-color-form-element-disabled-text: var(--fc-color-text-assistive);
--fc-color-form-element-disabled-background: var(--fc-color-surface-secondary);
--fc-color-form-element-hover-background: var(--fc-color-surface-secondary);
--fc-color-form-element-no-value-hover-text: var(--fc-color-text-assistive);
--fc-color-form-element-no-value-hover-background: var(--fc-color-surface-secondary);
--fc-color-form-element-no-value-text: var(--fc-color-text-assistive);
--fc-color-form-element-base-icon: var(--fc-color-text-secondary);
--fc-color-form-element-base-text: var(--fc-color-text-primary);
--fc-color-form-element-base-background: var(--fc-color-surface-primary);
--fc-color-cta-negative-invert: var(--fc-color-surface-primary);
--fc-color-cta-positive-invert: var(--fc-color-surface-primary);
--fc-color-cta-neutral-outline: var(--fc-color-border-primary);
--fc-color-cta-neutral-invert: var(--fc-color-surface-primary);
--fc-color-cta-brand-outline: var(--fc-color-border-primary);
--fc-color-cta-brand-invert: var(--fc-color-surface-primary);
--fc-color-form-element-focus-icon: var(--fc-color-form-element-base-icon);
--fc-color-form-element-focus-text: var(--fc-color-form-element-base-text);
--fc-color-form-element-focus-background: var(--fc-color-form-element-base-background);
--fc-color-form-element-read-only-icon: var(--fc-color-form-element-base-background);
--fc-color-form-element-read-only-text: var(--fc-color-form-element-base-text);
--fc-color-form-element-read-only-background: var(--fc-color-form-element-base-background);
--fc-color-form-element-active-icon: var(--fc-color-form-element-base-icon);
--fc-color-form-element-active-text: var(--fc-color-form-element-base-text);
--fc-color-form-element-active-background: var(--fc-color-form-element-base-background);
--fc-color-form-element-got-value-icon: var(--fc-color-form-element-base-icon);
--fc-color-form-element-got-value-text: var(--fc-color-form-element-base-text);
--fc-color-form-element-got-value-background: var(--fc-color-form-element-base-background);
--fc-color-form-element-hover-icon: var(--fc-color-form-element-base-icon);
--fc-color-form-element-hover-text: var(--fc-color-form-element-base-text);
--fc-color-form-element-no-value-hover-icon: var(--fc-color-form-element-base-icon);
--fc-color-form-element-no-value-icon: var(--fc-color-form-element-base-icon);
--fc-color-form-element-no-value-background: var(--fc-color-form-element-base-background);
}

@@ -241,12 +476,26 @@ `;

(() => {
const cssId = 'forter-tokens';
const themes = [
{
id: 'dark-tokens',
tokens: styles$1,
},
{
id: 'light-tokens',
tokens: styles,
},
];
const setTokens = theme => {
const cssId = theme.id;
if (!document.getElementById(cssId)) {
const tpl = document.createElement('template');
tpl.innerHTML = `<style id="${cssId}">${styles}</style>`;
tpl.innerHTML = `<style id="${cssId}">${theme.tokens}</style>`;
document.head.appendChild(tpl.content);
}
})();
};
exports.forterTokens = styles;
themes.forEach(setTokens);
exports.darkTokens = styles$1;
exports.lightTokens = styles;
//# sourceMappingURL=index.js.map

9

package.json
{
"name": "@forter/tokens",
"version": "16.13.0",
"version": "16.17.0",
"description": "",

@@ -13,4 +13,5 @@ "license": "MIT",

"scripts": {
"compile-styles": "style-dictionary build --config ./src/config.json",
"build": "npm run compile-styles && npm run rollup",
"build-dark": "style-dictionary build --config src/dark-config.json",
"build-light": "style-dictionary build --config src/light-config.json",
"build": "npm run build-dark && npm run build-light && npm run rollup",
"rollup": "rimraf ./dist && npx rollup -c ./src/rollup.config.js",

@@ -32,3 +33,3 @@ "webpack": "rimraf ./dist && webpack --config ../../.storybook/webpack.config.cjs"

},
"gitHead": "cb5b51d82cffe6ebd1db0c038e84524e2c12764e"
"gitHead": "37e79ddff0bb6a2e53b0343198427c33d9f8be3a"
}
dist/index.js.map

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc