onecart-ui/src/styles/tokens/tokens.less

Cross-platform React and React Native component library with white-label support

// File generated by the Figma Token Engine
// Do not edit directly

@border-radius-tooltip-default: 0.25rem;
@border-radius-popover-default: 0.5rem;
@border-radius-tag-sm: 0.25rem;
@border-radius-tag-xl: 62.4rem;
@border-radius-button-sm: 0.25rem;
@border-radius-button-full: 62.4rem;
@border-radius-input-sm: 0.25rem;
@border-radius-input-lg: 0.5rem;
@border-radius-card-sm: 0.25rem;
@border-radius-card-md: 0.5rem;
@border-radius-card-lg: 0.75rem;
@border-radius-modal-lg: 0.75rem;
@border-radius-modal-xl: 1rem;
@border-radius-none: 0;
@border-radius-xs: 0.25rem;
@border-radius-sm: 0.5rem;
@border-radius-md: 0.75rem;
@border-radius-lg: 1rem;
@border-radius-xl: 1.25rem;
@border-radius-2xl: 1.5rem;
@border-radius-3xl: 1.75rem;
@border-radius-full: 62.4rem;
@border-width-button-default: 0.0625rem;
@border-width-button-hover: 0.125rem;
@border-width-button-pressed: 0.125rem;
@border-width-input-default: 0.0625rem;
@border-width-input-focus: 0.125rem;
@border-width-input-error: 0.125rem;
@border-width-card-default: 0.0625rem;
@border-width-card-hover: 0.125rem;
@border-width-none: 0;
@border-width-xs: 0.0625rem;
@border-width-sm: 0.125rem;
@border-width-md: 0.25rem;
@border-green: #00df88;
@border-blue: #0053e2;
@border-yellow: #f4b400;
@border-red: #a90000;
@border-dark: #111;
@border-light: #e2e2e2;
@border-lighter: #f1f1f1;
@layout-spacing-inline-none: 0;
@layout-spacing-inline-3xs: 0.125rem;
@layout-spacing-inline-2xs: 0.25rem;
@layout-spacing-inline-xs: 0.5rem;
@layout-spacing-inline-sm: 0.75rem;
@layout-spacing-inline-md: 1rem;
@layout-spacing-inline-lg: 2rem;
@layout-spacing-inline-xl: 2.5rem;
@layout-spacing-inline-2xl: 5rem;
@layout-spacing-stack-none: 0;
@layout-spacing-stack-3xs: 0.125rem;
@layout-spacing-stack-2xs: 0.25rem;
@layout-spacing-stack-xs: 0.5rem;
@layout-spacing-stack-sm: 0.75rem;
@layout-spacing-stack-md: 1rem;
@layout-spacing-stack-lg: 2rem;
@layout-spacing-stack-xl: 2.5rem;
@layout-spacing-stack-2xl: 5rem;
@section-spacing-sm: 1.5rem;
@section-spacing-md: 1.75rem;
@section-spacing-lg: 2rem;
@section-spacing-xl: 2.5rem;
@section-spacing-2xl: 3.5rem;
@section-spacing-3xl: 5rem;
@component-card-sm: 0.75rem;
@component-card-md: 1.25rem;
@component-card-lg: 1.5rem;
@component-card-xl: 2rem;
@component-card-2xl: 2.5rem;
@component-modal-sm: 1.25rem;
@component-modal-md: 1.5rem;
@component-modal-lg: 1.75rem;
@space-0: 0;
@space-3xs: 0.125rem;
@space-2xs: 0.25rem;
@space-xs: 0.5rem;
@space-sm: 0.75rem;
@space-md: 1rem;
@space-lg: 1.25rem;
@space-xl: 1.5rem;
@space-2xl: 1.75rem;
@space-3xl: 2rem;
@space-4xl: 2.5rem;
@space-5xl: 3rem;
@space-6xl: 3.5rem;
@space-7xl: 4rem;
@space-8xl: 5rem;
@xs: 0.75rem;
@s: 1rem;
@md: 1.25rem;
@lg: 1.5rem;
@xl: 1.75rem;
@2xl: 2rem;
@background-yellow-light: #fff5d9;
@background-yellow-medium: #ffe7a5;
@background-blue-light: #e3ebff;
@background-blue-medium: #c3deff;
@background-green-light: #E5FCF3;
@background-green-medium: #ccf9e7;
@background-green-dark: #00df88;
@background-red-light: #feecec;
@background-red-medium: #fed8d8;
@background-white-light: #ffffff;
@background-neutral-dark: #111;
@background-neutral-grey: #e2e2e2;
@background-neutral-light: #f1f1f1;
@text-inverse: #ffffff;
@text-disabled: #ababab;
@text-placeholder: #919191;
@text-tertiary: #525252;
@text-body: #3b3b3b;
@text-header: #111;
@text-green: #00df88;
@text-blue: #0053e2;
@text-error: #a90000;
@text-yellow: #f4b400;
@feedback-alert-success: #00df88;
@feedback-alert-error: #a90000;
@feedback-alert-warning: #fff5d9;
@feedback-alert-neutral: #111;
@action-primary-default: #00df88;
@action-primary-hover: #4ce9ac;
@action-primary-active: #98f2cf;
@action-primary-disabled: #E5FCF3;
@action-secondary-default: #0053e2;
@action-secondary-hover: #254cac;
@action-secondary-active: #9ec1ff;
@action-secondary-disabled: #e3ebff;
@action-destructive-default: #d60000;
@action-destructive-hover: #a90000;
@action-destructive-active: #fed8d8;
@action-destructive-disable: #feecec;
@action-tertiary-default: #3b3b3b;
@action-tertiary-hover: #111;
@action-tertiary-active: #ababab;
@action-tertiary-disable: #f1f1f1;
@icon-yellow: #f4b400;
@icon-blue: #0053e2;
@icon-green: #00df88;
@icon-red: #a90000;
@icon-neutral: #111;
@icon-light: #e2e2e2;
@icon-lighter: #f1f1f1;
@green-10: #E5FCF3;
@green-20: #ccf9e7;
@green-30: #B2F5DB;
@green-40: #98f2cf;
@green-50: #81efc3;
@green-60: #66ecb8;
@green-70: #4ce9ac;
@green-80: #31e5a0;
@green-90: #1ae294;
@green-100: #00df88;
@neutral-10: #f1f1f1;
@neutral-20: #e2e2e2;
@neutral-30: #c6c6c6;
@neutral-40: #ababab;
@neutral-50: #919191;
@neutral-60: #6a6a6a;
@neutral-70: #525252;
@neutral-80: #3b3b3b;
@neutral-90: #262626;
@neutral-100: #111;
@blue-10: #e3ebff;
@blue-20: #c3deff;
@blue-30: #9ec1ff;
@blue-40: #5c83fd;
@blue-50: #446ef5;
@blue-60: #0053e2;
@blue-70: #254cac;
@blue-80: #14328d;
@blue-90: #0c285f;
@blue-100: #071e3c;
@red-10: #feecec;
@red-20: #fed8d8;
@red-30: #feb3b3;
@red-40: #fe8888;
@red-50: #fb5959;
@red-60: #d60000;
@red-70: #a90000;
@red-80: #820000;
@red-90: #550000;
@red-100: #3a0000;
@yellow-10: #fff5d9;
@yellow-20: #ffe7a5;
@yellow-30: #ffd86b;
@yellow-40: #ffce46;
@yellow-50: #ffc420;
@yellow-60: #f4b400;
@yellow-70: #dba200;
@yellow-80: #c69200;
@yellow-90: #b38400;
@yellow-100: #9a7100;
@white-10: #ffffff;
@display-2xl-font-family: 'Campton';
@display-2xl-font-weight: 500;
@display-2xl-line-height: 56px;
@display-2xl-font-size: 52px;
@display-2xl-letter-spacing: 0%;
@display-2xl-paragraph-indent: 0px;
@display-2xl-text-case: none;
@display-2xl-text-decoration: none;
@display-xl-font-family: 'Campton';
@display-xl-font-weight: 500;
@display-xl-line-height: 48px;
@display-xl-font-size: 44px;
@display-xl-letter-spacing: 0%;
@display-xl-paragraph-indent: 0px;
@display-xl-text-case: none;
@display-xl-text-decoration: none;
@heading-xl-font-family: 'Campton';
@heading-xl-font-weight: 600;
@heading-xl-line-height: 48px;
@heading-xl-font-size: 40px;
@heading-xl-letter-spacing: 0%;
@heading-xl-paragraph-indent: 0px;
@heading-xl-text-case: none;
@heading-xl-text-decoration: none;
@heading-lg-font-family: 'Campton';
@heading-lg-font-weight: 600;
@heading-lg-line-height: 44px;
@heading-lg-font-size: 36px;
@heading-lg-letter-spacing: 0%;
@heading-lg-paragraph-indent: 0px;
@heading-lg-text-case: none;
@heading-lg-text-decoration: none;
@heading-md-font-family: 'Campton';
@heading-md-font-weight: 600;
@heading-md-line-height: 40px;
@heading-md-font-size: 32px;
@heading-md-letter-spacing: 0%;
@heading-md-paragraph-indent: 0px;
@heading-md-text-case: none;
@heading-md-text-decoration: none;
@heading-sm-font-family: 'Campton';
@heading-sm-font-weight: 600;
@heading-sm-line-height: 36px;
@heading-sm-font-size: 28px;
@heading-sm-letter-spacing: 0%;
@heading-sm-paragraph-indent: 0px;
@heading-sm-text-case: none;
@heading-sm-text-decoration: none;
@heading-xs-font-family: 'Campton';
@heading-xs-font-weight: 600;
@heading-xs-line-height: 28px;
@heading-xs-font-size: 20px;
@heading-xs-letter-spacing: 0%;
@heading-xs-paragraph-indent: 0px;
@heading-xs-text-case: none;
@heading-xs-text-decoration: none;
@heading-2xs-font-family: 'Campton';
@heading-2xs-font-weight: 600;
@heading-2xs-line-height: 24px;
@heading-2xs-font-size: 18px;
@heading-2xs-letter-spacing: 0%;
@heading-2xs-paragraph-indent: 0px;
@heading-2xs-text-case: none;
@heading-2xs-text-decoration: none;
@body-xl-font-family: 'Campton';
@body-xl-font-weight: book;
@body-xl-line-height: 28px;
@body-xl-font-size: 18px;
@body-xl-letter-spacing: 0%;
@body-xl-paragraph-indent: 0px;
@body-xl-text-case: none;
@body-xl-text-decoration: none;
@body-lg-font-family: 'Campton';
@body-lg-font-weight: book;
@body-lg-line-height: 24px;
@body-lg-font-size: 16px;
@body-lg-letter-spacing: 0%;
@body-lg-paragraph-indent: 0px;
@body-lg-text-case: none;
@body-lg-text-decoration: none;
@body-md-font-family: 'Campton';
@body-md-font-weight: book;
@body-md-line-height: 20px;
@body-md-font-size: 14px;
@body-md-letter-spacing: 0%;
@body-md-paragraph-indent: 0px;
@body-md-text-case: none;
@body-md-text-decoration: none;
@body-sm-font-family: 'Campton';
@body-sm-font-weight: book;
@body-sm-line-height: 20px;
@body-sm-font-size: 12px;
@body-sm-letter-spacing: 0%;
@body-sm-paragraph-indent: 0px;
@body-sm-text-case: none;
@body-sm-text-decoration: none;
@utility-button-font-family: 'Campton';
@utility-button-font-weight: 500;
@utility-button-line-height: 16px;
@utility-button-font-size: 16px;
@utility-button-letter-spacing: 0%;
@utility-button-paragraph-indent: 0px;
@utility-button-text-case: none;
@utility-button-text-decoration: none;
@utility-link-font-family: 'Campton';
@utility-link-font-weight: 500;
@utility-link-line-height: 20px;
@utility-link-font-size: 14px;
@utility-link-letter-spacing: 0%;
@utility-link-paragraph-indent: 0px;
@utility-link-text-case: none;
@utility-link-text-decoration: underline;
@utility-caption-font-family: 'Campton';
@utility-caption-font-weight: book;
@utility-caption-line-height: 16px;
@utility-caption-font-size: 12px;
@utility-caption-letter-spacing: 0%;
@utility-caption-paragraph-indent: 0px;
@utility-caption-text-case: none;
@utility-caption-text-decoration: none;
@font-families-campton: 'Campton';
@line-height-6xl: 56px;
@line-height-5xl: 48px;
@line-height-4xl: 44px;
@line-height-3xl: 40px;
@line-height-2xl: 36px;
@line-height-xl: 32px;
@line-height-lg: 28px;
@line-height-md: 24px;
@line-height-s: 20px;
@line-height-xs: 16px;
@medium: 500;
@semi-bold: 600;
@book: book;
@font-size-2xs: 14px;
@font-size-3xs: 12px;
@font-size-xs: 16px;
@font-size-md: 18px;
@font-size-lg: 20px;
@font-size-xl: 28px;
@font-size-2xl: 32px;
@font-size-3xl: 36px;
@font-size-4xl: 40px;
@font-size-5xl: 44px;
@font-size-6xl: 52px;
@letter-spacing-0: 0%;
@text-case-none: none;
@text-decoration-none: none;
@text-decoration-underline: underline;
@paragraph-indent-0: 0px;