@takeoff-design/tokens 0.1.2 → 0.2.0

package/dist/css/technology/variables.css

@@ -167,16 +167,16 @@
   --alpha-neutral-neutral-500-8: #52586614;
   --alpha-neutral-neutral-500-4: #5258660A;
   --alpha-neutral-neutral-500-2: #52586605;
-  --aviation-amber-50: #FFF2E5;
-  --aviation-amber-100: #FFD9B2;
-  --aviation-amber-200: #FFCC99;
-  --aviation-amber-300: #FFB366;
-  --aviation-amber-400: #FF9933;
-  --aviation-amber-500: #FF8000;
-  --aviation-amber-600: #CC6600;
-  --aviation-amber-700: #994D00;
-  --aviation-amber-800: #663300;
-  --aviation-amber-900: #4D2600;
+  --aviation-amber-amber-50: #FFF2E5;
+  --aviation-amber-amber-100: #FFD9B2;
+  --aviation-amber-amber-200: #FFCC99;
+  --aviation-amber-amber-300: #FFB366;
+  --aviation-amber-amber-400: #FF9933;
+  --aviation-amber-amber-500: #FF8000;
+  --aviation-amber-amber-600: #CC6600;
+  --aviation-amber-amber-700: #994D00;
+  --aviation-amber-amber-800: #663300;
+  --aviation-amber-amber-900: #4D2600;
 
   /* typography */
   --family-title: 'Inter';
@@ -764,12 +764,6 @@
   --overlay-black-xxlightest: var(--alpha-base-black-2);
   --overlay-black-xlightest: var(--alpha-base-black-8);
   --overlay-black-none: var(--alpha-base-black-none);
-  --overlay-white-lightest: var(--alpha-base-white-16);
-  --overlay-white-light: var(--alpha-base-white-32);
-  --overlay-white-base: var(--alpha-base-white-48);
-  --overlay-white-dark: var(--alpha-base-white-64);
-  --overlay-white-darkest: var(--alpha-base-white-72);
-  --overlay-white-none: var(--alpha-base-white-none);
   --states-lightest: var(--neutral-50);
   --states-light: var(--neutral-300);
   --states-base: var(--secondary-500);
@@ -805,6 +799,12 @@
   --states-verified-dark: var(--blue-700);
   --states-verified-darkest: var(--blue-800);
   --states-verified-lightest: var(--blue-50);
+  --overlay-white-lightest: var(--alpha-base-white-16);
+  --overlay-white-light: var(--alpha-base-white-32);
+  --overlay-white-base: var(--alpha-base-white-48);
+  --overlay-white-dark: var(--alpha-base-white-64);
+  --overlay-white-darkest: var(--alpha-base-white-72);
+  --overlay-white-none: var(--alpha-base-white-none);
   --static-dark: var(--static-black);
   --static-light: var(--static-white);
   --shadow-black-alpha-lightest: var(--alpha-neutral-neutral-500-2);
@@ -1367,12 +1367,12 @@
   --pagination-base-arrow-gap: var(--spacing-xs);
   --pagination-base-gap: var(--spacing-s);
   --pagination-base-container-v-padding: var(--spacing-xxs);
-  --pagination-cell-large-cell-size: var(--spacing-10xl);
-  --pagination-cell-large-cell-radius: var(--radius-m-base);
-  --pagination-cell-base-cell-size: var(--spacing-8xl);
-  --pagination-cell-base-cell-radius: var(--radius-m-base);
-  --pagination-cell-small-cell-size: var(--spacing-6xl);
-  --pagination-cell-small-cell-radius: var(--radius-m-base);
+  --pagination-cell-large-size: var(--spacing-10xl);
+  --pagination-cell-large-radius: var(--radius-m-base);
+  --pagination-cell-base-size: var(--spacing-8xl);
+  --pagination-cell-base-radius: var(--radius-m-base);
+  --pagination-cell-small-size: var(--spacing-6xl);
+  --pagination-cell-small-radius: var(--radius-m-base);
 
   /* ------ persona variables ------ */
   --persona-base-h-padding: var(--spacing-m-base);
@@ -1698,10 +1698,10 @@
   --timepicker-timer-body-clock-input-gap: var(--spacing-none);
 
   /* ------ timestamp variables ------ */
