@baysidepoc/tokens/tokens/Figma.js

Design Tokens

/**
 * Do not edit directly
 * Generated on Tue, 23 Aug 2022 22:08:09 GMT
 */

export const TokenSetOrder0 = "zoox_brand";
export const TokenSetOrder1 = "ops_base";
export const TokenSetOrder2 = "ops_clearTheme";
export const TokenSetOrder3 = "ops_midnightTheme";
export const TokenSetOrder4 = "ops_darkTheme";
export const ThemePrimary = "#262628";
export const ThemeSecondary = "#121212";
export const ThemeBackground = "#0B0B0B";
export const ThemeLine = "#575757";
export const ThemeText = "#ffffff";
export const OpsStatus1 = "#33ffc7";
export const OpsStatus2 = "#f68e2e";
export const OpsStatus3 = "#d9331f";
export const OpsStatus4 = "#ed91db";
export const OpsBase1 = "#ffffff";
export const OpsBase2 = "#000000";
export const OpsBase3 = "#f5f5f5";
export const OpsBase4 = "#595959";
export const OpsAction1Default = "#2969ff";
export const OpsAction1Dark = "#002dd9";
export const OpsAction1Light = "#97a8fe";
export const OpsAction1Bg = "#e7eaff";
export const OpsAction2Default = "#3f66ad";
export const OpsAction2Dark = "#33488d";
export const OpsAction2Light = "#9cc9f0";
export const OpsAction2Bg = "#e5f2fb";
export const OpsAction3Default = "#c4cce2";
export const OpsAction3Dark = "#4f71bc";
export const OpsAction3Light = "#c4cce2";
export const OpsAction3Bg = "#e8ebf3";
export const OpsAction4Default = "#8d58fe";
export const OpsAction4Dark = "#5427ec";
export const OpsAction4Light = "#bfa2fe";
export const OpsAction4Bg = "#f1e8ff";
export const OpsRawColorsIndigo50 = "#e7eaff";
export const OpsRawColorsIndigo100 = "#c3cafe";
export const OpsRawColorsIndigo200 = "#97a8fe";
export const OpsRawColorsIndigo300 = "#6386ff";
export const OpsRawColorsIndigo400 = "#2969ff";
export const OpsRawColorsIndigo500 = "#004dfc";
export const OpsRawColorsIndigo600 = "#0044f0";
export const OpsRawColorsIndigo700 = "#0039e4";
export const OpsRawColorsIndigo800 = "#002dd9";
export const OpsRawColorsIndigo900 = "#0015c1";
export const OpsRawColorsBlue50 = "#e5f2fb";
export const OpsRawColorsBlue100 = "#c1def6";
export const OpsRawColorsBlue200 = "#9cc9f0";
export const OpsRawColorsBlue300 = "#7ab4e9";
export const OpsRawColorsBlue400 = "#64a4e5";
export const OpsRawColorsBlue500 = "#5596e0";
export const OpsRawColorsBlue600 = "#4e88d2";
export const OpsRawColorsBlue700 = "#4676bf";
export const OpsRawColorsBlue800 = "#3f66ad";
export const OpsRawColorsBlue900 = "#33488d";
export const OpsRawColorsSilver50 = "#e8ebf3";
export const OpsRawColorsSilver100 = "#c4cce2";
export const OpsRawColorsSilver200 = "#9cabd2";
export const OpsRawColorsSilver300 = "#728bc5";
export const OpsRawColorsSilver400 = "#4f71bc";
export const OpsRawColorsSilver500 = "#2459b3";
export const OpsRawColorsSilver600 = "#1c51a9";
export const OpsRawColorsSilver700 = "#0d479d";
export const OpsRawColorsSilver800 = "#003d91";
export const OpsRawColorsSilver900 = "#002c7d";
export const OpsRawColorsPurple50 = "#f1e8ff";
export const OpsRawColorsPurple100 = "#d9c7fe";
export const OpsRawColorsPurple200 = "#bfa2fe";
export const OpsRawColorsPurple300 = "#a479ff";
export const OpsRawColorsPurple400 = "#8d58fe";
export const OpsRawColorsPurple500 = "#7335fc";
export const OpsRawColorsPurple600 = "#6630f5";
export const OpsRawColorsPurple700 = "#5427ec";
export const OpsRawColorsPurple800 = "#3f20e7";
export const OpsRawColorsPurple900 = "#1312d8";
export const BrandPrimaryZoox = "#33ffc0";
export const BrandPrimaryBlack = "#000000";
export const BrandPrimaryForest = "#5e8479";
export const BrandPrimaryAcqua = "#338f82";
export const BrandPrimaryHaze = "#f5f5f5";
export const BrandPrimarySmoke = "#595959";
export const BrandSecondaryPink = "#ed91db";
export const BrandSecondaryMagenta = "#d84289";
export const BrandSecondaryNight = "#1e263d";
export const BrandSecondaryShark = "#59597c";
export const BrandSecondaryPassion = "#d9331f";
export const BrandSecondarySun = "#f68e2e";
export const BrandSecondaryDeep = "#3f66ad";
export const BrandSecondaryWater = "#569edd";
export const BrandSecondarySky = "#a8dbff";
export const BrandSecondarySalmon = "#e2a5a3";
export const BrandSecondaryCoral = "#b26d60";
export const BrandSecondaryMango = "#ffd600";
export const BrandSecondaryElectric = "#4438a5";
export const BrandSecondaryVapor = "#c4cce2";
export const BrandSecondarySand = "#c4a572";
export const BrandStatusRed = "#ff0000";
export const BrandStatusOrange = "#ff9900";
export const BrandStatusYellow = "#ffff00";
export const BrandStatusGreen = "#33ffc7";
export const BrandStatusBlue = "#73bcff";
export const BrandStatusPurple = "#a468ff";
export const FontFamiliesRogan = "Rogan";
export const FontFamiliesRoboto = "Roboto";
export const LineHeights0 = 76;
export const LineHeights1 = 64;
export const LineHeights2 = 52;
export const LineHeights3 = 44;
export const LineHeights4 = 40;
export const LineHeights5 = 36;
export const LineHeights6 = 32;
export const LineHeights7 = 28;
export const LineHeights8 = 24;
export const LineHeights9 = 20;
export const LineHeights10 = 16;
export const FontWeightsRogan0 = "SemiBold";
export const FontWeightsRoboto1 = "SemiBold";
export const FontWeightsRoboto2 = "Medium";
export const FontWeightsRoboto3 = "Regular";
export const FontSize0 = 11;
export const FontSize1 = 12;
export const FontSize2 = 14;
export const FontSize3 = 16;
export const FontSize4 = 18;
export const FontSize5 = 22;
export const FontSize6 = 24;
export const FontSize7 = 28;
export const FontSize8 = 32;
export const FontSize9 = 36;
export const FontSize10 = 45;
export const FontSize11 = 57;
export const FontSize12 = 64;
export const LetterSpacing0 = -0.5;
export const LetterSpacing1 = -0.25;
export const LetterSpacing2 = "0%";
export const LetterSpacing3 = 0.1;
export const LetterSpacing4 = 0.5;
export const LetterSpacing5 = 0.25;
export const LetterSpacing6 = 0.4;
export const ParagraphSpacing0 = 0;
export const PrimaryDisplay1 = {"fontFamily":"Rogan","fontWeight":"SemiBold","lineHeight":76,"fontSize":64,"letterSpacing":-0.5,"paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const PrimaryDisplay2 = {"fontFamily":"Rogan","fontWeight":"SemiBold","lineHeight":64,"fontSize":57,"letterSpacing":-0.25,"paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const PrimaryDisplay3 = {"fontFamily":"Rogan","fontWeight":"SemiBold","lineHeight":52,"fontSize":45,"letterSpacing":"0%","paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const PrimaryHeadline1 = {"fontFamily":"Rogan","fontWeight":"SemiBold","lineHeight":44,"fontSize":36,"letterSpacing":"0%","paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const PrimaryHeadline2 = {"fontFamily":"Rogan","fontWeight":"SemiBold","lineHeight":40,"fontSize":32,"letterSpacing":"0%","paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const PrimaryHeadline3 = {"fontFamily":"Rogan","fontWeight":"SemiBold","lineHeight":36,"fontSize":28,"letterSpacing":"0%","paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const PrimaryHeadline4 = {"fontFamily":"Rogan","fontWeight":"SemiBold","lineHeight":32,"fontSize":24,"letterSpacing":"0%","paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const PrimaryHeadline5 = {"fontFamily":"Rogan","fontWeight":"SemiBold","lineHeight":28,"fontSize":22,"letterSpacing":"0%","paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const PrimaryHeadline6 = {"fontFamily":"Rogan","fontWeight":"SemiBold","lineHeight":24,"fontSize":18,"letterSpacing":"0%","paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const PrimarySubhead1 = {"fontFamily":"Rogan","fontWeight":"SemiBold","lineHeight":24,"fontSize":16,"letterSpacing":0.1,"paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const PrimarySubhead2 = {"fontFamily":"Rogan","fontWeight":"SemiBold","lineHeight":20,"fontSize":14,"letterSpacing":0.1,"paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const PrimaryButton = {"fontFamily":"Rogan","fontWeight":"SemiBold","lineHeight":20,"fontSize":14,"letterSpacing":0.1,"paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const PrimaryBody1 = {"fontFamily":"Rogan","fontWeight":"SemiBold","lineHeight":24,"fontSize":16,"letterSpacing":0.5,"paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const PrimaryBody2 = {"fontFamily":"Rogan","fontWeight":"SemiBold","lineHeight":20,"fontSize":14,"letterSpacing":0.25,"paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const PrimaryCaption = {"fontFamily":"Rogan","fontWeight":"SemiBold","lineHeight":16,"fontSize":12,"letterSpacing":0.4,"paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const PrimaryOverlay = {"fontFamily":"Rogan","fontWeight":"SemiBold","lineHeight":16,"fontSize":12,"letterSpacing":0.5,"paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const PrimaryLabelLarge = {"fontFamily":"Rogan","fontWeight":"SemiBold","lineHeight":20,"fontSize":14,"letterSpacing":0.1,"paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const PrimaryLabelMedium = {"fontFamily":"Rogan","fontWeight":"SemiBold","lineHeight":16,"fontSize":12,"letterSpacing":0.5,"paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const PrimaryLabelSmall = {"fontFamily":"Rogan","fontWeight":"SemiBold","lineHeight":16,"fontSize":11,"letterSpacing":0.5,"paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const SecondaryDisplay1 = {"fontFamily":"Roboto","fontWeight":"SemiBold","lineHeight":76,"fontSize":64,"letterSpacing":-0.5,"paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const SecondaryDisplay2 = {"fontFamily":"Roboto","fontWeight":"SemiBold","lineHeight":64,"fontSize":57,"letterSpacing":-0.25,"paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const SecondaryDisplay3 = {"fontFamily":"Roboto","fontWeight":"SemiBold","lineHeight":52,"fontSize":45,"letterSpacing":"0%","paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const SecondaryHeadline1 = {"fontFamily":"Roboto","fontWeight":"SemiBold","lineHeight":44,"fontSize":36,"letterSpacing":"0%","paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const SecondaryHeadline2 = {"fontFamily":"Roboto","fontWeight":"SemiBold","lineHeight":40,"fontSize":32,"letterSpacing":"0%","paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const SecondaryHeadline3 = {"fontFamily":"Roboto","fontWeight":"SemiBold","lineHeight":36,"fontSize":28,"letterSpacing":"0%","paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const SecondaryHeadline4 = {"fontFamily":"Roboto","fontWeight":"SemiBold","lineHeight":32,"fontSize":24,"letterSpacing":"0%","paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const SecondaryHeadline5 = {"fontFamily":"Roboto","fontWeight":"SemiBold","lineHeight":28,"fontSize":22,"letterSpacing":"0%","paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const SecondaryHeadline6 = {"fontFamily":"Roboto","fontWeight":"SemiBold","lineHeight":24,"fontSize":18,"letterSpacing":"0%","paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const SecondarySubhead1 = {"fontFamily":"Roboto","fontWeight":"Medium","lineHeight":24,"fontSize":16,"letterSpacing":0.1,"paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const SecondarySubhead2 = {"fontFamily":"Roboto","fontWeight":"Medium","lineHeight":20,"fontSize":14,"letterSpacing":0.1,"paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const SecondaryButton = {"fontFamily":"Roboto","fontWeight":"Medium","lineHeight":20,"fontSize":14,"letterSpacing":0.1,"paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const SecondaryBody1 = {"fontFamily":"Roboto","fontWeight":"Regular","lineHeight":24,"fontSize":16,"letterSpacing":0.5,"paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const SecondaryBody2 = {"fontFamily":"Roboto","fontWeight":"Regular","lineHeight":20,"fontSize":14,"letterSpacing":0.25,"paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const SecondaryCaption = {"fontFamily":"Roboto","fontWeight":"Regular","lineHeight":16,"fontSize":12,"letterSpacing":0.4,"paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const SecondaryOverlay = {"fontFamily":"Roboto","fontWeight":"Medium","lineHeight":16,"fontSize":12,"letterSpacing":0.5,"paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const SecondaryLabelSmall = {"fontFamily":"Roboto","fontWeight":"Medium","lineHeight":16,"fontSize":11,"letterSpacing":0.5,"paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const SecondaryLabelMedium = {"fontFamily":"Roboto","fontWeight":"Medium","lineHeight":16,"fontSize":12,"letterSpacing":0.5,"paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const SecondaryLabelLarge = {"fontFamily":"Roboto","fontWeight":"Medium","lineHeight":20,"fontSize":14,"letterSpacing":0.1,"paragraphSpacing":0,"textCase":"none","textDecoration":"none"};
export const TextCaseNone = "none";
export const TextDecorationNone = "none";