@maggioli-design-system/design-tokens 11.0.1 → 12.0.1

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 (92) hide show
  1. package/dist/android/colors.xml +1 -1
  2. package/dist/css/colors-hex-brand-synbee.css +2 -1
  3. package/dist/css/colors-hex-brand.css +2 -1
  4. package/dist/css/colors-hex-default.css +2 -1
  5. package/dist/css/colors-hex-label.css +2 -1
  6. package/dist/css/colors-hex-status.css +2 -1
  7. package/dist/css/colors-hex-synbee-v1.css +2 -1
  8. package/dist/css/colors-hex-tones.css +2 -1
  9. package/dist/css/colors-hex.css +2 -1
  10. package/dist/css/colors-rgb-brand-synbee.css +2 -1
  11. package/dist/css/colors-rgb-brand.css +2 -1
  12. package/dist/css/colors-rgb-default.css +2 -1
  13. package/dist/css/colors-rgb-label.css +2 -1
  14. package/dist/css/colors-rgb-status.css +2 -1
  15. package/dist/css/colors-rgb-synbee-v1.css +2 -1
  16. package/dist/css/colors-rgb-tones.css +2 -1
  17. package/dist/css/colors-rgb.css +2 -1
  18. package/dist/flutter/colors-brand-synbee.dart +2 -2
  19. package/dist/flutter/colors-brand.dart +2 -2
  20. package/dist/flutter/colors-default.dart +2 -2
  21. package/dist/flutter/colors-label.dart +2 -2
  22. package/dist/flutter/colors-status.dart +2 -2
  23. package/dist/flutter/colors-synbee-v1.dart +2 -2
  24. package/dist/flutter/colors-tones.dart +2 -2
  25. package/dist/flutter/colors.dart +2 -2
  26. package/dist/flutter/fonts.dart +43 -43
  27. package/dist/ios/StyleDictionaryColor.h +1 -1
  28. package/dist/ios/StyleDictionaryColor.m +1 -1
  29. package/dist/ios-swift/StyleDictionary.swift +1 -1
  30. package/dist/ios-swift/StyleDictionaryColor.swift +1 -1
  31. package/dist/js/colors-css-vars.js +2 -1
  32. package/dist/js/tailwind-colors-css-vars.js +2 -1
  33. package/dist/js/tailwind-font-family.js +9 -5
  34. package/dist/js/tailwind-font-size.js +20 -19
  35. package/dist/js/tailwind-leading.js +31 -0
  36. package/dist/js/tailwind-props.js +376 -0
  37. package/dist/js/tailwind-screens.js +37 -0
  38. package/dist/json/coolors.json +1 -1
  39. package/dist/json/css/layout/grid.json +24 -0
  40. package/dist/json/css/sizing/default.json +258 -0
  41. package/dist/json/css/sizing/margin.json +120 -0
  42. package/dist/json/css/sizing/padding.json +120 -0
  43. package/dist/json/css/transitions/default.json +12 -0
  44. package/dist/json/css/transitions/timing-functions.json +78 -0
  45. package/dist/json/figma-magma-colors.json +1 -0
  46. package/dist/json/figma-magma-tokens.json +1 -0
  47. package/dist/scss/variables.scss +1 -1
  48. package/dist/style-dictionary/tokens/cosmetic/border-radius.json +30 -0
  49. package/dist/style-dictionary/tokens/cosmetic/border.json +36 -0
  50. package/dist/style-dictionary/tokens/cosmetic/box-shadow.json +42 -0
  51. package/dist/style-dictionary/tokens/css/layout/grid.json +24 -0
  52. package/dist/style-dictionary/tokens/css/sizing/default.json +258 -0
  53. package/dist/style-dictionary/tokens/css/sizing/margin.json +120 -0
  54. package/dist/style-dictionary/tokens/css/sizing/padding.json +120 -0
  55. package/dist/style-dictionary/tokens/css/transitions/default.json +12 -0
  56. package/dist/style-dictionary/tokens/css/transitions/timing-functions.json +78 -0
  57. package/dist/style-dictionary/tokens/screen/default.json +54 -0
  58. package/dist/style-dictionary/tokens/sizing/aspect-ratio.json +24 -0
  59. package/dist/style-dictionary/tokens/sizing/default.json +117 -0
  60. package/dist/style-dictionary/tokens/sizing/gap.json +144 -0
  61. package/dist/style-dictionary/{properties/font → tokens/typography}/default.json +40 -41
  62. package/dist/style-dictionary/tokens/typography/leading.json +33 -0
  63. package/dist/style-dictionary/tokens/typography/size.json +33 -0
  64. package/dist/style-dictionary/tokens/typography/sizing.json +18 -0
  65. package/package.json +10 -4
  66. package/dist/js/ease.js +0 -29
  67. package/dist/js/gap.js +0 -12
  68. package/dist/js/media.js +0 -29
  69. package/dist/json/css/ease.json +0 -26
  70. package/dist/json/css/font-family.json +0 -30
  71. package/dist/json/css/gap.json +0 -9
  72. package/dist/json/css/media.json +0 -14
  73. package/dist/scss/ease.scss +0 -26
  74. package/dist/scss/font-family.scss +0 -6
  75. package/dist/scss/gap.scss +0 -9
  76. package/dist/scss/media.scss +0 -26
  77. package/dist/style-dictionary/properties/color/base.json +0 -3782
  78. package/dist/style-dictionary/properties/color/brand-synbee.json +0 -150
  79. package/dist/style-dictionary/properties/color/brand.json +0 -150
  80. package/dist/style-dictionary/properties/color/label.json +0 -726
  81. package/dist/style-dictionary/properties/color/status.json +0 -294
  82. package/dist/style-dictionary/properties/color/synbee-v1.json +0 -2124
  83. package/dist/style-dictionary/properties/color/tones.json +0 -366
  84. /package/dist/style-dictionary/{properties → tokens}/color/generated/base.json +0 -0
  85. /package/dist/style-dictionary/{properties → tokens}/color/generated/brand-synbee.json +0 -0
  86. /package/dist/style-dictionary/{properties → tokens}/color/generated/brand.json +0 -0
  87. /package/dist/style-dictionary/{properties → tokens}/color/generated/default.json +0 -0
  88. /package/dist/style-dictionary/{properties → tokens}/color/generated/label.json +0 -0
  89. /package/dist/style-dictionary/{properties → tokens}/color/generated/status.json +0 -0
  90. /package/dist/style-dictionary/{properties → tokens}/color/generated/synbee-v1.json +0 -0
  91. /package/dist/style-dictionary/{properties → tokens}/color/generated/tones.json +0 -0
  92. /package/dist/style-dictionary/{properties → tokens}/color/themes.json +0 -0
