@vitality-ds/icons 4.0.0 → 4.0.1-alpha.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 (63) hide show
  1. package/dist/types/icons/src/Icon/styled.d.ts +32 -32
  2. package/dist/types/icons/src/Icon/styles/BaseIcon.styles.d.ts +16 -16
  3. package/dist/types/icons/src/tsx/Icon/styled.d.ts +32 -32
  4. package/dist/types/icons/src/tsx/Icon/styles/BaseIcon.styles.d.ts +16 -16
  5. package/dist/types/system/src/stitches.config.d.ts +196 -196
  6. package/dist/types/tokens/src/Elevation/types.d.ts +1 -1
  7. package/dist/types/tokens/src/Elevation/types.d.ts.map +1 -1
  8. package/dist/types/tokens/src/Font/fontFamilies.d.ts +2 -4
  9. package/dist/types/tokens/src/Font/fontFamilies.d.ts.map +1 -1
  10. package/dist/types/tokens/src/Font/fontFamilies.js +32 -14
  11. package/dist/types/tokens/src/Font/fontFamilies.js.map +1 -1
  12. package/dist/types/tokens/src/Font/fontSizes.d.ts +2 -4
  13. package/dist/types/tokens/src/Font/fontSizes.d.ts.map +1 -1
  14. package/dist/types/tokens/src/Font/fontSizes.js +164 -79
  15. package/dist/types/tokens/src/Font/fontSizes.js.map +1 -1
  16. package/dist/types/tokens/src/Font/fontStyles.d.ts.map +1 -1
  17. package/dist/types/tokens/src/Font/fontStyles.js +496 -238
  18. package/dist/types/tokens/src/Font/fontStyles.js.map +1 -1
  19. package/dist/types/tokens/src/Font/types.d.ts +23 -5
  20. package/dist/types/tokens/src/Font/types.d.ts.map +1 -1
  21. package/dist/types/tokens/src/Radii/types.d.ts +1 -1
  22. package/dist/types/tokens/src/Radii/types.d.ts.map +1 -1
  23. package/dist/types/tokens/src/Space/types.d.ts +1 -1
  24. package/dist/types/tokens/src/Space/types.d.ts.map +1 -1
  25. package/dist/types/tokens/src/Theme/constants.d.ts +41 -0
  26. package/dist/types/tokens/src/Theme/constants.d.ts.map +1 -0
  27. package/dist/types/tokens/src/Theme/constants.js +10 -0
  28. package/dist/types/tokens/src/Theme/constants.js.map +1 -0
  29. package/dist/types/tokens/src/Theme/getters/getFontSizes.d.ts +7 -7
  30. package/dist/types/tokens/src/Theme/getters/getFontSizes.d.ts.map +1 -1
  31. package/dist/types/tokens/src/Theme/getters/getFontSizes.js +4 -5
  32. package/dist/types/tokens/src/Theme/getters/getFontSizes.js.map +1 -1
  33. package/dist/types/tokens/src/Theme/getters/getFontWeights.d.ts +7 -7
  34. package/dist/types/tokens/src/Theme/getters/getFontWeights.d.ts.map +1 -1
  35. package/dist/types/tokens/src/Theme/getters/getFontWeights.js +3 -3
  36. package/dist/types/tokens/src/Theme/getters/getFontWeights.js.map +1 -1
  37. package/dist/types/tokens/src/Theme/getters/getFonts.d.ts +8 -8
  38. package/dist/types/tokens/src/Theme/getters/getFonts.d.ts.map +1 -1
  39. package/dist/types/tokens/src/Theme/getters/getFonts.js +6 -5
  40. package/dist/types/tokens/src/Theme/getters/getFonts.js.map +1 -1
  41. package/dist/types/tokens/src/Theme/getters/getLetterSpacings.d.ts +7 -7
  42. package/dist/types/tokens/src/Theme/getters/getLetterSpacings.d.ts.map +1 -1
  43. package/dist/types/tokens/src/Theme/getters/getLetterSpacings.js +3 -3
  44. package/dist/types/tokens/src/Theme/getters/getLetterSpacings.js.map +1 -1
  45. package/dist/types/tokens/src/Theme/getters/getLineHeights.d.ts +7 -7
  46. package/dist/types/tokens/src/Theme/getters/getLineHeights.d.ts.map +1 -1
  47. package/dist/types/tokens/src/Theme/getters/getLineHeights.js +3 -3
  48. package/dist/types/tokens/src/Theme/getters/getLineHeights.js.map +1 -1
  49. package/dist/types/tokens/src/Theme/getters/getRadii.js +1 -1
  50. package/dist/types/tokens/src/Theme/getters/getRadii.js.map +1 -1
  51. package/dist/types/tokens/src/Theme/getters/getShadows.js +2 -2
  52. package/dist/types/tokens/src/Theme/getters/getShadows.js.map +1 -1
  53. package/dist/types/tokens/src/Theme/getters/getSpace.js +1 -1
  54. package/dist/types/tokens/src/Theme/getters/getSpace.js.map +1 -1
  55. package/dist/types/tokens/src/Theme/getters/getTheme.d.ts +26 -26
  56. package/dist/types/tokens/src/Theme/getters/getZIndices.js +1 -1
  57. package/dist/types/tokens/src/Theme/getters/getZIndices.js.map +1 -1
  58. package/dist/types/tokens/src/Theme/types.d.ts +1 -1
  59. package/dist/types/tokens/src/Theme/types.d.ts.map +1 -1
  60. package/dist/types/tokens/src/types.d.ts +1 -1
  61. package/dist/types/tokens/src/types.d.ts.map +1 -1
  62. package/dist/types/tsconfig.tsbuildinfo +1 -1
  63. package/package.json +4 -4
package/dist/types/tokens/src/Font/fontStyles.js CHANGED
@@ -12,260 +12,518 @@ exports.CATEGORIES = {
12
12
  UI: "UI",
13
13
  };
