fontdue-js 2.26.0 → 2.28.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.
- package/CHANGELOG.md +13 -0
- package/dist/__generated__/TypeTesterFamiliesQuery.graphql.d.ts +29 -0
- package/dist/__generated__/TypeTesterFamiliesQuery.graphql.js +174 -0
- package/dist/__generated__/TypeTesterFamiliesStylesQuery.graphql.d.ts +35 -0
- package/dist/__generated__/TypeTesterFamiliesStylesQuery.graphql.js +170 -0
- package/dist/__generated__/TypeTesterStandaloneChangedStylesQuery.graphql.d.ts +1 -1
- package/dist/__generated__/TypeTesterStandaloneChangedStylesQuery.graphql.js +4 -4
- package/dist/__generated__/TypeTesterStandaloneQuery.graphql.d.ts +1 -3
- package/dist/__generated__/TypeTesterStandaloneQuery.graphql.js +78 -161
- package/dist/__generated__/TypeTesterStyleSelectData_fontStyle.graphql.d.ts +2 -1
- package/dist/__generated__/TypeTesterStyleSelectData_fontStyle.graphql.js +18 -17
- package/dist/__generated__/TypeTestersChangedStylesQuery.graphql.d.ts +1 -1
- package/dist/__generated__/TypeTestersChangedStylesQuery.graphql.js +4 -4
- package/dist/__generated__/TypeTestersIDQuery.graphql.d.ts +1 -5
- package/dist/__generated__/TypeTestersIDQuery.graphql.js +101 -195
- package/dist/__generated__/TypeTestersRefetchQuery.graphql.d.ts +1 -1
- package/dist/__generated__/TypeTestersRefetchQuery.graphql.js +4 -4
- package/dist/__generated__/TypeTestersSlugQuery.graphql.d.ts +1 -3
- package/dist/__generated__/TypeTestersSlugQuery.graphql.js +102 -178
- package/dist/__generated__/orderTrackingUpdateOrderTrackingMutation.graphql.d.ts +27 -0
- package/dist/__generated__/orderTrackingUpdateOrderTrackingMutation.graphql.js +72 -0
- package/dist/components/Cart/CartOrder.js +8 -0
- package/dist/components/Cart/orderTracking.d.ts +10 -0
- package/dist/components/Cart/orderTracking.js +43 -0
- package/dist/components/ConfigContext.d.ts +2 -2
- package/dist/components/FontStyle/index.d.ts +2 -0
- package/dist/components/FontStyle/index.js +4 -2
- package/dist/components/FontdueProvider/FontdueProviderClientComponent.js +2 -1
- package/dist/components/TypeTester/TypeTesterFamilies.d.ts +37 -0
- package/dist/components/TypeTester/TypeTesterFamilies.js +128 -0
- package/dist/components/TypeTester/TypeTesterStandalone.js +2 -7
- package/dist/components/TypeTester/TypeTesterStandalone.server.js +1 -2
- package/dist/components/TypeTester/TypeTesterStyleSelect.d.ts +15 -5
- package/dist/components/TypeTester/TypeTesterStyleSelect.js +57 -47
- package/dist/components/TypeTester/TypeTesterStyleSelectData.d.ts +1 -3
- package/dist/components/TypeTester/TypeTesterStyleSelectData.js +210 -52
- package/dist/components/TypeTester/TypeTesterVariableAxes.js +17 -4
- package/dist/components/TypeTester/index.d.ts +1 -3
- package/dist/components/TypeTester/index.js +13 -6
- package/dist/components/TypeTester/useTypeTesterStyler.d.ts +4 -2
- package/dist/components/TypeTester/useTypeTesterStyler.js +78 -11
- package/dist/components/TypeTesters/index.js +6 -20
- package/dist/components/TypeTesters/index.server.js +2 -4
- package/dist/components/elements/StoreModalUnifiedCheckout.js +8 -0
- package/dist/components/useFontStyle.d.ts +7 -0
- package/dist/components/useFontStyle.js +2 -1
- package/dist/fontdue.css +9 -16
- package/dist/hooks.d.ts +1 -0
- package/dist/hooks.js +27 -0
- package/fontdue.css +2 -1
- package/package.json +1 -1
- package/dist/__generated__/FontdueProviderQuery.graphql.d.ts +0 -19
- package/dist/__generated__/FontdueProviderQuery.graphql.js +0 -140
- package/dist/__generated__/ServerConfigProvider_viewer.graphql.d.ts +0 -23
- package/dist/__generated__/ServerConfigProvider_viewer.graphql.js +0 -57
- package/dist/__generated__/TestModeBanner_viewer.graphql.d.ts +0 -19
- package/dist/__generated__/TestModeBanner_viewer.graphql.js +0 -36
- package/dist/__generated__/ThemeConfig_viewer.graphql.d.ts +0 -19
- package/dist/__generated__/ThemeConfig_viewer.graphql.js +0 -36
- package/dist/__generated__/TypeTesterStyleSelectData_viewer.graphql.d.ts +0 -42
- package/dist/__generated__/TypeTesterStyleSelectData_viewer.graphql.js +0 -166
- package/dist/__generated__/TypeTester_viewer.graphql.d.ts +0 -17
- package/dist/__generated__/TypeTester_viewer.graphql.js +0 -40
- package/dist/__generated__/TypeTesters_viewer.graphql.d.ts +0 -17
- package/dist/__generated__/TypeTesters_viewer.graphql.js +0 -40
- package/dist/components/BuyingOptions/index.d.ts +0 -9
- package/dist/components/CookieNotification/index.d.ts +0 -13
- package/dist/components/FontdueContextProvider/index.d.ts +0 -17
- package/dist/components/FontdueContextProvider/index.js +0 -108
- package/dist/components/FontdueContextProvider/index.server.d.ts +0 -4
- package/dist/components/FontdueContextProvider/index.server.js +0 -7
- package/dist/components/FontdueProvider/useAuxUIOwner.d.ts +0 -1
- package/dist/components/FontdueProvider/useAuxUIOwner.js +0 -28
- package/dist/components/TypeTester/TypeTesterStandalone.preload.d.ts +0 -14
- package/dist/components/TypeTester/TypeTesterStandalone.preload.js +0 -20
- package/dist/config.d.ts +0 -7
- package/dist/config.js +0 -31
- package/dist/global-shim.d.ts +0 -1
- package/dist/global-shim.js +0 -8
- package/dist/hooks/useResizeObserver.d.ts +0 -11
- package/dist/hooks/useResizeObserver.js +0 -23
- package/dist/index.d.ts +0 -2
- package/dist/index.js +0 -1
- package/dist/loadFontdueProviderQuery.d.ts +0 -3
- package/dist/loadFontdueProviderQuery.js +0 -10
- package/dist/vite.d.ts +0 -2
- package/dist/vite.js +0 -139
|
@@ -9,7 +9,6 @@ exports.TypeTestersPreloadedSlugQueryRenderer = TypeTestersPreloadedSlugQueryRen
|
|
|
9
9
|
exports.default = TypeTesters;
|
|
10
10
|
var _TypeTestersSlugQuery2 = _interopRequireDefault(require("../../__generated__/TypeTestersSlugQuery.graphql"));
|
|
11
11
|
var _TypeTestersIDQuery2 = _interopRequireDefault(require("../../__generated__/TypeTestersIDQuery.graphql"));
|
|
12
|
-
var _TypeTesters_viewer2 = _interopRequireDefault(require("../../__generated__/TypeTesters_viewer.graphql"));
|
|
13
12
|
var _TypeTesters_collection2 = _interopRequireDefault(require("../../__generated__/TypeTesters_collection.graphql"));
|
|
14
13
|
var _TypeTestersChangedStylesQuery2 = _interopRequireDefault(require("../../__generated__/TypeTestersChangedStylesQuery.graphql"));
|
|
15
14
|
var _react = _interopRequireWildcard(require("react"));
|
|
@@ -61,7 +60,6 @@ function TypeTestersComponent(_ref) {
|
|
|
61
60
|
var _collection$typeTeste2, _collection$typeTeste3, _collection$typeTeste4, _collection$typeTeste5;
|
|
62
61
|
let {
|
|
63
62
|
collection: collectionKey,
|
|
64
|
-
viewer: viewerKey,
|
|
65
63
|
defaultMode,
|
|
66
64
|
autofit,
|
|
67
65
|
features: featuresOverride,
|
|
@@ -99,7 +97,6 @@ function TypeTestersComponent(_ref) {
|
|
|
99
97
|
}
|
|
100
98
|
});
|
|
101
99
|
}, [environment, changedStyles, licenseOptionsSpecs, orderVariableSelections]);
|
|
102
|
-
const viewer = (0, _reactRelay.useFragment)((_TypeTesters_viewer2.default.hash && _TypeTesters_viewer2.default.hash !== "8fbadb67d6506fee0f3ccc09624517c6" && console.error("The definition of 'TypeTesters_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTesters_viewer2.default), viewerKey);
|
|
103
100
|
const precartOpen = (0, _reactRedux.useSelector)(state => state.precartOpen);
|
|
104
101
|
const refetchVariables = (0, _react.useMemo)(() => collection !== null && collection !== void 0 && collection.id ? {
|
|
105
102
|
id: collection.id,
|
|
@@ -184,7 +181,6 @@ function TypeTestersComponent(_ref) {
|
|
|
184
181
|
productId: productId,
|
|
185
182
|
features: features,
|
|
186
183
|
axes: collection.typeTesterAxes,
|
|
187
|
-
viewer: viewer,
|
|
188
184
|
tags: node.tags
|
|
189
185
|
}));
|
|
190
186
|
}));
|
|
@@ -194,7 +190,7 @@ function TypeTestersComponent(_ref) {
|
|
|
194
190
|
// TODO: add a new component that will be used to query the changed styles, then the base component can call usePreloadedQuery
|
|
195
191
|
// https://relay.dev/docs/api-reference/use-query-loader/
|
|
196
192
|
|
|
197
|
-
const idQuery = (_TypeTestersIDQuery2.default.hash && _TypeTestersIDQuery2.default.hash !== "
|
|
193
|
+
const idQuery = (_TypeTestersIDQuery2.default.hash && _TypeTestersIDQuery2.default.hash !== "d3bbb8623a258269114d6e16169cab6b" && console.error("The definition of 'TypeTestersIDQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTestersIDQuery2.default);
|
|
198
194
|
function TypeTestersPreloadedIDQueryRenderer(_ref3) {
|
|
199
195
|
let {
|
|
200
196
|
preloadedQuery,
|
|
@@ -211,21 +207,17 @@ function TypeTestersIDQueryRenderer(_ref4) {
|
|
|
211
207
|
excludeTags,
|
|
212
208
|
...rest
|
|
213
209
|
} = _ref4;
|
|
214
|
-
const {
|
|
215
|
-
typeTester: config
|
|
216
|
-
} = (0, _react.useContext)(_ConfigContext.default);
|
|
217
210
|
const data = (0, _reactRelay.useLazyLoadQuery)(idQuery, {
|
|
218
211
|
collectionId,
|
|
219
212
|
tags,
|
|
220
|
-
excludeTags
|
|
221
|
-
selectable: config.selectable
|
|
213
|
+
excludeTags
|
|
222
214
|
});
|
|
223
215
|
return /*#__PURE__*/_react.default.createElement(TypeTestersComponent, _extends({}, data, rest, {
|
|
224
216
|
tags: tags,
|
|
225
217
|
excludeTags: excludeTags
|
|
226
218
|
}));
|
|
227
219
|
}
|
|
228
|
-
const slugQuery = (_TypeTestersSlugQuery2.default.hash && _TypeTestersSlugQuery2.default.hash !== "
|
|
220
|
+
const slugQuery = (_TypeTestersSlugQuery2.default.hash && _TypeTestersSlugQuery2.default.hash !== "a7965166991a9ccda985c694ac45a093" && console.error("The definition of 'TypeTestersSlugQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTestersSlugQuery2.default);
|
|
229
221
|
function TypeTestersPreloadedSlugQueryRenderer(_ref5) {
|
|
230
222
|
var _data$viewer$slug;
|
|
231
223
|
let {
|
|
@@ -235,8 +227,7 @@ function TypeTestersPreloadedSlugQueryRenderer(_ref5) {
|
|
|
235
227
|
const queryRef = (0, _useSerializablePreloadedQuery.default)(preloadedQuery);
|
|
236
228
|
const data = (0, _reactRelay.usePreloadedQuery)(slugQuery, queryRef);
|
|
237
229
|
return /*#__PURE__*/_react.default.createElement(TypeTestersComponent, _extends({
|
|
238
|
-
collection: ((_data$viewer$slug = data.viewer.slug) === null || _data$viewer$slug === void 0 ? void 0 : _data$viewer$slug.collection) ?? null
|
|
239
|
-
viewer: data.viewer
|
|
230
|
+
collection: ((_data$viewer$slug = data.viewer.slug) === null || _data$viewer$slug === void 0 ? void 0 : _data$viewer$slug.collection) ?? null
|
|
240
231
|
}, rest));
|
|
241
232
|
}
|
|
242
233
|
function TypeTestersSlugQueryRenderer(_ref6) {
|
|
@@ -247,18 +238,13 @@ function TypeTestersSlugQueryRenderer(_ref6) {
|
|
|
247
238
|
excludeTags,
|
|
248
239
|
...rest
|
|
249
240
|
} = _ref6;
|
|
250
|
-
const {
|
|
251
|
-
typeTester: config
|
|
252
|
-
} = (0, _react.useContext)(_ConfigContext.default);
|
|
253
241
|
const data = (0, _reactRelay.useLazyLoadQuery)(slugQuery, {
|
|
254
242
|
collectionSlug,
|
|
255
243
|
tags,
|
|
256
|
-
excludeTags
|
|
257
|
-
selectable: config.selectable
|
|
244
|
+
excludeTags
|
|
258
245
|
});
|
|
259
246
|
return /*#__PURE__*/_react.default.createElement(TypeTestersComponent, _extends({
|
|
260
|
-
collection: ((_data$viewer$slug2 = data.viewer.slug) === null || _data$viewer$slug2 === void 0 ? void 0 : _data$viewer$slug2.collection) ?? null
|
|
261
|
-
viewer: data.viewer
|
|
247
|
+
collection: ((_data$viewer$slug2 = data.viewer.slug) === null || _data$viewer$slug2 === void 0 ? void 0 : _data$viewer$slug2.collection) ?? null
|
|
262
248
|
}, rest, {
|
|
263
249
|
tags: tags,
|
|
264
250
|
excludeTags: excludeTags
|
|
@@ -23,8 +23,7 @@ async function TypeTesters(_ref) {
|
|
|
23
23
|
const preloadedQuery = await (0, _loadSerializableQuery.default)(_TypeTestersIDQuery.default, {
|
|
24
24
|
collectionId,
|
|
25
25
|
tags,
|
|
26
|
-
excludeTags
|
|
27
|
-
selectable: true
|
|
26
|
+
excludeTags
|
|
28
27
|
});
|
|
29
28
|
return /*#__PURE__*/_react.default.createElement(_index.TypeTestersPreloadedIDQueryRenderer, _extends({
|
|
30
29
|
preloadedQuery: preloadedQuery
|
|
@@ -34,8 +33,7 @@ async function TypeTesters(_ref) {
|
|
|
34
33
|
const preloadedQuery = await (0, _loadSerializableQuery.default)(_TypeTestersSlugQuery.default, {
|
|
35
34
|
collectionSlug,
|
|
36
35
|
tags,
|
|
37
|
-
excludeTags
|
|
38
|
-
selectable: true
|
|
36
|
+
excludeTags
|
|
39
37
|
});
|
|
40
38
|
return /*#__PURE__*/_react.default.createElement(_index.TypeTestersPreloadedSlugQueryRenderer, _extends({
|
|
41
39
|
preloadedQuery: preloadedQuery
|
|
@@ -22,6 +22,7 @@ var _StripeLogo = _interopRequireDefault(require("../StripeLogo"));
|
|
|
22
22
|
var _Icons = require("../Icons");
|
|
23
23
|
var _ConfigContext = _interopRequireDefault(require("../ConfigContext"));
|
|
24
24
|
var _Price = require("../Price");
|
|
25
|
+
var _orderTracking = require("../Cart/orderTracking");
|
|
25
26
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
26
27
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
27
28
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
@@ -282,6 +283,13 @@ function StoreModalUnifiedCheckout(_ref2) {
|
|
|
282
283
|
}));
|
|
283
284
|
}, [setLicenseeIdentity]);
|
|
284
285
|
const environment = (0, _reactRelay.useRelayEnvironment)();
|
|
286
|
+
|
|
287
|
+
// Capture analytics consent + attribution on the order for the purchase
|
|
288
|
+
// event the server emits on completion (from a Stripe webhook, where no
|
|
289
|
+
// browser context exists).
|
|
290
|
+
(0, _react.useEffect)(() => {
|
|
291
|
+
(0, _orderTracking.sendOrderTracking)(environment);
|
|
292
|
+
}, [environment]);
|
|
285
293
|
const [error, setError] = (0, _react.useState)(null);
|
|
286
294
|
const [errorsObject, setErrorsObject] = (0, _react.useState)(null);
|
|
287
295
|
const [customerErrorsObject, setCustomerErrorsObject] = (0, _react.useState)(null);
|
|
@@ -3,8 +3,15 @@ import { useFontStyle_fontStyle$key } from '../__generated__/useFontStyle_fontSt
|
|
|
3
3
|
interface UseFontStyle_props {
|
|
4
4
|
fontStyle: useFontStyle_fontStyle$key | null | undefined;
|
|
5
5
|
}
|
|
6
|
+
export type VerticalMetrics = {
|
|
7
|
+
readonly unitsPerEm: number;
|
|
8
|
+
readonly ascender: number;
|
|
9
|
+
readonly descender: number;
|
|
10
|
+
readonly lineGap: number | null;
|
|
11
|
+
};
|
|
6
12
|
declare const useFontStyle: ({ fontStyle: fontStyleKey, }: UseFontStyle_props) => {
|
|
7
13
|
style: React.CSSProperties;
|
|
8
14
|
loaded: boolean;
|
|
15
|
+
verticalMetrics: VerticalMetrics | null;
|
|
9
16
|
};
|
|
10
17
|
export default useFontStyle;
|
package/dist/fontdue.css
CHANGED
|
@@ -708,6 +708,7 @@ div[data-component=TypeTesters] {
|
|
|
708
708
|
margin-left: 10px;
|
|
709
709
|
margin-right: 16px;
|
|
710
710
|
text-align: right;
|
|
711
|
+
font-feature-settings: "tnum" 1;
|
|
711
712
|
}
|
|
712
713
|
.type-tester__variable-axes__name {
|
|
713
714
|
white-space: nowrap;
|
|
@@ -958,6 +959,10 @@ div[data-component=TypeTesters] {
|
|
|
958
959
|
}
|
|
959
960
|
|
|
960
961
|
.character-viewer__character-map {
|
|
962
|
+
display: grid;
|
|
963
|
+
grid-template-columns: minmax(0, min(40%, 500px)) auto;
|
|
964
|
+
grid-gap: 30px;
|
|
965
|
+
position: relative;
|
|
961
966
|
margin-bottom: 30px;
|
|
962
967
|
}
|
|
963
968
|
@media screen and (min-width: 600px) {
|
|
@@ -965,29 +970,17 @@ div[data-component=TypeTesters] {
|
|
|
965
970
|
margin-bottom: 120px;
|
|
966
971
|
}
|
|
967
972
|
}
|
|
968
|
-
|
|
969
|
-
.character-viewer__character-map,
|
|
970
|
-
.character-viewer__features-map {
|
|
971
|
-
display: grid;
|
|
972
|
-
grid-template-columns: minmax(0, min(40%, 500px)) auto;
|
|
973
|
-
grid-gap: 30px;
|
|
974
|
-
position: relative;
|
|
975
|
-
}
|
|
976
973
|
@media screen and (max-width: 599px) {
|
|
977
|
-
.character-viewer__character-map
|
|
978
|
-
.character-viewer__features-map {
|
|
974
|
+
.character-viewer__character-map {
|
|
979
975
|
grid-template-columns: auto;
|
|
980
976
|
}
|
|
981
977
|
}
|
|
982
978
|
|
|
983
|
-
.character-
|
|
984
|
-
|
|
985
|
-
height: 30px;
|
|
979
|
+
.character-viewer__monitor {
|
|
980
|
+
padding-top: 30px;
|
|
986
981
|
}
|
|
987
|
-
|
|
988
982
|
@media screen and (max-width: 599px) {
|
|
989
|
-
.character-viewer__monitor
|
|
990
|
-
.character-viewer__feature-monitor {
|
|
983
|
+
.character-viewer__monitor {
|
|
991
984
|
display: none;
|
|
992
985
|
}
|
|
993
986
|
}
|
package/dist/hooks.d.ts
CHANGED
package/dist/hooks.js
CHANGED
|
@@ -3,8 +3,35 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
+
exports.useDebouncedValue = useDebouncedValue;
|
|
6
7
|
exports.useNewPortalElement = void 0;
|
|
7
8
|
var _react = require("react");
|
|
9
|
+
// Returns a copy of `value` that only updates `delay` ms after `value` stops
|
|
10
|
+
// changing. Useful for trailing UI that shouldn't react to rapid changes mid
|
|
11
|
+
// interaction (e.g. the variable-font instance name while a slider is dragged).
|
|
12
|
+
// NOTE: detects changes by reference, so callers must update `value`
|
|
13
|
+
// immutably — an object mutated in place won't trigger an update.
|
|
14
|
+
//
|
|
15
|
+
// When `resetKey` is provided and changes, the latest `value` is adopted
|
|
16
|
+
// immediately (no delay). This distinguishes a discrete change — e.g. switching
|
|
17
|
+
// to a different font — from a continuous one (dragging a slider), so the
|
|
18
|
+
// former isn't smoothed and left briefly out of sync with the rest of the UI.
|
|
19
|
+
function useDebouncedValue(value, delay, resetKey) {
|
|
20
|
+
const [debounced, setDebounced] = (0, _react.useState)(value);
|
|
21
|
+
const resetKeyRef = (0, _react.useRef)(resetKey);
|
|
22
|
+
|
|
23
|
+
// Adjust state during render (no extra committed frame) when the reset key
|
|
24
|
+
// changes, so the snap is synchronous with the change that triggered it.
|
|
25
|
+
if (resetKey !== resetKeyRef.current) {
|
|
26
|
+
resetKeyRef.current = resetKey;
|
|
27
|
+
if (debounced !== value) setDebounced(value);
|
|
28
|
+
}
|
|
29
|
+
(0, _react.useEffect)(() => {
|
|
30
|
+
const timer = setTimeout(() => setDebounced(value), delay);
|
|
31
|
+
return () => clearTimeout(timer);
|
|
32
|
+
}, [value, delay]);
|
|
33
|
+
return debounced;
|
|
34
|
+
}
|
|
8
35
|
const useNewPortalElement = () => {
|
|
9
36
|
const elementRef = (0, _react.useRef)(document.createElement('div'));
|
|
10
37
|
(0, _react.useEffect)(() => {
|
package/fontdue.css
CHANGED
|
@@ -674,7 +674,8 @@ div[data-component='TypeTesters'] {
|
|
|
674
674
|
.type-tester__variable-axes__value {
|
|
675
675
|
margin-left: 10px;
|
|
676
676
|
margin-right: 16px;
|
|
677
|
-
width
|
|
677
|
+
/* width is reserved per-axis inline (in ch) for the widest value in range,
|
|
678
|
+
so the number changing never reflows the slider. */
|
|
678
679
|
text-align: right;
|
|
679
680
|
font-feature-settings: 'tnum' 1;
|
|
680
681
|
}
|
package/package.json
CHANGED
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @generated SignedSource<<8a1ab76133c869f1e7c33e1e38525560>>
|
|
3
|
-
* @lightSyntaxTransform
|
|
4
|
-
* @nogrep
|
|
5
|
-
*/
|
|
6
|
-
import { ConcreteRequest } from 'relay-runtime';
|
|
7
|
-
import { FragmentRefs } from "relay-runtime";
|
|
8
|
-
export type FontdueProviderQuery$variables = Record<PropertyKey, never>;
|
|
9
|
-
export type FontdueProviderQuery$data = {
|
|
10
|
-
readonly viewer: {
|
|
11
|
-
readonly " $fragmentSpreads": FragmentRefs<"ServerConfigProvider_viewer" | "TestModeBanner_viewer" | "ThemeConfig_viewer">;
|
|
12
|
-
};
|
|
13
|
-
};
|
|
14
|
-
export type FontdueProviderQuery = {
|
|
15
|
-
response: FontdueProviderQuery$data;
|
|
16
|
-
variables: FontdueProviderQuery$variables;
|
|
17
|
-
};
|
|
18
|
-
declare const node: ConcreteRequest;
|
|
19
|
-
export default node;
|
|
@@ -1,140 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @generated SignedSource<<8a1ab76133c869f1e7c33e1e38525560>>
|
|
3
|
-
* @lightSyntaxTransform
|
|
4
|
-
* @nogrep
|
|
5
|
-
*/
|
|
6
|
-
|
|
7
|
-
/* tslint:disable */
|
|
8
|
-
/* eslint-disable */
|
|
9
|
-
// @ts-nocheck
|
|
10
|
-
|
|
11
|
-
const node = {
|
|
12
|
-
"fragment": {
|
|
13
|
-
"argumentDefinitions": [],
|
|
14
|
-
"kind": "Fragment",
|
|
15
|
-
"metadata": null,
|
|
16
|
-
"name": "FontdueProviderQuery",
|
|
17
|
-
"selections": [{
|
|
18
|
-
"alias": null,
|
|
19
|
-
"args": null,
|
|
20
|
-
"concreteType": "Viewer",
|
|
21
|
-
"kind": "LinkedField",
|
|
22
|
-
"name": "viewer",
|
|
23
|
-
"plural": false,
|
|
24
|
-
"selections": [{
|
|
25
|
-
"args": null,
|
|
26
|
-
"kind": "FragmentSpread",
|
|
27
|
-
"name": "ThemeConfig_viewer"
|
|
28
|
-
}, {
|
|
29
|
-
"args": null,
|
|
30
|
-
"kind": "FragmentSpread",
|
|
31
|
-
"name": "TestModeBanner_viewer"
|
|
32
|
-
}, {
|
|
33
|
-
"args": null,
|
|
34
|
-
"kind": "FragmentSpread",
|
|
35
|
-
"name": "ServerConfigProvider_viewer"
|
|
36
|
-
}],
|
|
37
|
-
"storageKey": null
|
|
38
|
-
}],
|
|
39
|
-
"type": "RootQueryType",
|
|
40
|
-
"abstractKey": null
|
|
41
|
-
},
|
|
42
|
-
"kind": "Request",
|
|
43
|
-
"operation": {
|
|
44
|
-
"argumentDefinitions": [],
|
|
45
|
-
"kind": "Operation",
|
|
46
|
-
"name": "FontdueProviderQuery",
|
|
47
|
-
"selections": [{
|
|
48
|
-
"alias": null,
|
|
49
|
-
"args": null,
|
|
50
|
-
"concreteType": "Viewer",
|
|
51
|
-
"kind": "LinkedField",
|
|
52
|
-
"name": "viewer",
|
|
53
|
-
"plural": false,
|
|
54
|
-
"selections": [{
|
|
55
|
-
"alias": null,
|
|
56
|
-
"args": null,
|
|
57
|
-
"concreteType": "ThemeConfig",
|
|
58
|
-
"kind": "LinkedField",
|
|
59
|
-
"name": "themeConfig",
|
|
60
|
-
"plural": false,
|
|
61
|
-
"selections": [{
|
|
62
|
-
"alias": null,
|
|
63
|
-
"args": null,
|
|
64
|
-
"kind": "ScalarField",
|
|
65
|
-
"name": "customProperties",
|
|
66
|
-
"storageKey": null
|
|
67
|
-
}],
|
|
68
|
-
"storageKey": null
|
|
69
|
-
}, {
|
|
70
|
-
"alias": null,
|
|
71
|
-
"args": null,
|
|
72
|
-
"concreteType": "TestMode",
|
|
73
|
-
"kind": "LinkedField",
|
|
74
|
-
"name": "testMode",
|
|
75
|
-
"plural": false,
|
|
76
|
-
"selections": [{
|
|
77
|
-
"alias": null,
|
|
78
|
-
"args": null,
|
|
79
|
-
"kind": "ScalarField",
|
|
80
|
-
"name": "isActive",
|
|
81
|
-
"storageKey": null
|
|
82
|
-
}],
|
|
83
|
-
"storageKey": null
|
|
84
|
-
}, {
|
|
85
|
-
"alias": null,
|
|
86
|
-
"args": null,
|
|
87
|
-
"concreteType": "FontdueConfig",
|
|
88
|
-
"kind": "LinkedField",
|
|
89
|
-
"name": "fontdueConfig",
|
|
90
|
-
"plural": false,
|
|
91
|
-
"selections": [{
|
|
92
|
-
"alias": null,
|
|
93
|
-
"args": null,
|
|
94
|
-
"concreteType": "FontdueTrackingConfig",
|
|
95
|
-
"kind": "LinkedField",
|
|
96
|
-
"name": "tracking",
|
|
97
|
-
"plural": false,
|
|
98
|
-
"selections": [{
|
|
99
|
-
"alias": null,
|
|
100
|
-
"args": null,
|
|
101
|
-
"kind": "ScalarField",
|
|
102
|
-
"name": "enabled",
|
|
103
|
-
"storageKey": null
|
|
104
|
-
}, {
|
|
105
|
-
"alias": null,
|
|
106
|
-
"args": null,
|
|
107
|
-
"kind": "ScalarField",
|
|
108
|
-
"name": "consentRequired",
|
|
109
|
-
"storageKey": null
|
|
110
|
-
}, {
|
|
111
|
-
"alias": null,
|
|
112
|
-
"args": null,
|
|
113
|
-
"kind": "ScalarField",
|
|
114
|
-
"name": "consentMessage",
|
|
115
|
-
"storageKey": null
|
|
116
|
-
}],
|
|
117
|
-
"storageKey": null
|
|
118
|
-
}],
|
|
119
|
-
"storageKey": null
|
|
120
|
-
}, {
|
|
121
|
-
"alias": null,
|
|
122
|
-
"args": null,
|
|
123
|
-
"kind": "ScalarField",
|
|
124
|
-
"name": "id",
|
|
125
|
-
"storageKey": null
|
|
126
|
-
}],
|
|
127
|
-
"storageKey": null
|
|
128
|
-
}]
|
|
129
|
-
},
|
|
130
|
-
"params": {
|
|
131
|
-
"cacheID": "8d7caa322aacca72f5aa7fcbef53fd77",
|
|
132
|
-
"id": null,
|
|
133
|
-
"metadata": {},
|
|
134
|
-
"name": "FontdueProviderQuery",
|
|
135
|
-
"operationKind": "query",
|
|
136
|
-
"text": "query FontdueProviderQuery {\n viewer {\n ...ThemeConfig_viewer\n ...TestModeBanner_viewer\n ...ServerConfigProvider_viewer\n id\n }\n}\n\nfragment ServerConfigProvider_viewer on Viewer {\n fontdueConfig {\n tracking {\n enabled\n consentRequired\n consentMessage\n }\n }\n}\n\nfragment TestModeBanner_viewer on Viewer {\n testMode {\n isActive\n }\n}\n\nfragment ThemeConfig_viewer on Viewer {\n themeConfig {\n customProperties\n }\n}\n"
|
|
137
|
-
}
|
|
138
|
-
};
|
|
139
|
-
node.hash = "5cbd582990daa28a99839c20abbc8bda";
|
|
140
|
-
export default node;
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @generated SignedSource<<a83ac66ca93de8f6c51ac4c192aec8b4>>
|
|
3
|
-
* @lightSyntaxTransform
|
|
4
|
-
* @nogrep
|
|
5
|
-
*/
|
|
6
|
-
import { ReaderFragment } from 'relay-runtime';
|
|
7
|
-
import { FragmentRefs } from "relay-runtime";
|
|
8
|
-
export type ServerConfigProvider_viewer$data = {
|
|
9
|
-
readonly fontdueConfig: {
|
|
10
|
-
readonly tracking: {
|
|
11
|
-
readonly consentMessage: string | null;
|
|
12
|
-
readonly consentRequired: boolean;
|
|
13
|
-
readonly enabled: boolean;
|
|
14
|
-
} | null;
|
|
15
|
-
} | null;
|
|
16
|
-
readonly " $fragmentType": "ServerConfigProvider_viewer";
|
|
17
|
-
};
|
|
18
|
-
export type ServerConfigProvider_viewer$key = {
|
|
19
|
-
readonly " $data"?: ServerConfigProvider_viewer$data;
|
|
20
|
-
readonly " $fragmentSpreads": FragmentRefs<"ServerConfigProvider_viewer">;
|
|
21
|
-
};
|
|
22
|
-
declare const node: ReaderFragment;
|
|
23
|
-
export default node;
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @generated SignedSource<<a83ac66ca93de8f6c51ac4c192aec8b4>>
|
|
3
|
-
* @lightSyntaxTransform
|
|
4
|
-
* @nogrep
|
|
5
|
-
*/
|
|
6
|
-
|
|
7
|
-
/* tslint:disable */
|
|
8
|
-
/* eslint-disable */
|
|
9
|
-
// @ts-nocheck
|
|
10
|
-
|
|
11
|
-
const node = {
|
|
12
|
-
"argumentDefinitions": [],
|
|
13
|
-
"kind": "Fragment",
|
|
14
|
-
"metadata": null,
|
|
15
|
-
"name": "ServerConfigProvider_viewer",
|
|
16
|
-
"selections": [{
|
|
17
|
-
"alias": null,
|
|
18
|
-
"args": null,
|
|
19
|
-
"concreteType": "FontdueConfig",
|
|
20
|
-
"kind": "LinkedField",
|
|
21
|
-
"name": "fontdueConfig",
|
|
22
|
-
"plural": false,
|
|
23
|
-
"selections": [{
|
|
24
|
-
"alias": null,
|
|
25
|
-
"args": null,
|
|
26
|
-
"concreteType": "FontdueTrackingConfig",
|
|
27
|
-
"kind": "LinkedField",
|
|
28
|
-
"name": "tracking",
|
|
29
|
-
"plural": false,
|
|
30
|
-
"selections": [{
|
|
31
|
-
"alias": null,
|
|
32
|
-
"args": null,
|
|
33
|
-
"kind": "ScalarField",
|
|
34
|
-
"name": "enabled",
|
|
35
|
-
"storageKey": null
|
|
36
|
-
}, {
|
|
37
|
-
"alias": null,
|
|
38
|
-
"args": null,
|
|
39
|
-
"kind": "ScalarField",
|
|
40
|
-
"name": "consentRequired",
|
|
41
|
-
"storageKey": null
|
|
42
|
-
}, {
|
|
43
|
-
"alias": null,
|
|
44
|
-
"args": null,
|
|
45
|
-
"kind": "ScalarField",
|
|
46
|
-
"name": "consentMessage",
|
|
47
|
-
"storageKey": null
|
|
48
|
-
}],
|
|
49
|
-
"storageKey": null
|
|
50
|
-
}],
|
|
51
|
-
"storageKey": null
|
|
52
|
-
}],
|
|
53
|
-
"type": "Viewer",
|
|
54
|
-
"abstractKey": null
|
|
55
|
-
};
|
|
56
|
-
node.hash = "6afcb0c3813a418a470e48415f963064";
|
|
57
|
-
export default node;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @generated SignedSource<<e9ace1097ef31e2ed34190d2a31634be>>
|
|
3
|
-
* @lightSyntaxTransform
|
|
4
|
-
* @nogrep
|
|
5
|
-
*/
|
|
6
|
-
import { ReaderFragment } from 'relay-runtime';
|
|
7
|
-
import { FragmentRefs } from "relay-runtime";
|
|
8
|
-
export type TestModeBanner_viewer$data = {
|
|
9
|
-
readonly testMode: {
|
|
10
|
-
readonly isActive: boolean;
|
|
11
|
-
};
|
|
12
|
-
readonly " $fragmentType": "TestModeBanner_viewer";
|
|
13
|
-
};
|
|
14
|
-
export type TestModeBanner_viewer$key = {
|
|
15
|
-
readonly " $data"?: TestModeBanner_viewer$data;
|
|
16
|
-
readonly " $fragmentSpreads": FragmentRefs<"TestModeBanner_viewer">;
|
|
17
|
-
};
|
|
18
|
-
declare const node: ReaderFragment;
|
|
19
|
-
export default node;
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @generated SignedSource<<e9ace1097ef31e2ed34190d2a31634be>>
|
|
3
|
-
* @lightSyntaxTransform
|
|
4
|
-
* @nogrep
|
|
5
|
-
*/
|
|
6
|
-
|
|
7
|
-
/* tslint:disable */
|
|
8
|
-
/* eslint-disable */
|
|
9
|
-
// @ts-nocheck
|
|
10
|
-
|
|
11
|
-
const node = {
|
|
12
|
-
"argumentDefinitions": [],
|
|
13
|
-
"kind": "Fragment",
|
|
14
|
-
"metadata": null,
|
|
15
|
-
"name": "TestModeBanner_viewer",
|
|
16
|
-
"selections": [{
|
|
17
|
-
"alias": null,
|
|
18
|
-
"args": null,
|
|
19
|
-
"concreteType": "TestMode",
|
|
20
|
-
"kind": "LinkedField",
|
|
21
|
-
"name": "testMode",
|
|
22
|
-
"plural": false,
|
|
23
|
-
"selections": [{
|
|
24
|
-
"alias": null,
|
|
25
|
-
"args": null,
|
|
26
|
-
"kind": "ScalarField",
|
|
27
|
-
"name": "isActive",
|
|
28
|
-
"storageKey": null
|
|
29
|
-
}],
|
|
30
|
-
"storageKey": null
|
|
31
|
-
}],
|
|
32
|
-
"type": "Viewer",
|
|
33
|
-
"abstractKey": null
|
|
34
|
-
};
|
|
35
|
-
node.hash = "f6b2f851466be9599d63ebf8f39e1a96";
|
|
36
|
-
export default node;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @generated SignedSource<<9eff3b1fe04abdb52e7380c1158bdb71>>
|
|
3
|
-
* @lightSyntaxTransform
|
|
4
|
-
* @nogrep
|
|
5
|
-
*/
|
|
6
|
-
import { ReaderFragment } from 'relay-runtime';
|
|
7
|
-
import { FragmentRefs } from "relay-runtime";
|
|
8
|
-
export type ThemeConfig_viewer$data = {
|
|
9
|
-
readonly themeConfig: {
|
|
10
|
-
readonly customProperties: ReadonlyArray<string> | null;
|
|
11
|
-
} | null;
|
|
12
|
-
readonly " $fragmentType": "ThemeConfig_viewer";
|
|
13
|
-
};
|
|
14
|
-
export type ThemeConfig_viewer$key = {
|
|
15
|
-
readonly " $data"?: ThemeConfig_viewer$data;
|
|
16
|
-
readonly " $fragmentSpreads": FragmentRefs<"ThemeConfig_viewer">;
|
|
17
|
-
};
|
|
18
|
-
declare const node: ReaderFragment;
|
|
19
|
-
export default node;
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @generated SignedSource<<9eff3b1fe04abdb52e7380c1158bdb71>>
|
|
3
|
-
* @lightSyntaxTransform
|
|
4
|
-
* @nogrep
|
|
5
|
-
*/
|
|
6
|
-
|
|
7
|
-
/* tslint:disable */
|
|
8
|
-
/* eslint-disable */
|
|
9
|
-
// @ts-nocheck
|
|
10
|
-
|
|
11
|
-
const node = {
|
|
12
|
-
"argumentDefinitions": [],
|
|
13
|
-
"kind": "Fragment",
|
|
14
|
-
"metadata": null,
|
|
15
|
-
"name": "ThemeConfig_viewer",
|
|
16
|
-
"selections": [{
|
|
17
|
-
"alias": null,
|
|
18
|
-
"args": null,
|
|
19
|
-
"concreteType": "ThemeConfig",
|
|
20
|
-
"kind": "LinkedField",
|
|
21
|
-
"name": "themeConfig",
|
|
22
|
-
"plural": false,
|
|
23
|
-
"selections": [{
|
|
24
|
-
"alias": null,
|
|
25
|
-
"args": null,
|
|
26
|
-
"kind": "ScalarField",
|
|
27
|
-
"name": "customProperties",
|
|
28
|
-
"storageKey": null
|
|
29
|
-
}],
|
|
30
|
-
"storageKey": null
|
|
31
|
-
}],
|
|
32
|
-
"type": "Viewer",
|
|
33
|
-
"abstractKey": null
|
|
34
|
-
};
|
|
35
|
-
node.hash = "191db4fda0651cd596efa7f91699f895";
|
|
36
|
-
export default node;
|