-  --timestamp-base-gap: var(--spacing-xxs);
-  --timestamp-base-content-gap: var(--spacing-xs);
-  --timestamp-small-gap: var(--spacing-none);
-  --timestamp-small-content-gap: var(--spacing-xxs);
+  --timestamp-timestampt-base-gap: var(--spacing-xxs);
+  --timestamp-timestampt-base-content-gap: var(--spacing-xs);
+  --timestamp-timestampt-small-gap: var(--spacing-none);
+  --timestamp-timestampt-small-content-gap: var(--spacing-xxs);
 
   /* ------ toast variables ------ */
   --toast-base-radius: var(--radius-m-base);
@@ -1815,12 +1815,6 @@
   --overlay-black-xxlightest: var(--alpha-base-white-8);
   --overlay-black-xlightest: var(--alpha-base-white-12);
   --overlay-black-none: var(--alpha-base-white-none);
-  --overlay-white-lightest: var(--alpha-base-black-16);
-  --overlay-white-light: var(--alpha-base-black-32);
-  --overlay-white-base: var(--alpha-base-black-48);
-  --overlay-white-dark: var(--alpha-base-black-64);
-  --overlay-white-darkest: var(--alpha-base-black-72);
-  --overlay-white-none: var(--alpha-base-black-none);
   --states-lightest: var(--neutral-50);
   --states-light: var(--neutral-300);
   --states-base: var(--secondary-500);
@@ -1856,6 +1850,12 @@
   --states-verified-dark: var(--blue-300);
   --states-verified-darkest: var(--blue-100);
   --states-verified-lightest: var(--blue-900);
+  --overlay-white-lightest: var(--alpha-base-black-16);
+  --overlay-white-light: var(--alpha-base-black-32);
+  --overlay-white-base: var(--alpha-base-black-48);
+  --overlay-white-dark: var(--alpha-base-black-64);
+  --overlay-white-darkest: var(--alpha-base-black-72);
+  --overlay-white-none: var(--alpha-base-black-none);
   --static-dark: var(--static-white);
   --static-light: var(--static-black);
   --shadow-black-alpha-lightest: var(--alpha-neutral-neutral-500-2);

package/dist/js/ajet/tokens.mjs

@@ -194,16 +194,16 @@ export const alpha_neutral_neutral_500_12 = "#5258661F";
 export const alpha_neutral_neutral_500_8 = "#52586614";
 export const alpha_neutral_neutral_500_4 = "#5258660A";
 export const alpha_neutral_neutral_500_2 = "#52586605";
-export const aviation_amber_50 = "#FFF2E5";
-export const aviation_amber_100 = "#FFD9B2";
-export const aviation_amber_200 = "#FFCC99";
-export const aviation_amber_300 = "#FFB366";
-export const aviation_amber_400 = "#FF9933";
-export const aviation_amber_500 = "#FF8000";
-export const aviation_amber_600 = "#CC6600";
-export const aviation_amber_700 = "#994D00";
-export const aviation_amber_800 = "#663300";
-export const aviation_amber_900 = "#4D2600";
+export const aviation_amber_amber_50 = "#FFF2E5";
+export const aviation_amber_amber_100 = "#FFD9B2";
+export const aviation_amber_amber_200 = "#FFCC99";
+export const aviation_amber_amber_300 = "#FFB366";
+export const aviation_amber_amber_400 = "#FF9933";
+export const aviation_amber_amber_500 = "#FF8000";
+export const aviation_amber_amber_600 = "#CC6600";
+export const aviation_amber_amber_700 = "#994D00";
+export const aviation_amber_amber_800 = "#663300";
+export const aviation_amber_amber_900 = "#4D2600";
 export const family_title = "TK DISPLAY";
 export const family_subheading = "TK Text";
 export const family_label = "TK Text";
@@ -406,12 +406,6 @@ export const overlay_black_darkest = "#000000B8";
 export const overlay_black_xxlightest = "#00000005";
 export const overlay_black_xlightest = "#00000014";
 export const overlay_black_none = "#00000000";
