@kiwicom/orbit-components
Version:
Orbit-components is a React component library which provides developers with the easiest possible way of building Kiwi.com’s products.
22 lines • 5.02 kB
JavaScript
import { SIZE_OPTIONS, TYPE_OPTIONS } from "../consts";
export const sizeClasses = {
[]: "text-small leading-small",
[]: "text-normal leading-normal",
[]: "text-large leading-large",
[]: "text-extra-large leading-extra-large"
};
export const typeClasses = {
[]: "text-link-primary-foreground hover:text-link-primary-foreground-hover active:text-link-primary-foreground-active",
[]: "text-link-secondary-foreground hover:text-link-secondary-foreground-hover active:text-link-secondary-foreground-active",
[]: "text-link-success-foreground hover:text-link-success-foreground-hover active:text-link-success-foreground-active",
[]: "text-link-info-foreground hover:text-link-info-foreground-hover active:text-link-info-foreground-active",
[]: "text-link-warning-foreground hover:text-link-warning-foreground-hover active:text-link-warning-foreground-active",
[]: "text-link-critical-foreground hover:text-link-critical-foreground-hover active:text-link-critical-foreground-active",
[]: "text-link-white-foreground hover:text-link-white-foreground-hover active:text-link-white-foreground-active"
};
export const alertDescendantClasses = {
info: ["[&_a:not([class])]:text-link-info-foreground [&_a:not([class])]:font-medium [&_a:not([class])]:no-underline", "[&_.orbit-text-link:not(.orbit-text-link--secondary)]:text-link-info-foreground [&_.orbit-text-link:not(.orbit-text-link--secondary)]:font-medium [&_.orbit-text-link:not(.orbit-text-link--secondary)]:no-underline", "hover:[&_a:not([class])]:text-link-info-foreground-hover active:[&_a:not([class])]:text-link-info-foreground-active hover:[&_a:not([class])]:outline-none active:[&_a:not([class])]:outline-none hover:[&_a:not([class])]:no-underline active:[&_a:not([class])]:no-underline", "hover:[&_.orbit-text-link]:text-link-info-foreground-hover active:[&_.orbit-text-link]:text-link-info-foreground-active hover:[&_.orbit-text-link]:outline-none active:[&_.orbit-text-link]:outline-none hover:[&_.orbit-text-link]:no-underline active:[&_.orbit-text-link]:no-underline"],
success: ["[&_a:not([class])]:text-link-success-foreground [&_a:not([class])]:font-medium [&_a:not([class])]:no-underline", "[&_.orbit-text-link:not(.orbit-text-link--secondary)]:text-link-success-foreground [&_.orbit-text-link:not(.orbit-text-link--secondary)]:font-medium [&_.orbit-text-link:not(.orbit-text-link--secondary)]:no-underline", "hover:[&_a:not([class])]:text-link-success-foreground-hover active:[&_a:not([class])]:text-link-success-foreground-active hover:[&_a:not([class])]:outline-none active:[&_a:not([class])]:outline-none hover:[&_a:not([class])]:no-underline active:[&_a:not([class])]:no-underline", "hover:[&_.orbit-text-link]:text-link-success-foreground-hover active:[&_.orbit-text-link]:text-link-success-foreground-active hover:[&_.orbit-text-link]:outline-none active:[&_.orbit-text-link]:outline-none hover:[&_.orbit-text-link]:no-underline active:[&_.orbit-text-link]:no-underline"],
warning: ["[&_a:not([class])]:text-link-warning-foreground [&_a:not([class])]:font-medium [&_a:not([class])]:no-underline", "[&_.orbit-text-link:not(.orbit-text-link--secondary)]:text-link-warning-foreground [&_.orbit-text-link:not(.orbit-text-link--secondary)]:font-medium [&_.orbit-text-link:not(.orbit-text-link--secondary)]:no-underline", "hover:[&_a:not([class])]:text-link-warning-foreground-hover active:[&_a:not([class])]:text-link-warning-foreground-active hover:[&_a:not([class])]:outline-none active:[&_a:not([class])]:outline-none hover:[&_a:not([class])]:no-underline active:[&_a:not([class])]:no-underline", "hover:[&_.orbit-text-link]:text-link-warning-foreground-hover active:[&_.orbit-text-link]:text-link-warning-foreground-active hover:[&_.orbit-text-link]:outline-none active:[&_.orbit-text-link]:outline-none hover:[&_.orbit-text-link]:no-underline active:[&_.orbit-text-link]:no-underline"],
critical: ["[&_a:not([class])]:text-link-critical-foreground [&_a:not([class])]:font-medium [&_a:not([class])]:no-underline", "[&_.orbit-text-link:not(.orbit-text-link--secondary)]:text-link-critical-foreground [&_.orbit-text-link:not(.orbit-text-link--secondary)]:font-medium [&_.orbit-text-link:not(.orbit-text-link--secondary)]:no-underline", "hover:[&_a:not([class])]:text-link-critical-foreground-hover active:[&_a:not([class])]:text-link-critical-foreground-active hover:[&_a:not([class])]:outline-none active:[&_a:not([class])]:outline-none hover:[&_a:not([class])]:no-underline active:[&_a:not([class])]:no-underline", "hover:[&_.orbit-text-link]:text-link-critical-foreground-hover active:[&_.orbit-text-link]:text-link-critical-foreground-active hover:[&_.orbit-text-link]:outline-none active:[&_.orbit-text-link]:outline-none hover:[&_.orbit-text-link]:no-underline active:[&_.orbit-text-link]:no-underline"]
};