@teamturing/token-studio 1.1.0

package/dist/token/color/index.d.ts

@@ -0,0 +1,253 @@
+declare const textColor: {
+    readonly 'text/primary': "#835EEB";
+    readonly 'text/accent/blue': "#4880ee";
+    readonly 'text/accent/green': "#1FCCA1";
+    readonly 'text/accent/yellow': "#FFC107";
+    readonly 'text/accent/red': "#F22735";
+    readonly 'text/neutral/subtlest': "#8D94A0";
+    readonly 'text/neutral/subtler': "#7A828D";
+    readonly 'text/neutral/subtle': "#575C64";
+    readonly 'text/neutral': "#33373B";
+    readonly 'text/inverse': "#FFFFFF";
+    readonly 'text/inverse/subtle': "#E5E7EB";
+    readonly 'text/inverse/subtler': "#D1D5DB";
+    readonly 'text/disabled': "#8D94A0";
+    readonly 'text/success': "#1FCCA1";
+    readonly 'text/warning': "#FFC107";
+    readonly 'text/danger': "#F22735";
+    readonly 'text/selected/neutral': "#33373B";
+};
+declare const bgColor: {
+    readonly 'bg/secondary': "#F3EFFD";
+    readonly 'bg/secondary/hovered': "#D9CDF9";
+    readonly 'bg/secondary/pressed': "#D9CDF9";
+    readonly 'bg/primary': "#835EEB";
+    readonly 'bg/primary/hovered': "#5D43A7";
+    readonly 'bg/primary/pressed': "#5D43A7";
+    readonly 'bg/neutral/subtler': "#FFFFFF00";
+    readonly 'bg/neutral/subtler/hovered': "#F3F4F6";
+    readonly 'bg/neutral/subtler/pressed': "#F3F4F6";
+    readonly 'bg/neutral/subtle': "#F9FAFB";
+    readonly 'bg/neutral/subtle/hovered': "#E5E7EB";
+    readonly 'bg/neutral/subtle/pressed': "#E5E7EB";
+    readonly 'bg/neutral': "#F3F4F6";
+    readonly 'bg/neutral/hovered': "#D1D5DB";
+    readonly 'bg/neutral/pressed': "#D1D5DB";
+    readonly 'bg/neutral/bold': "#575C64";
+    readonly 'bg/neutral/bold/hovered': "#33373B";
+    readonly 'bg/neutral/bold/pressed': "#33373B";
+    readonly 'bg/neutral/bolder': "#33373B";
+    readonly 'bg/neutral/bolder/hovered': "#000000";
+    readonly 'bg/neutral/bolder/pressed': "#000000";
+    readonly 'bg/disabled': "#F3F4F6";
+    readonly 'bg/disabled/subtlest': "#FFFFFF00";
+    readonly 'bg/input': "#FFFFFF";
+    readonly 'bg/accent/green/subtlest': "#E9FAF6";
+    readonly 'bg/accent/yellow/subtlest': "#FFF9E6";
+    readonly 'bg/accent/red/subtlest': "#FEE9EB";
+    readonly 'bg/accent/red/subtle': "#F5525D";
+    readonly 'bg/accent/red': "#F22735";
+    readonly 'bg/accent/gray/subtlest': "#E5E7EB";
+    readonly 'bg/accent/blue/subtlest': "#edf2fd";
+    readonly 'bg/selected/violet': "#835EEB";
+    readonly 'bg/selected/neutral': "#33373B";
+    readonly 'bg/selected/neutral/subtle': "#F3F4F6";
+    readonly 'bg/inverse': "#000000";
+    readonly 'bg/inverse/subtlest': "#FFFFFF1A";
+    readonly 'bg/success': "#E9FAF6";
+    readonly 'bg/success/bold': "#1FCCA1";
+    readonly 'bg/warning': "#FFF9E6";
+    readonly 'bg/warning/bold': "#FFC107";
+    readonly 'bg/danger': "#FEE9EB";
+    readonly 'bg/danger/bold': "#F5525D";
+    readonly 'bg/danger/bold/hovered': "#DC2330";
+    readonly 'bg/danger/bold/pressed': "#DC2330";
+};
+declare const borderColor: {
+    readonly 'border/neutral/subtle': "#F3F4F6";
+    readonly 'border/neutral': "#E5E7EB";
+    readonly 'border/neutral/bolder': "#D1D5DB";
+    readonly 'border/input': "#E5E7EB";
+    readonly 'border/inverse': "#FFFFFF1A";
+    readonly 'border/disabled': "#F3F4F6";
+    readonly 'border/primary': "#835EEB";
+    readonly 'border/hovered': "#84aaf4";
+    readonly 'border/focused': "#4880ee";
+    readonly 'border/danger': "#F22735";
+    readonly 'border/success': "#1FCCA1";
+};
+declare const iconColor: {
+    readonly 'icon/neutral': "#D1D5DB";
+    readonly 'icon/neutral/bold': "#8D94A0";
+    readonly 'icon/neutral/bolder': "#575C64";
+    readonly 'icon/accent/gray': "#33373B";
+    readonly 'icon/accent/blue': "#4880ee";
+    readonly 'icon/accent/blue/bold': "#335ba9";
+    readonly 'icon/accent/green': "#1FCCA1";
+    readonly 'icon/accent/yellow': "#FFC107";
+    readonly 'icon/accent/red': "#F22735";
+    readonly 'icon/inverse': "#FFFFFF";
+    readonly 'icon/disabled': "#D1D5DB";
+    readonly 'icon/disabled/subtler': "#E5E7EB";
+    readonly 'icon/selected/primary': "#835EEB";
+    readonly 'icon/selected/neutral': "#33373B";
+    readonly 'icon/primary': "#835EEB";
+    readonly 'icon/primary/subtle': "#C6B5F6";
+    readonly 'icon/primary/bold': "#5D43A7";
+    readonly 'icon/success': "#1FCCA1";
+    readonly 'icon/warning': "#FFC107";
+    readonly 'icon/danger': "#F22735";
+};
+declare const linkColor: {
+    readonly link: "#4880ee";
+    readonly 'link/hovered': "#335ba9";
+    readonly 'link/pressed': "#335ba9";
+    readonly 'link/neutral': "#7A828D";
+    readonly 'link/neutral/hovered': "#575C64";
+    readonly 'link/neutral/pressed': "#575C64";
+    readonly 'link/neutral/bold': "#575C64";
+    readonly 'link/neutral/bold/hovered': "#33373B";
+    readonly 'link/neutral/bold/pressed': "#33373B";
+    readonly 'link/disabled': "#575C64";
+};
+declare const dimColor: {
+    readonly dim: "#00000099";
+};
+declare const scaleColor: {
+    'scale/violet/0': "#F3EFFD";
+    'scale/violet/1': "#E8E1FB";
+    'scale/violet/2': "#D9CDF9";
+    'scale/violet/3': "#C6B5F6";
+    'scale/violet/4': "#9C7EEF";
+    'scale/violet/5': "#835EEB";
+    'scale/violet/6': "#7756D6";
+    'scale/violet/7': "#5D43A7";
+    'scale/violet/8': "#483481";
+    'scale/violet/9': "#372763";
+};
+declare const color: {
+    readonly 'scale/violet/0': "#F3EFFD";
+    readonly 'scale/violet/1': "#E8E1FB";
+    readonly 'scale/violet/2': "#D9CDF9";
+    readonly 'scale/violet/3': "#C6B5F6";
+    readonly 'scale/violet/4': "#9C7EEF";
+    readonly 'scale/violet/5': "#835EEB";
+    readonly 'scale/violet/6': "#7756D6";
+    readonly 'scale/violet/7': "#5D43A7";
+    readonly 'scale/violet/8': "#483481";
+    readonly 'scale/violet/9': "#372763";
+    readonly dim: "#00000099";
+    readonly link: "#4880ee";
+    readonly 'link/hovered': "#335ba9";
+    readonly 'link/pressed': "#335ba9";
+    readonly 'link/neutral': "#7A828D";
+    readonly 'link/neutral/hovered': "#575C64";
+    readonly 'link/neutral/pressed': "#575C64";
+    readonly 'link/neutral/bold': "#575C64";
+    readonly 'link/neutral/bold/hovered': "#33373B";
+    readonly 'link/neutral/bold/pressed': "#33373B";
+    readonly 'link/disabled': "#575C64";
+    readonly 'icon/neutral': "#D1D5DB";
+    readonly 'icon/neutral/bold': "#8D94A0";
+    readonly 'icon/neutral/bolder': "#575C64";
+    readonly 'icon/accent/gray': "#33373B";
+    readonly 'icon/accent/blue': "#4880ee";
+    readonly 'icon/accent/blue/bold': "#335ba9";
+    readonly 'icon/accent/green': "#1FCCA1";
+    readonly 'icon/accent/yellow': "#FFC107";
+    readonly 'icon/accent/red': "#F22735";
+    readonly 'icon/inverse': "#FFFFFF";
+    readonly 'icon/disabled': "#D1D5DB";
+    readonly 'icon/disabled/subtler': "#E5E7EB";
+    readonly 'icon/selected/primary': "#835EEB";
+    readonly 'icon/selected/neutral': "#33373B";
+    readonly 'icon/primary': "#835EEB";
+    readonly 'icon/primary/subtle': "#C6B5F6";
+    readonly 'icon/primary/bold': "#5D43A7";
+    readonly 'icon/success': "#1FCCA1";
+    readonly 'icon/warning': "#FFC107";
+    readonly 'icon/danger': "#F22735";
+    readonly 'border/neutral/subtle': "#F3F4F6";
+    readonly 'border/neutral': "#E5E7EB";
+    readonly 'border/neutral/bolder': "#D1D5DB";
+    readonly 'border/input': "#E5E7EB";
+    readonly 'border/inverse': "#FFFFFF1A";
+    readonly 'border/disabled': "#F3F4F6";
+    readonly 'border/primary': "#835EEB";
+    readonly 'border/hovered': "#84aaf4";
+    readonly 'border/focused': "#4880ee";
+    readonly 'border/danger': "#F22735";
+    readonly 'border/success': "#1FCCA1";
+    readonly 'bg/secondary': "#F3EFFD";
+    readonly 'bg/secondary/hovered': "#D9CDF9";
+    readonly 'bg/secondary/pressed': "#D9CDF9";
+    readonly 'bg/primary': "#835EEB";
+    readonly 'bg/primary/hovered': "#5D43A7";
+    readonly 'bg/primary/pressed': "#5D43A7";
+    readonly 'bg/neutral/subtler': "#FFFFFF00";
+    readonly 'bg/neutral/subtler/hovered': "#F3F4F6";
+    readonly 'bg/neutral/subtler/pressed': "#F3F4F6";
+    readonly 'bg/neutral/subtle': "#F9FAFB";
+    readonly 'bg/neutral/subtle/hovered': "#E5E7EB";
+    readonly 'bg/neutral/subtle/pressed': "#E5E7EB";
+    readonly 'bg/neutral': "#F3F4F6";
+    readonly 'bg/neutral/hovered': "#D1D5DB";
+    readonly 'bg/neutral/pressed': "#D1D5DB";
+    readonly 'bg/neutral/bold': "#575C64";
+    readonly 'bg/neutral/bold/hovered': "#33373B";
+    readonly 'bg/neutral/bold/pressed': "#33373B";
+    readonly 'bg/neutral/bolder': "#33373B";
+    readonly 'bg/neutral/bolder/hovered': "#000000";
+    readonly 'bg/neutral/bolder/pressed': "#000000";
+    readonly 'bg/disabled': "#F3F4F6";
+    readonly 'bg/disabled/subtlest': "#FFFFFF00";
+    readonly 'bg/input': "#FFFFFF";
+    readonly 'bg/accent/green/subtlest': "#E9FAF6";
+    readonly 'bg/accent/yellow/subtlest': "#FFF9E6";
+    readonly 'bg/accent/red/subtlest': "#FEE9EB";
+    readonly 'bg/accent/red/subtle': "#F5525D";
+    readonly 'bg/accent/red': "#F22735";
+    readonly 'bg/accent/gray/subtlest': "#E5E7EB";
+    readonly 'bg/accent/blue/subtlest': "#edf2fd";
+    readonly 'bg/selected/violet': "#835EEB";
+    readonly 'bg/selected/neutral': "#33373B";
+    readonly 'bg/selected/neutral/subtle': "#F3F4F6";
+    readonly 'bg/inverse': "#000000";
+    readonly 'bg/inverse/subtlest': "#FFFFFF1A";
+    readonly 'bg/success': "#E9FAF6";
+    readonly 'bg/success/bold': "#1FCCA1";
+    readonly 'bg/warning': "#FFF9E6";
+    readonly 'bg/warning/bold': "#FFC107";
+    readonly 'bg/danger': "#FEE9EB";
+    readonly 'bg/danger/bold': "#F5525D";
+    readonly 'bg/danger/bold/hovered': "#DC2330";
+    readonly 'bg/danger/bold/pressed': "#DC2330";
+    readonly 'text/primary': "#835EEB";
+    readonly 'text/accent/blue': "#4880ee";
+    readonly 'text/accent/green': "#1FCCA1";
+    readonly 'text/accent/yellow': "#FFC107";
+    readonly 'text/accent/red': "#F22735";
+    readonly 'text/neutral/subtlest': "#8D94A0";
+    readonly 'text/neutral/subtler': "#7A828D";
+    readonly 'text/neutral/subtle': "#575C64";
+    readonly 'text/neutral': "#33373B";
+    readonly 'text/inverse': "#FFFFFF";
+    readonly 'text/inverse/subtle': "#E5E7EB";
+    readonly 'text/inverse/subtler': "#D1D5DB";
+    readonly 'text/disabled': "#8D94A0";
+    readonly 'text/success': "#1FCCA1";
+    readonly 'text/warning': "#FFC107";
+    readonly 'text/danger': "#F22735";
+    readonly 'text/selected/neutral': "#33373B";
+};
+type TextColorKey = keyof typeof textColor;
+type BgColorKey = keyof typeof bgColor;
+type BorderColorKey = keyof typeof borderColor;
+type IconColorKey = keyof typeof iconColor;
+type LinkColorKey = keyof typeof linkColor;
+type DimColorKey = keyof typeof dimColor;
+type ScaleColorKey = keyof typeof scaleColor;
+type ColorKey = keyof typeof color;
+export default color;
+export { textColor, bgColor, borderColor, iconColor, linkColor, dimColor, scaleColor };
+export type { ColorKey, TextColorKey, BgColorKey, BorderColorKey, IconColorKey, LinkColorKey, DimColorKey, ScaleColorKey, };

