0456820

assets/tokens/tokens.json

@@ -0,0 +1,93 @@
+{
+  "color_grayscale_light": "rgb(197, 200, 206)",
+  "color_princeton_salmon_lighter": "rgb(255, 252, 250)",
+  "color_tan": "rgb(188, 139, 82)",
+  "color_bleu_de_france_dark": "rgb(45, 112, 180)",
+  "color_bleu_de_france_light": "rgb(108, 163, 218)",
+  "color_green": "rgb(124, 181, 24)",
+  "color_princeton_orange_on_white": "rgb(231, 117, 0)",
+  "color_grayscale_warm_darker": "rgb(92, 84, 51)",
+  "color_tan_lighter": "rgb(219, 193, 163)",
+  "color_grayscale_dark": "rgb(107, 115, 128)",
+  "color_grayscale": "rgb(149, 156, 167)",
+  "color_white": "rgb(255, 255, 255)",
+  "color_grayscale_lighter": "rgb(245, 245, 245)",
+  "color_grayscale_warm_light": "rgb(210, 202, 173)",
+  "color_yellow": "rgb(255, 186, 10)",
+  "color_bleu_de_france": "rgb(44, 110, 175)",
+  "color_tan_dark": "rgb(158, 113, 61)",
+  "color_bleu_de_france_darker": "rgb(35, 87, 139)",
+  "color_bleu_de_france_lighter": "rgb(149, 189, 228)",
+  "color_red": "rgb(201, 40, 19)",
+  "color_princeton_salmon_light": "rgb(255, 227, 199)",
+  "color_grayscale_darker": "rgb(65, 70, 78)",
+  "color_rich_black": "rgb(0, 17, 35)",
+  "color_grayscale_warm": "rgb(186, 175, 130)",
+  "color_grayscale_warm_dark": "rgb(151, 138, 83)",
+  "color_tan_light": "rgb(202, 163, 119)",
+  "color_grayscale_warm_lighter": "rgb(250, 249, 245)",
+  "color_tan_darker": "rgb(121, 87, 47)",
+  "color_princeton_salmon": "rgb(255, 201, 148)",
+  "color_princeton_orange_on_black": "rgb(245, 128, 37)",
+  "font_size_large_min": "1.125em",
+  "font_size_base_max": "1.125em",
+  "font_size_x_large": "36px",
+  "font_size_xxx_large": "64px",
+  "font_size_xx_large": "48px",
+  "font_size_x_large_max": "1.777em",
+  "font_size_xxx_large_max": "3.157em",
+  "font_size_large": "24px",
+  "font_size_xx_large_max": "2.369em",
+  "font_size_large_max": "1.333em",
+  "font_size_x_small": "12px",
+  "font_size_base_min": "1em",
+  "font_size_small": "14px",
+  "font_size_x_large_min": "1.266em",
+  "font_size_xxx_large_min": "1.602em",
+  "font_size_xx_large_min": "1.424em",
+  "font_size_base": "16px",
+  "font_family_system": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",
+  "font_family_heading": "'franklin-gothic-urw', Helvetica, Arial, sans-serif",
+  "font_family_text": "'franklin-gothic-urw', Helvetica, Arial, sans-serif",
+  "font_weight_bold": "700",
+  "font_weight_semi_bold": "600",
+  "font_weight_regular": "400",
+  "font_weight_light": "300",
+  "opacity_disabled": "0.5",
+  "height_header": "55px",
+  "height_footer": "64px",
+  "tappable_square": "44px",
+  "duration_quickly": "0.08s",
+  "duration_slowly": "0.5s",
+  "z_index_modal": "9999",
+  "z_index_sticky": "100",
+  "media_query_small": "(max-width: 599px)",
+  "media_query_medium": "(min-width: 600px)",
+  "media_query_medium_max": "(max-width: 899px)",
+  "media_query_large": "(min-width: 900px)",
+  "media_query_x_large": "(min-width: 1200px)",
+  "media_query_xx_large": "(min-width: 1800px)",
+  "media_query_xxx_large": "(min-width: 2300px)",
+  "box_shadow_small": "0 0 0 1px rgba(92,106,196,.1)",
+  "box_shadow_small_inset": "inset 0 0 0 1px rgba(0,0,0,.05)",
+  "box_shadow_selected": "0 0 0 1px #e77500",
+  "box_shadow_large": "0 10px 30px 0 rgba(0, 0, 0, 0.1)",
+  "letter_spacing_x_large": "2px",
+  "letter_spacing_large": "1px",
+  "letter_spacing_base": "0",
+  "letter_spacing_small": "-0.5px",
+  "letter_spacing_x_small": "-1px",
+  "border_radius_default": "3px",
+  "border_radius_circle": "50%",
+  "border_radius_pill": "16px",
+  "space_xx_large": "128px",
+  "space_x_large": "64px",
+  "space_large": "48px",
+  "space_base": "24px",
+  "space_small": "16px",
+  "space_x_small": "8px",
+  "space_xx_small": "4px",
+  "line_height_base": "1.6",
+  "line_height_small": "1.175",
+  "line_height_heading": "1"
+}

