Socket
Socket
Sign inDemoInstall

@launchpad-ui/tokens

Package Overview
Dependencies
Maintainers
1
Versions
59
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@launchpad-ui/tokens - npm Package Compare versions

Comparing version 0.8.0 to 0.9.0-alpha.0

96

dist/contract.json

@@ -59,3 +59,4 @@ {

},
"disabled": "color-bg-interactive-disabled"
"disabled": "color-bg-interactive-disabled",
"link": "color-bg-interactive-link"
},

@@ -76,2 +77,8 @@ "ui": {

"aside": "color-bg-field-aside"
},
"product": {
"beta": "color-bg-product-beta",
"federal": "color-bg-product-federal",
"toggle-chip-on": "color-bg-product-toggle-chip-on",
"toggle-chip-off": "color-bg-product-toggle-chip-off"
}

@@ -168,3 +175,8 @@ },

"active": "color-text-interactive-active",
"primary": "color-text-interactive-primary",
"primary": {
"base": "color-text-interactive-primary-base",
"active": "color-text-interactive-primary-active",
"focus": "color-text-interactive-primary-focus",
"hover": "color-text-interactive-primary-hover"
},
"secondary": "color-text-interactive-secondary",

@@ -196,2 +208,10 @@ "destructive": "color-text-interactive-destructive",

"placeholder": "color-text-field-placeholder"
},
"product": {
"beta": "color-text-product-beta",
"code": "color-text-product-code",
"federal": "color-text-product-federal",
"flair": "color-text-product-flair",
"toggle-chip-on": "color-text-product-toggle-chip-on",
"toggle-chip-off": "color-text-product-toggle-chip-off"
}

@@ -256,4 +276,3 @@ },

"0": "color-white-0",
"100": "color-white-100",
"200": "color-white-200"
"100": "color-white-100"
},

@@ -328,5 +347,7 @@ "gray": {

"base": "font-family-base",
"monospace": "font-family-monospace"
"monospace": "font-family-monospace",
"display": "font-family-display"
},
"size": {
"0": "font-size-0",
"100": "font-size-100",

@@ -346,3 +367,4 @@ "200": "font-size-200",

"semibold": "font-weight-semibold",
"bold": "font-weight-bold"
"bold": "font-weight-bold",
"extrabold": "font-weight-extrabold"
}

