@fluentui-react-native/apple-theme 0.16.10 → 0.17.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.
@@ -56,6 +56,7 @@ export function appleTypography(): Typography {
56
56
  weight: fontTokens.weight.regular,
57
57
  lineHeight: fontTokens.lineHeight100,
58
58
  letterSpacing: 0,
59
+ dynamicTypeRamp: 'caption1', // Not a typo, this corresponds to UIFontTextStypeCaption1
59
60
  },
60
61
  caption1: {
61
62
  face: fontTokens.family.base,
@@ -63,6 +64,7 @@ export function appleTypography(): Typography {
63
64
  weight: fontTokens.weight.regular,
64
65
  lineHeight: fontTokens.lineHeight200,
65
66
  letterSpacing: -0.08,
67
+ dynamicTypeRamp: 'footnote',
66
68
  },
67
69
  caption1Strong: {
68
70
  face: fontTokens.family.base,
@@ -70,6 +72,7 @@ export function appleTypography(): Typography {
70
72
  weight: fontTokens.weight.semibold,
71
73
  lineHeight: fontTokens.lineHeight200,
72
74
  letterSpacing: -0.08,
75
+ dynamicTypeRamp: 'footnote',
73
76
  },
74
77
  body2: {
75
78
  face: fontTokens.family.base,
@@ -77,6 +80,7 @@ export function appleTypography(): Typography {
77
80
  weight: fontTokens.weight.regular,
78
81
  lineHeight: fontTokens.lineHeight300,
79
82
  letterSpacing: -0.23,
83
+ dynamicTypeRamp: 'subheadline',
80
84
  },
81
85
  body2Strong: {
82
86
  face: fontTokens.family.base,
@@ -84,6 +88,7 @@ export function appleTypography(): Typography {
84
88
  weight: fontTokens.weight.semibold,
85
89
  lineHeight: fontTokens.lineHeight300,
86
90
  letterSpacing: -0.23,
91
+ dynamicTypeRamp: 'subheadline',
87
92
  },
88
93
  body1: {
89
94
  face: fontTokens.family.base,
@@ -91,6 +96,7 @@ export function appleTypography(): Typography {
91
96
  weight: fontTokens.weight.regular,
92
97
  lineHeight: fontTokens.lineHeight400,
93
98
  letterSpacing: -0.43,
99
+ dynamicTypeRamp: 'body',
94
100
  },
95
101
  body1Strong: {
96
102
  face: fontTokens.family.base,
@@ -98,6 +104,7 @@ export function appleTypography(): Typography {
98
104
  weight: fontTokens.weight.semibold,
99
105
  lineHeight: fontTokens.lineHeight400,
100
106
  letterSpacing: -0.43,
107
+ dynamicTypeRamp: 'body',
101
108
  },
102
109
  title3: {
103
110
  face: fontTokens.family.base,
@@ -105,6 +112,7 @@ export function appleTypography(): Typography {
105
112
  weight: fontTokens.weight.semibold,
106
113
  lineHeight: fontTokens.lineHeight500,
107
114
  letterSpacing: -0.45,
115
+ dynamicTypeRamp: 'title3',
108
116
  },
109
117
  title2: {
110
118
  face: fontTokens.family.base,
@@ -112,6 +120,7 @@ export function appleTypography(): Typography {
112
120
  weight: fontTokens.weight.semibold,
113
121
  lineHeight: fontTokens.lineHeight600,
114
122
  letterSpacing: -0.26,
123
+ dynamicTypeRamp: 'title2',
115
124
  },
116
125
  title1: {
117
126
  face: fontTokens.family.base,
@@ -119,6 +128,7 @@ export function appleTypography(): Typography {
119
128
  weight: fontTokens.weight.bold,
120
129
  lineHeight: fontTokens.lineHeight700,
121
130
  letterSpacing: 0.38,
131
+ dynamicTypeRamp: 'title1',
122
132
  },
123
133
  largeTitle: {
124
134
  face: fontTokens.family.base,
@@ -126,6 +136,7 @@ export function appleTypography(): Typography {
126
136
  weight: fontTokens.weight.bold,
127
137
  lineHeight: fontTokens.lineHeight800,
128
138
  letterSpacing: 0.4,
139
+ dynamicTypeRamp: 'largeTitle',
129
140
  },
130
141
  display: {
131
142
  face: fontTokens.family.base,
@@ -133,6 +144,7 @@ export function appleTypography(): Typography {
133
144
  weight: fontTokens.weight.bold,
134
145
  lineHeight: fontTokens.lineHeight900,
135
146
  letterSpacing: 0.26,
147
+ dynamicTypeRamp: 'largeTitle',
136
148
  },
137
149
  } as Variants,
138
150
  };