assets/tokens/tokens.map.scss

@@ -0,0 +1,94 @@
+
+$tokens-map: (
+  'color-grayscale-light': (rgb(197, 200, 206)),
+  'color-princeton-salmon-lighter': (rgb(255, 252, 250)),
+  'color-tan': (rgb(188, 139, 82)),
+  'color-bleu-de-france-dark': (rgb(45, 112, 180)),
+  'color-bleu-de-france-light': (rgb(108, 163, 218)),
+  'color-green': (rgb(124, 181, 24)),
+  'color-princeton-orange-on-white': (rgb(231, 117, 0)),
+  'color-grayscale-warm-darker': (rgb(92, 84, 51)),
+  'color-tan-lighter': (rgb(219, 193, 163)),
+  'color-grayscale-dark': (rgb(107, 115, 128)),
+  'color-grayscale': (rgb(149, 156, 167)),
+  'color-white': (rgb(255, 255, 255)),
+  'color-grayscale-lighter': (rgb(245, 245, 245)),
+  'color-grayscale-warm-light': (rgb(210, 202, 173)),
+  'color-yellow': (rgb(255, 186, 10)),
+  'color-bleu-de-france': (rgb(44, 110, 175)),
+  'color-tan-dark': (rgb(158, 113, 61)),
+  'color-bleu-de-france-darker': (rgb(35, 87, 139)),
+  'color-bleu-de-france-lighter': (rgb(149, 189, 228)),
+  'color-red': (rgb(201, 40, 19)),
+  'color-princeton-salmon-light': (rgb(255, 227, 199)),
+  'color-grayscale-darker': (rgb(65, 70, 78)),
+  'color-rich-black': (rgb(0, 17, 35)),
+  'color-grayscale-warm': (rgb(186, 175, 130)),
+  'color-grayscale-warm-dark': (rgb(151, 138, 83)),
+  'color-tan-light': (rgb(202, 163, 119)),
+  'color-grayscale-warm-lighter': (rgb(250, 249, 245)),
+  'color-tan-darker': (rgb(121, 87, 47)),
+  'color-princeton-salmon': (rgb(255, 201, 148)),
+  'color-princeton-orange-on-black': (rgb(245, 128, 37)),
+  'font-size-large-min': (1.125em),
+  'font-size-base-max': (1.125em),
+  'font-size-x-large': (36px),
+  'font-size-xxx-large': (64px),
+  'font-size-xx-large': (48px),
+  'font-size-x-large-max': (1.777em),
+  'font-size-xxx-large-max': (3.157em),
+  'font-size-large': (24px),
+  'font-size-xx-large-max': (2.369em),
+  'font-size-large-max': (1.333em),
+  'font-size-x-small': (12px),
+  'font-size-base-min': (1em),
+  'font-size-small': (14px),
+  'font-size-x-large-min': (1.266em),
+  'font-size-xxx-large-min': (1.602em),
+  'font-size-xx-large-min': (1.424em),
+  'font-size-base': (16px),
+  'font-family-system': (-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'),
+  'font-family-heading': ('franklin-gothic-urw', Helvetica, Arial, sans-serif),
+  'font-family-text': ('franklin-gothic-urw', Helvetica, Arial, sans-serif),
+  'font-weight-bold': (700),
+  'font-weight-semi-bold': (600),
+  'font-weight-regular': (400),
+  'font-weight-light': (300),
+  'opacity-disabled': (0.5),
+  'height-header': (55px),
+  'height-footer': (64px),
+  'tappable-square': (44px),
+  'duration-quickly': (0.08s),
+  'duration-slowly': (0.5s),
+  'z-index-modal': (9999),
+  'z-index-sticky': (100),
+  'media-query-small': ((max-width: 599px)),
+  'media-query-medium': ((min-width: 600px)),
+  'media-query-medium-max': ((max-width: 899px)),
+  'media-query-large': ((min-width: 900px)),
+  'media-query-x-large': ((min-width: 1200px)),
+  'media-query-xx-large': ((min-width: 1800px)),
+  'media-query-xxx-large': ((min-width: 2300px)),
+  'box-shadow-small': (0 0 0 1px rgba(92,106,196,.1)),
+  'box-shadow-small-inset': (inset 0 0 0 1px rgba(0,0,0,.05)),
+  'box-shadow-selected': (0 0 0 1px #e77500),
+  'box-shadow-large': (0 10px 30px 0 rgba(0, 0, 0, 0.1)),
+  'letter-spacing-x-large': (2px),
+  'letter-spacing-large': (1px),
+  'letter-spacing-base': (0),
+  'letter-spacing-small': (-0.5px),
+  'letter-spacing-x-small': (-1px),
+  'border-radius-default': (3px),
+  'border-radius-circle': (50%),
+  'border-radius-pill': (16px),
+  'space-xx-large': (128px),
+  'space-x-large': (64px),
+  'space-large': (48px),
+  'space-base': (24px),
+  'space-small': (16px),
+  'space-x-small': (8px),
+  'space-xx-small': (4px),
+  'line-height-base': (1.6),
+  'line-height-small': (1.175),
+  'line-height-heading': (1),
+);