package/dist/token/elevation/index.d.ts

@@ -0,0 +1,18 @@
+declare const surfaceElevation: {
+    readonly surface: "#FFFFFF";
+    readonly 'surface/overlay': "#FFFFFF";
+};
+declare const shadowElevation: {
+    readonly 'shadow/overlay': string;
+};
+declare const elevation: {
+    readonly 'shadow/overlay': string;
+    readonly surface: "#FFFFFF";
+    readonly 'surface/overlay': "#FFFFFF";
+};
+type SurfaceElevationKey = keyof typeof surfaceElevation;
+type ShadowElevationKey = keyof typeof shadowElevation;
+type ElevationKey = keyof typeof elevation;
+export default elevation;
+export { surfaceElevation, shadowElevation };
+export type { SurfaceElevationKey, ShadowElevationKey, ElevationKey };

package/dist/token/gradient/index.d.ts

@@ -0,0 +1,44 @@
+declare const textGradient: {
+    readonly 'text/accent': string;
+};
+declare const bgGradient: {
+    readonly 'bg/accent/violet': string;
+    readonly 'bg/accent/neutral': string;
+};
+declare const borderGradient: {
+    readonly 'border/accent/violet': string;
+};
+declare const overlayGradient: {
+    readonly 'overlay/subtlest/toright': string;
+    readonly 'overlay/subtlest/toleft': string;
+    readonly 'overlay/subtlest/totop': string;
+    readonly 'overlay/floating/toright': string;
+    readonly 'overlay/floating/toleft': string;
+    readonly 'overlay/floating/totop': string;
+    readonly 'overlay/bold/toright': string;
+    readonly 'overlay/bold/toleft': string;
+    readonly 'overlay/bold/totop': string;
+};
+declare const gradient: {
+    readonly 'overlay/subtlest/toright': string;
+    readonly 'overlay/subtlest/toleft': string;
+    readonly 'overlay/subtlest/totop': string;
+    readonly 'overlay/floating/toright': string;
+    readonly 'overlay/floating/toleft': string;
+    readonly 'overlay/floating/totop': string;
+    readonly 'overlay/bold/toright': string;
+    readonly 'overlay/bold/toleft': string;
+    readonly 'overlay/bold/totop': string;
+    readonly 'border/accent/violet': string;
+    readonly 'bg/accent/violet': string;
+    readonly 'bg/accent/neutral': string;
+    readonly 'text/accent': string;
+};
+type TextGradientKey = keyof typeof textGradient;
+type BgGradientKey = keyof typeof bgGradient;
+type BorderGradientKey = keyof typeof borderGradient;
+type OverlayGradientKey = keyof typeof overlayGradient;
+type GradientKey = keyof typeof gradient;
+export default gradient;
+export { textGradient, bgGradient, borderGradient, overlayGradient };
+export type { TextGradientKey, BgGradientKey, BorderGradientKey, OverlayGradientKey, GradientKey };

