@takeoff-design/tokens 0.1.2 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (30) hide show
  1. package/dist/assets/fonts/tk-font/tk-display/tk-display.ttf +0 -0
  2. package/dist/assets/fonts/tk-font/tk-display/tk-display.woff2 +0 -0
  3. package/dist/assets/fonts/tk-font/tk-text/tk-text.ttf +0 -0
  4. package/dist/assets/fonts/tk-font/tk-text/tk-text.woff2 +0 -0
  5. package/dist/css/ajet/theme.css +4565 -2261
  6. package/dist/css/ajet/variables.css +32 -32
  7. package/dist/css/assets/fonts/tk-font/tk-display/tk-display.ttf +0 -0
  8. package/dist/css/assets/fonts/tk-font/tk-display/tk-display.woff2 +0 -0
  9. package/dist/css/assets/fonts/tk-font/tk-text/tk-text.ttf +0 -0
  10. package/dist/css/assets/fonts/tk-font/tk-text/tk-text.woff2 +0 -0
  11. package/dist/css/aviation/theme.css +4565 -2261
  12. package/dist/css/aviation/variables.css +32 -32
  13. package/dist/css/default/theme.css +4569 -2265
  14. package/dist/css/default/variables.css +36 -36
  15. package/dist/css/fonts.css +30 -1
  16. package/dist/css/sarp/theme.css +4565 -2261
  17. package/dist/css/sarp/variables.css +32 -32
  18. package/dist/css/technology/theme.css +4565 -2261
  19. package/dist/css/technology/variables.css +32 -32
  20. package/dist/js/ajet/tokens.mjs +52 -52
  21. package/dist/js/aviation/tokens.mjs +52 -52
  22. package/dist/js/default/tokens.mjs +210 -210
  23. package/dist/js/sarp/tokens.mjs +52 -52
  24. package/dist/js/technology/tokens.mjs +52 -52
  25. package/dist/scss/_components.scss +4525 -2220
  26. package/dist/scss/_variables.scss +36 -36
  27. package/dist/tailwind/_theme-vars.css +16 -16
  28. package/dist/tailwind/colors.js +10 -10
  29. package/dist/tailwind/theme.css +16 -16
  30. package/package.json +2 -2
package/dist/js/sarp/tokens.mjs CHANGED
@@ -194,16 +194,16 @@ export const alpha_neutral_neutral_500_12 = "#5258661F";
194
194
  export const alpha_neutral_neutral_500_8 = "#52586614";
195
195
  export const alpha_neutral_neutral_500_4 = "#5258660A";
196
196
  export const alpha_neutral_neutral_500_2 = "#52586605";
197
- export const aviation_amber_50 = "#FFF2E5";
198
- export const aviation_amber_100 = "#FFD9B2";
199
- export const aviation_amber_200 = "#FFCC99";
200
- export const aviation_amber_300 = "#FFB366";
201
- export const aviation_amber_400 = "#FF9933";
202
- export const aviation_amber_500 = "#FF8000";
203
- export const aviation_amber_600 = "#CC6600";
204
- export const aviation_amber_700 = "#994D00";
205
- export const aviation_amber_800 = "#663300";
206
- export const aviation_amber_900 = "#4D2600";
197
+ export const aviation_amber_amber_50 = "#FFF2E5";
198
+ export const aviation_amber_amber_100 = "#FFD9B2";
199
+ export const aviation_amber_amber_200 = "#FFCC99";
200
+ export const aviation_amber_amber_300 = "#FFB366";
201
+ export const aviation_amber_amber_400 = "#FF9933";
202
+ export const aviation_amber_amber_500 = "#FF8000";
203
+ export const aviation_amber_amber_600 = "#CC6600";
204
+ export const aviation_amber_amber_700 = "#994D00";
205
+ export const aviation_amber_amber_800 = "#663300";
206
+ export const aviation_amber_amber_900 = "#4D2600";
207
207
  export const family_title = "Lexend";
208
208
  export const family_subheading = "Lexend";
209
209
  export const family_label = "Lexend";
