fontdue-js 2.8.3 → 2.9.0-alpha1

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 (28) hide show
  1. package/dist/__generated__/CharacterViewerIDQuery.graphql.d.ts +1 -1
  2. package/dist/__generated__/CharacterViewerIDQuery.graphql.js +153 -115
  3. package/dist/__generated__/CharacterViewerSlugQuery.graphql.d.ts +1 -1
  4. package/dist/__generated__/CharacterViewerSlugQuery.graphql.js +157 -114
  5. package/dist/__generated__/CharacterViewerStyleRefetchQuery.graphql.d.ts +21 -0
  6. package/dist/__generated__/CharacterViewerStyleRefetchQuery.graphql.js +205 -0
  7. package/dist/__generated__/CharacterViewer_collection.graphql.d.ts +18 -53
  8. package/dist/__generated__/CharacterViewer_collection.graphql.js +95 -111
  9. package/dist/__generated__/CharacterViewer_family.graphql.d.ts +1 -23
  10. package/dist/__generated__/CharacterViewer_family.graphql.js +3 -89
  11. package/dist/__generated__/CharacterViewer_style.graphql.d.ts +39 -0
  12. package/dist/__generated__/CharacterViewer_style.graphql.js +157 -0
  13. package/dist/__generated__/StoreModalIndexQuery.graphql.d.ts +1 -1
  14. package/dist/__generated__/StoreModalIndexQuery.graphql.js +8 -8
  15. package/dist/__generated__/StoreModalProductQuery.graphql.d.ts +1 -1
  16. package/dist/__generated__/StoreModalProductQuery.graphql.js +3 -3
  17. package/dist/__generated__/useTotalStyles_fontCollection.graphql.d.ts +2 -1
  18. package/dist/__generated__/useTotalStyles_fontCollection.graphql.js +17 -16
  19. package/dist/components/CharacterViewer/StyleSelect.d.ts +1 -1
  20. package/dist/components/CharacterViewer/index.js +175 -250
  21. package/dist/components/StoreModal/StoreModalFamilyButton.js +7 -9
  22. package/dist/components/StoreModal/StoreModalIndexItem.js +7 -9
  23. package/dist/components/useTotalStyles.d.ts +1 -1
  24. package/dist/components/useTotalStyles.js +9 -8
  25. package/dist/fontdue.css +41 -56
  26. package/dist/utils.d.ts +1 -0
  27. package/dist/utils.js +7 -2
  28. package/package.json +1 -1
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @generated SignedSource<<b048c691d6ff8bb87bad216a6eee96a7>>
2
+ * @generated SignedSource<<bacbad1e6d6553327649e3b6f206700e>>
3
3
  * @lightSyntaxTransform
4
4
  * @nogrep
5
5
  */
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = void 0;
7
7
  /**
8
- * @generated SignedSource<<b048c691d6ff8bb87bad216a6eee96a7>>
8
+ * @generated SignedSource<<bacbad1e6d6553327649e3b6f206700e>>
9
9
  * @lightSyntaxTransform
10
10
  * @nogrep
11
11
  */
@@ -29,45 +29,21 @@ const node = function () {
29
29
  "alias": null,
30
30
  "args": null,
31
31
  "kind": "ScalarField",
32
- "name": "id",
32
+ "name": "__typename",
33
33
  "storageKey": null
34
34
  },
35
35
  v3 = {
36
36
  "alias": null,
37
37
  "args": null,
38
38
  "kind": "ScalarField",
39
- "name": "name",
39
+ "name": "id",
40
40
  "storageKey": null
41
41
  },
42
42
  v4 = {
43
43
  "alias": null,
44
44
  "args": null,
45
- "concreteType": "VariableInstance",
46
- "kind": "LinkedField",
47
- "name": "variableInstances",
48
- "plural": true,
49
- "selections": [v3 /*: any*/, {
50
- "alias": null,
51
- "args": null,
52
- "concreteType": "VariableSetting",
53
- "kind": "LinkedField",
54
- "name": "coordinates",
55
- "plural": true,
56
- "selections": [{
57
- "alias": null,
58
- "args": null,
59
- "kind": "ScalarField",
60
- "name": "axis",
61
- "storageKey": null
62
- }, {
63
- "alias": null,
64
- "args": null,
65
- "kind": "ScalarField",
66
- "name": "value",
67
- "storageKey": null
68
- }],
69
- "storageKey": null
70
- }],
45
+ "kind": "ScalarField",
46
+ "name": "name",
71
47
  "storageKey": null
72
48
  },