package/dist/token/index.d.ts

@@ -0,0 +1,15 @@
+export { default as breakpoints, baseBreakpoints } from './breakpoints';
+export { default as color, bgColor, borderColor, dimColor, iconColor, linkColor, scaleColor, textColor } from './color';
+export type { BgColorKey, BorderColorKey, ColorKey, DimColorKey, IconColorKey, LinkColorKey, ScaleColorKey, TextColorKey, } from './color';
+export { default as elevation, shadowElevation, surfaceElevation } from './elevation';
+export type { ElevationKey, ShadowElevationKey, SurfaceElevationKey } from './elevation';
+export { default as gradient, bgGradient, borderGradient, overlayGradient, textGradient } from './gradient';
+export type { BgGradientKey, BorderGradientKey, GradientKey, OverlayGradientKey, TextGradientKey } from './gradient';
+export { default as opacity, accentOpacity } from './opacity';
+export type { AccentOpacityKey, OpacityKey } from './opacity';
+export { default as radii } from './radii';
+export type { RadiiKey } from './radii';
+export { default as space } from './space';
+export type { SpaceKey } from './space';
+export { default as typography, fontSizes, fontWeights, lineHeights } from './typography';
+export type { FontSizeKey, FontWeightKey, LineHeightKey, TypographyKey } from './typography';