-export const overlay_white_lightest = "#FFFFFF29";
-export const overlay_white_light = "#FFFFFF52";
-export const overlay_white_base = "#FFFFFF7A";
-export const overlay_white_dark = "#FFFFFFA3";
-export const overlay_white_darkest = "#FFFFFFB8";
-export const overlay_white_none = "#FFFFFF00";
 export const states_lightest = "#F9FAFC";
 export const states_light = "#CACFD8";
 export const states_base = "#0A2351";
@@ -447,6 +441,12 @@ export const states_verified_base = "#3B82F6";
 export const states_verified_dark = "#295BAC";
 export const states_verified_darkest = "#204887";
 export const states_verified_lightest = "#F5F9FF";
+export const overlay_white_lightest = "#FFFFFF29";
+export const overlay_white_light = "#FFFFFF52";
+export const overlay_white_base = "#FFFFFF7A";
+export const overlay_white_dark = "#FFFFFFA3";
+export const overlay_white_darkest = "#FFFFFFB8";
+export const overlay_white_none = "#FFFFFF00";
 export const static_dark = "#000000";
 export const static_light = "#FFFFFF";
 export const shadow_black_alpha_lightest = "#52586605";
@@ -956,12 +956,12 @@ export const pagination_base_container_gap = "12px";
 export const pagination_base_arrow_gap = "4px";
 export const pagination_base_gap = "6px";
 export const pagination_base_container_v_padding = "2px";
-export const pagination_cell_large_cell_size = "40px";
-export const pagination_cell_large_cell_radius = "8px";
-export const pagination_cell_base_cell_size = "32px";
-export const pagination_cell_base_cell_radius = "8px";
-export const pagination_cell_small_cell_size = "24px";
-export const pagination_cell_small_cell_radius = "8px";
+export const pagination_cell_large_size = "40px";
+export const pagination_cell_large_radius = "8px";
+export const pagination_cell_base_size = "32px";
+export const pagination_cell_base_radius = "8px";
+export const pagination_cell_small_size = "24px";
+export const pagination_cell_small_radius = "8px";
 export const persona_base_h_padding = "8px";
 export const persona_base_v_padding = "8px";
 export const persona_base_gap = "4px";
@@ -1249,10 +1249,10 @@ export const timepicker_timer_body_clock_v_padding = "12px";
 export const timepicker_timer_body_clock_gap = "16px";
 export const timepicker_timer_body_clock_input_group_gap = "8px";
 export const timepicker_timer_body_clock_input_gap = "0px";
-export const timestamp_base_gap = "2px";
-export const timestamp_base_content_gap = "4px";
-export const timestamp_small_gap = "0px";
-export const timestamp_small_content_gap = "2px";
+export const timestamp_timestampt_base_gap = "2px";
+export const timestamp_timestampt_base_content_gap = "4px";
+export const timestamp_timestampt_small_gap = "0px";
+export const timestamp_timestampt_small_content_gap = "2px";
 export const toast_base_radius = "8px";
 export const toast_base_h_padding = "12px";
 export const toast_base_v_padding = "12px";
