@highpixel-co/palda-design-system 0.4.1

package/dist/tokens.js

@@ -0,0 +1,463 @@
+// ../../tokens/generated/tokens.js
+var PrimitiveGreen50 = "#f3f7f0";
+var PrimitiveGreen100 = "#e6f2df";
+var PrimitiveGreen200 = "#b7e5a8";
+var PrimitiveGreen300 = "#a0dd8c";
+var PrimitiveGreen400 = "#77d36b";
+var PrimitiveGreen500 = "#55c94a";
+var PrimitiveGreen600 = "#36b343";
+var PrimitiveGreen700 = "#45922c";
+var PrimitiveGreen800 = "#40772e";
+var PrimitiveGreen900 = "#346026";
+var PrimitiveGreen950 = "#204e11";
+var PrimitiveOrange50 = "#fdf9f7";
+var PrimitiveOrange100 = "#fbeee6";
+var PrimitiveOrange200 = "#f5d4be";
+var PrimitiveOrange300 = "#f1bc99";
+var PrimitiveOrange400 = "#eb9b67";
+var PrimitiveOrange500 = "#fc883c";
+var PrimitiveOrange600 = "#f77520";
+var PrimitiveOrange700 = "#d9671c";
+var PrimitiveOrange800 = "#a7531b";
+var PrimitiveOrange900 = "#8e4618";
+var PrimitiveOrange950 = "#71330b";
+var PrimitiveGray50 = "#f5f5f7";
+var PrimitiveGray100 = "#ededf2";
+var PrimitiveGray200 = "#c8c8cc";
+var PrimitiveGray300 = "#b2b2b7";
+var PrimitiveGray400 = "#9c9ca2";
+var PrimitiveGray500 = "#86868d";
+var PrimitiveGray600 = "#737871";
+var PrimitiveGray700 = "#5c5c62";
+var PrimitiveGray800 = "#47474c";
+var PrimitiveGray900 = "#323236";
+var PrimitiveGray950 = "#050505";
+var PrimitiveGray00 = "#ffffff";
+var PrimitiveRed50 = "#faf0f0";
+var PrimitiveRed100 = "#f3cbcb";
+var PrimitiveRed200 = "#ecb4a8";
+var PrimitiveRed300 = "#e59484";
+var PrimitiveRed400 = "#de7661";
+var PrimitiveRed500 = "#cf3535";
+var PrimitiveRed600 = "#ba3030";
+var PrimitiveRed700 = "#a53823";
+var PrimitiveRed800 = "#7a2f20";
+var PrimitiveRed900 = "#661c1c";
+var PrimitiveRed950 = "#620f0f";
+var PrimitivePurple50 = "#f3f3ff";
+var PrimitivePurple100 = "#ebebfe";
+var PrimitivePurple200 = "#b3b4fc";
+var PrimitivePurple300 = "#8f90f9";
+var PrimitivePurple400 = "#7677fa";
+var PrimitivePurple500 = "#6466fa";
+var PrimitivePurple600 = "#4345e5";
+var PrimitivePurple700 = "#0003bd";
+var PrimitivePurple800 = "#171898";
+var PrimitivePurple900 = "#04057a";
+var PrimitivePurple950 = "#000162";
+var PrimitiveAlphaBlack5 = "#0000000d";
+var PrimitiveAlphaBlack10 = "#0000001a";
+var PrimitiveAlphaBlack30 = "#0000004d";
+var PrimitiveAlphaBlack70 = "#000000b2";
+var PrimitiveAlphaBlack90 = "#000000e5";
+var PrimitiveAlphaWhite10 = "#ffffff1a";
+var PrimitiveAlphaWhite30 = "#ffffff4d";
+var PrimitiveAlphaWhite50 = "#ffffff80";
+var PrimitiveAlphaWhite70 = "#ffffffb2";
+var PrimitiveAlphaWhite90 = "#ffffffe5";
+var PrimitiveRadiusSm = "6px";
+var PrimitiveRadiusMd = "10px";
+var PrimitiveRadiusLg = "16px";
+var PrimitiveRadiusFull = "9999px";
+var PrimitiveSpace1 = "4px";
+var PrimitiveSpace2 = "8px";
+var PrimitiveSpace3 = "12px";
+var PrimitiveSpace4 = "16px";
+var PrimitiveSpace6 = "24px";
+var PrimitiveSpace8 = "32px";
+var PrimitiveSpace12 = "48px";
+var PrimitiveSpace32 = "128px";
+var PrimitiveFontFamilyBase = "Pretendard";
+var PrimitiveFontSize2xs = "10px";
+var PrimitiveFontSizeXs = "12px";
+var PrimitiveFontSizeSm = "14px";
+var PrimitiveFontSizeMd = "16px";
+var PrimitiveFontSizeLg = "20px";
+var PrimitiveFontSizeXl = "24px";
+var PrimitiveFontSize2xl = "32px";
+var PrimitiveFontWeightMedium = 500;
+var PrimitiveFontWeightSemibold = 600;
+var PrimitiveFontWeightBold = 700;
+var PrimitiveLineHeight100 = 1;
+var PrimitiveLineHeight120 = 1.2;
+var PrimitiveLineHeight130 = 1.3;
+var PrimitiveLineHeight140 = 1.4;
+var PrimitiveLetterSpacingNone = "0";
+var PrimitiveLetterSpacingSnug = "-0.005em";
+var PrimitiveLetterSpacingTight = "-0.01em";
+var SemanticColorPrimaryDefault = "#323236";
+var SemanticColorPrimaryHoverPressed = "#47474c";
+var SemanticColorPrimarySubtle = "#ffffff";
+var SemanticColorAccentDefault = "#6466fa";
+var SemanticColorAccentHoverPressed = "#7677fa";
+var SemanticColorAccentSubtle = "#f3f3ff";
+var SemanticColorSecondaryDefault = "#f77520";
+var SemanticColorSecondaryHoverPressed = "#fc883c";
+var SemanticColorSecondarySubtle = "#fbeee6";
+var SemanticColorDangerDefault = "#de7661";
+var SemanticColorDangerHoverPressed = "#cf3535";
+var SemanticColorDangerSubtle = "#faf0f0";
+var SemanticColorSuccessDefault = "#45922c";
+var SemanticColorSuccessSubtle = "#f3f7f0";
+var SemanticColorWarningDefault = "#d9671c";
+var SemanticColorWarningSubtle = "#fdf9f7";
+var SemanticColorSurfaceBase = "#ffffff";
+var SemanticColorSurfaceRaised = "#f5f5f7";
+var SemanticColorSurfaceSunken = "#ededf2";
+var SemanticColorTextPrimary = "#323236";
+var SemanticColorTextPrimarySub = "#86868d";
+var SemanticColorTextAccent = "#4345e5";
+var SemanticColorTextSecondary = "#fc883c";
+var SemanticColorTextDanger = "#cf3535";
+var SemanticColorTextSuccess = "#40772e";
+var SemanticColorTextWarning = "#a7531b";
+var SemanticColorTextDisabled = "#0000004d";
+var SemanticColorTextOnPrimary = "#ffffff";
+var SemanticColorTextOnAccent = "#ffffff";
+var SemanticColorTextOnSecondary = "#fdf9f7";
+var SemanticColorTextOnDanger = "#ffffff";
+var SemanticColorTextOnDisabled = "#ffffff80";
+var SemanticColorBorderDefault = "#ededf2";
+var SemanticColorBorderStrong = "#c8c8cc";
+var SemanticColorBorderAccent = "#4345e5";
+var SemanticColorBorderSecondary = "#fc883c";
+var SemanticColorBorderDanger = "#de7661";
+var SemanticColorBorderFocus = "#4345e5";
+var SemanticColorStateHoverPressed = "#0000000d";
+var SemanticColorStatePressed = "#0000004d";
+var SemanticColorStateDisabled = "#0000001a";
+var SemanticColorStateOnDisabled = "#ffffff80";
+var SemanticColorOverlayDim = "#000000b2";
+var SemanticColorOverlayGlass = "#ffffff80";
+var SemanticLayoutInset = "48px";
+var SemanticLayoutPageMargin = "128px";
+var SemanticLayoutSidebarWidth = "220px";
+var SemanticLayoutPopupWidth = "350px";
+var SemanticLayoutContentWidth = "1220px";
+var SemanticLayoutBreakpointDesktop = "1440px";
+var SemanticLayoutBreakpointMobile = "768px";
+var SemanticRadiusControlSm = "6px";
+var SemanticRadiusControl = "10px";
+var SemanticRadiusContainer = "16px";
+var SemanticRadiusPill = "9999px";
+var SemanticShadow100 = {
+  color: "#0000000d",
+  offsetX: "0px",
+  offsetY: "0px",
+  blur: "6px",
+  spread: "0px"
+};
+var SemanticSpaceInsetSm = "8px";
+var SemanticSpaceInsetMd = "16px";
+var SemanticSpaceInsetLg = "24px";
+var SemanticSpaceGapXs = "4px";
+var SemanticSpaceGapSm = "8px";
+var SemanticSpaceGapMd = "12px";
+var SemanticSpaceGapLg = "16px";
+var SemanticSpaceGapXl = "24px";
+var SemanticTypographyDisplay = {
+  fontFamily: "Pretendard",
+  fontSize: "32px",
+  fontWeight: 700,
+  lineHeight: 1.2,
+  letterSpacing: "-0.01em"
+};
+var SemanticTypographyHeadline = {
+  fontFamily: "Pretendard",
+  fontSize: "24px",
+  fontWeight: 700,
+  lineHeight: 1.2,
+  letterSpacing: "-0.01em"
+};
+var SemanticTypographyTitle = {
+  fontFamily: "Pretendard",
+  fontSize: "20px",
+  fontWeight: 700,
+  lineHeight: 1.4,
+  letterSpacing: "-0.005em"
+};
+var SemanticTypographyBody1RegularSemibold = {
+  fontFamily: "Pretendard",
+  fontSize: "16px",
+  fontWeight: 600,
+  lineHeight: 1,
+  letterSpacing: "-0.01em"
+};
+var SemanticTypographyBody1RegularMedium = {
+  fontFamily: "Pretendard",
+  fontSize: "16px",
+  fontWeight: 500,
+  lineHeight: 1,
+  letterSpacing: "-0.01em"
+};
+var SemanticTypographyBody1ReadingSemibold = {
+  fontFamily: "Pretendard",
+  fontSize: "16px",
+  fontWeight: 600,
+  lineHeight: 1.4,
+  letterSpacing: "-0.01em"
+};
+var SemanticTypographyBody1ReadingMedium = {
+  fontFamily: "Pretendard",
+  fontSize: "16px",
+  fontWeight: 500,
+  lineHeight: 1.4,
+  letterSpacing: "-0.01em"
+};
+var SemanticTypographyBody2RegularSemibold = {
+  fontFamily: "Pretendard",
+  fontSize: "14px",
+  fontWeight: 600,
+  lineHeight: 1,
+  letterSpacing: "-0.01em"
+};
+var SemanticTypographyBody2RegularMedium = {
+  fontFamily: "Pretendard",
+  fontSize: "14px",
+  fontWeight: 500,
+  lineHeight: 1,
+  letterSpacing: "-0.01em"
+};
+var SemanticTypographyBody2ReadingSemibold = {
+  fontFamily: "Pretendard",
+  fontSize: "14px",
+  fontWeight: 600,
+  lineHeight: 1.4,
+  letterSpacing: "-0.01em"
+};
+var SemanticTypographyBody2ReadingMedium = {
+  fontFamily: "Pretendard",
+  fontSize: "14px",
+  fontWeight: 500,
+  lineHeight: 1.4,
+  letterSpacing: "-0.01em"
+};
+var SemanticTypographyLabelRegularSemibold = {
+  fontFamily: "Pretendard",
+  fontSize: "12px",
+  fontWeight: 600,
+  lineHeight: 1,
+  letterSpacing: "0"
+};
+var SemanticTypographyLabelReadingSemibold = {
+  fontFamily: "Pretendard",
+  fontSize: "12px",
+  fontWeight: 600,
+  lineHeight: 1.4,
+  letterSpacing: "0"
+};
+var SemanticTypographyLabelReadingMedium = {
+  fontFamily: "Pretendard",
+  fontSize: "12px",
+  fontWeight: 500,
+  lineHeight: 1.4,
+  letterSpacing: "0"
+};
+var SemanticTypographyCaptionRegularSemibold = {
+  fontFamily: "Pretendard",
+  fontSize: "10px",
+  fontWeight: 600,
+  lineHeight: 1.3,
+  letterSpacing: "0"
+};
+var SemanticTypographyCaptionRegularMedium = {
+  fontFamily: "Pretendard",
+  fontSize: "10px",
+  fontWeight: 500,
+  lineHeight: 1.3,
+  letterSpacing: "0"
+};
+var DurationFast = { value: 120, unit: "ms" };
+var DurationNormal = { value: 180, unit: "ms" };
+var EasingStandard = [0.2, 0, 0, 1];
+export {
+  DurationFast,
+  DurationNormal,
+  EasingStandard,
+  PrimitiveAlphaBlack10,
+  PrimitiveAlphaBlack30,
+  PrimitiveAlphaBlack5,
+  PrimitiveAlphaBlack70,
+  PrimitiveAlphaBlack90,
+  PrimitiveAlphaWhite10,
+  PrimitiveAlphaWhite30,
+  PrimitiveAlphaWhite50,
+  PrimitiveAlphaWhite70,
+  PrimitiveAlphaWhite90,
+  PrimitiveFontFamilyBase,
+  PrimitiveFontSize2xl,
+  PrimitiveFontSize2xs,
+  PrimitiveFontSizeLg,
+  PrimitiveFontSizeMd,
+  PrimitiveFontSizeSm,
+  PrimitiveFontSizeXl,
+  PrimitiveFontSizeXs,
+  PrimitiveFontWeightBold,
+  PrimitiveFontWeightMedium,
+  PrimitiveFontWeightSemibold,
+  PrimitiveGray00,
+  PrimitiveGray100,
+  PrimitiveGray200,
+  PrimitiveGray300,
+  PrimitiveGray400,
+  PrimitiveGray50,
+  PrimitiveGray500,
+  PrimitiveGray600,
+  PrimitiveGray700,
+  PrimitiveGray800,
+  PrimitiveGray900,
+  PrimitiveGray950,
+  PrimitiveGreen100,
+  PrimitiveGreen200,
+  PrimitiveGreen300,
+  PrimitiveGreen400,
+  PrimitiveGreen50,
+  PrimitiveGreen500,
+  PrimitiveGreen600,
+  PrimitiveGreen700,
+  PrimitiveGreen800,
+  PrimitiveGreen900,
+  PrimitiveGreen950,
+  PrimitiveLetterSpacingNone,
+  PrimitiveLetterSpacingSnug,
+  PrimitiveLetterSpacingTight,
+  PrimitiveLineHeight100,
+  PrimitiveLineHeight120,
+  PrimitiveLineHeight130,
+  PrimitiveLineHeight140,
+  PrimitiveOrange100,
+  PrimitiveOrange200,
+  PrimitiveOrange300,
+  PrimitiveOrange400,
+  PrimitiveOrange50,
+  PrimitiveOrange500,
+  PrimitiveOrange600,
+  PrimitiveOrange700,
+  PrimitiveOrange800,
+  PrimitiveOrange900,
+  PrimitiveOrange950,
+  PrimitivePurple100,
+  PrimitivePurple200,
+  PrimitivePurple300,
+  PrimitivePurple400,
+  PrimitivePurple50,
+  PrimitivePurple500,
+  PrimitivePurple600,
+  PrimitivePurple700,
+  PrimitivePurple800,
+  PrimitivePurple900,
+  PrimitivePurple950,
+  PrimitiveRadiusFull,
+  PrimitiveRadiusLg,
+  PrimitiveRadiusMd,
+  PrimitiveRadiusSm,
+  PrimitiveRed100,
+  PrimitiveRed200,
+  PrimitiveRed300,
+  PrimitiveRed400,
+  PrimitiveRed50,
+  PrimitiveRed500,
+  PrimitiveRed600,
+  PrimitiveRed700,
+  PrimitiveRed800,
+  PrimitiveRed900,
+  PrimitiveRed950,
+  PrimitiveSpace1,
+  PrimitiveSpace12,
+  PrimitiveSpace2,
+  PrimitiveSpace3,
+  PrimitiveSpace32,
+  PrimitiveSpace4,
+  PrimitiveSpace6,
+  PrimitiveSpace8,
+  SemanticColorAccentDefault,
+  SemanticColorAccentHoverPressed,
+  SemanticColorAccentSubtle,
+  SemanticColorBorderAccent,
+  SemanticColorBorderDanger,
+  SemanticColorBorderDefault,
+  SemanticColorBorderFocus,
+  SemanticColorBorderSecondary,
+  SemanticColorBorderStrong,
+  SemanticColorDangerDefault,
+  SemanticColorDangerHoverPressed,
+  SemanticColorDangerSubtle,
+  SemanticColorOverlayDim,
+  SemanticColorOverlayGlass,
+  SemanticColorPrimaryDefault,
+  SemanticColorPrimaryHoverPressed,
+  SemanticColorPrimarySubtle,
+  SemanticColorSecondaryDefault,
+  SemanticColorSecondaryHoverPressed,
+  SemanticColorSecondarySubtle,
+  SemanticColorStateDisabled,
+  SemanticColorStateHoverPressed,
+  SemanticColorStateOnDisabled,
+  SemanticColorStatePressed,
+  SemanticColorSuccessDefault,
+  SemanticColorSuccessSubtle,
+  SemanticColorSurfaceBase,
+  SemanticColorSurfaceRaised,
+  SemanticColorSurfaceSunken,
+  SemanticColorTextAccent,
+  SemanticColorTextDanger,
+  SemanticColorTextDisabled,
+  SemanticColorTextOnAccent,
+  SemanticColorTextOnDanger,
+  SemanticColorTextOnDisabled,
+  SemanticColorTextOnPrimary,
+  SemanticColorTextOnSecondary,
+  SemanticColorTextPrimary,
+  SemanticColorTextPrimarySub,
+  SemanticColorTextSecondary,
+  SemanticColorTextSuccess,
+  SemanticColorTextWarning,
+  SemanticColorWarningDefault,
+  SemanticColorWarningSubtle,
+  SemanticLayoutBreakpointDesktop,
+  SemanticLayoutBreakpointMobile,
+  SemanticLayoutContentWidth,
+  SemanticLayoutInset,
+  SemanticLayoutPageMargin,
+  SemanticLayoutPopupWidth,
+  SemanticLayoutSidebarWidth,
+  SemanticRadiusContainer,
+  SemanticRadiusControl,
+  SemanticRadiusControlSm,
+  SemanticRadiusPill,
+  SemanticShadow100,
+  SemanticSpaceGapLg,
+  SemanticSpaceGapMd,
+  SemanticSpaceGapSm,
+  SemanticSpaceGapXl,
+  SemanticSpaceGapXs,
+  SemanticSpaceInsetLg,
+  SemanticSpaceInsetMd,
+  SemanticSpaceInsetSm,
+  SemanticTypographyBody1ReadingMedium,
+  SemanticTypographyBody1ReadingSemibold,
+  SemanticTypographyBody1RegularMedium,
+  SemanticTypographyBody1RegularSemibold,
+  SemanticTypographyBody2ReadingMedium,
+  SemanticTypographyBody2ReadingSemibold,
+  SemanticTypographyBody2RegularMedium,
+  SemanticTypographyBody2RegularSemibold,
+  SemanticTypographyCaptionRegularMedium,
+  SemanticTypographyCaptionRegularSemibold,
+  SemanticTypographyDisplay,
+  SemanticTypographyHeadline,
+  SemanticTypographyLabelReadingMedium,
+  SemanticTypographyLabelReadingSemibold,
+  SemanticTypographyLabelRegularSemibold,
+  SemanticTypographyTitle
+};