@@ -406,12 +406,6 @@ export const overlay_black_darkest = "#000000B8";
406
406
  export const overlay_black_xxlightest = "#00000005";
407
407
  export const overlay_black_xlightest = "#00000014";
408
408
  export const overlay_black_none = "#00000000";
409
- export const overlay_white_lightest = "#FFFFFF29";
410
- export const overlay_white_light = "#FFFFFF52";
411
- export const overlay_white_base = "#FFFFFF7A";
412
- export const overlay_white_dark = "#FFFFFFA3";
413
- export const overlay_white_darkest = "#FFFFFFB8";
414
- export const overlay_white_none = "#FFFFFF00";
415
409
  export const states_lightest = "#F9FAFC";
416
410
  export const states_light = "#CACFD8";
417
411
  export const states_base = "#1B3B7A";
@@ -447,6 +441,12 @@ export const states_verified_base = "#3B8FE3";
447
441
  export const states_verified_dark = "#2766A2";
448
442
  export const states_verified_darkest = "#1F5180";
449
443
  export const states_verified_lightest = "#EAF3FC";
444
+ export const overlay_white_lightest = "#FFFFFF29";
445
+ export const overlay_white_light = "#FFFFFF52";
446
+ export const overlay_white_base = "#FFFFFF7A";
447
+ export const overlay_white_dark = "#FFFFFFA3";
448
+ export const overlay_white_darkest = "#FFFFFFB8";
449
+ export const overlay_white_none = "#FFFFFF00";
450
450
  export const static_dark = "#000000";
451
451
  export const static_light = "#FFFFFF";
452
452
  export const shadow_black_alpha_lightest = "#52586605";
@@ -956,12 +956,12 @@ export const pagination_base_container_gap = "12px";
956
956
  export const pagination_base_arrow_gap = "4px";
957
957
  export const pagination_base_gap = "6px";
958
958
  export const pagination_base_container_v_padding = "2px";
959
- export const pagination_cell_large_cell_size = "40px";
960
- export const pagination_cell_large_cell_radius = "8px";
961
- export const pagination_cell_base_cell_size = "32px";
962
- export const pagination_cell_base_cell_radius = "8px";
963
- export const pagination_cell_small_cell_size = "24px";
964
- export const pagination_cell_small_cell_radius = "8px";
959
+ export const pagination_cell_large_size = "40px";
960
+ export const pagination_cell_large_radius = "8px";
961
+ export const pagination_cell_base_size = "32px";
962
+ export const pagination_cell_base_radius = "8px";
963
+ export const pagination_cell_small_size = "24px";
964
+ export const pagination_cell_small_radius = "8px";
965
965
  export const persona_base_h_padding = "8px";
966
966
  export const persona_base_v_padding = "8px";
967
967
  export const persona_base_gap = "4px";
@@ -1249,10 +1249,10 @@ export const timepicker_timer_body_clock_v_padding = "12px";
1249
1249
  export const timepicker_timer_body_clock_gap = "16px";
1250
1250
  export const timepicker_timer_body_clock_input_group_gap = "8px";
1251
1251
  export const timepicker_timer_body_clock_input_gap = "0px";
1252
- export const timestamp_base_gap = "2px";
1253
- export const timestamp_base_content_gap = "4px";
1254
- export const timestamp_small_gap = "0px";
1255
- export const timestamp_small_content_gap = "2px";
1252
+ export const timestamp_timestampt_base_gap = "2px";
1253
+ export const timestamp_timestampt_base_content_gap = "4px";
1254
+ export const timestamp_timestampt_small_gap = "0px";
1255
+ export const timestamp_timestampt_small_content_gap = "2px";
1256
1256
  export const toast_base_radius = "8px";
1257
1257
  export const toast_base_h_padding = "12px";
1258
1258
  export const toast_base_v_padding = "12px";