@@ -1800,16 +1800,16 @@ export default {
   "alpha-neutral-neutral-500-8": "#52586614",
   "alpha-neutral-neutral-500-4": "#5258660A",
   "alpha-neutral-neutral-500-2": "#52586605",
-  "aviation-amber-50": "#FFF2E5",
-  "aviation-amber-100": "#FFD9B2",
-  "aviation-amber-200": "#FFCC99",
-  "aviation-amber-300": "#FFB366",
-  "aviation-amber-400": "#FF9933",
-  "aviation-amber-500": "#FF8000",
-  "aviation-amber-600": "#CC6600",
-  "aviation-amber-700": "#994D00",
-  "aviation-amber-800": "#663300",
-  "aviation-amber-900": "#4D2600",
+  "aviation-amber-amber-50": "#FFF2E5",
+  "aviation-amber-amber-100": "#FFD9B2",
+  "aviation-amber-amber-200": "#FFCC99",
+  "aviation-amber-amber-300": "#FFB366",
+  "aviation-amber-amber-400": "#FF9933",
+  "aviation-amber-amber-500": "#FF8000",
+  "aviation-amber-amber-600": "#CC6600",
+  "aviation-amber-amber-700": "#994D00",
+  "aviation-amber-amber-800": "#663300",
+  "aviation-amber-amber-900": "#4D2600",
   "family-title": "TK DISPLAY",
   "family-subheading": "TK Text",
   "family-label": "TK Text",
@@ -2012,12 +2012,6 @@ export default {
   "overlay-black-xxlightest": "#00000005",
   "overlay-black-xlightest": "#00000014",
   "overlay-black-none": "#00000000",
-  "overlay-white-lightest": "#FFFFFF29",
-  "overlay-white-light": "#FFFFFF52",
-  "overlay-white-base": "#FFFFFF7A",
-  "overlay-white-dark": "#FFFFFFA3",
-  "overlay-white-darkest": "#FFFFFFB8",
-  "overlay-white-none": "#FFFFFF00",
   "states-lightest": "#F9FAFC",
   "states-light": "#CACFD8",
   "states-base": "#0A2351",
@@ -2053,6 +2047,12 @@ export default {
   "states-verified-dark": "#295BAC",
   "states-verified-darkest": "#204887",
   "states-verified-lightest": "#F5F9FF",
+  "overlay-white-lightest": "#FFFFFF29",
+  "overlay-white-light": "#FFFFFF52",
+  "overlay-white-base": "#FFFFFF7A",
+  "overlay-white-dark": "#FFFFFFA3",
+  "overlay-white-darkest": "#FFFFFFB8",
+  "overlay-white-none": "#FFFFFF00",
   "static-dark": "#000000",
   "static-light": "#FFFFFF",
   "shadow-black-alpha-lightest": "#52586605",
@@ -2562,12 +2562,12 @@ export default {
   "pagination-base-arrow-gap": "4px",
   "pagination-base-gap": "6px",
   "pagination-base-container-v-padding": "2px",
-  "pagination-cell-large-cell-size": "40px",
-  "pagination-cell-large-cell-radius": "8px",
-  "pagination-cell-base-cell-size": "32px",
-  "pagination-cell-base-cell-radius": "8px",
-  "pagination-cell-small-cell-size": "24px",
-  "pagination-cell-small-cell-radius": "8px",
+  "pagination-cell-large-size": "40px",
+  "pagination-cell-large-radius": "8px",
+  "pagination-cell-base-size": "32px",
+  "pagination-cell-base-radius": "8px",
+  "pagination-cell-small-size": "24px",
+  "pagination-cell-small-radius": "8px",
   "persona-base-h-padding": "8px",
   "persona-base-v-padding": "8px",
   "persona-base-gap": "4px",
@@ -2855,10 +2855,10 @@ export default {
   "timepicker-timer-body-clock-gap": "16px",
   "timepicker-timer-body-clock-input-group-gap": "8px",
   "timepicker-timer-body-clock-input-gap": "0px",
-  "timestamp-base-gap": "2px",
-  "timestamp-base-content-gap": "4px",
-  "timestamp-small-gap": "0px",
-  "timestamp-small-content-gap": "2px",
+  "timestamp-timestampt-base-gap": "2px",
+  "timestamp-timestampt-base-content-gap": "4px",
+  "timestamp-timestampt-small-gap": "0px",
+  "timestamp-timestampt-small-content-gap": "2px",
   "toast-base-radius": "8px",
   "toast-base-h-padding": "12px",
   "toast-base-v-padding": "12px",

package/dist/js/aviation/tokens.mjs

@@ -194,16 +194,16 @@ export const alpha_neutral_neutral_500_12 = "#5258661F";
 export const alpha_neutral_neutral_500_8 = "#52586614";
 export const alpha_neutral_neutral_500_4 = "#5258660A";
 export const alpha_neutral_neutral_500_2 = "#52586605";
-export const aviation_amber_50 = "#FFF2E5";
-export const aviation_amber_100 = "#FFD9B2";
-export const aviation_amber_200 = "#FFCC99";
-export const aviation_amber_300 = "#FFB366";
-export const aviation_amber_400 = "#FF9933";
-export const aviation_amber_500 = "#FF8000";
-export const aviation_amber_600 = "#CC6600";
-export const aviation_amber_700 = "#994D00";
-export const aviation_amber_800 = "#663300";
-export const aviation_amber_900 = "#4D2600";
+export const aviation_amber_amber_50 = "#FFF2E5";
+export const aviation_amber_amber_100 = "#FFD9B2";
+export const aviation_amber_amber_200 = "#FFCC99";
+export const aviation_amber_amber_300 = "#FFB366";
+export const aviation_amber_amber_400 = "#FF9933";
+export const aviation_amber_amber_500 = "#FF8000";
+export const aviation_amber_amber_600 = "#CC6600";
+export const aviation_amber_amber_700 = "#994D00";
+export const aviation_amber_amber_800 = "#663300";
+export const aviation_amber_amber_900 = "#4D2600";
 export const family_title = "Courier Prime";
 export const family_subheading = "Courier Prime";
 export const family_label = "Courier Prime";
@@ -406,12 +406,6 @@ export const overlay_black_darkest = "#000000B8";
 export const overlay_black_xxlightest = "#00000005";
 export const overlay_black_xlightest = "#00000014";
 export const overlay_black_none = "#00000000";
-export const overlay_white_lightest = "#FFFFFF29";
-export const overlay_white_light = "#FFFFFF52";
-export const overlay_white_base = "#FFFFFF7A";
-export const overlay_white_dark = "#FFFFFFA3";
-export const overlay_white_darkest = "#FFFFFFB8";
-export const overlay_white_none = "#FFFFFF00";
 export const states_lightest = "#141A21";
 export const states_light = "#505A66";
 export const states_base = "#79889A";
@@ -447,6 +441,12 @@ export const states_verified_base = "#3B82F6";
 export const states_verified_dark = "#89B4FA";
 export const states_verified_darkest = "#B1CDFB";
 export const states_verified_lightest = "#061121";
+export const overlay_white_lightest = "#FFFFFF29";
+export const overlay_white_light = "#FFFFFF52";
+export const overlay_white_base = "#FFFFFF7A";
+export const overlay_white_dark = "#FFFFFFA3";
+export const overlay_white_darkest = "#FFFFFFB8";
+export const overlay_white_none = "#FFFFFF00";
 export const static_dark = "#F2F3F5";
 export const static_light = "#13171C";
 export const shadow_black_alpha_lightest = "#52586605";
@@ -956,12 +956,12 @@ export const pagination_base_container_gap = "12px";
 export const pagination_base_arrow_gap = "4px";
 export const pagination_base_gap = "6px";
 export const pagination_base_container_v_padding = "2px";
-export const pagination_cell_large_cell_size = "40px";
-export const pagination_cell_large_cell_radius = "8px";
-export const pagination_cell_base_cell_size = "32px";
-export const pagination_cell_base_cell_radius = "8px";
-export const pagination_cell_small_cell_size = "24px";
-export const pagination_cell_small_cell_radius = "8px";
+export const pagination_cell_large_size = "40px";
+export const pagination_cell_large_radius = "8px";
+export const pagination_cell_base_size = "32px";
+export const pagination_cell_base_radius = "8px";
+export const pagination_cell_small_size = "24px";
+export const pagination_cell_small_radius = "8px";
 export const persona_base_h_padding = "8px";
 export const persona_base_v_padding = "8px";
 export const persona_base_gap = "4px";
@@ -1249,10 +1249,10 @@ export const timepicker_timer_body_clock_v_padding = "12px";
 export const timepicker_timer_body_clock_gap = "16px";
 export const timepicker_timer_body_clock_input_group_gap = "8px";
 export const timepicker_timer_body_clock_input_gap = "0px";
-export const timestamp_base_gap = "2px";
-export const timestamp_base_content_gap = "4px";
-export const timestamp_small_gap = "0px";
-export const timestamp_small_content_gap = "2px";
+export const timestamp_timestampt_base_gap = "2px";
+export const timestamp_timestampt_base_content_gap = "4px";
+export const timestamp_timestampt_small_gap = "0px";
+export const timestamp_timestampt_small_content_gap = "2px";
 export const toast_base_radius = "8px";
 export const toast_base_h_padding = "12px";
 export const toast_base_v_padding = "12px";
@@ -1800,16 +1800,16 @@ export default {
   "alpha-neutral-neutral-500-8": "#52586614",
   "alpha-neutral-neutral-500-4": "#5258660A",
   "alpha-neutral-neutral-500-2": "#52586605",
-  "aviation-amber-50": "#FFF2E5",
-  "aviation-amber-100": "#FFD9B2",
-  "aviation-amber-200": "#FFCC99",
-  "aviation-amber-300": "#FFB366",
-  "aviation-amber-400": "#FF9933",
-  "aviation-amber-500": "#FF8000",
-  "aviation-amber-600": "#CC6600",
-  "aviation-amber-700": "#994D00",
-  "aviation-amber-800": "#663300",
-  "aviation-amber-900": "#4D2600",
+  "aviation-amber-amber-50": "#FFF2E5",
+  "aviation-amber-amber-100": "#FFD9B2",
+  "aviation-amber-amber-200": "#FFCC99",
+  "aviation-amber-amber-300": "#FFB366",
+  "aviation-amber-amber-400": "#FF9933",
+  "aviation-amber-amber-500": "#FF8000",
+  "aviation-amber-amber-600": "#CC6600",
+  "aviation-amber-amber-700": "#994D00",
+  "aviation-amber-amber-800": "#663300",
+  "aviation-amber-amber-900": "#4D2600",
   "family-title": "Courier Prime",
   "family-subheading": "Courier Prime",
   "family-label": "Courier Prime",
@@ -2012,12 +2012,6 @@ export default {
   "overlay-black-xxlightest": "#00000005",
   "overlay-black-xlightest": "#00000014",
   "overlay-black-none": "#00000000",
-  "overlay-white-lightest": "#FFFFFF29",
-  "overlay-white-light": "#FFFFFF52",
-  "overlay-white-base": "#FFFFFF7A",
-  "overlay-white-dark": "#FFFFFFA3",
-  "overlay-white-darkest": "#FFFFFFB8",
-  "overlay-white-none": "#FFFFFF00",
   "states-lightest": "#141A21",
   "states-light": "#505A66",
   "states-base": "#79889A",
@@ -2053,6 +2047,12 @@ export default {
   "states-verified-dark": "#89B4FA",
   "states-verified-darkest": "#B1CDFB",
   "states-verified-lightest": "#061121",
+  "overlay-white-lightest": "#FFFFFF29",
+  "overlay-white-light": "#FFFFFF52",
+  "overlay-white-base": "#FFFFFF7A",
+  "overlay-white-dark": "#FFFFFFA3",
+  "overlay-white-darkest": "#FFFFFFB8",
+  "overlay-white-none": "#FFFFFF00",
   "static-dark": "#F2F3F5",
   "static-light": "#13171C",
   "shadow-black-alpha-lightest": "#52586605",
@@ -2562,12 +2562,12 @@ export default {
   "pagination-base-arrow-gap": "4px",
   "pagination-base-gap": "6px",
   "pagination-base-container-v-padding": "2px",
-  "pagination-cell-large-cell-size": "40px",
-  "pagination-cell-large-cell-radius": "8px",
-  "pagination-cell-base-cell-size": "32px",
-  "pagination-cell-base-cell-radius": "8px",
-  "pagination-cell-small-cell-size": "24px",
-  "pagination-cell-small-cell-radius": "8px",
+  "pagination-cell-large-size": "40px",
+  "pagination-cell-large-radius": "8px",
+  "pagination-cell-base-size": "32px",
+  "pagination-cell-base-radius": "8px",
+  "pagination-cell-small-size": "24px",
+  "pagination-cell-small-radius": "8px",
   "persona-base-h-padding": "8px",
   "persona-base-v-padding": "8px",
   "persona-base-gap": "4px",
@@ -2855,10 +2855,10 @@ export default {
   "timepicker-timer-body-clock-gap": "16px",
   "timepicker-timer-body-clock-input-group-gap": "8px",
   "timepicker-timer-body-clock-input-gap": "0px",
-  "timestamp-base-gap": "2px",
-  "timestamp-base-content-gap": "4px",
-  "timestamp-small-gap": "0px",
-  "timestamp-small-content-gap": "2px",
+  "timestamp-timestampt-base-gap": "2px",
+  "timestamp-timestampt-base-content-gap": "4px",
+  "timestamp-timestampt-small-gap": "0px",
+  "timestamp-timestampt-small-content-gap": "2px",
   "toast-base-radius": "8px",
   "toast-base-h-padding": "12px",
   "toast-base-v-padding": "12px",