package/dist/token/opacity/index.d.ts

@@ -0,0 +1,11 @@
+declare const accentOpacity: {
+    readonly accent: number;
+};
+declare const opacity: {
+    readonly accent: number;
+};
+type AccentOpacityKey = keyof typeof accentOpacity;
+type OpacityKey = keyof typeof opacity;
+export default opacity;
+export { accentOpacity };
+export type { AccentOpacityKey, OpacityKey };

package/dist/token/radii/index.d.ts

@@ -0,0 +1,13 @@
+declare const radii: {
+    readonly none: number;
+    readonly xxs: number;
+    readonly xs: number;
+    readonly s: number;
+    readonly m: number;
+    readonly l: number;
+    readonly xl: number;
+    readonly xxl: number;
+    readonly full: number;
+};
+export type RadiiKey = keyof typeof radii;
+export default radii;

package/dist/token/space/index.d.ts

@@ -0,0 +1,53 @@
+declare const space: {
+    readonly '-80': number;
+    readonly '-50': number;
+    readonly '-48': number;
+    readonly '-40': number;
+    readonly '-32': number;
+    readonly '-30': number;
+    readonly '-28': number;
+    readonly '-24': number;
+    readonly '-20': number;
+    readonly '-18': number;
+    readonly '-16': number;
+    readonly '-14': number;
+    readonly '-12': number;
+    readonly '-10': number;
+    readonly '-8': number;
+    readonly '-7': number;
+    readonly '-6': number;
+    readonly '-5': number;
+    readonly '-4': number;
+    readonly '-3': number;
+    readonly '-2': number;
+    readonly '-1': number;
+    readonly '-0.5': number;
+    readonly '-0.25': number;
+    readonly 0: number;
+    readonly 0.25: number;
+    readonly 0.5: number;
+    readonly 1: number;
+    readonly 2: number;
+    readonly 3: number;
+    readonly 4: number;
+    readonly 5: number;
+    readonly 6: number;
+    readonly 7: number;
+    readonly 8: number;
+    readonly 10: number;
+    readonly 12: number;
+    readonly 14: number;
+    readonly 16: number;
+    readonly 18: number;
+    readonly 20: number;
+    readonly 24: number;
+    readonly 28: number;
+    readonly 30: number;
+    readonly 32: number;
+    readonly 40: number;
+    readonly 48: number;
+    readonly 50: number;
+    readonly 80: number;
+};
+export type SpaceKey = keyof typeof space;
+export default space;