14
14
  var FontStyles = {
15
- body: {
16
- name: "Body",
17
- description: "Normal text for UI and body.",
18
- category: exports.CATEGORIES.UI,
19
- data: {
20
- weightAsString: fontWeights_1.default.regular.data.weightAsString,
21
- weight: fontWeights_1.default.regular.data.weight,
22
- size: fontSizes_1.default.h200.data.size,
23
- sizeUnit: fontSizes_1.default.h200.data.sizeUnit,
24
- lineHeight: fontSizes_1.default.h200.data.lineHeight,
25
- fontName: fontFamilies_1.default.sans.data.fontName,
26
- fontFamily: fontFamilies_1.default.sans.data.fontFamily,
27
- fontFamilyRN: fontFamilies_1.default.sans.data.fontFamilyRN,
28
- letterSpacing: fontSizes_1.default.h200.data.letterSpacing,
15
+ web: {
16
+ body: {
17
+ name: "Body",
18
+ description: "Normal text for UI and body.",
19
+ category: exports.CATEGORIES.UI,
20
+ data: {
21
+ weightAsString: fontWeights_1.default.regular.data.weightAsString,
22
+ weight: fontWeights_1.default.regular.data.weight,
23
+ size: fontSizes_1.default.web.h200.data.size,
24
+ sizeUnit: fontSizes_1.default.web.h200.data.sizeUnit,
25
+ lineHeight: fontSizes_1.default.web.h200.data.lineHeight,
26
+ fontName: fontFamilies_1.default.web.sans.data.fontName,
27
+ fontFamily: fontFamilies_1.default.web.sans.data.fontFamily,
28
+ letterSpacing: fontSizes_1.default.web.h200.data.letterSpacing,
29
+ },
29
30
  },
30
- },
31
- caption: {
32
- name: "Caption",
33
- description: "Smaller, supporting text.",
34
- category: exports.CATEGORIES.UI,
35
- data: {
36
- weightAsString: fontWeights_1.default.regular.data.weightAsString,
37
- weight: fontWeights_1.default.regular.data.weight,
38
- size: fontSizes_1.default.h100.data.size,
39
- sizeUnit: fontSizes_1.default.h100.data.sizeUnit,
40
- lineHeight: fontSizes_1.default.h100.data.lineHeight,
41
- fontName: fontFamilies_1.default.sans.data.fontName,
42
- fontFamily: fontFamilies_1.default.sans.data.fontFamily,
43
- fontFamilyRN: fontFamilies_1.default.sans.data.fontFamilyRN,
44
- letterSpacing: fontSizes_1.default.h100.data.letterSpacing,
31
+ caption: {
32
+ name: "Caption",
33
+ description: "Smaller, supporting text.",
34
+ category: exports.CATEGORIES.UI,
35
+ data: {
36
+ weightAsString: fontWeights_1.default.regular.data.weightAsString,
37
+ weight: fontWeights_1.default.regular.data.weight,
38
+ size: fontSizes_1.default.web.h100.data.size,
39
+ sizeUnit: fontSizes_1.default.web.h100.data.sizeUnit,
40
+ lineHeight: fontSizes_1.default.web.h100.data.lineHeight,
41
+ fontName: fontFamilies_1.default.web.sans.data.fontName,
42
+ fontFamily: fontFamilies_1.default.web.sans.data.fontFamily,
43
+ letterSpacing: fontSizes_1.default.web.h100.data.letterSpacing,
44
+ },
45
45
  },
46
- },
47
- pageTitle: {
48
- name: "Page Title",
49
- description: "💡 Used for page titles. Use only once per page.",
50
- category: exports.CATEGORIES.UI,
51
- data: {
52
- weightAsString: fontWeights_1.default.regular.data.weightAsString,
53
- weight: fontWeights_1.default.regular.data.weight,
54
- size: fontSizes_1.default.h500.data.size,
55
- sizeUnit: fontSizes_1.default.h500.data.sizeUnit,
56
- lineHeight: fontSizes_1.default.h500.data.lineHeight,
57
- fontName: fontFamilies_1.default.sans.data.fontName,
58
- fontFamily: fontFamilies_1.default.sans.data.fontFamily,
59
- fontFamilyRN: fontFamilies_1.default.sans.data.fontFamilyRN,
60
- letterSpacing: fontSizes_1.default.h500.data.letterSpacing,
46
+ pageTitle: {
47
+ name: "Page Title",
48
+ description: "💡 Used for page titles. Use only once per page.",
49
+ category: exports.CATEGORIES.UI,
50
+ data: {
51
+ weightAsString: fontWeights_1.default.regular.data.weightAsString,
52
+ weight: fontWeights_1.default.regular.data.weight,
53
+ size: fontSizes_1.default.web.h500.data.size,
54
+ sizeUnit: fontSizes_1.default.web.h500.data.sizeUnit,
55
+ lineHeight: fontSizes_1.default.web.h500.data.lineHeight,
56
+ fontName: fontFamilies_1.default.web.sans.data.fontName,
57
+ fontFamily: fontFamilies_1.default.web.sans.data.fontFamily,
58
+ letterSpacing: fontSizes_1.default.web.h500.data.letterSpacing,
59
+ },
61
60
  },
62
- },
63
- sectionTitle: {
64
- name: "Section Title",
65
- description: "💡 Used to title a section of a page or modal title.",
66
- category: exports.CATEGORIES.UI,
67
- data: {
68
- weightAsString: fontWeights_1.default.medium.data.weightAsString,
69
- weight: fontWeights_1.default.medium.data.weight,
70
- size: fontSizes_1.default.h400.data.size,
71
- sizeUnit: fontSizes_1.default.h400.data.sizeUnit,
72
- lineHeight: fontSizes_1.default.h400.data.lineHeight,
73
- fontName: fontFamilies_1.default.sans.data.fontName,
74
- fontFamily: fontFamilies_1.default.sans.data.fontFamily,
75
- fontFamilyRN: fontFamilies_1.default.sans.data.fontFamilyRN,
76
- letterSpacing: fontSizes_1.default.h400.data.letterSpacing,
61
+ sectionTitle: {
62
+ name: "Section Title",
63
+ description: "💡 Used to title a section of a page or modal title.",
64
+ category: exports.CATEGORIES.UI,
65
+ data: {
66
+ weightAsString: fontWeights_1.default.medium.data.weightAsString,
67
+ weight: fontWeights_1.default.medium.data.weight,
68
+ size: fontSizes_1.default.web.h400.data.size,
69
+ sizeUnit: fontSizes_1.default.web.h400.data.sizeUnit,
70
+ lineHeight: fontSizes_1.default.web.h400.data.lineHeight,
71
+ fontName: fontFamilies_1.default.web.sans.data.fontName,
72
+ fontFamily: fontFamilies_1.default.web.sans.data.fontFamily,
73
+ letterSpacing: fontSizes_1.default.web.h400.data.letterSpacing,
74
+ },
77
75
  },
78
- },
79
- sectionSubtitle: {
80
- name: "Section Subtitle",
81
- description: "💡 Used to support section title.",
82
- category: exports.CATEGORIES.UI,
83
- data: {
84
- weightAsString: fontWeights_1.default.medium.data.weightAsString,
85
- weight: fontWeights_1.default.medium.data.weight,
86
- size: fontSizes_1.default.h300.data.size,
87
- sizeUnit: fontSizes_1.default.h300.data.sizeUnit,
88
- lineHeight: fontSizes_1.default.h300.data.lineHeight,
89
- fontName: fontFamilies_1.default.sans.data.fontName,
90
- fontFamily: fontFamilies_1.default.sans.data.fontFamily,
91
- fontFamilyRN: fontFamilies_1.default.sans.data.fontFamilyRN,
92
- letterSpacing: fontSizes_1.default.h300.data.letterSpacing,
76
+ sectionSubtitle: {
77
+ name: "Section Subtitle",
78
+ description: "💡 Used to support section title.",
79
+ category: exports.CATEGORIES.UI,
80
+ data: {
81
+ weightAsString: fontWeights_1.default.medium.data.weightAsString,
82
+ weight: fontWeights_1.default.medium.data.weight,
83
+ size: fontSizes_1.default.web.h300.data.size,
84
+ sizeUnit: fontSizes_1.default.web.h300.data.sizeUnit,
85
+ lineHeight: fontSizes_1.default.web.h300.data.lineHeight,
86
+ fontName: fontFamilies_1.default.web.sans.data.fontName,
87
+ fontFamily: fontFamilies_1.default.web.sans.data.fontFamily,
88
+ letterSpacing: fontSizes_1.default.web.h300.data.letterSpacing,
89
+ },
93
90
  },
94
- },
95
- button: {
96
- name: "Button",
97
- description: "Used only for Button text.",
98
- category: exports.CATEGORIES.UI,
99
- data: {
100
- weightAsString: fontWeights_1.default.semibold.data.weightAsString,
101
- weight: fontWeights_1.default.semibold.data.weight,
102
- size: fontSizes_1.default.h200.data.size,
103
- sizeUnit: fontSizes_1.default.h200.data.sizeUnit,
104
- lineHeight: 1.85,
105
- fontName: fontFamilies_1.default.sans.data.fontName,
106
- fontFamily: fontFamilies_1.default.sans.data.fontFamily,
107
- fontFamilyRN: fontFamilies_1.default.sans.data.fontFamilyRN,
108
- letterSpacing: 0,
91
+ button: {
92
+ name: "Button",
93
+ description: "Used only for Button text.",
94
+ category: exports.CATEGORIES.UI,
95
+ data: {
96
+ weightAsString: fontWeights_1.default.semibold.data.weightAsString,
97
+ weight: fontWeights_1.default.semibold.data.weight,
98
+ size: fontSizes_1.default.web.h200.data.size,
99
+ sizeUnit: fontSizes_1.default.web.h200.data.sizeUnit,
100
+ lineHeight: 1.85,
101
+ fontName: fontFamilies_1.default.web.sans.data.fontName,
102
+ fontFamily: fontFamilies_1.default.web.sans.data.fontFamily,
103
+ letterSpacing: 0,
104
+ },
109
105
  },
110
- },
111
- textInput: {
112
- name: "Text Input",
113
- description: "Used only for text inputs.",
114
- category: exports.CATEGORIES.UI,
115
- data: {
116
- weightAsString: fontWeights_1.default.regular.data.weightAsString,
117
- weight: fontWeights_1.default.regular.data.weight,
118
- size: fontSizes_1.default.h300.data.size,
119
- sizeUnit: fontSizes_1.default.h300.data.sizeUnit,
120
- lineHeight: fontSizes_1.default.h300.data.lineHeight,
121
- fontName: fontFamilies_1.default.sans.data.fontName,
122
- fontFamily: fontFamilies_1.default.sans.data.fontFamily,
123
- fontFamilyRN: fontFamilies_1.default.sans.data.fontFamilyRN,
124
- letterSpacing: 0,
106
+ textInput: {
107
+ name: "Text Input",
108
+ description: "Used only for text inputs.",
109
+ category: exports.CATEGORIES.UI,
110
+ data: {
111
+ weightAsString: fontWeights_1.default.regular.data.weightAsString,
112
+ weight: fontWeights_1.default.regular.data.weight,
113
+ size: fontSizes_1.default.web.h300.data.size,
114
+ sizeUnit: fontSizes_1.default.web.h300.data.sizeUnit,
115
+ lineHeight: fontSizes_1.default.web.h300.data.lineHeight,
116
+ fontName: fontFamilies_1.default.web.sans.data.fontName,
117
+ fontFamily: fontFamilies_1.default.web.sans.data.fontFamily,
118
+ letterSpacing: 0,
119
+ },
125
120
  },
126
- },
127
- display100: {
128
- name: "Display 100",
129
- description: "💡 Small text, usually supporting body text or labels.",
130
- category: exports.CATEGORIES.DISPLAY,
131
- data: {
132
- size: fontSizes_1.default.h100.data.size,
133
- sizeUnit: fontSizes_1.default.h100.data.sizeUnit,
134
- lineHeight: fontSizes_1.default.h100.data.lineHeight,
135
- weightAsString: fontWeights_1.default.bold.data.weightAsString,
136
- weight: fontWeights_1.default.bold.data.weight,
137
- fontName: fontFamilies_1.default.sans.data.fontName,
138
- fontFamily: fontFamilies_1.default.sans.data.fontFamily,
139
- fontFamilyRN: fontFamilies_1.default.sans.data.fontFamilyRN,
140
- letterSpacing: fontSizes_1.default.h100.data.letterSpacing,
121
+ display100: {
122
+ name: "Display 100",
123
+ description: "💡 Small text, usually supporting body text or labels.",
124
+ category: exports.CATEGORIES.DISPLAY,
125
+ data: {
126
+ size: fontSizes_1.default.web.h100.data.size,
127
+ sizeUnit: fontSizes_1.default.web.h100.data.sizeUnit,
128
+ lineHeight: fontSizes_1.default.web.h100.data.lineHeight,
129
+ weightAsString: fontWeights_1.default.bold.data.weightAsString,
130
+ weight: fontWeights_1.default.bold.data.weight,
131
+ fontName: fontFamilies_1.default.web.sans.data.fontName,
132
+ fontFamily: fontFamilies_1.default.web.sans.data.fontFamily,
133
+ letterSpacing: fontSizes_1.default.web.h100.data.letterSpacing,
134
+ },
141
135
  },
142
- },
143
- display200: {
144
- name: "Display 200",
145
- description: "💡 UI and paragraph text.",
146
- category: exports.CATEGORIES.DISPLAY,
147
- data: {
148
- size: fontSizes_1.default.h200.data.size,
149
- sizeUnit: fontSizes_1.default.h200.data.sizeUnit,
150
- lineHeight: fontSizes_1.default.h200.data.lineHeight,
151
- weightAsString: fontWeights_1.default.semibold.data.weightAsString,
152
- weight: fontWeights_1.default.semibold.data.weight,
153
- fontName: fontFamilies_1.default.sans.data.fontName,
154
- fontFamily: fontFamilies_1.default.sans.data.fontFamily,
155
- fontFamilyRN: fontFamilies_1.default.sans.data.fontFamilyRN,
156
- letterSpacing: fontSizes_1.default.h200.data.letterSpacing,
136
+ display200: {
137
+ name: "Display 200",
138
+ description: "💡 UI and paragraph text.",
139
+ category: exports.CATEGORIES.DISPLAY,
140
+ data: {
141
+ size: fontSizes_1.default.web.h200.data.size,
142
+ sizeUnit: fontSizes_1.default.web.h200.data.sizeUnit,
143
+ lineHeight: fontSizes_1.default.web.h200.data.lineHeight,
144
+ weightAsString: fontWeights_1.default.semibold.data.weightAsString,
145
+ weight: fontWeights_1.default.semibold.data.weight,
146
+ fontName: fontFamilies_1.default.web.sans.data.fontName,
147
+ fontFamily: fontFamilies_1.default.web.sans.data.fontFamily,
148
+ letterSpacing: fontSizes_1.default.web.h200.data.letterSpacing,
149
+ },
157
150
  },
158
- },
159
- display300: {
160
- name: "Display 300",
161
- description: "💡 Input field text size.",
162
- category: exports.CATEGORIES.DISPLAY,
163
- data: {
164
- size: fontSizes_1.default.h300.data.size,
165
- sizeUnit: fontSizes_1.default.h300.data.sizeUnit,
166
- lineHeight: fontSizes_1.default.h300.data.lineHeight,
167
- weightAsString: fontWeights_1.default.medium.data.weightAsString,
168
- weight: fontWeights_1.default.medium.data.weight,
169
- fontName: fontFamilies_1.default.sans.data.fontName,
170
- fontFamily: fontFamilies_1.default.sans.data.fontFamily,
171
- fontFamilyRN: fontFamilies_1.default.sans.data.fontFamilyRN,
172
- letterSpacing: fontSizes_1.default.h300.data.letterSpacing,
151
+ display300: {
152
+ name: "Display 300",
153
+ description: "💡 Input field text size.",
154
+ category: exports.CATEGORIES.DISPLAY,
155
+ data: {
156
+ size: fontSizes_1.default.web.h300.data.size,
157
+ sizeUnit: fontSizes_1.default.web.h300.data.sizeUnit,
158
+ lineHeight: fontSizes_1.default.web.h300.data.lineHeight,
159
+ weightAsString: fontWeights_1.default.medium.data.weightAsString,
160
+ weight: fontWeights_1.default.medium.data.weight,
161
+ fontName: fontFamilies_1.default.web.sans.data.fontName,
162
+ fontFamily: fontFamilies_1.default.web.sans.data.fontFamily,
163
+ letterSpacing: fontSizes_1.default.web.h300.data.letterSpacing,
164
+ },
173
165
  },
174
- },
175
- display400: {
176
- name: "Display 400",
177
- description: "💡 Subtitles, modal titles etc.",
178
- category: exports.CATEGORIES.DISPLAY,
179
- data: {
180
- size: fontSizes_1.default.h400.data.size,
181
- sizeUnit: fontSizes_1.default.h400.data.sizeUnit,
182
- lineHeight: fontSizes_1.default.h400.data.lineHeight,
183
- weightAsString: fontWeights_1.default.medium.data.weightAsString,
184
- weight: fontWeights_1.default.medium.data.weight,
185
- fontName: fontFamilies_1.default.sans.data.fontName,
186
- fontFamily: fontFamilies_1.default.sans.data.fontFamily,
187
- fontFamilyRN: fontFamilies_1.default.sans.data.fontFamilyRN,
188
- letterSpacing: fontSizes_1.default.h400.data.letterSpacing,
166
+ display400: {
167
+ name: "Display 400",
168
+ description: "💡 Subtitles, modal titles etc.",
169
+ category: exports.CATEGORIES.DISPLAY,
170
+ data: {
171
+ size: fontSizes_1.default.web.h400.data.size,
172
+ sizeUnit: fontSizes_1.default.web.h400.data.sizeUnit,
173
+ lineHeight: fontSizes_1.default.web.h400.data.lineHeight,
174
+ weightAsString: fontWeights_1.default.medium.data.weightAsString,
175
+ weight: fontWeights_1.default.medium.data.weight,
176
+ fontName: fontFamilies_1.default.web.sans.data.fontName,
177
+ fontFamily: fontFamilies_1.default.web.sans.data.fontFamily,
178
+ letterSpacing: fontSizes_1.default.web.h400.data.letterSpacing,
179
+ },
189
180
  },
190
- },
191
- display500: {
192
- name: "Display 500",
193
- description: "💡 Oversized Screen titles. Use in moderation.",
194
- category: exports.CATEGORIES.DISPLAY,
195
- data: {
196
- size: fontSizes_1.default.h500.data.size,
197
- sizeUnit: fontSizes_1.default.h500.data.sizeUnit,
198
- lineHeight: fontSizes_1.default.h500.data.lineHeight,
199
- weightAsString: fontWeights_1.default.regular.data.weightAsString,
200
- weight: fontWeights_1.default.regular.data.weight,
201
- fontName: fontFamilies_1.default.sans.data.fontName,
202
- fontFamily: fontFamilies_1.default.sans.data.fontFamily,
203
- fontFamilyRN: fontFamilies_1.default.sans.data.fontFamilyRN,
204
- letterSpacing: fontSizes_1.default.h400.data.letterSpacing,
181
+ display500: {
182
+ name: "Display 500",
183
+ description: "💡 Oversized Screen titles. Use in moderation.",
184
+ category: exports.CATEGORIES.DISPLAY,
185
+ data: {
186
+ size: fontSizes_1.default.web.h500.data.size,
187
+ sizeUnit: fontSizes_1.default.web.h500.data.sizeUnit,
188
+ lineHeight: fontSizes_1.default.web.h500.data.lineHeight,
189
+ weightAsString: fontWeights_1.default.regular.data.weightAsString,
190
+ weight: fontWeights_1.default.regular.data.weight,
191
+ fontName: fontFamilies_1.default.web.sans.data.fontName,
192
+ fontFamily: fontFamilies_1.default.web.sans.data.fontFamily,
193
+ letterSpacing: fontSizes_1.default.web.h400.data.letterSpacing,
194
+ },
205
195
  },
206
- },
207
- display600: {
208
- name: "Display 600",
209
- description: "💡 Used for page titles. Use only once per page.",
210
- category: exports.CATEGORIES.DISPLAY,
211
- data: {
212
- size: fontSizes_1.default.h600.data.size,
213
- sizeUnit: fontSizes_1.default.h600.data.sizeUnit,
214
- lineHeight: fontSizes_1.default.h600.data.lineHeight,
215
- weightAsString: fontWeights_1.default.medium.data.weightAsString,
216
- weight: fontWeights_1.default.medium.data.weight,
217
- fontName: fontFamilies_1.default.sansDisplay.data.fontName,
218
- fontFamily: fontFamilies_1.default.sans.data.fontFamily,
219
- fontFamilyRN: fontFamilies_1.default.sans.data.fontFamilyRN,
220
- letterSpacing: fontSizes_1.default.h600.data.letterSpacing,
196
+ display600: {
197
+ name: "Display 600",
198
+ description: "💡 Used for page titles. Use only once per page.",
199
+ category: exports.CATEGORIES.DISPLAY,
200
+ data: {
201
+ size: fontSizes_1.default.web.h600.data.size,
202
+ sizeUnit: fontSizes_1.default.web.h600.data.sizeUnit,
203
+ lineHeight: fontSizes_1.default.web.h600.data.lineHeight,
204
+ weightAsString: fontWeights_1.default.medium.data.weightAsString,
205
+ weight: fontWeights_1.default.medium.data.weight,
206
+ fontName: fontFamilies_1.default.web.sansDisplay.data.fontName,
207
+ fontFamily: fontFamilies_1.default.web.sans.data.fontFamily,
208
+ letterSpacing: fontSizes_1.default.web.h600.data.letterSpacing,
209
+ },
221
210
  },
222
- },
223
- display700: {
224
- name: "Display 700",
225
- description: "Add description here.",
226
- category: exports.CATEGORIES.DISPLAY,
227
- data: {
228
- size: fontSizes_1.default.h700.data.size,
229
- sizeUnit: fontSizes_1.default.h700.data.sizeUnit,
230
- lineHeight: fontSizes_1.default.h700.data.lineHeight,
231
- weightAsString: fontWeights_1.default.medium.data.weightAsString,
232
- weight: fontWeights_1.default.medium.data.weight,
233
- fontName: fontFamilies_1.default.sansDisplay.data.fontName,
234
- fontFamily: fontFamilies_1.default.sans.data.fontFamily,
235
- fontFamilyRN: fontFamilies_1.default.sans.data.fontFamilyRN,
236
- letterSpacing: fontSizes_1.default.h700.data.letterSpacing,
211
+ display700: {
212
+ name: "Display 700",
213
+ description: "Add description here.",
214
+ category: exports.CATEGORIES.DISPLAY,
215
+ data: {
216
+ size: fontSizes_1.default.web.h700.data.size,
217
+ sizeUnit: fontSizes_1.default.web.h700.data.sizeUnit,
218
+ lineHeight: fontSizes_1.default.web.h700.data.lineHeight,
219
+ weightAsString: fontWeights_1.default.medium.data.weightAsString,
220
+ weight: fontWeights_1.default.medium.data.weight,
221
+ fontName: fontFamilies_1.default.web.sansDisplay.data.fontName,
222
+ fontFamily: fontFamilies_1.default.web.sans.data.fontFamily,
223
+ letterSpacing: fontSizes_1.default.web.h700.data.letterSpacing,
224
+ },
237
225
  },
238
- },
239
- display800: {
240
- name: "Display 800",
241
- description: "💡 Use for intentionally obtrusive text like fullscreen loading messages.",
242
- category: exports.CATEGORIES.DISPLAY,
243
- data: {
244
- size: fontSizes_1.default.h800.data.size,
245
- sizeUnit: fontSizes_1.default.h800.data.sizeUnit,
246
- lineHeight: fontSizes_1.default.h800.data.lineHeight,
247
- weightAsString: fontWeights_1.default.medium.data.weightAsString,
248
- weight: fontWeights_1.default.medium.data.weight,
249
- fontName: fontFamilies_1.default.sansDisplay.data.fontName,
250
- fontFamily: fontFamilies_1.default.sans.data.fontFamily,
251
- fontFamilyRN: fontFamilies_1.default.sans.data.fontFamilyRN,
252
- letterSpacing: fontSizes_1.default.h800.data.letterSpacing,
226
+ display800: {
227
+ name: "Display 800",
228
+ description: "💡 Use for intentionally obtrusive text like fullscreen loading messages.",
229
+ category: exports.CATEGORIES.DISPLAY,
230
+ data: {
231
+ size: fontSizes_1.default.web.h800.data.size,
232
+ sizeUnit: fontSizes_1.default.web.h800.data.sizeUnit,
233
+ lineHeight: fontSizes_1.default.web.h800.data.lineHeight,
234
+ weightAsString: fontWeights_1.default.medium.data.weightAsString,
235
+ weight: fontWeights_1.default.medium.data.weight,
236
+ fontName: fontFamilies_1.default.web.sansDisplay.data.fontName,
237
+ fontFamily: fontFamilies_1.default.web.sans.data.fontFamily,
238
+ letterSpacing: fontSizes_1.default.web.h800.data.letterSpacing,
239
+ },
240
+ },
241
+ display900: {
242
+ name: "Display 900",
243
+ description: "💡 Oversized Screen titles. Use in moderation.",
244
+ category: exports.CATEGORIES.DISPLAY,
245
+ data: {
246
+ size: fontSizes_1.default.web.h900.data.size,
247
+ sizeUnit: fontSizes_1.default.web.h900.data.sizeUnit,
248
+ lineHeight: fontSizes_1.default.web.h900.data.lineHeight,
249
+ weightAsString: fontWeights_1.default.medium.data.weightAsString,
250
+ weight: fontWeights_1.default.medium.data.weight,
251
+ fontName: fontFamilies_1.default.web.sansDisplay.data.fontName,
252
+ fontFamily: fontFamilies_1.default.web.sans.data.fontFamily,
253
+ letterSpacing: fontSizes_1.default.web.h900.data.letterSpacing,
254
+ },
253
255
  },
254
256
  },
255
- display900: {
256
- name: "Display 900",
257
- description: "💡 Oversized Screen titles. Use in moderation.",
258
- category: exports.CATEGORIES.DISPLAY,
259
- data: {
260
- size: fontSizes_1.default.h900.data.size,
261
- sizeUnit: fontSizes_1.default.h900.data.sizeUnit,
262
- lineHeight: fontSizes_1.default.h900.data.lineHeight,
263
- weightAsString: fontWeights_1.default.medium.data.weightAsString,
264
- weight: fontWeights_1.default.medium.data.weight,
265
- fontName: fontFamilies_1.default.sansDisplay.data.fontName,
266
- fontFamily: fontFamilies_1.default.sans.data.fontFamily,
267
- fontFamilyRN: fontFamilies_1.default.sans.data.fontFamilyRN,
268
- letterSpacing: fontSizes_1.default.h900.data.letterSpacing,
257
+ reactNative: {
258
+ microcopy: {
259
+ name: "Microcopy",
260
+ description: "Smaller, supporting text.",
261
+ category: exports.CATEGORIES.UI,
262
+ data: {
263
+ weightAsString: fontWeights_1.default.regular.data.weightAsString,
264
+ weight: fontWeights_1.default.regular.data.weight,
265
+ size: fontSizes_1.default.reactNative.h100.data.size,
266
+ sizeUnit: fontSizes_1.default.reactNative.h100.data.sizeUnit,
267
+ lineHeight: fontSizes_1.default.reactNative.h100.data.lineHeight,
268
+ fontName: fontFamilies_1.default.reactNative.sans.data.fontName,
269
+ fontFamily: fontFamilies_1.default.reactNative.sans.data.fontFamily,
270
+ letterSpacing: fontSizes_1.default.reactNative.h100.data.letterSpacing,
271
+ },
272
+ },
273
+ caption: {
274
+ name: "Caption",
275
+ description: "Smaller, supporting text.",
276
+ category: exports.CATEGORIES.UI,
277
+ data: {
278
+ weightAsString: fontWeights_1.default.regular.data.weightAsString,
279
+ weight: fontWeights_1.default.regular.data.weight,
280
+ size: fontSizes_1.default.reactNative.h200.data.size,
281
+ sizeUnit: fontSizes_1.default.reactNative.h200.data.sizeUnit,
282
+ lineHeight: fontSizes_1.default.reactNative.h200.data.lineHeight,
283
+ fontName: fontFamilies_1.default.reactNative.sans.data.fontName,
284
+ fontFamily: fontFamilies_1.default.reactNative.sans.data.fontFamily,
285
+ letterSpacing: fontSizes_1.default.reactNative.h200.data.letterSpacing,
286
+ },
287
+ },
288
+ body: {
289
+ name: "Body",
290
+ description: "Normal text for UI and body.",
291
+ category: exports.CATEGORIES.UI,
292
+ data: {
293
+ weightAsString: fontWeights_1.default.regular.data.weightAsString,
294
+ weight: fontWeights_1.default.regular.data.weight,
295
+ size: fontSizes_1.default.reactNative.h300.data.size,
296
+ sizeUnit: fontSizes_1.default.reactNative.h300.data.sizeUnit,
297
+ lineHeight: fontSizes_1.default.reactNative.h300.data.lineHeight,
298
+ fontName: fontFamilies_1.default.reactNative.sans.data.fontName,
299
+ fontFamily: fontFamilies_1.default.reactNative.sans.data.fontFamily,
300
+ letterSpacing: fontSizes_1.default.reactNative.h300.data.letterSpacing,
301
+ },
302
+ },
303
+ sectionSubtitle: {
304
+ name: "Section Subtitle",
305
+ description: "💡 Used to support section title.",
306
+ category: exports.CATEGORIES.UI,
307
+ data: {
308
+ weightAsString: fontWeights_1.default.semibold.data.weightAsString,
309
+ weight: fontWeights_1.default.semibold.data.weight,
310
+ size: fontSizes_1.default.reactNative.h300.data.size,
311
+ sizeUnit: fontSizes_1.default.reactNative.h300.data.sizeUnit,
312
+ lineHeight: fontSizes_1.default.reactNative.h300.data.lineHeight,
313
+ fontName: fontFamilies_1.default.reactNative.sans.data.fontName,
314
+ fontFamily: fontFamilies_1.default.reactNative.sansDisplay.data.fontFamily,
315
+ letterSpacing: fontSizes_1.default.reactNative.h300.data.letterSpacing,
316
+ },
317
+ },
318
+ sectionTitle: {
319
+ name: "Section Title",
320
+ description: "💡 Used to title a section of a page or modal title.",
321
+ category: exports.CATEGORIES.UI,
322
+ data: {
323
+ weightAsString: fontWeights_1.default.semibold.data.weightAsString,
324
+ weight: fontWeights_1.default.semibold.data.weight,
325
+ size: fontSizes_1.default.reactNative.h400.data.size,
326
+ sizeUnit: fontSizes_1.default.reactNative.h400.data.sizeUnit,
327
+ lineHeight: fontSizes_1.default.reactNative.h400.data.lineHeight,
328
+ fontName: fontFamilies_1.default.reactNative.sansDisplay.data.fontName,
329
+ fontFamily: fontFamilies_1.default.reactNative.sansDisplay.data.fontFamily,
330
+ letterSpacing: fontSizes_1.default.reactNative.h400.data.letterSpacing,
331
+ },
332
+ },
333
+ pageTitle: {
334
+ name: "Page Title",
335
+ description: "💡 Used for page titles. Use only once per page.",
336
+ category: exports.CATEGORIES.UI,
337
+ data: {
338
+ weightAsString: fontWeights_1.default.medium.data.weightAsString,
339
+ weight: fontWeights_1.default.medium.data.weight,
340
+ size: fontSizes_1.default.reactNative.h500.data.size,
341
+ sizeUnit: fontSizes_1.default.reactNative.h500.data.sizeUnit,
342
+ lineHeight: fontSizes_1.default.reactNative.h500.data.lineHeight,
343
+ fontName: fontFamilies_1.default.reactNative.sansDisplay.data.fontName,
344
+ fontFamily: fontFamilies_1.default.reactNative.sansDisplay.data.fontFamily,
345
+ letterSpacing: fontSizes_1.default.reactNative.h500.data.letterSpacing,
346
+ },
347
+ },
348
+ navTitle: {
349
+ name: "Nav Title",
350
+ description: "Used for showing Nav Titles",
351
+ category: exports.CATEGORIES.UI,
352
+ data: {
353
+ weightAsString: fontWeights_1.default.bold.data.weightAsString,
354
+ weight: fontWeights_1.default.bold.data.weight,
355
+ size: fontSizes_1.default.reactNative.h500.data.size,
356
+ sizeUnit: fontSizes_1.default.reactNative.h500.data.sizeUnit,
357
+ lineHeight: fontSizes_1.default.reactNative.h500.data.lineHeight,
358
+ fontName: fontFamilies_1.default.reactNative.sansDisplay.data.fontName,
359
+ fontFamily: fontFamilies_1.default.reactNative.sansDisplay.data.fontFamily,
360
+ letterSpacing: 0,
361
+ },
362
+ },
363
+ navTitleCompacted: {
364
+ name: "Nav Title (Compacted)",
365
+ description: "Used for showing Nav Titles when compacted",
366
+ category: exports.CATEGORIES.UI,
367
+ data: {
368
+ weightAsString: fontWeights_1.default.regular.data.weightAsString,
369
+ weight: fontWeights_1.default.regular.data.weight,
370
+ size: fontSizes_1.default.reactNative.h300.data.size,
371
+ sizeUnit: fontSizes_1.default.reactNative.h300.data.sizeUnit,
372
+ lineHeight: 1.85,
373
+ fontName: fontFamilies_1.default.reactNative.sans.data.fontName,
374
+ fontFamily: fontFamilies_1.default.reactNative.sans.data.fontFamily,
375
+ letterSpacing: 0,
376
+ },
377
+ },
378
+ button: {
379
+ name: "Button",
380
+ description: "Used only for Button text.",
381
+ category: exports.CATEGORIES.UI,
382
+ data: {
383
+ weightAsString: fontWeights_1.default.semibold.data.weightAsString,
384
+ weight: fontWeights_1.default.semibold.data.weight,
385
+ size: fontSizes_1.default.reactNative.h200.data.size,
386
+ sizeUnit: fontSizes_1.default.reactNative.h200.data.sizeUnit,
387
+ lineHeight: 1.85,
388
+ fontName: fontFamilies_1.default.reactNative.sans.data.fontName,
389
+ fontFamily: fontFamilies_1.default.reactNative.sans.data.fontFamily,
390
+ letterSpacing: 0,
391
+ },
392
+ },
393
+ display100: {
394
+ name: "Display 100",
395
+ description: "💡 Small text, usually supporting body text or labels.",
396
+ category: exports.CATEGORIES.DISPLAY,
397
+ data: {
398
+ size: fontSizes_1.default.reactNative.h100.data.size,
399
+ sizeUnit: fontSizes_1.default.reactNative.h100.data.sizeUnit,
400
+ lineHeight: fontSizes_1.default.reactNative.h100.data.lineHeight,
401
+ weightAsString: fontWeights_1.default.bold.data.weightAsString,
402
+ weight: fontWeights_1.default.bold.data.weight,
403
+ fontName: fontFamilies_1.default.reactNative.sans.data.fontName,
404
+ fontFamily: fontFamilies_1.default.reactNative.sans.data.fontFamily,
405
+ letterSpacing: fontSizes_1.default.reactNative.h100.data.letterSpacing,
406
+ },
407
+ },
408
+ display200: {
409
+ name: "Display 200",
410
+ description: "💡 UI and paragraph text.",
411
+ category: exports.CATEGORIES.DISPLAY,
412
+ data: {
413
+ size: fontSizes_1.default.reactNative.h200.data.size,
414
+ sizeUnit: fontSizes_1.default.reactNative.h200.data.sizeUnit,
415
+ lineHeight: fontSizes_1.default.reactNative.h200.data.lineHeight,
416
+ weightAsString: fontWeights_1.default.semibold.data.weightAsString,
417
+ weight: fontWeights_1.default.semibold.data.weight,
418
+ fontName: fontFamilies_1.default.reactNative.sans.data.fontName,
419
+ fontFamily: fontFamilies_1.default.reactNative.sans.data.fontFamily,
420
+ letterSpacing: fontSizes_1.default.reactNative.h200.data.letterSpacing,
421
+ },
422
+ },
423
+ display300: {
424
+ name: "Display 300",
425
+ description: "💡 Input field text size.",
426
+ category: exports.CATEGORIES.DISPLAY,
427
+ data: {
428
+ size: fontSizes_1.default.reactNative.h300.data.size,
429
+ sizeUnit: fontSizes_1.default.reactNative.h300.data.sizeUnit,
430
+ lineHeight: fontSizes_1.default.reactNative.h300.data.lineHeight,
431
+ weightAsString: fontWeights_1.default.medium.data.weightAsString,
432
+ weight: fontWeights_1.default.medium.data.weight,
433
+ fontName: fontFamilies_1.default.reactNative.sans.data.fontName,
434
+ fontFamily: fontFamilies_1.default.reactNative.sans.data.fontFamily,
435
+ letterSpacing: fontSizes_1.default.reactNative.h300.data.letterSpacing,
436
+ },
437
+ },
438
+ display400: {
439
+ name: "Display 400",
440
+ description: "💡 Subtitles, modal titles etc.",
441
+ category: exports.CATEGORIES.DISPLAY,
442
+ data: {
443
+ size: fontSizes_1.default.reactNative.h400.data.size,
444
+ sizeUnit: fontSizes_1.default.reactNative.h400.data.sizeUnit,
445
+ lineHeight: fontSizes_1.default.reactNative.h400.data.lineHeight,
446
+ weightAsString: fontWeights_1.default.medium.data.weightAsString,
447
+ weight: fontWeights_1.default.medium.data.weight,
448
+ fontName: fontFamilies_1.default.reactNative.sans.data.fontName,
449
+ fontFamily: fontFamilies_1.default.reactNative.sans.data.fontFamily,
450
+ letterSpacing: fontSizes_1.default.reactNative.h400.data.letterSpacing,
451
+ },
452
+ },
453
+ display500: {
454
+ name: "Display 500",
455
+ description: "💡 Oversized Screen titles. Use in moderation.",
456
+ category: exports.CATEGORIES.DISPLAY,
457
+ data: {
458
+ size: fontSizes_1.default.reactNative.h500.data.size,
459
+ sizeUnit: fontSizes_1.default.reactNative.h500.data.sizeUnit,
460
+ lineHeight: fontSizes_1.default.reactNative.h500.data.lineHeight,
461
+ weightAsString: fontWeights_1.default.regular.data.weightAsString,
462
+ weight: fontWeights_1.default.regular.data.weight,
463
+ fontName: fontFamilies_1.default.reactNative.sans.data.fontName,
464
+ fontFamily: fontFamilies_1.default.reactNative.sans.data.fontFamily,
465
+ letterSpacing: fontSizes_1.default.reactNative.h400.data.letterSpacing,
466
+ },
467
+ },
468
+ display600: {
469
+ name: "Display 600",
470
+ description: "💡 Used for page titles. Use only once per page.",
471
+ category: exports.CATEGORIES.DISPLAY,
472
+ data: {
473
+ size: fontSizes_1.default.reactNative.h600.data.size,
474
+ sizeUnit: fontSizes_1.default.reactNative.h600.data.sizeUnit,
475
+ lineHeight: fontSizes_1.default.reactNative.h600.data.lineHeight,
476
+ weightAsString: fontWeights_1.default.medium.data.weightAsString,
477
+ weight: fontWeights_1.default.medium.data.weight,
478
+ fontName: fontFamilies_1.default.reactNative.sansDisplay.data.fontName,
479
+ fontFamily: fontFamilies_1.default.reactNative.sans.data.fontFamily,
480
+ letterSpacing: fontSizes_1.default.reactNative.h600.data.letterSpacing,
481
+ },
482
+ },
483
+ display700: {
484
+ name: "Display 700",
485
+ description: "Add description here.",
486
+ category: exports.CATEGORIES.DISPLAY,
487
+ data: {
488
+ size: fontSizes_1.default.reactNative.h700.data.size,
489
+ sizeUnit: fontSizes_1.default.reactNative.h700.data.sizeUnit,
490
+ lineHeight: fontSizes_1.default.reactNative.h700.data.lineHeight,
491
+ weightAsString: fontWeights_1.default.medium.data.weightAsString,
492
+ weight: fontWeights_1.default.medium.data.weight,
493
+ fontName: fontFamilies_1.default.reactNative.sansDisplay.data.fontName,
494
+ fontFamily: fontFamilies_1.default.reactNative.sans.data.fontFamily,
495
+ letterSpacing: fontSizes_1.default.reactNative.h700.data.letterSpacing,
496
+ },
497
+ },
498
+ display800: {
499
+ name: "Display 800",
500
+ description: "💡 Use for intentionally obtrusive text like fullscreen loading messages.",
501
+ category: exports.CATEGORIES.DISPLAY,
502
+ data: {
503
+ size: fontSizes_1.default.reactNative.h800.data.size,
504
+ sizeUnit: fontSizes_1.default.reactNative.h800.data.sizeUnit,
505
+ lineHeight: fontSizes_1.default.reactNative.h800.data.lineHeight,
506
+ weightAsString: fontWeights_1.default.medium.data.weightAsString,
507
+ weight: fontWeights_1.default.medium.data.weight,
508
+ fontName: fontFamilies_1.default.reactNative.sansDisplay.data.fontName,
509
+ fontFamily: fontFamilies_1.default.reactNative.sans.data.fontFamily,
510
+ letterSpacing: fontSizes_1.default.reactNative.h800.data.letterSpacing,
511
+ },
512
+ },
513
+ display900: {
514
+ name: "Display 900",
515
+ description: "💡 Oversized Screen titles. Use in moderation.",
516
+ category: exports.CATEGORIES.DISPLAY,
517
+ data: {
518
+ size: fontSizes_1.default.reactNative.h900.data.size,
519
+ sizeUnit: fontSizes_1.default.reactNative.h900.data.sizeUnit,
520
+ lineHeight: fontSizes_1.default.reactNative.h900.data.lineHeight,
521
+ weightAsString: fontWeights_1.default.medium.data.weightAsString,
522
+ weight: fontWeights_1.default.medium.data.weight,
523
+ fontName: fontFamilies_1.default.reactNative.sansDisplay.data.fontName,
524
+ fontFamily: fontFamilies_1.default.reactNative.sans.data.fontFamily,
525
+ letterSpacing: fontSizes_1.default.reactNative.h900.data.letterSpacing,
526
+ },
269
527
  },
270
528
  },
271
529
  };