@@ -367,2 +389,64 @@ },

},
"heading": {
"1": {
"medium": "heading-1-medium",
"semibold": "heading-1-semibold",
"extrabold": "heading-1-extrabold"
},
"2": {
"medium": "heading-2-medium",
"semibold": "heading-2-semibold",
"extrabold": "heading-2-extrabold"
},
"3": {
"medium": "heading-3-medium",
"semibold": "heading-3-semibold",
"extrabold": "heading-3-extrabold"
}
},
"body": {
"1": {
"regular": "body-1-regular",
"semibold": "body-1-semibold",
"extrabold": "body-1-extrabold"
},
"2": {
"regular": "body-2-regular",
"semibold": "body-2-semibold",
"extrabold": "body-2-extrabold"
}
},
"small": {
"1": {
"regular": "small-1-regular",
"medium": "small-1-medium",
"extrabold": "small-1-extrabold"
},
"2": {
"regular": "small-2-regular",
"medium": "small-2-medium",
"extrabold": "small-2-extrabold"
}
},
"label": {
"1": {
"regular": "label-1-regular",
"medium": "label-1-medium"
},
"2": {
"regular": "label-2-regular",
"medium": "label-2-medium"
}
},
"code": {
"1": {
"regular": "code-1-regular"
},
"2": {
"regular": "code-2-regular"
}
},
"display": {
"1": "display-1"
},
"viewport": {

@@ -369,0 +453,0 @@ "mobile": "viewport-mobile",

606

dist/index.d.ts

@@ -1,256 +0,350 @@

/**
* Do not edit directly
* Generated on Mon, 09 Oct 2023 20:24:27 GMT
*/
export const BorderRadiusRegular : string;
export const BorderRadiusMedium : string;
export const BorderWidth100 : string;
export const BorderWidth200 : string;
export const BorderWidth300 : string;
export const ColorBgFeedbackPrimary : string;
export const ColorBgFeedbackError : string;
export const ColorBgFeedbackInfo : string;
export const ColorBgFeedbackSuccess : string;
export const ColorBgFeedbackWarning : string;
export const ColorBgInteractivePrimaryBase : string;
export const ColorBgInteractivePrimaryActive : string;
export const ColorBgInteractivePrimaryFocus : string;
export const ColorBgInteractivePrimaryHover : string;
export const ColorBgInteractiveSecondaryBase : string;
export const ColorBgInteractiveSecondaryActive : string;
export const ColorBgInteractiveSecondaryFocus : string;
export const ColorBgInteractiveSecondaryHover : string;
export const ColorBgInteractiveSecondaryFlairBase : string;
export const ColorBgInteractiveSecondaryFlairActive : string;
export const ColorBgInteractiveSecondaryFlairFocus : string;
export const ColorBgInteractiveSecondaryFlairHover : string;
export const ColorBgInteractiveTertiaryBase : string;
export const ColorBgInteractiveTertiaryActive : string;
export const ColorBgInteractiveTertiaryFocus : string;
export const ColorBgInteractiveTertiaryHover : string;
export const ColorBgInteractiveTertiaryFlairBase : string;
export const ColorBgInteractiveTertiaryFlairActive : string;
export const ColorBgInteractiveTertiaryFlairFocus : string;
export const ColorBgInteractiveTertiaryFlairHover : string;
export const ColorBgInteractiveDestructiveBase : string;
export const ColorBgInteractiveDestructiveActive : string;
export const ColorBgInteractiveDestructiveFocus : string;
export const ColorBgInteractiveDestructiveHover : string;
export const ColorBgInteractiveDisabled : string;
export const ColorBgUiPrimary : string;
export const ColorBgUiPrimaryFlair : string;
export const ColorBgUiSecondary : string;
export const ColorBgUiTertiary : string;
export const ColorBgOverlayPrimary : string;
export const ColorBgOverlaySecondary : string;
export const ColorBgFieldBase : string;
export const ColorBgFieldDisabled : string;
export const ColorBgFieldAside : string;
export const ColorBorderFeedbackError : string;
export const ColorBorderFeedbackInfo : string;
export const ColorBorderFeedbackSuccess : string;
export const ColorBorderFeedbackWarning : string;
export const ColorBorderFieldBase : string;
export const ColorBorderFieldActive : string;
export const ColorBorderFieldFocus : string;
export const ColorBorderFieldError : string;
export const ColorBorderFieldDisabled : string;
export const ColorBorderInteractiveFocus : string;
export const ColorBorderInteractivePrimaryBase : string;
export const ColorBorderInteractivePrimaryActive : string;
export const ColorBorderInteractivePrimaryFocus : string;
export const ColorBorderInteractivePrimaryHover : string;
export const ColorBorderInteractivePrimaryFlairBase : string;
export const ColorBorderInteractivePrimaryFlairActive : string;
export const ColorBorderInteractivePrimaryFlairFocus : string;
export const ColorBorderInteractivePrimaryFlairHover : string;
export const ColorBorderInteractiveSecondaryBase : string;
export const ColorBorderInteractiveSecondaryActive : string;
export const ColorBorderInteractiveSecondaryFocus : string;
export const ColorBorderInteractiveSecondaryHover : string;
export const ColorBorderInteractiveSecondaryFlairBase : string;
export const ColorBorderInteractiveSecondaryFlairActive : string;
export const ColorBorderInteractiveSecondaryFlairFocus : string;
export const ColorBorderInteractiveSecondaryFlairHover : string;
export const ColorBorderInteractiveDestructive : string;
export const ColorBorderInteractiveDisabled : string;
export const ColorBorderUiPrimary : string;
export const ColorBorderUiPrimaryFlair : string;
export const ColorBorderUiSecondary : string;
export const ColorFillFeedbackError : string;
export const ColorFillFeedbackInfo : string;
export const ColorFillFeedbackSuccess : string;
export const ColorFillFeedbackWarning : string;
export const ColorFillInteractivePrimary : string;
export const ColorFillInteractiveDestructive : string;
export const ColorFillInteractiveDisabled : string;
export const ColorFillUiPrimary : string;
export const ColorFillUiPrimaryFlair : string;
export const ColorFillFieldBase : string;
export const ColorShadowInteractiveFocus : string;
export const ColorShadowInteractivePrimary : string;
export const ColorShadowUiPrimary : string;
export const ColorTextFeedbackBase : string;
export const ColorTextFeedbackError : string;
export const ColorTextFeedbackSuccess : string;
export const ColorTextFeedbackWarning : string;
export const ColorTextFeedbackInfo : string;
export const ColorTextInteractiveBase : string;
export const ColorTextInteractiveActive : string;
export const ColorTextInteractivePrimary : string;
export const ColorTextInteractiveSecondary : string;
export const ColorTextInteractiveDestructive : string;
export const ColorTextInteractiveDisabled : string;
export const ColorTextInteractiveFlairFocus : string;
export const ColorTextInteractiveFlairHover : string;
export const ColorTextInteractiveFlairBase : string;
export const ColorTextInteractiveFlairActive : string;
export const ColorTextUiPrimaryBase : string;
export const ColorTextUiPrimaryInverted : string;
export const ColorTextUiSecondary : string;
export const ColorTextUiTertiary : string;
export const ColorTextOverlayPrimary : string;
export const ColorTextOverlaySecondary : string;
export const ColorTextFieldBase : string;
export const ColorTextFieldDisabled : string;
export const ColorTextFieldPlaceholder : string;
export const ColorBlue100 : string;
export const ColorBlue200 : string;
export const ColorBlue300 : string;
export const ColorBlue400 : string;
export const ColorBlue500 : string;
export const ColorBlue600 : string;
export const ColorBlue700 : string;
export const ColorBlue800 : string;
export const ColorBlue900 : string;
export const ColorCyan100 : string;
export const ColorCyan200 : string;
export const ColorCyan300 : string;
export const ColorCyan400 : string;
export const ColorCyan500 : string;
export const ColorCyan600 : string;
export const ColorCyan700 : string;
export const ColorCyan800 : string;
export const ColorCyan900 : string;
export const ColorPink100 : string;
export const ColorPink200 : string;
export const ColorPink300 : string;
export const ColorPink400 : string;
export const ColorPink500 : string;
export const ColorPink600 : string;
export const ColorPink700 : string;
export const ColorPink800 : string;
export const ColorPink900 : string;
export const ColorPurple100 : string;
export const ColorPurple200 : string;
export const ColorPurple300 : string;
export const ColorPurple400 : string;
export const ColorPurple500 : string;
export const ColorPurple600 : string;
export const ColorPurple700 : string;
export const ColorPurple800 : string;
export const ColorPurple900 : string;
export const ColorYellow100 : string;
export const ColorYellow200 : string;
export const ColorYellow300 : string;
export const ColorYellow400 : string;
export const ColorYellow500 : string;
export const ColorYellow600 : string;
export const ColorYellow700 : string;
export const ColorYellow800 : string;
export const ColorYellow900 : string;
export const ColorWhite0 : string;
export const ColorWhite100 : string;
export const ColorWhite200 : string;
export const ColorGray100 : string;
export const ColorGray200 : string;
export const ColorGray300 : string;
export const ColorGray400 : string;
export const ColorGray500 : string;
export const ColorGray600 : string;
export const ColorGray700 : string;
export const ColorGray800 : string;
export const ColorGray900 : string;
export const ColorBlack0 : string;
export const ColorBlack100 : string;
export const ColorBlack200 : string;
export const ColorBlack300 : string;
export const ColorBlack400 : string;
export const ColorSystemGreen100 : string;
export const ColorSystemGreen200 : string;
export const ColorSystemGreen300 : string;
export const ColorSystemGreen400 : string;
export const ColorSystemGreen500 : string;
export const ColorSystemGreen600 : string;
export const ColorSystemGreen700 : string;
export const ColorSystemGreen800 : string;
export const ColorSystemGreen900 : string;
export const ColorSystemRed100 : string;
export const ColorSystemRed200 : string;
export const ColorSystemRed300 : string;
export const ColorSystemRed400 : string;
export const ColorSystemRed500 : string;
export const ColorSystemRed600 : string;
export const ColorSystemRed700 : string;
export const ColorSystemRed800 : string;
export const ColorSystemRed900 : string;
export const ColorSystemYellow100 : string;
export const ColorSystemYellow200 : string;
export const ColorSystemYellow300 : string;
export const ColorSystemYellow400 : string;
export const ColorSystemYellow500 : string;
export const ColorSystemYellow600 : string;
export const ColorSystemYellow700 : string;
export const ColorSystemYellow800 : string;
export const ColorSystemYellow900 : string;
export const Duration0 : string;
export const Duration100 : string;
export const Duration150 : string;
export const Duration200 : string;
export const Duration250 : string;
export const Duration300 : string;
export const Duration350 : string;
export const Duration400 : string;
export const Duration500 : string;
export const FontFamilyBase : string;
export const FontFamilyMonospace : string;
export const FontSize100 : string;
export const FontSize200 : string;
export const FontSize300 : string;
export const FontSize400 : string;
export const FontSize500 : string;
export const FontSize600 : string;
export const FontSize700 : string;
export const FontSize800 : string;
export const FontWeightLight : number;
export const FontWeightRegular : number;
export const FontWeightMedium : number;
export const FontWeightSemibold : number;
export const FontWeightBold : number;
export const LineHeight100 : number;
export const LineHeight200 : number;
export const LineHeight300 : number;
export const LineHeight400 : number;
export const Spacing100 : string;
export const Spacing200 : string;
export const Spacing300 : string;
export const Spacing400 : string;
export const Spacing500 : string;
export const Spacing600 : string;
export const Spacing700 : string;
export const Spacing800 : string;
export const Spacing900 : string;
export const ViewportMobile : number;
export const ViewportTablet : string;
export const ViewportDesktop : string;
export const ViewportWide : string;
export const ZIndex100 : number;
export const ZIndex200 : number;
export const ZIndex300 : number;
export const ZIndex400 : number;
export const ZIndex500 : number;
export const ZIndex600 : number;
export const ZIndex700 : number;
export const ZIndex800 : number;
export const ZIndex900 : number;
declare const root: RootObject
export default root
interface RootObject {
border: Border;
color: Color;
duration: Duration;
font: Font;
'line-height': Lineheight;
spacing: Blue;
heading: Heading;
body: Body;
small: Small;
label: Label;
code: Code;
display: Display;
viewport: Viewport;
'z-index': Zindex;
}
interface Zindex {
'100': number;
'200': number;
'300': number;
'400': number;
'500': number;
'600': number;
'700': number;
'800': number;
'900': number;
}
interface Viewport {
mobile: number;
tablet: string;
desktop: string;
wide: string;
}
interface Display {
'1': Medium;
}
interface Code {
'1': _15;
'2': _15;
}
interface _15 {
regular: Medium;
}
interface Label {
'1': _14;
'2': _14;
}
interface _14 {
regular: Medium;
medium: Medium;
}
interface Small {
'1': _13;
'2': _13;
}
interface _13 {
regular: Medium;
medium: Medium;
extrabold: Medium;
}
interface Body {
'1': _12;
'2': _12;
}
interface _12 {
regular: Medium;
semibold: Medium;
extrabold: Medium;
}
interface Heading {
'1': _1;
'2': _1;
'3': _1;
}
interface _1 {
medium: Medium;
semibold: Medium;
extrabold: Medium;
}
interface Medium {
fontWeight: number;
fontSize: string;
lineHeight: string;
fontFamily: string;
fontStyle: string;
}
interface Lineheight {
'100': number;
'200': number;
'300': number;
'400': number;
}
interface Font {
family: Family;
size: Size;
weight: Weight;
}
interface Weight {
light: number;
regular: number;
medium: number;
semibold: number;
bold: number;
extrabold: number;
}
interface Size {
'0': string;
'100': string;
'200': string;
'300': string;
'400': string;
'500': string;
'600': string;
'700': string;
'800': string;
}
interface Family {
base: string;
monospace: string;
display: string;
}
interface Duration {
'0': string;
'100': string;
'150': string;
'200': string;
'250': string;
'300': string;
'350': string;
'400': string;
'500': string;
}
interface Color {
bg: Bg;
border: Border2;
fill: Fill;
shadow: Shadow;
text: Text;
blue: Blue;
cyan: Blue;
pink: Blue;
purple: Blue;
yellow: Blue;
white: White;
gray: Blue;
black: Black;
system: System;
}
interface System {
green: Blue;
red: Blue;
yellow: Blue;
}
interface Black {
'0': string;
'100': string;
'200': string;
'300': string;
'400': string;
}
interface White {
'0': string;
'100': string;
}
interface Blue {
'100': string;
'200': string;
'300': string;
'400': string;
'500': string;
'600': string;
'700': string;
'800': string;
'900': string;
}
interface Text {
feedback: Feedback3;
interactive: Interactive5;
ui: Ui5;
overlay: Overlay;
field: Field4;
product: Product2;
}
interface Product2 {
beta: string;
code: string;
federal: string;
flair: string;
'toggle-chip-on': string;
'toggle-chip-off': string;
}
interface Field4 {
base: string;
disabled: string;
placeholder: string;
}
interface Ui5 {
primary: Primary2;
secondary: string;
tertiary: string;
}
interface Primary2 {
base: string;
inverted: string;
}
interface Interactive5 {
base: string;
active: string;
primary: Primary;
secondary: string;
destructive: string;
disabled: string;
flair: Primary;
}
interface Feedback3 {
base: string;
error: string;
success: string;
warning: string;
info: string;
}
interface Shadow {
interactive: Interactive4;
ui: Ui4;
}
interface Ui4 {
primary: string;
}
interface Interactive4 {
focus: string;
primary: string;
}
interface Fill {
feedback: Feedback2;
interactive: Interactive3;
ui: Ui3;
field: Field3;
}
interface Field3 {
base: string;
}
interface Ui3 {
primary: string;
'primary-flair': string;
}
interface Interactive3 {
primary: string;
destructive: string;
disabled: string;
}
interface Border2 {
feedback: Feedback2;
field: Field2;
interactive: Interactive2;
ui: Ui2;
}
interface Ui2 {
primary: string;
'primary-flair': string;
secondary: string;
}
interface Interactive2 {
focus: string;
primary: Primary;
'primary-flair': Primary;
secondary: Primary;
'secondary-flair': Primary;
destructive: string;
disabled: string;
}
interface Field2 {
base: string;
active: string;
focus: string;
error: string;
disabled: string;
}
interface Feedback2 {
error: string;
info: string;
success: string;
warning: string;
}
interface Bg {
feedback: Feedback;
interactive: Interactive;
ui: Ui;
overlay: Overlay;
field: Field;
product: Product;
}
interface Product {
beta: string;
federal: string;
'toggle-chip-on': string;
'toggle-chip-off': string;
}
interface Field {
base: string;
disabled: string;
aside: string;
}
interface Overlay {
primary: string;
secondary: string;
}
interface Ui {
primary: string;
'primary-flair': string;
secondary: string;
tertiary: string;
}
interface Interactive {
primary: Primary;
secondary: Primary;
'secondary-flair': Primary;
tertiary: Primary;
'tertiary-flair': Primary;
destructive: Primary;
disabled: string;
link: string;
}
interface Primary {
base: string;
active: string;
focus: string;
hover: string;
}
interface Feedback {
primary: string;
error: string;
info: string;
success: string;
warning: string;
}
interface Border {
radius: Radius;
width: Width;
}
interface Width {
'100': string;
'200': string;
'300': string;
}
interface Radius {
regular: string;
medium: string;
}

882

dist/index.es.js
/**
* Do not edit directly
* Generated on Mon, 09 Oct 2023 20:24:27 GMT
* Generated on Fri, 13 Oct 2023 14:48:23 GMT
*/
export const BorderRadiusRegular = "0.188rem";
export const BorderRadiusMedium = "0.375rem";
export const BorderWidth100 = "0rem";
export const BorderWidth200 = "0.063rem";
export const BorderWidth300 = "0.125rem";
export const ColorBgFeedbackPrimary = "#414042";
export const ColorBgFeedbackError = "#e83b3b";
export const ColorBgFeedbackInfo = "#405bff";
export const ColorBgFeedbackSuccess = "#00da7b";
export const ColorBgFeedbackWarning = "#eec340";
export const ColorBgInteractivePrimaryBase = "#405bff";
export const ColorBgInteractivePrimaryActive = "#3044bf";
export const ColorBgInteractivePrimaryFocus = "#3044bf";
export const ColorBgInteractivePrimaryHover = "#364dd9";
export const ColorBgInteractiveSecondaryBase = "#ffffff";
export const ColorBgInteractiveSecondaryActive = "#d1d3d4";
export const ColorBgInteractiveSecondaryFocus = "#d1d3d4";
export const ColorBgInteractiveSecondaryHover = "#e6e6e6";
export const ColorBgInteractiveSecondaryFlairBase = "#faf6fd";
export const ColorBgInteractiveSecondaryFlairActive = "#dab9f2";
export const ColorBgInteractiveSecondaryFlairFocus = "#dab9f2";
export const ColorBgInteractiveSecondaryFlairHover = "#f1e5fa";
export const ColorBgInteractiveTertiaryBase = "#000000";
export const ColorBgInteractiveTertiaryActive = "#d1d3d4";
export const ColorBgInteractiveTertiaryFocus = "#d1d3d4";
export const ColorBgInteractiveTertiaryHover = "#e6e6e6";
export const ColorBgInteractiveTertiaryFlairBase = "#000000";
export const ColorBgInteractiveTertiaryFlairActive = "#f1e5fa";
export const ColorBgInteractiveTertiaryFlairFocus = "#f1e5fa";
export const ColorBgInteractiveTertiaryFlairHover = "#faf6fd";
export const ColorBgInteractiveDestructiveBase = "#ffffff";
export const ColorBgInteractiveDestructiveActive = "#fce2e2";
export const ColorBgInteractiveDestructiveFocus = "#fce2e2";
export const ColorBgInteractiveDestructiveHover = "#fef5f5";
export const ColorBgInteractiveDisabled = "#e6e6e6";
export const ColorBgUiPrimary = "#ffffff";
export const ColorBgUiPrimaryFlair = "#f1e5fa";
export const ColorBgUiSecondary = "#f8f8f8";
export const ColorBgUiTertiary = "#e6e6e6";
export const ColorBgOverlayPrimary = "#ffffff";
export const ColorBgOverlaySecondary = "#191919";
export const ColorBgFieldBase = "#ffffff";
export const ColorBgFieldDisabled = "#e6e6e6";
export const ColorBgFieldAside = "#e6e6e6";
export const ColorBorderFeedbackError = "#ae2c2c";
export const ColorBorderFeedbackInfo = "#3044bf";
export const ColorBorderFeedbackSuccess = "#00a45c";
export const ColorBorderFeedbackWarning = "#a98a2d";
export const ColorBorderFieldBase = "#bcbec0";
export const ColorBorderFieldActive = "#405bff";
export const ColorBorderFieldFocus = "#405bff";
export const ColorBorderFieldError = "#c73333";
export const ColorBorderFieldDisabled = "#58595b";
export const ColorBorderInteractiveFocus = "#405bff";
export const ColorBorderInteractivePrimaryBase = "#405bff";
export const ColorBorderInteractivePrimaryActive = "#3044bf";
export const ColorBorderInteractivePrimaryFocus = "#3044bf";
export const ColorBorderInteractivePrimaryHover = "#364dd9";
export const ColorBorderInteractivePrimaryFlairBase = "#a34fde";
export const ColorBorderInteractivePrimaryFlairActive = "#7a3ba7";
export const ColorBorderInteractivePrimaryFlairFocus = "#7a3ba7";
export const ColorBorderInteractivePrimaryFlairHover = "#8b43bd";
export const ColorBorderInteractiveSecondaryBase = "#bcbec0";
export const ColorBorderInteractiveSecondaryActive = "#58595b";
export const ColorBorderInteractiveSecondaryFocus = "#58595b";
export const ColorBorderInteractiveSecondaryHover = "#717275";
export const ColorBorderInteractiveSecondaryFlairBase = "#a34fde";
export const ColorBorderInteractiveSecondaryFlairActive = "#7a3ba7";
export const ColorBorderInteractiveSecondaryFlairFocus = "#7a3ba7";
export const ColorBorderInteractiveSecondaryFlairHover = "#8b43bd";
export const ColorBorderInteractiveDestructive = "#ae2c2c";
export const ColorBorderInteractiveDisabled = "#e6e6e6";
export const ColorBorderUiPrimary = "#d1d3d4";
export const ColorBorderUiPrimaryFlair = "#dab9f2";
export const ColorBorderUiSecondary = "#e6e6e6";
export const ColorFillFeedbackError = "#ae2c2c";
export const ColorFillFeedbackInfo = "#3044bf";
export const ColorFillFeedbackSuccess = "#00a45c";
export const ColorFillFeedbackWarning = "#a98a2d";
export const ColorFillInteractivePrimary = "#ffffff";
export const ColorFillInteractiveDestructive = "#ae2c2c";
export const ColorFillInteractiveDisabled = "#58595b";
export const ColorFillUiPrimary = "#000000";
export const ColorFillUiPrimaryFlair = "#a34fde";
export const ColorFillFieldBase = "#717275";
export const ColorShadowInteractiveFocus = "#405bff";
export const ColorShadowInteractivePrimary = "#ffffff";
export const ColorShadowUiPrimary = "#939598";
export const ColorTextFeedbackBase = "#191919";
export const ColorTextFeedbackError = "#c73333";
export const ColorTextFeedbackSuccess = "#007844";
export const ColorTextFeedbackWarning = "#a98a2d";
export const ColorTextFeedbackInfo = "#3044bf";
export const ColorTextInteractiveBase = "#364dd9";
export const ColorTextInteractiveActive = "#8b43bd";
export const ColorTextInteractivePrimary = "#ffffff";
export const ColorTextInteractiveSecondary = "#717275";
export const ColorTextInteractiveDestructive = "#ae2c2c";
export const ColorTextInteractiveDisabled = "#939598";
export const ColorTextInteractiveFlairFocus = "#7a3ba7";
export const ColorTextInteractiveFlairHover = "#7a3ba7";
export const ColorTextInteractiveFlairBase = "#8b43bd";
export const ColorTextInteractiveFlairActive = "#7a3ba7";
export const ColorTextUiPrimaryBase = "#191919";
export const ColorTextUiPrimaryInverted = "#ffffff";
export const ColorTextUiSecondary = "#414042";
export const ColorTextUiTertiary = "#717275";
export const ColorTextOverlayPrimary = "#414042";
export const ColorTextOverlaySecondary = "#ffffff";
export const ColorTextFieldBase = "#717275";
export const ColorTextFieldDisabled = "#58595b";
export const ColorTextFieldPlaceholder = "#939598";
export const ColorBlue100 = "#f5f7ff";
export const ColorBlue200 = "#e2e6ff";
export const ColorBlue300 = "#b3bdff";
export const ColorBlue400 = "#7084ff";
export const ColorBlue500 = "#405bff";
export const ColorBlue600 = "#364dd9";
export const ColorBlue700 = "#3044bf";
export const ColorBlue800 = "#2a3ba6";
export const ColorBlue900 = "#23328c";
export const ColorCyan100 = "#f5fdfe";
export const ColorCyan200 = "#e2f9fd";
export const ColorCyan300 = "#b1effb";
export const ColorCyan400 = "#6de0f7";
export const ColorCyan500 = "#3dd6f5";
export const ColorCyan600 = "#34b6d0";
export const ColorCyan700 = "#2ea0b8";
export const ColorCyan800 = "#288b9f";
export const ColorCyan900 = "#227687";
export const ColorPink100 = "#fff5f8";
export const ColorPink200 = "#ffe1e9";
export const ColorPink300 = "#ffafc4";
export const ColorPink400 = "#ff6a90";
export const ColorPink500 = "#ff386b";
export const ColorPink600 = "#d72854";
export const ColorPink700 = "#bf2a50";
export const ColorPink800 = "#a62446";
export const ColorPink900 = "#8c1f3b";
export const ColorPurple100 = "#faf6fd";
export const ColorPurple200 = "#f1e5fa";
export const ColorPurple300 = "#dab9f2";
export const ColorPurple400 = "#ba7be6";
export const ColorPurple500 = "#a34fde";
export const ColorPurple600 = "#8b43bd";
export const ColorPurple700 = "#7a3ba7";
export const ColorPurple800 = "#6a3390";
export const ColorPurple900 = "#5a2b7a";
export const ColorYellow100 = "#fefff5";
export const ColorYellow200 = "#fcffe1";
export const ColorYellow300 = "#f7ffaf";
export const ColorYellow400 = "#f3ff88";
export const ColorYellow500 = "#ebff38";
export const ColorYellow600 = "#c8d930";
export const ColorYellow700 = "#b0bf2a";
export const ColorYellow800 = "#99a624";
export const ColorYellow900 = "#818c1f";
export const ColorWhite0 = "#ffffff";
export const ColorWhite100 = "#f8f8f8";
export const ColorWhite200 = "#efefef";
export const ColorGray100 = "#e6e6e6";
export const ColorGray200 = "#d1d3d4";
export const ColorGray300 = "#bcbec0";
export const ColorGray400 = "#a7a9ac";
export const ColorGray500 = "#939598";
export const ColorGray600 = "#717275";
export const ColorGray700 = "#58595b";
export const ColorGray800 = "#414042";
export const ColorGray900 = "#303030";
export const ColorBlack0 = "#000000";
export const ColorBlack100 = "#282828";
export const ColorBlack200 = "#212121";
export const ColorBlack300 = "#191919";
export const ColorBlack400 = "#121212";
export const ColorSystemGreen100 = "#f2fdf8";
export const ColorSystemGreen200 = "#d9f9eb";
export const ColorSystemGreen300 = "#99f0ca";
export const ColorSystemGreen400 = "#40e39c";
export const ColorSystemGreen500 = "#00da7b";
export const ColorSystemGreen600 = "#00b969";
export const ColorSystemGreen700 = "#00a45c";
export const ColorSystemGreen800 = "#008e50";
export const ColorSystemGreen900 = "#007844";
export const ColorSystemRed100 = "#fef5f5";
export const ColorSystemRed200 = "#fce2e2";
export const ColorSystemRed300 = "#f6b1b1";
export const ColorSystemRed400 = "#ee6c6c";
export const ColorSystemRed500 = "#e83b3b";
export const ColorSystemRed600 = "#c73333";
export const ColorSystemRed700 = "#ae2c2c";
export const ColorSystemRed800 = "#972626";
export const ColorSystemRed900 = "#802020";
export const ColorSystemYellow100 = "#fefcf5";
export const ColorSystemYellow200 = "#fcf6e2";
export const ColorSystemYellow300 = "#f8e7b3";
export const ColorSystemYellow400 = "#f2d270";
export const ColorSystemYellow500 = "#eec340";
export const ColorSystemYellow600 = "#caa636";
export const ColorSystemYellow700 = "#a98a2d";
export const ColorSystemYellow800 = "#9b7f2a";
export const ColorSystemYellow900 = "#836b23";
export const Duration0 = "0ms";
export const Duration100 = "100ms";
export const Duration150 = "150ms";
export const Duration200 = "200ms";
export const Duration250 = "250ms";
export const Duration300 = "300ms";
export const Duration350 = "350ms";
export const Duration400 = "400ms";
export const Duration500 = "500ms";
export const FontFamilyBase = "inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, Helvetica, Arial, sans-serif";
export const FontFamilyMonospace = "SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace";
export const FontSize100 = "0.75rem";
export const FontSize200 = "0.875rem";
export const FontSize300 = "1rem";
export const FontSize400 = "1.125rem";
export const FontSize500 = "1.25rem";
export const FontSize600 = "1.563rem";
export const FontSize700 = "2rem";
export const FontSize800 = "2.875rem";
export const FontWeightLight = 300;
export const FontWeightRegular = 400;
export const FontWeightMedium = 500;
export const FontWeightSemibold = 600;
export const FontWeightBold = 700;
export const LineHeight100 = 1.12;
export const LineHeight200 = 1.285714286;
export const LineHeight300 = 1.5;
export const LineHeight400 = 2;
export const Spacing100 = "0rem";
export const Spacing200 = "0.25rem";
export const Spacing300 = "0.5rem";
export const Spacing400 = "0.75rem";
export const Spacing500 = "1rem";
export const Spacing600 = "1.25rem";
export const Spacing700 = "1.5rem";
export const Spacing800 = "1.75rem";
export const Spacing900 = "2rem";
export const ViewportMobile = 0;
export const ViewportTablet = "740px";
export const ViewportDesktop = "992px";
export const ViewportWide = "1200px";
export const ZIndex100 = 100;
export const ZIndex200 = 200;
export const ZIndex300 = 300;
export const ZIndex400 = 400;
export const ZIndex500 = 500;
export const ZIndex600 = 600;
export const ZIndex700 = 700;
export const ZIndex800 = 800;
export const ZIndex900 = 900;
export default {
border: {
radius: {
regular: "0.188rem",
medium: "0.375rem",
},
width: {
"100": "0rem",
"200": "0.063rem",
"300": "0.125rem",
},
},
color: {
bg: {
feedback: {
primary: "#3B3C48",
error: "#FCE8E8",
info: "#E5EBFF",
success: "#E5FFF4",
warning: "#FCF6E3",
},
interactive: {
primary: {
base: "#2443FF",
active: "#2840D2",
focus: "#2840D2",
hover: "#4D65FF",
},
secondary: {
base: "transparent",
active: "#D5D6DD",
focus: "#D5D6DD",
hover: "#E3E4E8",
},
"secondary-flair": {
base: "#EFE1FA",
active: "#B97AE6",
focus: "#B97AE6",
hover: "#D4ADF0",
},
tertiary: {
base: "transparent",
active: "#D5D6DD",
focus: "#D5D6DD",
hover: "#E3E4E8",
},
"tertiary-flair": {
base: "transparent",
active: "#D4ADF0",
focus: "#D4ADF0",
hover: "#EFE1FA",
},
destructive: {
base: "#FFFFFF",
active: "#F7BBBB",
focus: "#F7BBBB",
hover: "#FCE8E8",
},
disabled: "#E3E4E8",
link: "#E5EBFF",
},
ui: {
primary: "#FFFFFF",
"primary-flair": "#D4ADF0",
secondary: "#F1F2F4",
tertiary: "#E3E4E8",
},
overlay: {
primary: "#FFFFFF",
secondary: "#191919",
},
field: {
base: "#FFFFFF",
disabled: "#E3E4E8",
aside: "#E3E4E8",
},
product: {
beta: "#EFE1FA",
federal: "#E8FF1F",
"toggle-chip-on": "#E5FFF4",
"toggle-chip-off": "#E3E4E8",
},
},
border: {
feedback: {
error: "#E52424",
info: "#2443FF",
success: "#00A85F",
warning: "#A88210",
},
field: {
base: "#B7B9C5",
active: "#2443FF",
focus: "#2443FF",
error: "#C41717",
disabled: "#8C8FA1",
},
interactive: {
focus: "#2443FF",
primary: {
base: "#2443FF",
active: "#2840D2",
focus: "#2840D2",
hover: "#4D65FF",
},
"primary-flair": {
base: "#9331D8",
active: "#671D9B",
focus: "#671D9B",
hover: "#8325C6",
},
secondary: {
base: "#B7B9C5",
active: "#515362",
focus: "#515362",
hover: "#686B7F",
},
"secondary-flair": {
base: "#9331D8",
active: "#671D9B",
focus: "#671D9B",
hover: "#8325C6",
},
destructive: "#9B1212",
disabled: "#E3E4E8",
},
ui: {
primary: "#D5D6DD",
"primary-flair": "#B97AE6",
secondary: "#E3E4E8",
},
},
fill: {
feedback: {
error: "#E52424",
info: "#2443FF",
success: "#00854B",
warning: "#A88210",
},
interactive: {
primary: "#FFFFFF",
destructive: "#9B1212",
disabled: "#515362",
},
ui: {
primary: "currentvalue",
"primary-flair": "#9331D8",
},
field: {
base: "#686B7F",
},
},
shadow: {
interactive: {
focus: "#2443FF",
primary: "#FFFFFF",
},
ui: {
primary: "#8C8FA1",
},
},
text: {
feedback: {
base: "#191919",
error: "#C41717",
success: "#006B3C",
warning: "#795D0B",
info: "#27379B",
},
interactive: {
base: "#2840D2",
active: "#8325C6",
primary: {
base: "#FFFFFF",
active: "#FFFFFF",
focus: "#FFFFFF",
hover: "#FFFFFF",
},
secondary: "#686B7F",
destructive: "#9B1212",
disabled: "#8C8FA1",
flair: {
focus: "#671D9B",
hover: "#671D9B",
base: "#8325C6",
active: "#671D9B",
},
},
ui: {
primary: {
base: "#191919",
inverted: "#FFFFFF",
},
secondary: "#3B3C48",
tertiary: "#686B7F",
},
overlay: {
primary: "#3B3C48",
secondary: "#FFFFFF",
},
field: {
base: "#686B7F",
disabled: "#515362",
placeholder: "#8C8FA1",
},
product: {
beta: "#9331D8",
code: "#EB003C",
federal: "#191919",
flair: "#8325C6",
"toggle-chip-on": "#00854B",
"toggle-chip-off": "#3B3C48",
},
},
blue: {
"100": "#E5EBFF",
"200": "#B3BDFF",
"300": "#7587FF",
"400": "#4D65FF",
"500": "#2443FF",
"600": "#2840D2",
"700": "#27379B",
"800": "#1C276E",
"900": "#101741",
},
cyan: {
"100": "#E7FAFE",
"200": "#B6F0FB",
"300": "#81E4F8",
"400": "#47D8F5",
"500": "#1FD0F4",
"600": "#0BBBE0",
"700": "#0993AE",
"800": "#076B7E",
"900": "#04424E",
},
pink: {
"100": "#FFE5EC",
"200": "#FFADC2",
"300": "#FF7599",
"400": "#FF3D6F",
"500": "#FF1451",
"600": "#EB003C",
"700": "#B8002F",
"800": "#850022",
"900": "#520015",
},
purple: {
"100": "#EFE1FA",
"200": "#D4ADF0",
"300": "#B97AE6",
"400": "#A14BDD",
"500": "#9331D8",
"600": "#8325C6",
"700": "#671D9B",
"800": "#4B1570",
"900": "#2E0C45",
},
yellow: {
"100": "#FCFFE5",
"200": "#F7FFB2",
"300": "#F2FF80",
"400": "#EEFF4D",
"500": "#E8FF1F",
"600": "#D3EB00",
"700": "#8B9721",
"800": "#646D18",
"900": "#3D430F",
},
white: {
"0": "#FFFFFF",
"100": "#F1F2F4",
},
gray: {
"100": "#E3E4E8",
"200": "#D5D6DD",
"300": "#B7B9C5",
"400": "#9D9FAF",
"500": "#8C8FA1",
"600": "#686B7F",
"700": "#515362",
"800": "#3B3C48",
"900": "#2E2F38",
},
black: {
"0": "#000000",
"100": "#282828",
"200": "#212121",
"300": "#191919",
"400": "#121212",
},
system: {
green: {
"100": "#E5FFF4",
"200": "#94FFD0",
"300": "#42FFAD",
"400": "#00F087",
"500": "#00CC73",
"600": "#00A85F",
"700": "#00854B",
"800": "#006B3C",
"900": "#00522E",
},
red: {
"100": "#FCE8E8",
"200": "#F7BBBB",
"300": "#F18888",
"400": "#EB5656",
"500": "#E52424",
"600": "#C41717",
"700": "#9B1212",
"800": "#720D0D",
"900": "#490808",
},
yellow: {
"100": "#FCF6E3",
"200": "#F8E6AF",
"300": "#F3D67C",
"400": "#EEC649",
"500": "#EBBA23",
"600": "#D7A613",
"700": "#A88210",
"800": "#795D0B",
"900": "#4B3B07",
},
},
},
duration: {
"0": "0ms",
"100": "100ms",
"150": "150ms",
"200": "200ms",
"250": "250ms",
"300": "300ms",
"350": "350ms",
"400": "400ms",
"500": "500ms",
},
font: {
family: {
base: "inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, Helvetica, Arial, sans-serif",
monospace: "SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace",
display: '"Audimat 3000 Regulier"',
},
size: {
"0": "0.625rem",
"100": "0.75rem",
"200": "0.875rem",
"300": "1rem",
"400": "1.125rem",
"500": "1.25rem",
"600": "1.563rem",
"700": "2rem",
"800": "2.875rem",
},
weight: {
light: 300,
regular: 400,
medium: 500,
semibold: 600,
bold: 700,
extrabold: 800,
},
},
"line-height": {
"100": 1.12,
"200": 1.285714286,
"300": 1.5,
"400": 2,
},
spacing: {
"100": "0rem",
"200": "0.25rem",
"300": "0.5rem",
"400": "0.75rem",
"500": "1rem",
"600": "1.25rem",
"700": "1.5rem",
"800": "1.75rem",
"900": "2rem",
},
heading: {
"1": {
medium: {
fontWeight: 500,
fontSize: "1.25rem",
lineHeight: "1.75rem",
fontFamily: "inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, Helvetica, Arial, sans-serif",
fontStyle: "normal",
},
semibold: {
fontWeight: 600,
fontSize: "1.25rem",
lineHeight: "1.75rem",
fontFamily: "inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, Helvetica, Arial, sans-serif",
fontStyle: "normal",
},
extrabold: {
fontWeight: 800,
fontSize: "1.25rem",
lineHeight: "1.75rem",
fontFamily: "inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, Helvetica, Arial, sans-serif",
fontStyle: "normal",
},
},
"2": {
medium: {
fontWeight: 500,
fontSize: "1rem",
lineHeight: "1.5rem",
fontFamily: "inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, Helvetica, Arial, sans-serif",
fontStyle: "normal",
},
semibold: {
fontWeight: 600,
fontSize: "1rem",
lineHeight: "1.5rem",
fontFamily: "inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, Helvetica, Arial, sans-serif",
fontStyle: "normal",
},
extrabold: {
fontWeight: 800,
fontSize: "1rem",
lineHeight: "1.5rem",
fontFamily: "inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, Helvetica, Arial, sans-serif",
fontStyle: "normal",
},
},
"3": {
medium: {
fontWeight: 500,
fontSize: "0.875rem",
lineHeight: "1.5rem",
fontFamily: "inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, Helvetica, Arial, sans-serif",
fontStyle: "normal",
},
semibold: {
fontWeight: 600,
fontSize: "0.875rem",
lineHeight: "1.5rem",
fontFamily: "inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, Helvetica, Arial, sans-serif",
fontStyle: "normal",
},
extrabold: {
fontWeight: 800,
fontSize: "0.875rem",
lineHeight: "1.5rem",
fontFamily: "inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, Helvetica, Arial, sans-serif",
fontStyle: "normal",
},
},
},
body: {
"1": {
regular: {
fontWeight: 400,
fontSize: "1rem",
lineHeight: "1.5rem",
fontFamily: "inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, Helvetica, Arial, sans-serif",
fontStyle: "normal",
},
semibold: {
fontWeight: 600,
fontSize: "1rem",
lineHeight: "1.5rem",
fontFamily: "inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, Helvetica, Arial, sans-serif",
fontStyle: "normal",
},
extrabold: {
fontWeight: 800,
fontSize: "1rem",
lineHeight: "1.5rem",
fontFamily: "inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, Helvetica, Arial, sans-serif",
fontStyle: "normal",
},
},
"2": {
regular: {
fontWeight: 400,
fontSize: "0.875rem",
lineHeight: "1.5rem",
fontFamily: "inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, Helvetica, Arial, sans-serif",
fontStyle: "normal",
},
semibold: {
fontWeight: 600,
fontSize: "0.875rem",
lineHeight: "1.5rem",
fontFamily: "inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, Helvetica, Arial, sans-serif",
fontStyle: "normal",
},
extrabold: {
fontWeight: 800,
fontSize: "0.875rem",
lineHeight: "1.5rem",
fontFamily: "inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, Helvetica, Arial, sans-serif",
fontStyle: "normal",
},
},
},
small: {
"1": {
regular: {
fontWeight: 400,
fontSize: "0.75rem",
lineHeight: "1.25rem",
fontFamily: "inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, Helvetica, Arial, sans-serif",
fontStyle: "normal",
},
medium: {
fontWeight: 500,
fontSize: "0.75rem",
lineHeight: "1.25rem",
fontFamily: "inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, Helvetica, Arial, sans-serif",
fontStyle: "normal",
},
extrabold: {
fontWeight: 800,
fontSize: "0.75rem",
lineHeight: "1.25rem",
fontFamily: "inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, Helvetica, Arial, sans-serif",
fontStyle: "normal",
},
},
"2": {
regular: {
fontWeight: 400,
fontSize: "0.625rem",
lineHeight: "1rem",
fontFamily: "inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, Helvetica, Arial, sans-serif",
fontStyle: "normal",
},
medium: {
fontWeight: 500,
fontSize: "0.625rem",
lineHeight: "1rem",
fontFamily: "inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, Helvetica, Arial, sans-serif",
fontStyle: "normal",
},
extrabold: {
fontWeight: 800,
fontSize: "0.625rem",
lineHeight: "1rem",
fontFamily: "inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, Helvetica, Arial, sans-serif",
fontStyle: "normal",
},
},
},
label: {
"1": {
regular: {
fontWeight: 400,
fontSize: "0.875rem",
lineHeight: "1.25rem",
fontFamily: "inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, Helvetica, Arial, sans-serif",
fontStyle: "normal",
},
medium: {
fontWeight: 500,
fontSize: "0.875rem",
lineHeight: "1.25rem",
fontFamily: "inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, Helvetica, Arial, sans-serif",
fontStyle: "normal",
},
},
"2": {
regular: {
fontWeight: 400,
fontSize: "0.75rem",
lineHeight: "1.25rem",
fontFamily: "inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, Helvetica, Arial, sans-serif",
fontStyle: "normal",
},
medium: {
fontWeight: 500,
fontSize: "0.75rem",
lineHeight: "1.25rem",
fontFamily: "inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, Helvetica, Arial, sans-serif",
fontStyle: "normal",
},
},
},
code: {
"1": {
regular: {
fontWeight: 400,
fontSize: "0.875rem",
lineHeight: "1.5rem",
fontFamily: "SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace",
fontStyle: "normal",
},
},
"2": {
regular: {
fontWeight: 400,
fontSize: "0.75rem",
lineHeight: "1.25rem",
fontFamily: "SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace",
fontStyle: "normal",
},
},
},
display: {
"1": {
fontWeight: 400,
fontSize: "3.75rem",
lineHeight: "4.5rem",
fontFamily: '"Audimat 3000 Regulier"',
fontStyle: "normal",
},
},
viewport: {
mobile: 0,
tablet: "740px",
desktop: "992px",
wide: "1200px",
},
"z-index": {
"100": 100,
"200": 200,
"300": 300,
"400": 400,
"500": 500,
"600": 600,
"700": 700,
"800": 800,
"900": 900,
},
};

10

package.json
{
"name": "@launchpad-ui/tokens",
"version": "0.8.0",
"version": "0.9.0-alpha.0",
"status": "beta",

@@ -12,2 +12,3 @@ "publishConfig": {

],
"type": "module",
"style": "dist/index.css",

@@ -33,7 +34,12 @@ "main": "dist/index.js",

"devDependencies": {
"@types/tinycolor2": "^1.4.4",
"json-to-ts": "^1.7.0",
"style-dictionary": "^3.8.0",
"style-dictionary-utils": "^2.0.1",
"tinycolor2": "^1.6.0",
"ts-node": "^10.9.1",
"yaml": "^2.3.1"
},
"scripts": {
"build": "style-dictionary build --config ./sd.config.js",
"build": "ts-node --esm ./build.ts",
"clean": "rm -rf dist",

@@ -40,0 +46,0 @@ "lint": "eslint '**/*.{ts,tsx,js}'",

2

README.md

@@ -29,3 +29,3 @@ # @launchpad-ui/tokens

```js
import { ColorBlue500 } from '@launchpad-ui/tokens';
import tokens from '@launchpad-ui/tokens';
```

@@ -32,0 +32,0 @@ 

dist/default.json
dist/index.css

Sorry, the diff of this file is not supported yet

dist/index.js

Sorry, the diff of this file is too big to display

dist/themes.css

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