package/dist/token/typography/fontSizes.d.ts

@@ -0,0 +1,15 @@
+declare const fontSizes: {
+    xxs: number;
+    xs: number;
+    s: number;
+    m: number;
+    l: number;
+    xl: number;
+    xxl: number;
+    display4: number;
+    display3: number;
+    display2: number;
+    display1: number;
+};
+export type FontSizeKey = keyof typeof fontSizes;
+export default fontSizes;

package/dist/token/typography/fontWeights.d.ts

@@ -0,0 +1,7 @@
+declare const fontWeights: {
+    readonly regular: number;
+    readonly medium: number;
+    readonly bold: number;
+};
+export type FontWeightKey = keyof typeof fontWeights;
+export default fontWeights;

package/dist/token/typography/index.d.ts

@@ -0,0 +1,134 @@
+import fontSizes, { FontSizeKey } from './fontSizes';
+import fontWeights, { FontWeightKey } from './fontWeights';
+import lineHeights, { LineHeightKey } from './lineHeights';
+declare const typography: {
+    readonly display1: {
+        readonly fontSize: number;
+        readonly fontWeight: number;
+        readonly lineHeight: number;
+    };
+    readonly display2: {
+        readonly fontSize: number;
+        readonly fontWeight: number;
+        readonly lineHeight: number;
+    };
+    readonly display3: {
+        readonly fontSize: number;
+        readonly fontWeight: number;
+        readonly lineHeight: number;
+    };
+    readonly display4: {
+        readonly fontSize: number;
+        readonly fontWeight: number;
+        readonly lineHeight: number;
+    };
+    readonly 'xxl/regular': {
+        readonly fontSize: number;
+        readonly fontWeight: number;
+        readonly lineHeight: number;
+    };
+    readonly xxl: {
+        readonly fontSize: number;
+        readonly fontWeight: number;
+        readonly lineHeight: number;
+    };
+    readonly 'xxl/bold': {
+        readonly fontSize: number;
+        readonly fontWeight: number;
+        readonly lineHeight: number;
+    };
+    readonly 'xl/regular': {
+        readonly fontSize: number;
+        readonly fontWeight: number;
+        readonly lineHeight: number;
+    };
+    readonly xl: {
+        readonly fontSize: number;
+        readonly fontWeight: number;
+        readonly lineHeight: number;
+    };
+    readonly 'xl/bold': {
+        readonly fontSize: number;
+        readonly fontWeight: number;
+        readonly lineHeight: number;
+    };
+    readonly 'l/regular': {
+        readonly fontSize: number;
+        readonly fontWeight: number;
+        readonly lineHeight: number;
+    };
+    readonly l: {
+        readonly fontSize: number;
+        readonly fontWeight: number;
+        readonly lineHeight: number;
+    };
+    readonly 'l/bold': {
+        readonly fontSize: number;
+        readonly fontWeight: number;
+        readonly lineHeight: number;
+    };
+    readonly 'm/regular': {
+        readonly fontSize: number;
+        readonly fontWeight: number;
+        readonly lineHeight: number;
+    };
+    readonly m: {
+        readonly fontSize: number;
+        readonly fontWeight: number;
+        readonly lineHeight: number;
+    };
+    readonly 'm/bold': {
+        readonly fontSize: number;
+        readonly fontWeight: number;
+        readonly lineHeight: number;
+    };
+    readonly 's/regular': {
+        readonly fontSize: number;
+        readonly fontWeight: number;
+        readonly lineHeight: number;
+    };
+    readonly s: {
+        readonly fontSize: number;
+        readonly fontWeight: number;
+        readonly lineHeight: number;
+    };
+    readonly 's/bold': {
+        readonly fontSize: number;
+        readonly fontWeight: number;
+        readonly lineHeight: number;
+    };
+    readonly 'xs/regular': {
+        readonly fontSize: number;
+        readonly fontWeight: number;
+        readonly lineHeight: number;
+    };
+    readonly xs: {
+        readonly fontSize: number;
+        readonly fontWeight: number;
+        readonly lineHeight: number;
+    };
+    readonly 'xs/bold': {
+        readonly fontSize: number;
+        readonly fontWeight: number;
+        readonly lineHeight: number;
+    };
+    readonly 'xxs/regular': {
+        readonly fontSize: number;
+        readonly fontWeight: number;
+        readonly lineHeight: number;
+    };
+    readonly xxs: {
+        readonly fontSize: number;
+        readonly fontWeight: number;
+        readonly lineHeight: number;
+    };
+    readonly 'xxs/bold': {
+        readonly fontSize: number;
+        readonly fontWeight: number;
+        readonly lineHeight: number;
+    };
+};
+type TypographyKey = keyof typeof typography;
+export default typography;
+export { fontSizes, fontWeights, lineHeights };
+export type { TypographyKey, FontSizeKey, FontWeightKey, LineHeightKey };