73
49
  v5 = {
@@ -95,103 +71,56 @@ const node = function () {
95
71
  "alias": null,
96
72
  "args": null,
97
73
  "kind": "ScalarField",
98
- "name": "characters",
74
+ "name": "features",
99
75
  "storageKey": null
100
76
  },
101
- v9 = [v8 /*: any*/, {
77
+ v9 = {
102
78
  "alias": null,
103
79
  "args": null,
104
- "kind": "ScalarField",
105
- "name": "feature",
106
- "storageKey": null
107
- }, v3 /*: any*/],
108
- v10 = {
109
- "alias": null,
110
- "args": null,
111
- "concreteType": "FontStyle",
80
+ "concreteType": "VariableInstance",
112
81
  "kind": "LinkedField",
113
- "name": "fontStyles",
82
+ "name": "variableInstances",
114
83
  "plural": true,
115
- "selections": [v2 /*: any*/, {
116
- "alias": null,
117
- "args": null,
118
- "kind": "ScalarField",
119
- "name": "cssFamily",
120
- "storageKey": null
121
- }, v3 /*: any*/, {
122
- "alias": null,
123
- "args": null,
124
- "concreteType": "CharacterBlock",
125
- "kind": "LinkedField",
126
- "name": "characterBlocks",
127
- "plural": true,
128
- "selections": [v8 /*: any*/, v3 /*: any*/],
129
- "storageKey": null
130
- }, {
84
+ "selections": [v4 /*: any*/, {
131
85
  "alias": null,
132
86
  "args": null,
133
- "concreteType": "FeatureCharacters",
134
- "kind": "LinkedField",
135
- "name": "featureCharacters",
136
- "plural": true,
137
- "selections": v9 /*: any*/,
138
- "storageKey": null
139
- }, {
140
- "alias": null,
141
- "args": null,
142
- "concreteType": "GlyphName",
87
+ "concreteType": "VariableSetting",
143
88
  "kind": "LinkedField",
144
- "name": "glyphNames",
89
+ "name": "coordinates",
145
90
  "plural": true,
146
- "selections": v9 /*: any*/,
147
- "storageKey": null
148
- }, v4 /*: any*/, {
149
- "alias": null,
150
- "args": null,
151
- "concreteType": "VerticalMetrics",
152
- "kind": "LinkedField",
153
- "name": "verticalMetrics",
154
- "plural": false,
155
91
  "selections": [{
156
92
  "alias": null,
157
93
  "args": null,
158
94
  "kind": "ScalarField",
159
- "name": "unitsPerEm",
160
- "storageKey": null
161
- }, {
162
- "alias": null,
163
- "args": null,
164
- "kind": "ScalarField",
165
- "name": "ascender",
166
- "storageKey": null
167
- }, {
168
- "alias": null,
169
- "args": null,
170
- "kind": "ScalarField",
171
- "name": "descender",
172
- "storageKey": null
173
- }, {
174
- "alias": null,
175
- "args": null,
176
- "kind": "ScalarField",
177
- "name": "xHeight",
178
- "storageKey": null
179
- }, {
180
- "alias": null,
181
- "args": null,
182
- "kind": "ScalarField",
183
- "name": "capHeight",
95
+ "name": "axis",
184
96
  "storageKey": null
185
97
  }, {
186
98
  "alias": null,
187
99
  "args": null,
188
100
  "kind": "ScalarField",
189
- "name": "lineGap",
101
+ "name": "value",
190
102
  "storageKey": null
191
103
  }],
192
104
  "storageKey": null
193
105
  }],
194
106
  "storageKey": null
107
+ },
108
+ v10 = {
109
+ "alias": null,
110
+ "args": null,
111
+ "kind": "ScalarField",
112
+ "name": "cssFamily",
113
+ "storageKey": null
114
+ },
115
+ v11 = {
116
+ "alias": null,
117
+ "args": null,
118
+ "concreteType": "FontStyle",
119
+ "kind": "LinkedField",
120
+ "name": "fontStyles",
121
+ "plural": true,
122
+ "selections": [v3 /*: any*/, v10 /*: any*/, v4 /*: any*/, v9 /*: any*/],
123
+ "storageKey": null
195
124
  };
196
125
  return {
197
126
  "fragment": {
@@ -228,24 +157,133 @@ const node = function () {
228
157
  "kind": "LinkedField",
229
158
  "name": "node",
230
159
  "plural": false,
231
- "selections": [{
232
- "alias": null,
233
- "args": null,
234
- "kind": "ScalarField",
235
- "name": "__typename",
236
- "storageKey": null
237
- }, v2 /*: any*/, {
160
+ "selections": [v2 /*: any*/, v3 /*: any*/, {
238
161
  "kind": "InlineFragment",
239
- "selections": [{
162
+ "selections": [v4 /*: any*/, v5 /*: any*/, v6 /*: any*/, v7 /*: any*/, {
163
+ "alias": null,
164
+ "args": null,
165
+ "concreteType": "GlyphGroup",
166
+ "kind": "LinkedField",
167
+ "name": "glyphGroups",
168
+ "plural": true,
169
+ "selections": [v4 /*: any*/, {
170
+ "alias": null,
171
+ "args": null,
172
+ "concreteType": "CharacterSet",
173
+ "kind": "LinkedField",
174
+ "name": "characterSets",
175
+ "plural": true,
176
+ "selections": [v8 /*: any*/, {
177
+ "alias": null,
178
+ "args": null,
179
+ "concreteType": null,
180
+ "kind": "LinkedField",
181
+ "name": "characters",
182
+ "plural": true,
183
+ "selections": [v2 /*: any*/, {
184
+ "kind": "InlineFragment",
185
+ "selections": [{
186
+ "alias": null,
187
+ "args": null,
188
+ "kind": "ScalarField",
189
+ "name": "string",
190
+ "storageKey": null
191
+ }],
192
+ "type": "CharacterString",
193
+ "abstractKey": null
194
+ }, {
195
+ "kind": "InlineFragment",
196
+ "selections": [{
197
+ "alias": null,
198
+ "args": null,
199
+ "kind": "ScalarField",
200
+ "name": "first",
201
+ "storageKey": null
202
+ }, {
203
+ "alias": null,
204
+ "args": null,
205
+ "kind": "ScalarField",
206
+ "name": "last",
207
+ "storageKey": null
208
+ }],
209
+ "type": "CharacterRange",
210
+ "abstractKey": null
211
+ }],
212
+ "storageKey": null
213
+ }],
214
+ "storageKey": null
215
+ }],
216
+ "storageKey": null
217
+ }, {
240
218
  "alias": null,
241
219
  "args": null,
242
220
  "concreteType": "FontStyle",
243
221
  "kind": "LinkedField",
244
222
  "name": "featureStyle",
245
223
  "plural": false,
246
- "selections": [v2 /*: any*/, v4 /*: any*/],
224
+ "selections": [v9 /*: any*/, v10 /*: any*/, v4 /*: any*/, {
225
+ "alias": null,
226
+ "args": null,
227
+ "concreteType": "GlyphName",
228
+ "kind": "LinkedField",
229
+ "name": "glyphNames",
230
+ "plural": true,
231
+ "selections": [{
232
+ "alias": null,
233
+ "args": null,
234
+ "kind": "ScalarField",
235
+ "name": "characters",
236
+ "storageKey": null
237
+ }, v8 /*: any*/, v4 /*: any*/],
238
+ "storageKey": null
239
+ }, {
240
+ "alias": null,
241
+ "args": null,
242
+ "concreteType": "VerticalMetrics",
243
+ "kind": "LinkedField",
244
+ "name": "verticalMetrics",
245
+ "plural": false,
246
+ "selections": [{
247
+ "alias": null,
248
+ "args": null,
249
+ "kind": "ScalarField",
250
+ "name": "unitsPerEm",
251
+ "storageKey": null
252
+ }, {
253
+ "alias": null,
254
+ "args": null,
255
+ "kind": "ScalarField",
256
+ "name": "ascender",
257
+ "storageKey": null
258
+ }, {
259
+ "alias": null,
260
+ "args": null,
261
+ "kind": "ScalarField",
262
+ "name": "descender",
263
+ "storageKey": null
264
+ }, {
265
+ "alias": null,
266
+ "args": null,
267
+ "kind": "ScalarField",
268
+ "name": "xHeight",
269
+ "storageKey": null
270
+ }, {
271
+ "alias": null,
272
+ "args": null,
273
+ "kind": "ScalarField",
274
+ "name": "capHeight",
275
+ "storageKey": null
276
+ }, {
277
+ "alias": null,
278
+ "args": null,
279
+ "kind": "ScalarField",
280
+ "name": "lineGap",
281
+ "storageKey": null
282
+ }],
283
+ "storageKey": null
284
+ }, v3 /*: any*/],
247
285
  "storageKey": null
248
- }, v3 /*: any*/, v5 /*: any*/, v6 /*: any*/, v7 /*: any*/, v10 /*: any*/, {
286
+ }, v11 /*: any*/, {
249
287
  "alias": null,
250
288
  "args": [{
251
289
  "kind": "Literal",
@@ -256,7 +294,7 @@ const node = function () {
256
294
  "kind": "LinkedField",
257
295
  "name": "children",
258
296
  "plural": true,
259
- "selections": [v2 /*: any*/, v3 /*: any*/, v5 /*: any*/, v6 /*: any*/, v7 /*: any*/, v10 /*: any*/],
297
+ "selections": [v3 /*: any*/, v4 /*: any*/, v5 /*: any*/, v6 /*: any*/, v7 /*: any*/, v11 /*: any*/],
260
298
  "storageKey": "children(collectionTypes:[\"FAMILY\"])"
261
299
  }],
262
300
  "type": "FontCollection",
@@ -266,12 +304,12 @@ const node = function () {
266
304
  }]
267
305
  },
268
306
  "params": {
269
- "cacheID": "320d85d3564e00855740c458cd1de284",
307
+ "cacheID": "0b156f286896fc5c6c6c6513fb30c781",
270
308
  "id": null,
271
309
  "metadata": {},
272
310
  "name": "CharacterViewerIDQuery",
273
311
  "operationKind": "query",
274
- "text": "query CharacterViewerIDQuery(\n $collectionId: ID!\n) {\n node(id: $collectionId) {\n __typename\n ...CharacterViewer_collection\n id\n }\n}\n\nfragment CharacterViewer_collection on FontCollection {\n featureStyle {\n id\n variableInstances {\n name\n coordinates {\n axis\n value\n }\n }\n }\n id\n name\n isVariableFont\n cssUrl\n collectionType\n fontStyles {\n id\n cssFamily\n name\n characterBlocks {\n characters\n name\n }\n featureCharacters {\n characters\n feature\n name\n }\n glyphNames {\n characters\n feature\n name\n }\n variableInstances {\n name\n coordinates {\n axis\n value\n }\n }\n verticalMetrics {\n unitsPerEm\n ascender\n descender\n xHeight\n capHeight\n lineGap\n }\n }\n children(collectionTypes: [FAMILY]) {\n id\n name\n isVariableFont\n cssUrl\n collectionType\n fontStyles {\n id\n cssFamily\n name\n characterBlocks {\n characters\n name\n }\n featureCharacters {\n characters\n feature\n name\n }\n glyphNames {\n characters\n feature\n name\n }\n variableInstances {\n name\n coordinates {\n axis\n value\n }\n }\n verticalMetrics {\n unitsPerEm\n ascender\n descender\n xHeight\n capHeight\n lineGap\n }\n }\n }\n}\n"
312
+ "text": "query CharacterViewerIDQuery(\n $collectionId: ID!\n) {\n node(id: $collectionId) {\n __typename\n ...CharacterViewer_collection\n id\n }\n}\n\nfragment CharacterViewer_collection on FontCollection {\n id\n name\n isVariableFont\n cssUrl\n collectionType\n glyphGroups {\n name\n characterSets {\n features\n characters {\n __typename\n ... on CharacterString {\n string\n }\n ... on CharacterRange {\n first\n last\n }\n }\n }\n }\n featureStyle {\n ...CharacterViewer_style\n id\n }\n fontStyles {\n id\n cssFamily\n name\n variableInstances {\n name\n coordinates {\n axis\n value\n }\n }\n }\n children(collectionTypes: [FAMILY]) {\n id\n name\n isVariableFont\n cssUrl\n collectionType\n fontStyles {\n id\n cssFamily\n name\n variableInstances {\n name\n coordinates {\n axis\n value\n }\n }\n }\n }\n}\n\nfragment CharacterViewer_style on FontStyle {\n variableInstances {\n name\n coordinates {\n axis\n value\n }\n }\n cssFamily\n name\n glyphNames {\n characters\n features\n name\n }\n verticalMetrics {\n unitsPerEm\n ascender\n descender\n xHeight\n capHeight\n lineGap\n }\n id\n}\n"
275
313
  }
276
314
  };
277
315
  }();
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @generated SignedSource<<1c3e718da1b56745af1d762d0c05348b>>
2
+ * @generated SignedSource<<c18fca07bf1c3ca7b469529efcb4cdf4>>
3
3
  * @lightSyntaxTransform
4
4
  * @nogrep
5
5
  */