package/dist/android/colors.xml CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  <!--
4
4
  Do not edit directly
5
- Generated on Mon, 13 Nov 2023 16:10:50 GMT
5
+ Generated on Wed, 10 Jan 2024 07:58:46 GMT
6
6
  -->
7
7
  <resources>
8
8
  <color name="color_tone_slate_light_1">#ff1c222a</color>
package/dist/css/colors-hex-brand-synbee.css CHANGED
@@ -1,7 +1,8 @@
1
1
  /*
2
+ @magma-design-system/design-tokens v12.0.1
2
3
  Generated by Style Dictionary
3
4
  Do not edit directly
4
- Generated at Mon, 13 Nov 2023 16:10:50 GMT
5
+ Generated at Wed, 10 Jan 2024 07:58:47 GMT
5
6
  */
6
7
 
7
8
  :root {
package/dist/css/colors-hex-brand.css CHANGED
@@ -1,7 +1,8 @@
1
1
  /*
2
+ @magma-design-system/design-tokens v12.0.1
2
3
  Generated by Style Dictionary
3
4
  Do not edit directly
4
- Generated at Mon, 13 Nov 2023 16:10:50 GMT
5
+ Generated at Wed, 10 Jan 2024 07:58:47 GMT
5
6
  */
6
7
 
7
8
  :root {
package/dist/css/colors-hex-default.css CHANGED
@@ -1,7 +1,8 @@
1
1
  /*
2
+ @magma-design-system/design-tokens v12.0.1
2
3
  Generated by Style Dictionary
3
4
  Do not edit directly
4
- Generated at Mon, 13 Nov 2023 16:10:50 GMT
5
+ Generated at Wed, 10 Jan 2024 07:58:47 GMT
5
6
  */
6
7
 
7
8
  :root {
package/dist/css/colors-hex-label.css CHANGED
@@ -1,7 +1,8 @@
1
1
  /*
2
+ @magma-design-system/design-tokens v12.0.1
2
3
  Generated by Style Dictionary
3
4
  Do not edit directly
4
- Generated at Mon, 13 Nov 2023 16:10:50 GMT
5
+ Generated at Wed, 10 Jan 2024 07:58:47 GMT
5
6
  */
6
7
 
7
8
  :root {
package/dist/css/colors-hex-status.css CHANGED
@@ -1,7 +1,8 @@
1
1
  /*
2
+ @magma-design-system/design-tokens v12.0.1
2
3
  Generated by Style Dictionary
3
4
  Do not edit directly
4
- Generated at Mon, 13 Nov 2023 16:10:50 GMT
5
+ Generated at Wed, 10 Jan 2024 07:58:47 GMT
5
6
  */
6
7
 
7
8
  :root {
package/dist/css/colors-hex-synbee-v1.css CHANGED
@@ -1,7 +1,8 @@
1
1
  /*
2
+ @magma-design-system/design-tokens v12.0.1
2
3
  Generated by Style Dictionary
3
4
  Do not edit directly
4
- Generated at Mon, 13 Nov 2023 16:10:50 GMT
5
+ Generated at Wed, 10 Jan 2024 07:58:47 GMT
5
6
  */
6
7
 
7
8
  :root {
package/dist/css/colors-hex-tones.css CHANGED
@@ -1,7 +1,8 @@
1
1
  /*
2
+ @magma-design-system/design-tokens v12.0.1
2
3
  Generated by Style Dictionary
3
4
  Do not edit directly
4
- Generated at Mon, 13 Nov 2023 16:10:50 GMT
5
+ Generated at Wed, 10 Jan 2024 07:58:47 GMT
5
6
  */
6
7
 
7
8
  :root {
package/dist/css/colors-hex.css CHANGED
@@ -1,7 +1,8 @@
1
1
  /*
2
+ @magma-design-system/design-tokens v12.0.1
2
3
  Generated by Style Dictionary
3
4
  Do not edit directly
4
- Generated at Mon, 13 Nov 2023 16:10:50 GMT
5
+ Generated at Wed, 10 Jan 2024 07:58:46 GMT
5
6
  */
6
7
 
7
8
  :root {
package/dist/css/colors-rgb-brand-synbee.css CHANGED
@@ -1,7 +1,8 @@
1
1
  /*
2
+ @magma-design-system/design-tokens v12.0.1
2
3
  Generated by Style Dictionary
3
4
  Do not edit directly
4
- Generated at Mon, 13 Nov 2023 16:10:50 GMT
5
+ Generated at Wed, 10 Jan 2024 07:58:47 GMT
5
6
  */
6
7
 
7
8
  :root {
package/dist/css/colors-rgb-brand.css CHANGED
@@ -1,7 +1,8 @@
1
1
  /*
2
+ @magma-design-system/design-tokens v12.0.1
2
3
  Generated by Style Dictionary
3
4
  Do not edit directly
4
- Generated at Mon, 13 Nov 2023 16:10:50 GMT
5
+ Generated at Wed, 10 Jan 2024 07:58:47 GMT
5
6
  */
6
7
 
7
8
  :root {
package/dist/css/colors-rgb-default.css CHANGED
@@ -1,7 +1,8 @@
1
1
  /*
2
+ @magma-design-system/design-tokens v12.0.1
2
3
  Generated by Style Dictionary
3
4
  Do not edit directly
4
- Generated at Mon, 13 Nov 2023 16:10:50 GMT
5
+ Generated at Wed, 10 Jan 2024 07:58:47 GMT
5
6
  */
6
7
 
7
8
  :root {
package/dist/css/colors-rgb-label.css CHANGED
@@ -1,7 +1,8 @@
1
1
  /*
2
+ @magma-design-system/design-tokens v12.0.1
2
3
  Generated by Style Dictionary
3
4
  Do not edit directly
4
- Generated at Mon, 13 Nov 2023 16:10:50 GMT
5
+ Generated at Wed, 10 Jan 2024 07:58:47 GMT
5
6
  */
6
7
 
7
8
  :root {
package/dist/css/colors-rgb-status.css CHANGED
@@ -1,7 +1,8 @@
1
1
  /*
2
+ @magma-design-system/design-tokens v12.0.1
2
3
  Generated by Style Dictionary
3
4
  Do not edit directly
4
- Generated at Mon, 13 Nov 2023 16:10:50 GMT
5
+ Generated at Wed, 10 Jan 2024 07:58:47 GMT
5
6
  */
6
7
 
7
8
  :root {
package/dist/css/colors-rgb-synbee-v1.css CHANGED
@@ -1,7 +1,8 @@
1
1
  /*
2
+ @magma-design-system/design-tokens v12.0.1
2
3
  Generated by Style Dictionary
3
4
  Do not edit directly
4
- Generated at Mon, 13 Nov 2023 16:10:50 GMT
5
+ Generated at Wed, 10 Jan 2024 07:58:47 GMT
5
6
  */
6
7
 
7
8
  :root {
package/dist/css/colors-rgb-tones.css CHANGED
@@ -1,7 +1,8 @@
1
1
  /*
2
+ @magma-design-system/design-tokens v12.0.1
2
3
  Generated by Style Dictionary
3
4
  Do not edit directly
4
- Generated at Mon, 13 Nov 2023 16:10:50 GMT
5
+ Generated at Wed, 10 Jan 2024 07:58:47 GMT
5
6
  */
6
7
 
7
8
  :root {
package/dist/css/colors-rgb.css CHANGED
@@ -1,7 +1,8 @@
1
1
  /*
2
+ @magma-design-system/design-tokens v12.0.1
2
3
  Generated by Style Dictionary
3
4
  Do not edit directly
4
- Generated at Mon, 13 Nov 2023 16:10:50 GMT
5
+ Generated at Wed, 10 Jan 2024 07:58:46 GMT
5
6
  */
6
7
 
7
8
  :root {
package/dist/flutter/colors-brand-synbee.dart CHANGED
@@ -1,8 +1,8 @@
1
1
  /*
2
- Magma Design System / Design Tokens
2
+ @magma-design-system/design-tokens v12.0.1
3
3
  Generated by Style Dictionary
4
4
  Do not edit directly
5
- Generated at Mon, 13 Nov 2023 16:10:50 GMT
5
+ Generated at Wed, 10 Jan 2024 07:58:47 GMT
6
6
  */
7
7
 
8
8
  // ignore_for_file: unused_import
package/dist/flutter/colors-brand.dart CHANGED
@@ -1,8 +1,8 @@
1
1
  /*
2
- Magma Design System / Design Tokens
2
+ @magma-design-system/design-tokens v12.0.1
3
3
  Generated by Style Dictionary
4
4
  Do not edit directly
5
- Generated at Mon, 13 Nov 2023 16:10:50 GMT
5
+ Generated at Wed, 10 Jan 2024 07:58:47 GMT
6
6
  */
7
7
 
8
8
  // ignore_for_file: unused_import
package/dist/flutter/colors-default.dart CHANGED
@@ -1,8 +1,8 @@
1
1
  /*
2
- Magma Design System / Design Tokens
2
+ @magma-design-system/design-tokens v12.0.1
3
3
  Generated by Style Dictionary
4
4
  Do not edit directly
5
- Generated at Mon, 13 Nov 2023 16:10:50 GMT
5
+ Generated at Wed, 10 Jan 2024 07:58:47 GMT
6
6
  */
7
7
 
8
8
  // ignore_for_file: unused_import
package/dist/flutter/colors-label.dart CHANGED
@@ -1,8 +1,8 @@
1
1
  /*
2
- Magma Design System / Design Tokens
2
+ @magma-design-system/design-tokens v12.0.1
3
3
  Generated by Style Dictionary
4
4
  Do not edit directly
5
- Generated at Mon, 13 Nov 2023 16:10:50 GMT
5
+ Generated at Wed, 10 Jan 2024 07:58:47 GMT
6
6
  */
7
7
 
8
8
  // ignore_for_file: unused_import
package/dist/flutter/colors-status.dart CHANGED
@@ -1,8 +1,8 @@
1
1
  /*
2
- Magma Design System / Design Tokens
2
+ @magma-design-system/design-tokens v12.0.1
3
3
  Generated by Style Dictionary
4
4
  Do not edit directly
5
- Generated at Mon, 13 Nov 2023 16:10:50 GMT
5
+ Generated at Wed, 10 Jan 2024 07:58:47 GMT
6
6
  */
7
7
 
8
8
  // ignore_for_file: unused_import
package/dist/flutter/colors-synbee-v1.dart CHANGED
@@ -1,8 +1,8 @@
1
1
  /*
2
- Magma Design System / Design Tokens
2
+ @magma-design-system/design-tokens v12.0.1
3
3
  Generated by Style Dictionary
4
4
  Do not edit directly
5
- Generated at Mon, 13 Nov 2023 16:10:50 GMT
5
+ Generated at Wed, 10 Jan 2024 07:58:47 GMT
6
6
  */
7
7
 
8
8
  // ignore_for_file: unused_import
package/dist/flutter/colors-tones.dart CHANGED
@@ -1,8 +1,8 @@
1
1
  /*
2
- Magma Design System / Design Tokens
2
+ @magma-design-system/design-tokens v12.0.1
3
3
  Generated by Style Dictionary
4
4
  Do not edit directly
5
- Generated at Mon, 13 Nov 2023 16:10:50 GMT
5
+ Generated at Wed, 10 Jan 2024 07:58:47 GMT
6
6
  */
7
7
 
8
8
  // ignore_for_file: unused_import
package/dist/flutter/colors.dart CHANGED
@@ -1,8 +1,8 @@
1
1
  /*
2
- Magma Design System / Design Tokens
2
+ @magma-design-system/design-tokens v12.0.1
3
3
  Generated by Style Dictionary
4
4
  Do not edit directly
5
- Generated at Mon, 13 Nov 2023 16:10:50 GMT
5
+ Generated at Wed, 10 Jan 2024 07:58:46 GMT
6
6
  */
7
7
 
8
8
  // ignore_for_file: unused_import
package/dist/flutter/fonts.dart CHANGED
@@ -1,8 +1,8 @@
1
1
  /*
2
- Magma Design System / Design Tokens
2
+ @magma-design-system/design-tokens v12.0.1
3
3
  Generated by Style Dictionary
4
4
  Do not edit directly
5
- Generated at Mon, 13 Nov 2023 16:10:50 GMT
5
+ Generated at Wed, 10 Jan 2024 07:58:47 GMT
6
6
  */
7
7
 
8
8
  // ignore_for_file: unused_import
@@ -16,106 +16,106 @@ class TextStyles {
16
16
 
17
17
  static const TextStyle titleH1 = TextStyle(
18
18
  fontFamily: "Roboto",
19
- fontFamilyFallback: <String>["Roboto","-apple-system","BlinkMacSystemFont","San Francisco","Segoe UI","Helvetica Neue","sans-serif"],
20
- fontSize: 48,
19
+ fontFamilyFallback: <String>[Roboto,system-ui,-apple-system,BlinkMacSystemFont,&#x27;Segoe UI&#x27;,sans-serif],
20
+ fontSize: 48px,
21
21
  fontWeight: FontWeight.w900,
22
22
  letterSpacing: -0.4,
23
- height: 48,
23
+ height: 48px,
24
24
  );
25
25
  static const TextStyle titleH2 = TextStyle(
26
26
  fontFamily: "Roboto",
27
- fontFamilyFallback: <String>["Roboto","-apple-system","BlinkMacSystemFont","San Francisco","Segoe UI","Helvetica Neue","sans-serif"],
28
- fontSize: 36,
27
+ fontFamilyFallback: <String>[Roboto,system-ui,-apple-system,BlinkMacSystemFont,&#x27;Segoe UI&#x27;,sans-serif],
28
+ fontSize: 36px,
29
29
  fontWeight: FontWeight.w900,
30
30
  letterSpacing: -0.4,
31
- height: 40,
31
+ height: 40px,
32
32
  );
33
33
  static const TextStyle titleH3 = TextStyle(
34
34
  fontFamily: "Roboto",
35
- fontFamilyFallback: <String>["Roboto","-apple-system","BlinkMacSystemFont","San Francisco","Segoe UI","Helvetica Neue","sans-serif"],
36
- fontSize: 30,
35
+ fontFamilyFallback: <String>[Roboto,system-ui,-apple-system,BlinkMacSystemFont,&#x27;Segoe UI&#x27;,sans-serif],
36
+ fontSize: 30px,
37
37
  fontWeight: FontWeight.w900,
38
38
  letterSpacing: -0.4,
39
- height: 36,
39
+ height: 36px,
40
40
  );
41
41
  static const TextStyle titleH4 = TextStyle(
42
42
  fontFamily: "Roboto",
43
- fontFamilyFallback: <String>["Roboto","-apple-system","BlinkMacSystemFont","San Francisco","Segoe UI","Helvetica Neue","sans-serif"],
44
- fontSize: 24,
43
+ fontFamilyFallback: <String>[Roboto,system-ui,-apple-system,BlinkMacSystemFont,&#x27;Segoe UI&#x27;,sans-serif],
44
+ fontSize: 24px,
45
45
  fontWeight: FontWeight.w700,
46
46
  letterSpacing: -0.4,
47
- height: 32,
47
+ height: 32px,
48
48
  );
49
49
  static const TextStyle titleH5 = TextStyle(
50
50
  fontFamily: "Roboto",
51
- fontFamilyFallback: <String>["Roboto","-apple-system","BlinkMacSystemFont","San Francisco","Segoe UI","Helvetica Neue","sans-serif"],
52
- fontSize: 20,
51
+ fontFamilyFallback: <String>[Roboto,system-ui,-apple-system,BlinkMacSystemFont,&#x27;Segoe UI&#x27;,sans-serif],
52
+ fontSize: 20px,
53
53
  fontWeight: FontWeight.w700,
54
54
  letterSpacing: -0.4,
55
- height: 28,
55
+ height: 28px,
56
56
  );
57
57
  static const TextStyle titleH6 = TextStyle(
58
58
  fontFamily: "Roboto",
59
- fontFamilyFallback: <String>["Roboto","-apple-system","BlinkMacSystemFont","San Francisco","Segoe UI","Helvetica Neue","sans-serif"],
60
- fontSize: 16,
59
+ fontFamilyFallback: <String>[Roboto,system-ui,-apple-system,BlinkMacSystemFont,&#x27;Segoe UI&#x27;,sans-serif],
60
+ fontSize: 16px,
61
61
  fontWeight: FontWeight.w700,
62
62
  letterSpacing: -0.4,
63
- height: 24,
63
+ height: 24px,
64
64
  );
65
65
  static const TextStyle titleAction = TextStyle(
66
66
  fontFamily: "Roboto",
67
- fontFamilyFallback: <String>["Roboto","-apple-system","BlinkMacSystemFont","San Francisco","Segoe UI","Helvetica Neue","sans-serif"],
68
- fontSize: 14,
67
+ fontFamilyFallback: <String>[Roboto,system-ui,-apple-system,BlinkMacSystemFont,&#x27;Segoe UI&#x27;,sans-serif],
68
+ fontSize: 14px,
69
69
  fontWeight: FontWeight.w500,
70
- height: 24,
70
+ height: 24px,
71
71
  );
72
72
  static const TextStyle infoDetail = TextStyle(
73
73
  fontFamily: "Karla",
74
- fontFamilyFallback: <String>["Karla","-apple-system","BlinkMacSystemFont","San Francisco","Segoe UI","Helvetica Neue","sans-serif"],
75
- fontSize: 16,
74
+ fontFamilyFallback: <String>[Karla,system-ui,-apple-system,BlinkMacSystemFont,&#x27;Segoe UI&#x27;,sans-serif],
75
+ fontSize: 16px,
76
76
  fontWeight: FontWeight.w400,
77
- height: 24,
77
+ height: 24px,
78
78
  );
79
79
  static const TextStyle infoCaption = TextStyle(
80
80
  fontFamily: "Karla",
81
- fontFamilyFallback: <String>["Karla","-apple-system","BlinkMacSystemFont","San Francisco","Segoe UI","Helvetica Neue","sans-serif"],
82
- fontSize: 14,
81
+ fontFamilyFallback: <String>[Karla,system-ui,-apple-system,BlinkMacSystemFont,&#x27;Segoe UI&#x27;,sans-serif],
82
+ fontSize: 14px,
83
83
  fontWeight: FontWeight.w400,
84
- height: 20,
84
+ height: 20px,
85
85
  );
86
86
  static const TextStyle infoLabel = TextStyle(
87
87
  fontFamily: "Karla",
88
- fontFamilyFallback: <String>["Karla","-apple-system","BlinkMacSystemFont","San Francisco","Segoe UI","Helvetica Neue","sans-serif"],
89
- fontSize: 12,
88
+ fontFamilyFallback: <String>[Karla,system-ui,-apple-system,BlinkMacSystemFont,&#x27;Segoe UI&#x27;,sans-serif],
89
+ fontSize: 12px,
90
90
  fontWeight: FontWeight.w700,
91
- height: 16,
91
+ height: 16px,
92
92
  );
93
93
  static const TextStyle infoOption = TextStyle(
94
94
  fontFamily: "Karla",
95
- fontFamilyFallback: <String>["Karla","-apple-system","BlinkMacSystemFont","San Francisco","Segoe UI","Helvetica Neue","sans-serif"],
96
- fontSize: 10,
95
+ fontFamilyFallback: <String>[Karla,system-ui,-apple-system,BlinkMacSystemFont,&#x27;Segoe UI&#x27;,sans-serif],
96
+ fontSize: 10px,
97
97
  fontWeight: FontWeight.w700,
98
98
  letterSpacing: -0.4,
99
- height: 10,
99
+ height: 10px,
100
100
  );
101
101
  static const TextStyle infoDetailBold = TextStyle(
102
102
  fontFamily: "Karla",
103
- fontFamilyFallback: <String>["Karla","-apple-system","BlinkMacSystemFont","San Francisco","Segoe UI","Helvetica Neue","sans-serif"],
103
+ fontFamilyFallback: <String>[Karla,system-ui,-apple-system,BlinkMacSystemFont,&#x27;Segoe UI&#x27;,sans-serif],
104
104
  );
105
105
  static const TextStyle infoCaptionBold = TextStyle(
106
106
  fontFamily: "Karla",
107
- fontFamilyFallback: <String>["Karla","-apple-system","BlinkMacSystemFont","San Francisco","Segoe UI","Helvetica Neue","sans-serif"],
107
+ fontFamilyFallback: <String>[Karla,system-ui,-apple-system,BlinkMacSystemFont,&#x27;Segoe UI&#x27;,sans-serif],
108
108
  );
109
109
  static const TextStyle readParagraph = TextStyle(
110
- fontFamily: "Merriweather",
111
- fontFamilyFallback: <String>["Merriweather","Times","Times New Roman","serif"],
112
- fontSize: 20,
110
+ fontFamily: "&#x27;Merriweather&#x27;",
111
+ fontFamilyFallback: <String>[&#x27;Merriweather&#x27;,Times,&#x27;Times New Roman&#x27;,serif],
112
+ fontSize: 20px,
113
113
  fontWeight: FontWeight.w300,
114
- height: 32,
114
+ height: 32px,
115
115
  );
116
116
  static const TextStyle readParagraphBold = TextStyle(
117
- fontFamily: "Merriweather",
118
- fontFamilyFallback: <String>["Merriweather","Times","Times New Roman","serif"],
117
+ fontFamily: "&#x27;Merriweather&#x27;",
118
+ fontFamilyFallback: <String>[&#x27;Merriweather&#x27;,Times,&#x27;Times New Roman&#x27;,serif],
119
119
  );
120
120
 
121
121
  static const TextTheme textTheme = TextTheme(
package/dist/ios/StyleDictionaryColor.h CHANGED
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Mon, 13 Nov 2023 16:10:50 GMT
7
+ // Generated on Wed, 10 Jan 2024 07:58:47 GMT
8
8
 
9
9
 
10
10
  #import <UIKit/UIKit.h>
package/dist/ios/StyleDictionaryColor.m CHANGED
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Mon, 13 Nov 2023 16:10:50 GMT
7
+ // Generated on Wed, 10 Jan 2024 07:58:47 GMT
8
8
 
9
9
 
10
10
  #import "StyleDictionaryColor.h"
package/dist/ios-swift/StyleDictionary.swift CHANGED
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Mon, 13 Nov 2023 16:10:50 GMT
7
+ // Generated on Wed, 10 Jan 2024 07:58:47 GMT
8
8
 
9
9
 
10
10
  import UIKit
package/dist/ios-swift/StyleDictionaryColor.swift CHANGED
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Mon, 13 Nov 2023 16:10:50 GMT
7
+ // Generated on Wed, 10 Jan 2024 07:58:47 GMT
8
8
 
9
9
 
10
10
  import UIKit
package/dist/js/colors-css-vars.js CHANGED
@@ -1,7 +1,8 @@
1
1
  /*
2
+ @magma-design-system/design-tokens v12.0.1
2
3
  Generated by Style Dictionary
3
4
  Do not edit directly
4
- Generated at Mon, 13 Nov 2023 16:10:49 GMT
5
+ Generated at Wed, 10 Jan 2024 07:58:46 GMT
5
6
  */
6
7
 
7
8
  const palette = {
package/dist/js/tailwind-colors-css-vars.js CHANGED
@@ -1,7 +1,8 @@
1
1
  /*
2
+ @magma-design-system/design-tokens v12.0.1
2
3
  Generated by Style Dictionary
3
4
  Do not edit directly
4
- Generated at Mon, 13 Nov 2023 16:10:50 GMT
5
+ Generated at Wed, 10 Jan 2024 07:58:46 GMT
5
6
  */
6
7
 
7
8
  const getColor = (cssVar, { opacityVariable, opacityValue }) => {
package/dist/js/tailwind-font-family.js CHANGED
@@ -1,26 +1,29 @@
1
1
  /*
2
+ @magma-design-system/design-tokens v12.0.1
2
3
  Generated by Style Dictionary
3
4
  Do not edit directly
4
- Generated at Mon, 13 Nov 2023 16:10:50 GMT
5
+ Generated at Wed, 10 Jan 2024 07:58:47 GMT
5
6
  */
6
7
 
7
8
  const fontFamily = {
9
+ "leading": [
10
+ ],
11
+ "fontSize": [
12
+ ],
8
13
  "title": [
9
14
  "Roboto",
15
+ "system-ui",
10
16
  "-apple-system",
11
17
  "BlinkMacSystemFont",
12
- "'San Francisco'",
13
18
  "'Segoe UI'",
14
- "'Helvetica Neue'",
15
19
  "sans-serif",
16
20
  ],
17
21
  "info": [
18
22
  "Karla",
23
+ "system-ui",
19
24
  "-apple-system",
20
25
  "BlinkMacSystemFont",
21
- "'San Francisco'",
22
26
  "'Segoe UI'",
23
- "'Helvetica Neue'",
24
27
  "sans-serif",
25
28
  ],
26
29
  "read": [
@@ -31,6 +34,7 @@ const fontFamily = {
31
34
  ],
32
35
  "code": [
33
36
  "'Roboto Mono'",
37
+ "'Courier New'",
34
38
  "monospace",
35
39
  ],
36
40
  }
package/dist/js/tailwind-font-size.js CHANGED
@@ -1,69 +1,70 @@
1
1
  /*
2
+ @magma-design-system/design-tokens v12.0.1
2
3
  Generated by Style Dictionary
3
4
  Do not edit directly
4
- Generated at Mon, 13 Nov 2023 16:10:50 GMT
5
+ Generated at Wed, 10 Jan 2024 07:58:47 GMT
5
6
  */
6
7
 
7
8
  const fontSize = {
8
- "size-title-h1": ['48px', {
9
+ "size-title-h1": ['3rem', {
9
10
  letterSpacing: '-0.025em',
10
11
  lineHeight: '3rem',
11
12
  }],
12
- "size-title-h2": ['36px', {
13
+ "size-title-h2": ['2.25rem', {
13
14
  letterSpacing: '-0.025em',
14
15
  lineHeight: '2.5rem',
15
16
  }],
16
- "size-title-h3": ['30px', {
17
+ "size-title-h3": ['1.875rem', {
17
18
  letterSpacing: '-0.025em',
18
19
  lineHeight: '2.25rem',
19
20
  }],
20
- "size-title-h4": ['24px', {
21
+ "size-title-h4": ['1.5rem', {
21
22
  letterSpacing: '-0.025em',
22
23
  lineHeight: '2rem',
23
24
  }],
24
- "size-title-h5": ['20px', {
25
+ "size-title-h5": ['1.25rem', {
25
26
  letterSpacing: '-0.025em',
26
27
  lineHeight: '1.75rem',
27
28
  }],
28
- "size-title-h6": ['16px', {
29
+ "size-title-h6": ['1rem', {
29
30
  letterSpacing: '-0.025em',
30
31
  lineHeight: '1.5rem',
31
32
  }],
32
- "size-title-action": ['14px', {
33
+ "size-title-action": ['0.875rem', {
33
34
  lineHeight: '1.5rem',
34
35
  }],
35
- "size-info-paragraph": ['20px', {
36
+ "size-info-paragraph": ['1.25rem', {
36
37
  lineHeight: '2rem',
37
38
  }],
38
- "size-info-detail": ['16px', {
39
+ "size-info-detail": ['1rem', {
39
40
  lineHeight: '1.5rem',
40
41
  }],
41
- "size-info-caption": ['14px', {
42
+ "size-info-caption": ['0.875rem', {
42
43
  lineHeight: '1.25rem',
43
44
  }],
44
- "size-info-label": ['12px', {
45
+ "size-info-label": ['0.75rem', {
45
46
  lineHeight: '1rem',
46
47
  }],
47
- "size-info-option": ['10px', {
48
+ "size-info-option": ['0.625rem', {
48
49
  letterSpacing: '-0.025em',
49
50
  lineHeight: '0.625rem',
50
51
  }],
51
- "size-info-tip": ['12px', {
52
+ "size-info-tip": ['0.75rem', {
52
53
  lineHeight: '1rem',
53
54
  }],
54
- "size-read-paragraph": ['20px', {
55
+ "size-read-paragraph": ['1.25rem', {
55
56
  lineHeight: '2rem',
56
57
  }],
57
- "size-read-detail": ['16px', {
58
+ "size-read-detail": ['1rem', {
58
59
  lineHeight: '1.5rem',
59
60
  }],
60
- "size-read-caption": ['14px', {
61
+ "size-read-caption": ['0.875rem', {
61
62
  lineHeight: '1.25rem',
62
63
  }],
63
- "size-code-snippet": ['16px', {
64
+ "size-code-snippet": ['1rem', {
64
65
  lineHeight: '1.5rem',
65
66
  }],
66
- "size-code-hack": ['14px', {
67
+ "size-code-hack": ['0.875rem', {
67
68
  lineHeight: '1.25rem',
68
69
  }],
69
70
  }