package/dist/token/typography/lineHeights.d.ts

@@ -0,0 +1,6 @@
+declare const lineHeights: {
+    readonly 1: number;
+    readonly 2: number;
+};
+export type LineHeightKey = keyof typeof lineHeights;
+export default lineHeights;

package/esm/foundation/breakpoint/device.js

@@ -0,0 +1,7 @@
+const device = {
+  deviceDesktop: 1280,
+  deviceTablet: 900,
+  deviceMobile: 640
+};
+
+export { device as default };

package/esm/foundation/gradient/colorStopList/index.js

@@ -0,0 +1,8 @@
+const colorStopList = {
+  colorStopListVioletPink: '#8E6CF0, #CF75F3',
+  colorStopListBlackGray: '#0F0E0F, #595959',
+  colorStopListWhite: '#FFFFFF, #FFFFFF00',
+  colorStopListBlack: '#000000, #00000000'
+};
+
+export { colorStopList as default };

package/esm/foundation/gradient/direction/index.js

@@ -0,0 +1,8 @@
+const direction = {
+  directionToRight: 'to right',
+  directionToLeft: 'to left',
+  directionToRightBottom: 'to right bottom',
+  directionToTop: 'to top'
+};
+
+export { direction as default };

package/esm/foundation/opacity/index.js

@@ -0,0 +1,5 @@
+const opacity = {
+  opacity50: 0.5
+};
+
+export { opacity as default };