@@ -1800,16 +1800,16 @@ export default {
1800
1800
  "alpha-neutral-neutral-500-8": "#52586614",
1801
1801
  "alpha-neutral-neutral-500-4": "#5258660A",
1802
1802
  "alpha-neutral-neutral-500-2": "#52586605",
1803
- "aviation-amber-50": "#FFF2E5",
1804
- "aviation-amber-100": "#FFD9B2",
1805
- "aviation-amber-200": "#FFCC99",
1806
- "aviation-amber-300": "#FFB366",
1807
- "aviation-amber-400": "#FF9933",
1808
- "aviation-amber-500": "#FF8000",
1809
- "aviation-amber-600": "#CC6600",
1810
- "aviation-amber-700": "#994D00",
1811
- "aviation-amber-800": "#663300",
1812
- "aviation-amber-900": "#4D2600",
1803
+ "aviation-amber-amber-50": "#FFF2E5",
1804
+ "aviation-amber-amber-100": "#FFD9B2",
1805
+ "aviation-amber-amber-200": "#FFCC99",
1806
+ "aviation-amber-amber-300": "#FFB366",
1807
+ "aviation-amber-amber-400": "#FF9933",
1808
+ "aviation-amber-amber-500": "#FF8000",
1809
+ "aviation-amber-amber-600": "#CC6600",
1810
+ "aviation-amber-amber-700": "#994D00",
1811
+ "aviation-amber-amber-800": "#663300",
1812
+ "aviation-amber-amber-900": "#4D2600",
1813
1813
  "family-title": "Lexend",
1814
1814
  "family-subheading": "Lexend",
1815
1815
  "family-label": "Lexend",
@@ -2012,12 +2012,6 @@ export default {
2012
2012
  "overlay-black-xxlightest": "#00000005",
2013
2013
  "overlay-black-xlightest": "#00000014",
2014
2014
  "overlay-black-none": "#00000000",
2015
- "overlay-white-lightest": "#FFFFFF29",
2016
- "overlay-white-light": "#FFFFFF52",
2017
- "overlay-white-base": "#FFFFFF7A",
2018
- "overlay-white-dark": "#FFFFFFA3",
2019
- "overlay-white-darkest": "#FFFFFFB8",
2020
- "overlay-white-none": "#FFFFFF00",
2021
2015
  "states-lightest": "#F9FAFC",
2022
2016
  "states-light": "#CACFD8",
2023
2017
  "states-base": "#1B3B7A",
@@ -2053,6 +2047,12 @@ export default {
2053
2047
  "states-verified-dark": "#2766A2",
2054
2048
  "states-verified-darkest": "#1F5180",
2055
2049
  "states-verified-lightest": "#EAF3FC",
2050
+ "overlay-white-lightest": "#FFFFFF29",
2051
+ "overlay-white-light": "#FFFFFF52",
2052
+ "overlay-white-base": "#FFFFFF7A",
2053
+ "overlay-white-dark": "#FFFFFFA3",
2054
+ "overlay-white-darkest": "#FFFFFFB8",
2055
+ "overlay-white-none": "#FFFFFF00",
2056
2056
  "static-dark": "#000000",
2057
2057
  "static-light": "#FFFFFF",
2058
2058
  "shadow-black-alpha-lightest": "#52586605",
@@ -2562,12 +2562,12 @@ export default {
2562
2562
  "pagination-base-arrow-gap": "4px",
2563
2563
  "pagination-base-gap": "6px",
2564
2564
  "pagination-base-container-v-padding": "2px",
2565
- "pagination-cell-large-cell-size": "40px",
2566
- "pagination-cell-large-cell-radius": "8px",
2567
- "pagination-cell-base-cell-size": "32px",
2568
- "pagination-cell-base-cell-radius": "8px",
2569
- "pagination-cell-small-cell-size": "24px",
2570
- "pagination-cell-small-cell-radius": "8px",
2565
+ "pagination-cell-large-size": "40px",
2566
+ "pagination-cell-large-radius": "8px",
2567
+ "pagination-cell-base-size": "32px",
2568
+ "pagination-cell-base-radius": "8px",
2569
+ "pagination-cell-small-size": "24px",
2570
+ "pagination-cell-small-radius": "8px",
2571
2571
  "persona-base-h-padding": "8px",
2572
2572
  "persona-base-v-padding": "8px",
2573
2573
  "persona-base-gap": "4px",
@@ -2855,10 +2855,10 @@ export default {
2855
2855
  "timepicker-timer-body-clock-gap": "16px",
2856
2856
  "timepicker-timer-body-clock-input-group-gap": "8px",
2857
2857
  "timepicker-timer-body-clock-input-gap": "0px",
2858
- "timestamp-base-gap": "2px",
2859
- "timestamp-base-content-gap": "4px",
2860
- "timestamp-small-gap": "0px",
2861
- "timestamp-small-content-gap": "2px",
2858
+ "timestamp-timestampt-base-gap": "2px",
2859
+ "timestamp-timestampt-base-content-gap": "4px",
2860
+ "timestamp-timestampt-small-gap": "0px",
2861
+ "timestamp-timestampt-small-content-gap": "2px",
2862
2862
  "toast-base-radius": "8px",
2863
2863
  "toast-base-h-padding": "12px",
2864
2864
  "toast-base-v-padding": "12px",
package/dist/js/technology/tokens.mjs CHANGED
@@ -194,16 +194,16 @@ export const alpha_neutral_neutral_500_12 = "#5258661F";
194
194
  export const alpha_neutral_neutral_500_8 = "#52586614";
195
195
  export const alpha_neutral_neutral_500_4 = "#5258660A";
196
196
  export const alpha_neutral_neutral_500_2 = "#52586605";
197
- export const aviation_amber_50 = "#FFF2E5";
198
- export const aviation_amber_100 = "#FFD9B2";
199
- export const aviation_amber_200 = "#FFCC99";
200
- export const aviation_amber_300 = "#FFB366";
201
- export const aviation_amber_400 = "#FF9933";
202
- export const aviation_amber_500 = "#FF8000";
203
- export const aviation_amber_600 = "#CC6600";
204
- export const aviation_amber_700 = "#994D00";
205
- export const aviation_amber_800 = "#663300";
206
- export const aviation_amber_900 = "#4D2600";
197
+ export const aviation_amber_amber_50 = "#FFF2E5";
198
+ export const aviation_amber_amber_100 = "#FFD9B2";
199
+ export const aviation_amber_amber_200 = "#FFCC99";
200
+ export const aviation_amber_amber_300 = "#FFB366";
201
+ export const aviation_amber_amber_400 = "#FF9933";
202
+ export const aviation_amber_amber_500 = "#FF8000";
203
+ export const aviation_amber_amber_600 = "#CC6600";
204
+ export const aviation_amber_amber_700 = "#994D00";
205
+ export const aviation_amber_amber_800 = "#663300";
206
+ export const aviation_amber_amber_900 = "#4D2600";
207
207
  export const family_title = "Inter";
208
208
  export const family_subheading = "Inter";
209
209
  export const family_label = "Inter";
@@ -406,12 +406,6 @@ export const overlay_black_darkest = "#000000B8";
406
406
  export const overlay_black_xxlightest = "#00000005";
407
407
  export const overlay_black_xlightest = "#00000014";
408
408
  export const overlay_black_none = "#00000000";
409
- export const overlay_white_lightest = "#FFFFFF29";
410
- export const overlay_white_light = "#FFFFFF52";
411
- export const overlay_white_base = "#FFFFFF7A";
412
- export const overlay_white_dark = "#FFFFFFA3";
413
- export const overlay_white_darkest = "#FFFFFFB8";
414
- export const overlay_white_none = "#FFFFFF00";
415
409
  export const states_lightest = "#F9FAFC";
416
410
  export const states_light = "#CACFD8";
417
411
  export const states_base = "#0A2351";
@@ -447,6 +441,12 @@ export const states_verified_base = "#3B82F6";
447
441
  export const states_verified_dark = "#295BAC";
448
442
  export const states_verified_darkest = "#204887";
449
443
  export const states_verified_lightest = "#F5F9FF";
444
+ export const overlay_white_lightest = "#FFFFFF29";
445
+ export const overlay_white_light = "#FFFFFF52";
446
+ export const overlay_white_base = "#FFFFFF7A";
447
+ export const overlay_white_dark = "#FFFFFFA3";
448
+ export const overlay_white_darkest = "#FFFFFFB8";
449
+ export const overlay_white_none = "#FFFFFF00";
450
450
  export const static_dark = "#000000";
451
451
  export const static_light = "#FFFFFF";
452
452
  export const shadow_black_alpha_lightest = "#52586605";
@@ -956,12 +956,12 @@ export const pagination_base_container_gap = "12px";
956
956
  export const pagination_base_arrow_gap = "4px";
957
957
  export const pagination_base_gap = "6px";
958
958
  export const pagination_base_container_v_padding = "2px";
959
- export const pagination_cell_large_cell_size = "40px";
960
- export const pagination_cell_large_cell_radius = "8px";
961
- export const pagination_cell_base_cell_size = "32px";
962
- export const pagination_cell_base_cell_radius = "8px";
963
- export const pagination_cell_small_cell_size = "24px";
964
- export const pagination_cell_small_cell_radius = "8px";
959
+ export const pagination_cell_large_size = "40px";
960
+ export const pagination_cell_large_radius = "8px";
961
+ export const pagination_cell_base_size = "32px";
962
+ export const pagination_cell_base_radius = "8px";
963
+ export const pagination_cell_small_size = "24px";
964
+ export const pagination_cell_small_radius = "8px";
965
965
  export const persona_base_h_padding = "8px";
966
966
  export const persona_base_v_padding = "8px";
967
967
  export const persona_base_gap = "4px";
@@ -1249,10 +1249,10 @@ export const timepicker_timer_body_clock_v_padding = "12px";
1249
1249
  export const timepicker_timer_body_clock_gap = "16px";
1250
1250
  export const timepicker_timer_body_clock_input_group_gap = "8px";
1251
1251
  export const timepicker_timer_body_clock_input_gap = "0px";
1252
- export const timestamp_base_gap = "2px";
1253
- export const timestamp_base_content_gap = "4px";
1254
- export const timestamp_small_gap = "0px";
1255
- export const timestamp_small_content_gap = "2px";
1252
+ export const timestamp_timestampt_base_gap = "2px";
1253
+ export const timestamp_timestampt_base_content_gap = "4px";
1254
+ export const timestamp_timestampt_small_gap = "0px";
1255
+ export const timestamp_timestampt_small_content_gap = "2px";
1256
1256
  export const toast_base_radius = "8px";
1257
1257
  export const toast_base_h_padding = "12px";
1258
1258
  export const toast_base_v_padding = "12px";
@@ -1800,16 +1800,16 @@ export default {
1800
1800
  "alpha-neutral-neutral-500-8": "#52586614",
1801
1801
  "alpha-neutral-neutral-500-4": "#5258660A",
1802
1802
  "alpha-neutral-neutral-500-2": "#52586605",
1803
- "aviation-amber-50": "#FFF2E5",
1804
- "aviation-amber-100": "#FFD9B2",
1805
- "aviation-amber-200": "#FFCC99",
1806
- "aviation-amber-300": "#FFB366",
1807
- "aviation-amber-400": "#FF9933",
1808
- "aviation-amber-500": "#FF8000",
1809
- "aviation-amber-600": "#CC6600",
1810
- "aviation-amber-700": "#994D00",
1811
- "aviation-amber-800": "#663300",
1812
- "aviation-amber-900": "#4D2600",
1803
+ "aviation-amber-amber-50": "#FFF2E5",
1804
+ "aviation-amber-amber-100": "#FFD9B2",
1805
+ "aviation-amber-amber-200": "#FFCC99",
1806
+ "aviation-amber-amber-300": "#FFB366",
1807
+ "aviation-amber-amber-400": "#FF9933",
1808
+ "aviation-amber-amber-500": "#FF8000",
1809
+ "aviation-amber-amber-600": "#CC6600",
1810
+ "aviation-amber-amber-700": "#994D00",
1811
+ "aviation-amber-amber-800": "#663300",
1812
+ "aviation-amber-amber-900": "#4D2600",
1813
1813
  "family-title": "Inter",
1814
1814
  "family-subheading": "Inter",
1815
1815
  "family-label": "Inter",
@@ -2012,12 +2012,6 @@ export default {
2012
2012
  "overlay-black-xxlightest": "#00000005",
2013
2013
  "overlay-black-xlightest": "#00000014",
2014
2014
  "overlay-black-none": "#00000000",
2015
- "overlay-white-lightest": "#FFFFFF29",
2016
- "overlay-white-light": "#FFFFFF52",
2017
- "overlay-white-base": "#FFFFFF7A",
2018
- "overlay-white-dark": "#FFFFFFA3",
2019
- "overlay-white-darkest": "#FFFFFFB8",
2020
- "overlay-white-none": "#FFFFFF00",
2021
2015
  "states-lightest": "#F9FAFC",
2022
2016
  "states-light": "#CACFD8",
2023
2017
  "states-base": "#0A2351",
@@ -2053,6 +2047,12 @@ export default {
2053
2047
  "states-verified-dark": "#295BAC",
2054
2048
  "states-verified-darkest": "#204887",
2055
2049
  "states-verified-lightest": "#F5F9FF",
2050
+ "overlay-white-lightest": "#FFFFFF29",
2051
+ "overlay-white-light": "#FFFFFF52",
2052
+ "overlay-white-base": "#FFFFFF7A",
2053
+ "overlay-white-dark": "#FFFFFFA3",
2054
+ "overlay-white-darkest": "#FFFFFFB8",
2055
+ "overlay-white-none": "#FFFFFF00",
2056
2056
  "static-dark": "#000000",
2057
2057
  "static-light": "#FFFFFF",
2058
2058
  "shadow-black-alpha-lightest": "#52586605",
@@ -2562,12 +2562,12 @@ export default {
2562
2562
  "pagination-base-arrow-gap": "4px",
2563
2563
  "pagination-base-gap": "6px",
2564
2564
  "pagination-base-container-v-padding": "2px",
2565
- "pagination-cell-large-cell-size": "40px",
2566
- "pagination-cell-large-cell-radius": "8px",
2567
- "pagination-cell-base-cell-size": "32px",
2568
- "pagination-cell-base-cell-radius": "8px",
2569
- "pagination-cell-small-cell-size": "24px",
2570
- "pagination-cell-small-cell-radius": "8px",
2565
+ "pagination-cell-large-size": "40px",
2566
+ "pagination-cell-large-radius": "8px",
2567
+ "pagination-cell-base-size": "32px",
2568
+ "pagination-cell-base-radius": "8px",
2569
+ "pagination-cell-small-size": "24px",
2570
+ "pagination-cell-small-radius": "8px",
2571
2571
  "persona-base-h-padding": "8px",
2572
2572
  "persona-base-v-padding": "8px",
2573
2573
  "persona-base-gap": "4px",
@@ -2855,10 +2855,10 @@ export default {
2855
2855
  "timepicker-timer-body-clock-gap": "16px",
2856
2856
  "timepicker-timer-body-clock-input-group-gap": "8px",
2857
2857
  "timepicker-timer-body-clock-input-gap": "0px",
2858
- "timestamp-base-gap": "2px",
2859
- "timestamp-base-content-gap": "4px",
2860
- "timestamp-small-gap": "0px",
2861
- "timestamp-small-content-gap": "2px",
2858
+ "timestamp-timestampt-base-gap": "2px",
2859
+ "timestamp-timestampt-base-content-gap": "4px",
2860
+ "timestamp-timestampt-small-gap": "0px",
2861
+ "timestamp-timestampt-small-content-gap": "2px",
2862
2862
  "toast-base-radius": "8px",
2863
2863
  "toast-base-h-padding": "12px",
2864
2864
  "toast-base-v-padding": "12px",