@apify/ui-library 0.51.6-featurepublishuilibrary-0a4729.38266

package/dist/src/design_system/theme.js

@@ -0,0 +1,17 @@
+import { darkTheme, lightTheme } from './colors_theme';
+import { colorProperties } from './properties_theme';
+import { spaces, radiuses, layouts, devices, transitions, shadows, } from './tokens';
+import { typographyTokens } from './typography_theme';
+export const theme = {
+    color: colorProperties,
+    colorPalette: { light: lightTheme, dark: darkTheme },
+    space: spaces,
+    radius: radiuses,
+    /** @deprecated - use device instead - it doesn't need the full `(min-width: xxx)` syntax */
+    layout: layouts,
+    device: devices,
+    transition: transitions,
+    shadow: shadows,
+    typography: typographyTokens,
+};
+//# sourceMappingURL=theme.js.map

package/dist/src/design_system/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../src/design_system/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EACH,MAAM,EACN,QAAQ,EACR,OAAO,EACP,OAAO,EACP,WAAW,EACX,OAAO,GACV,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,CAAC,MAAM,KAAK,GAAG;IACjB,KAAK,EAAE,eAAe;IACtB,YAAY,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,EAAE;IACpD,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,QAAQ;IAChB,4FAA4F;IAC5F,MAAM,EAAE,OAAO;IACf,MAAM,EAAE,OAAO;IACf,UAAU,EAAE,WAAW;IACvB,MAAM,EAAE,OAAO;IACf,UAAU,EAAE,gBAAgB;CAC/B,CAAC"}

package/dist/src/design_system/tokens/index.d.ts

@@ -0,0 +1,6 @@
+export * from './layouts';
+export * from './spaces';
+export * from './shadows';
+export * from './radiuses';
+export * from './transitions';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/design_system/tokens/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/design_system/tokens/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC"}

package/dist/src/design_system/tokens/index.js

@@ -0,0 +1,6 @@
+export * from './layouts';
+export * from './spaces';
+export * from './shadows';
+export * from './radiuses';
+export * from './transitions';
+//# sourceMappingURL=index.js.map

package/dist/src/design_system/tokens/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/design_system/tokens/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC"}

package/dist/src/design_system/tokens/layouts.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Layouts (device screen size) tokens - used for media queries.
+ * Defined in px as we need to know exact size of the screen.
+ * @typedef {Object} Screen
+ * @property {'768px'} tablet
+ * @property {'1024px'} desktop
+ * @property {'1200px'} mediumDesktop
+ * @property {'1440px'} largeDesktop
+ */
+/**
+ * @type {Screen}
+ * @deprecated - use the 'device' value instead - it includes the `(min-width: xxx)` part
+ */
+export declare const layouts: {
+    readonly tablet: "768px";
+    readonly desktop: "1024px";
+    readonly mediumDesktop: "1200px";
+    readonly largeDesktop: "1440px";
+};
+/**
+ * @type {Screen}
+ */
+export declare const devices: {
+    readonly tablet: "(min-width: 768px)";
+    readonly desktop: "(min-width: 1024px)";
+    readonly mediumDesktop: "(min-width: 1200px)";
+    readonly largeDesktop: "(min-width: 1440px)";
+};
+//# sourceMappingURL=layouts.d.ts.map

package/dist/src/design_system/tokens/layouts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layouts.d.ts","sourceRoot":"","sources":["../../../../src/design_system/tokens/layouts.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH;;;GAGG;AACH,eAAO,MAAM,OAAO;;;;;CAKV,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,OAAO;;;;;CAKV,CAAC"}

package/dist/src/design_system/tokens/layouts.js

@@ -0,0 +1,29 @@
+/**
+ * Layouts (device screen size) tokens - used for media queries.
+ * Defined in px as we need to know exact size of the screen.
+ * @typedef {Object} Screen
+ * @property {'768px'} tablet
+ * @property {'1024px'} desktop
+ * @property {'1200px'} mediumDesktop
+ * @property {'1440px'} largeDesktop
+ */
+/**
+ * @type {Screen}
+ * @deprecated - use the 'device' value instead - it includes the `(min-width: xxx)` part
+ */
+export const layouts = {
+    tablet: '768px',
+    desktop: '1024px',
+    mediumDesktop: '1200px',
+    largeDesktop: '1440px',
+};
+/**
+ * @type {Screen}
+ */
+export const devices = {
+    tablet: '(min-width: 768px)',
+    desktop: '(min-width: 1024px)',
+    mediumDesktop: '(min-width: 1200px)',
+    largeDesktop: '(min-width: 1440px)',
+};
+//# sourceMappingURL=layouts.js.map

package/dist/src/design_system/tokens/layouts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layouts.js","sourceRoot":"","sources":["../../../../src/design_system/tokens/layouts.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH;;;GAGG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG;IACnB,MAAM,EAAE,OAAO;IACf,OAAO,EAAE,QAAQ;IACjB,aAAa,EAAE,QAAQ;IACvB,YAAY,EAAE,QAAQ;CAChB,CAAC;AAEX;;GAEG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG;IACnB,MAAM,EAAE,oBAAoB;IAC5B,OAAO,EAAE,qBAAqB;IAC9B,aAAa,EAAE,qBAAqB;IACpC,YAAY,EAAE,qBAAqB;CAC7B,CAAC"}

package/dist/src/design_system/tokens/radiuses.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Radius tokens - used for border radius.
+ * Needs to be defined in px as we don't want to scale it with font size.
+ * @typedef {Object} Radius
+ * @property {'4px'} radius4
+ * @property {'6px'} radius6
+ * @property {'8px'} radius8
+ * @property {'12px'} radius12
+ * @property {'16px'} radius16
+ */
+/**
+ * @type {Radius}
+ */
+export declare const radiuses: {
+    radius4: string;
+    radius6: string;
+    radius8: string;
+    radius12: string;
+    radius16: string;
+    radius20: string;
+    radiusFull: string;
+};
+//# sourceMappingURL=radiuses.d.ts.map

package/dist/src/design_system/tokens/radiuses.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radiuses.d.ts","sourceRoot":"","sources":["../../../../src/design_system/tokens/radiuses.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH;;GAEG;AACH,eAAO,MAAM,QAAQ;;;;;;;;CAQpB,CAAC"}

package/dist/src/design_system/tokens/radiuses.js

@@ -0,0 +1,23 @@
+/**
+ * Radius tokens - used for border radius.
+ * Needs to be defined in px as we don't want to scale it with font size.
+ * @typedef {Object} Radius
+ * @property {'4px'} radius4
+ * @property {'6px'} radius6
+ * @property {'8px'} radius8
+ * @property {'12px'} radius12
+ * @property {'16px'} radius16
+ */
+/**
+ * @type {Radius}
+ */
+export const radiuses = {
+    radius4: '4px',
+    radius6: '6px',
+    radius8: '8px',
+    radius12: '12px',
+    radius16: '16px',
+    radius20: '20px',
+    radiusFull: '100px',
+};
+//# sourceMappingURL=radiuses.js.map

package/dist/src/design_system/tokens/radiuses.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radiuses.js","sourceRoot":"","sources":["../../../../src/design_system/tokens/radiuses.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG;IACpB,OAAO,EAAE,KAAK;IACd,OAAO,EAAE,KAAK;IACd,OAAO,EAAE,KAAK;IACd,QAAQ,EAAE,MAAM;IAChB,QAAQ,EAAE,MAAM;IAChB,QAAQ,EAAE,MAAM;IAChB,UAAU,EAAE,OAAO;CACtB,CAAC"}

package/dist/src/design_system/tokens/shadows.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Shadow tokens - used box-shadow.
+ *
+ * @typedef {Object} Shadow
+ * @property {string} shadowActive - active shadow.
+ * @property {string} shadow1 - shadow 1.
+ * @property {string} shadow2 - shadow 2.
+ * @property {string} shadow3 - shadow 3.
+ * @property {string} shadow4 - shadow 4.
+ * @property {string} shadow5 - shadow 5.
+ */
+/**
+ * @type {Shadow}
+ */
+export declare const shadows: {
+    shadowActive: string;
+    shadow1: string;
+    shadow2: string;
+    shadow3: string;
+    shadow4: string;
+    shadow5: string;
+};
+//# sourceMappingURL=shadows.d.ts.map

package/dist/src/design_system/tokens/shadows.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shadows.d.ts","sourceRoot":"","sources":["../../../../src/design_system/tokens/shadows.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH;;GAEG;AACH,eAAO,MAAM,OAAO;;;;;;;CAOnB,CAAC"}

package/dist/src/design_system/tokens/shadows.js

@@ -0,0 +1,23 @@
+/**
+ * Shadow tokens - used box-shadow.
+ *
+ * @typedef {Object} Shadow
+ * @property {string} shadowActive - active shadow.
+ * @property {string} shadow1 - shadow 1.
+ * @property {string} shadow2 - shadow 2.
+ * @property {string} shadow3 - shadow 3.
+ * @property {string} shadow4 - shadow 4.
+ * @property {string} shadow5 - shadow 5.
+ */
+/**
+ * @type {Shadow}
+ */
+export const shadows = {
+    shadowActive: 'var(--shadow-active)',
+    shadow1: 'var(--shadow-1)',
+    shadow2: 'var(--shadow-2)',
+    shadow3: 'var(--shadow-3)',
+    shadow4: 'var(--shadow-4)',
+    shadow5: 'var(--shadow-5)',
+};
+//# sourceMappingURL=shadows.js.map

package/dist/src/design_system/tokens/shadows.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shadows.js","sourceRoot":"","sources":["../../../../src/design_system/tokens/shadows.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH;;GAEG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG;IACnB,YAAY,EAAE,sBAAsB;IACpC,OAAO,EAAE,iBAAiB;IAC1B,OAAO,EAAE,iBAAiB;IAC1B,OAAO,EAAE,iBAAiB;IAC1B,OAAO,EAAE,iBAAiB;IAC1B,OAAO,EAAE,iBAAiB;CAC7B,CAAC"}

package/dist/src/design_system/tokens/spaces.d.ts

@@ -0,0 +1,15 @@
+export type Size = keyof typeof spaces;
+export declare const spaces: {
+    readonly space2: "0.2rem";
+    readonly space4: "0.4rem";
+    readonly space6: "0.6rem";
+    readonly space8: "0.8rem";
+    readonly space10: "1rem";
+    readonly space12: "1.2rem";
+    readonly space16: "1.6rem";
+    readonly space24: "2.4rem";
+    readonly space32: "3.2rem";
+    readonly space40: "4rem";
+    readonly space80: "8rem";
+};
+//# sourceMappingURL=spaces.d.ts.map

package/dist/src/design_system/tokens/spaces.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spaces.d.ts","sourceRoot":"","sources":["../../../../src/design_system/tokens/spaces.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,IAAI,GAAG,MAAM,OAAO,MAAM,CAAC;AAEvC,eAAO,MAAM,MAAM;;;;;;;;;;;;CAYT,CAAC"}

package/dist/src/design_system/tokens/spaces.js

@@ -0,0 +1,14 @@
+export const spaces = {
+    space2: '0.2rem',
+    space4: '0.4rem',
+    space6: '0.6rem',
+    space8: '0.8rem',
+    space10: '1rem',
+    space12: '1.2rem',
+    space16: '1.6rem',
+    space24: '2.4rem',
+    space32: '3.2rem',
+    space40: '4rem',
+    space80: '8rem',
+};
+//# sourceMappingURL=spaces.js.map

package/dist/src/design_system/tokens/spaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spaces.js","sourceRoot":"","sources":["../../../../src/design_system/tokens/spaces.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,MAAM,GAAG;IAClB,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,MAAM;IACf,OAAO,EAAE,QAAQ;IACjB,OAAO,EAAE,QAAQ;IACjB,OAAO,EAAE,QAAQ;IACjB,OAAO,EAAE,QAAQ;IACjB,OAAO,EAAE,MAAM;IACf,OAAO,EAAE,MAAM;CACT,CAAC"}

package/dist/src/design_system/tokens/transitions.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Transitions tokens - used for smooth state change.
+ * @typedef {Object} Transitions
+ * @property {'0.3s ease-in'} smoothEaseIn
+ * @property {'0.3s ease-out'} smoothEaseOut
+ * @property {'0.12s ease-out'} fastEaseOut
+ * @property {'0.12s ease-in'} fastEaseIn
+ * @property {'0.12s ease-in-out'} fastEaseInOut
+ */
+/**
+ * @type {Transitions}
+ */
+export declare const transitions: {
+    smoothEaseIn: string;
+    smoothEaseOut: string;
+    fastEaseIn: string;
+    fastEaseOut: string;
+    fastEaseInOut: string;
+};
+//# sourceMappingURL=transitions.d.ts.map

package/dist/src/design_system/tokens/transitions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transitions.d.ts","sourceRoot":"","sources":["../../../../src/design_system/tokens/transitions.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH;;GAEG;AACH,eAAO,MAAM,WAAW;;;;;;CAMvB,CAAC"}

package/dist/src/design_system/tokens/transitions.js

@@ -0,0 +1,20 @@
+/**
+ * Transitions tokens - used for smooth state change.
+ * @typedef {Object} Transitions
+ * @property {'0.3s ease-in'} smoothEaseIn
+ * @property {'0.3s ease-out'} smoothEaseOut
+ * @property {'0.12s ease-out'} fastEaseOut
+ * @property {'0.12s ease-in'} fastEaseIn
+ * @property {'0.12s ease-in-out'} fastEaseInOut
+ */
+/**
+ * @type {Transitions}
+ */
+export const transitions = {
+    smoothEaseIn: '0.3s ease-in',
+    smoothEaseOut: '0.3s ease-out',
+    fastEaseIn: '0.12s ease-in',
+    fastEaseOut: '0.12s ease-out',
+    fastEaseInOut: '0.12s ease-in-out',
+};
+//# sourceMappingURL=transitions.js.map

package/dist/src/design_system/tokens/transitions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transitions.js","sourceRoot":"","sources":["../../../../src/design_system/tokens/transitions.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG;IACvB,YAAY,EAAE,cAAc;IAC5B,aAAa,EAAE,eAAe;IAC9B,UAAU,EAAE,eAAe;IAC3B,WAAW,EAAE,gBAAgB;IAC7B,aAAa,EAAE,mBAAmB;CACrC,CAAC"}

package/dist/src/design_system/typography_theme.d.ts

@@ -0,0 +1,189 @@
+export declare const typographyTokens: {
+    readonly shared: {
+        readonly mobile: {
+            readonly title3xl: "font-size: 2.8rem; line-height: 3.2rem; font-weight: 700; font-family: Inter, sans-serif;";
+            readonly title2xl: "font-size: 2.4rem; line-height: 2.8rem; font-weight: 700; font-family: Inter, sans-serif;";
+            readonly titleXl: "font-size: 2rem; line-height: 2.4rem; font-weight: 650; font-family: Inter, sans-serif;";
+            readonly titleL: "font-size: 1.8rem; line-height: 2.4rem; font-weight: 650; font-family: Inter, sans-serif;";
+            readonly titleM: "font-size: 1.6rem; line-height: 2.4rem; font-weight: 650; font-family: Inter, sans-serif;";
+            readonly titleS: "font-size: 1.4rem; line-height: 2rem; font-weight: 650; font-family: Inter, sans-serif;";
+            readonly titleXs: "font-size: 1.2rem; line-height: 1.6rem; font-weight: 650; font-family: Inter, sans-serif;";
+            readonly bodyL: "font-size: 1.6rem; line-height: 2.4rem; font-weight: 400; font-family: Inter, sans-serif;";
+            readonly bodyLMedium: "font-size: 1.6rem; line-height: 2.4rem; font-weight: 500; font-family: Inter, sans-serif;";
+            readonly bodyLStrong: "font-size: 1.6rem; line-height: 2.4rem; font-weight: 600; font-family: Inter, sans-serif;";
+            readonly bodyM: "font-size: 1.4rem; line-height: 2rem; font-weight: 400; font-family: Inter, sans-serif;";
+            readonly bodyMMedium: "font-size: 1.4rem; line-height: 2rem; font-weight: 500; font-family: Inter, sans-serif;";
+            readonly bodyMStrong: "font-size: 1.4rem; line-height: 2rem; font-weight: 600; font-family: Inter, sans-serif;";
+            readonly bodyS: "font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; font-family: Inter, sans-serif;";
+            readonly bodySMedium: "font-size: 1.2rem; line-height: 1.6rem; font-weight: 500; font-family: Inter, sans-serif;";
+            readonly bodySStrong: "font-size: 1.2rem; line-height: 1.6rem; font-weight: 600; font-family: Inter, sans-serif;";
+            readonly codeL: "font-size: 1.6rem; line-height: 2.4rem; font-weight: 400; font-family: 'IBM Plex Mono', Consolas, 'Liberation Mono', Menlo, monospace;";
+            readonly codeLMedium: "font-size: 1.6rem; line-height: 2.4rem; font-weight: 500; font-family: 'IBM Plex Mono', Consolas, 'Liberation Mono', Menlo, monospace;";
+            readonly codeLStrong: "font-size: 1.6rem; line-height: 2.4rem; font-weight: 600; font-family: 'IBM Plex Mono', Consolas, 'Liberation Mono', Menlo, monospace;";
+            readonly codeM: "font-size: 1.4rem; line-height: 2rem; font-weight: 400; font-family: 'IBM Plex Mono', Consolas, 'Liberation Mono', Menlo, monospace;";
+            readonly codeMMedium: "font-size: 1.4rem; line-height: 2rem; font-weight: 500; font-family: 'IBM Plex Mono', Consolas, 'Liberation Mono', Menlo, monospace;";
+            readonly codeMStrong: "font-size: 1.4rem; line-height: 2rem; font-weight: 600; font-family: 'IBM Plex Mono', Consolas, 'Liberation Mono', Menlo, monospace;";
+            readonly codeS: "font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; font-family: 'IBM Plex Mono', Consolas, 'Liberation Mono', Menlo, monospace;";
+            readonly codeSMedium: "font-size: 1.2rem; line-height: 1.6rem; font-weight: 500; font-family: 'IBM Plex Mono', Consolas, 'Liberation Mono', Menlo, monospace;";
+            readonly codeSStrong: "font-size: 1.2rem; line-height: 1.6rem; font-weight: 600; font-family: 'IBM Plex Mono', Consolas, 'Liberation Mono', Menlo, monospace;";
+        };
+        readonly tablet: {
+            readonly title3xl: "font-size: 3.6rem; line-height: 4.4rem; font-weight: 700; font-family: Inter, sans-serif;";
+            readonly title2xl: "font-size: 2.8rem; line-height: 3.2rem; font-weight: 700; font-family: Inter, sans-serif;";
+            readonly titleXl: "font-size: 2.4rem; line-height: 2.8rem; font-weight: 700; font-family: Inter, sans-serif;";
+            readonly titleL: "font-size: 2rem; line-height: 2.4rem; font-weight: 650; font-family: Inter, sans-serif;";
+            readonly titleM: "font-size: 1.6rem; line-height: 2.4rem; font-weight: 650; font-family: Inter, sans-serif;";
+            readonly titleS: "font-size: 1.4rem; line-height: 2rem; font-weight: 650; font-family: Inter, sans-serif;";
+            readonly titleXs: "font-size: 1.2rem; line-height: 1.6rem; font-weight: 650; font-family: Inter, sans-serif;";
+            readonly bodyL: "font-size: 1.6rem; line-height: 2.4rem; font-weight: 400; font-family: Inter, sans-serif;";
+            readonly bodyLMedium: "font-size: 1.6rem; line-height: 2.4rem; font-weight: 500; font-family: Inter, sans-serif;";
+            readonly bodyLStrong: "font-size: 1.6rem; line-height: 2.4rem; font-weight: 600; font-family: Inter, sans-serif;";
+            readonly bodyM: "font-size: 1.4rem; line-height: 2rem; font-weight: 400; font-family: Inter, sans-serif;";
+            readonly bodyMMedium: "font-size: 1.4rem; line-height: 2rem; font-weight: 500; font-family: Inter, sans-serif;";
+            readonly bodyMStrong: "font-size: 1.4rem; line-height: 2rem; font-weight: 600; font-family: Inter, sans-serif;";
+            readonly bodyS: "font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; font-family: Inter, sans-serif;";
+            readonly bodySMedium: "font-size: 1.2rem; line-height: 1.6rem; font-weight: 500; font-family: Inter, sans-serif;";
+            readonly bodySStrong: "font-size: 1.2rem; line-height: 1.6rem; font-weight: 600; font-family: Inter, sans-serif;";
+            readonly codeL: "font-size: 1.6rem; line-height: 2.4rem; font-weight: 400; font-family: 'IBM Plex Mono', Consolas, 'Liberation Mono', Menlo, monospace;";
+            readonly codeLMedium: "font-size: 1.6rem; line-height: 2.4rem; font-weight: 500; font-family: 'IBM Plex Mono', Consolas, 'Liberation Mono', Menlo, monospace;";
+            readonly codeLStrong: "font-size: 1.6rem; line-height: 2.4rem; font-weight: 600; font-family: 'IBM Plex Mono', Consolas, 'Liberation Mono', Menlo, monospace;";
+            readonly codeM: "font-size: 1.4rem; line-height: 2rem; font-weight: 400; font-family: 'IBM Plex Mono', Consolas, 'Liberation Mono', Menlo, monospace;";
+            readonly codeMMedium: "font-size: 1.4rem; line-height: 2rem; font-weight: 500; font-family: 'IBM Plex Mono', Consolas, 'Liberation Mono', Menlo, monospace;";
+            readonly codeMStrong: "font-size: 1.4rem; line-height: 2rem; font-weight: 600; font-family: 'IBM Plex Mono', Consolas, 'Liberation Mono', Menlo, monospace;";
+            readonly codeS: "font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; font-family: 'IBM Plex Mono', Consolas, 'Liberation Mono', Menlo, monospace;";
+            readonly codeSMedium: "font-size: 1.2rem; line-height: 1.6rem; font-weight: 500; font-family: 'IBM Plex Mono', Consolas, 'Liberation Mono', Menlo, monospace;";
+            readonly codeSStrong: "font-size: 1.2rem; line-height: 1.6rem; font-weight: 600; font-family: 'IBM Plex Mono', Consolas, 'Liberation Mono', Menlo, monospace;";
+        };
+        readonly desktop: {
+            readonly title3xl: "font-size: 3.6rem; line-height: 4.4rem; font-weight: 700; font-family: Inter, sans-serif;";
+            readonly title2xl: "font-size: 2.8rem; line-height: 3.2rem; font-weight: 700; font-family: Inter, sans-serif;";
+            readonly titleXl: "font-size: 2.4rem; line-height: 2.8rem; font-weight: 700; font-family: Inter, sans-serif;";
+            readonly titleL: "font-size: 2rem; line-height: 2.4rem; font-weight: 650; font-family: Inter, sans-serif;";
+            readonly titleM: "font-size: 1.6rem; line-height: 2.4rem; font-weight: 650; font-family: Inter, sans-serif;";
+            readonly titleS: "font-size: 1.4rem; line-height: 2rem; font-weight: 650; font-family: Inter, sans-serif;";
+            readonly titleXs: "font-size: 1.2rem; line-height: 1.6rem; font-weight: 650; font-family: Inter, sans-serif;";
+            readonly bodyL: "font-size: 1.6rem; line-height: 2.4rem; font-weight: 400; font-family: Inter, sans-serif;";
+            readonly bodyLMedium: "font-size: 1.6rem; line-height: 2.4rem; font-weight: 500; font-family: Inter, sans-serif;";
+            readonly bodyLStrong: "font-size: 1.6rem; line-height: 2.4rem; font-weight: 600; font-family: Inter, sans-serif;";
+            readonly bodyM: "font-size: 1.4rem; line-height: 2rem; font-weight: 400; font-family: Inter, sans-serif;";
+            readonly bodyMMedium: "font-size: 1.4rem; line-height: 2rem; font-weight: 500; font-family: Inter, sans-serif;";
+            readonly bodyMStrong: "font-size: 1.4rem; line-height: 2rem; font-weight: 600; font-family: Inter, sans-serif;";
+            readonly bodyS: "font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; font-family: Inter, sans-serif;";
+            readonly bodySMedium: "font-size: 1.2rem; line-height: 1.6rem; font-weight: 500; font-family: Inter, sans-serif;";
+            readonly bodySStrong: "font-size: 1.2rem; line-height: 1.6rem; font-weight: 600; font-family: Inter, sans-serif;";
+            readonly codeL: "font-size: 1.6rem; line-height: 2.4rem; font-weight: 400; font-family: 'IBM Plex Mono', Consolas, 'Liberation Mono', Menlo, monospace;";
+            readonly codeLMedium: "font-size: 1.6rem; line-height: 2.4rem; font-weight: 500; font-family: 'IBM Plex Mono', Consolas, 'Liberation Mono', Menlo, monospace;";
+            readonly codeLStrong: "font-size: 1.6rem; line-height: 2.4rem; font-weight: 600; font-family: 'IBM Plex Mono', Consolas, 'Liberation Mono', Menlo, monospace;";
+            readonly codeM: "font-size: 1.4rem; line-height: 2rem; font-weight: 400; font-family: 'IBM Plex Mono', Consolas, 'Liberation Mono', Menlo, monospace;";
+            readonly codeMMedium: "font-size: 1.4rem; line-height: 2rem; font-weight: 500; font-family: 'IBM Plex Mono', Consolas, 'Liberation Mono', Menlo, monospace;";
+            readonly codeMStrong: "font-size: 1.4rem; line-height: 2rem; font-weight: 600; font-family: 'IBM Plex Mono', Consolas, 'Liberation Mono', Menlo, monospace;";
+            readonly codeS: "font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; font-family: 'IBM Plex Mono', Consolas, 'Liberation Mono', Menlo, monospace;";
+            readonly codeSMedium: "font-size: 1.2rem; line-height: 1.6rem; font-weight: 500; font-family: 'IBM Plex Mono', Consolas, 'Liberation Mono', Menlo, monospace;";
+            readonly codeSStrong: "font-size: 1.2rem; line-height: 1.6rem; font-weight: 600; font-family: 'IBM Plex Mono', Consolas, 'Liberation Mono', Menlo, monospace;";
+        };
+    };
+    readonly marketing: {
+        readonly mobile: {
+            readonly title3xl: "font-size: 5.2rem; line-height: 6rem; font-weight: 400; font-family: 'GT-Walsheim-Regular', sans-serif;";
+            readonly title2xl: "font-size: 3.6rem; line-height: 4.6rem; font-weight: 400; font-family: 'GT-Walsheim-Regular', sans-serif;";
+            readonly titleXl: "font-size: 3.2rem; line-height: 4.2rem; font-weight: 400; font-family: 'GT-Walsheim-Regular', sans-serif;";
+            readonly titleL: "font-size: 2.8rem; line-height: 3.6rem; font-weight: 400; font-family: 'GT-Walsheim-Regular', sans-serif;";
+            readonly titleM: "font-size: 2.4rem; line-height: 3.2rem; font-weight: 400; font-family: 'GT-Walsheim-Regular', sans-serif;";
+            readonly titleS: "font-size: 2rem; line-height: 2.4rem; font-weight: 650; font-family: Inter, sans-serif;";
+            readonly titleXs: "font-size: 1.6rem; line-height: 2.4rem; font-weight: 650; font-family: Inter, sans-serif;";
+            readonly bodyL: "font-size: 1.8rem; line-height: 2.8rem; font-weight: 400; font-family: Inter, sans-serif;";
+            readonly bodyLMedium: "font-size: 1.8rem; line-height: 2.8rem; font-weight: 500; font-family: Inter, sans-serif;";
+            readonly bodyLStrong: "font-size: 1.8rem; line-height: 2.8rem; font-weight: 700; font-family: Inter, sans-serif;";
+            readonly bodyM: "font-size: 1.6rem; line-height: 2.4rem; font-weight: 400; font-family: Inter, sans-serif;";
+            readonly bodyMMedium: "font-size: 1.6rem; line-height: 2.4rem; font-weight: 500; font-family: Inter, sans-serif;";
+            readonly bodyMStrong: "font-size: 1.6rem; line-height: 2.4rem; font-weight: 700; font-family: Inter, sans-serif;";
+            readonly bodyS: "font-size: 1.4rem; line-height: 2rem; font-weight: 400; font-family: Inter, sans-serif;";
+            readonly bodySMedium: "font-size: 1.4rem; line-height: 2rem; font-weight: 500; font-family: Inter, sans-serif;";
+            readonly bodySStrong: "font-size: 1.4rem; line-height: 2rem; font-weight: 700; font-family: Inter, sans-serif;";
+            readonly bodyXs: "font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; font-family: Inter, sans-serif;";
+            readonly bodyXsMedium: "font-size: 1.2rem; line-height: 1.6rem; font-weight: 500; font-family: Inter, sans-serif;";
+            readonly bodyXsStrong: "font-size: 1.2rem; line-height: 1.6rem; font-weight: 700; font-family: Inter, sans-serif;";
+        };
+        readonly tablet: {
+            readonly title3xl: "font-size: 6.6rem; line-height: 7.6rem; font-weight: 400; font-family: 'GT-Walsheim-Regular', sans-serif;";
+            readonly title2xl: "font-size: 4.8rem; line-height: 5.8rem; font-weight: 400; font-family: 'GT-Walsheim-Regular', sans-serif;";
+            readonly titleXl: "font-size: 4.4rem; line-height: 5.4rem; font-weight: 400; font-family: 'GT-Walsheim-Regular', sans-serif;";
+            readonly titleL: "font-size: 3.2rem; line-height: 4.2rem; font-weight: 400; font-family: 'GT-Walsheim-Regular', sans-serif;";
+            readonly titleM: "font-size: 2.6rem; line-height: 3rem; font-weight: 400; font-family: 'GT-Walsheim-Regular', sans-serif;";
+            readonly titleS: "font-size: 2rem; line-height: 2.4rem; font-weight: 650; font-family: Inter, sans-serif;";
+            readonly titleXs: "font-size: 1.6rem; line-height: 2.4rem; font-weight: 650; font-family: Inter, sans-serif;";
+            readonly bodyL: "font-size: 1.8rem; line-height: 2.8rem; font-weight: 400; font-family: Inter, sans-serif;";
+            readonly bodyLMedium: "font-size: 1.8rem; line-height: 2.8rem; font-weight: 500; font-family: Inter, sans-serif;";
+            readonly bodyLStrong: "font-size: 1.8rem; line-height: 2.8rem; font-weight: 700; font-family: Inter, sans-serif;";
+            readonly bodyM: "font-size: 1.6rem; line-height: 2.4rem; font-weight: 400; font-family: Inter, sans-serif;";
+            readonly bodyMMedium: "font-size: 1.6rem; line-height: 2.4rem; font-weight: 500; font-family: Inter, sans-serif;";
+            readonly bodyMStrong: "font-size: 1.6rem; line-height: 2.4rem; font-weight: 700; font-family: Inter, sans-serif;";
+            readonly bodyS: "font-size: 1.4rem; line-height: 2rem; font-weight: 400; font-family: Inter, sans-serif;";
+            readonly bodySMedium: "font-size: 1.4rem; line-height: 2rem; font-weight: 500; font-family: Inter, sans-serif;";
+            readonly bodySStrong: "font-size: 1.4rem; line-height: 2rem; font-weight: 700; font-family: Inter, sans-serif;";
+            readonly bodyXs: "font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; font-family: Inter, sans-serif;";
+            readonly bodyXsMedium: "font-size: 1.2rem; line-height: 1.6rem; font-weight: 500; font-family: Inter, sans-serif;";
+            readonly bodyXsStrong: "font-size: 1.2rem; line-height: 1.6rem; font-weight: 700; font-family: Inter, sans-serif;";
+        };
+        readonly desktop: {
+            readonly title3xl: "font-size: 7.2rem; line-height: 8.2rem; font-weight: 400; font-family: 'GT-Walsheim-Regular', sans-serif;";
+            readonly title2xl: "font-size: 5.8rem; line-height: 6.8rem; font-weight: 400; font-family: 'GT-Walsheim-Regular', sans-serif;";
+            readonly titleXl: "font-size: 4.8rem; line-height: 5.8rem; font-weight: 400; font-family: 'GT-Walsheim-Regular', sans-serif;";
+            readonly titleL: "font-size: 4rem; line-height: 5rem; font-weight: 400; font-family: 'GT-Walsheim-Regular', sans-serif;";
+            readonly titleM: "font-size: 2.6rem; line-height: 3.4rem; font-weight: 400; font-family: 'GT-Walsheim-Regular', sans-serif;";
+            readonly titleS: "font-size: 2rem; line-height: 2.4rem; font-weight: 650; font-family: Inter, sans-serif;";
+            readonly titleXs: "font-size: 1.6rem; line-height: 2.4rem; font-weight: 650; font-family: Inter, sans-serif;";
+            readonly bodyL: "font-size: 1.8rem; line-height: 2.8rem; font-weight: 400; font-family: Inter, sans-serif;";
+            readonly bodyLMedium: "font-size: 1.8rem; line-height: 2.8rem; font-weight: 500; font-family: Inter, sans-serif;";
+            readonly bodyLStrong: "font-size: 1.8rem; line-height: 2.8rem; font-weight: 700; font-family: Inter, sans-serif;";
+            readonly bodyM: "font-size: 1.6rem; line-height: 2.4rem; font-weight: 400; font-family: Inter, sans-serif;";
+            readonly bodyMMedium: "font-size: 1.6rem; line-height: 2.4rem; font-weight: 500; font-family: Inter, sans-serif;";
+            readonly bodyMStrong: "font-size: 1.6rem; line-height: 2.4rem; font-weight: 700; font-family: Inter, sans-serif;";
+            readonly bodyS: "font-size: 1.4rem; line-height: 2rem; font-weight: 400; font-family: Inter, sans-serif;";
+            readonly bodySMedium: "font-size: 1.4rem; line-height: 2rem; font-weight: 500; font-family: Inter, sans-serif;";
+            readonly bodySStrong: "font-size: 1.4rem; line-height: 2rem; font-weight: 700; font-family: Inter, sans-serif;";
+            readonly bodyXs: "font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; font-family: Inter, sans-serif;";
+            readonly bodyXsMedium: "font-size: 1.2rem; line-height: 1.6rem; font-weight: 500; font-family: Inter, sans-serif;";
+            readonly bodyXsStrong: "font-size: 1.2rem; line-height: 1.6rem; font-weight: 700; font-family: Inter, sans-serif;";
+        };
+    };
+    readonly content: {
+        readonly mobile: {
+            readonly heading1: "font-size: 2.4rem; line-height: 2.8rem; font-weight: 700; font-family: Inter, sans-serif;";
+            readonly heading2: "font-size: 2rem; line-height: 2.4rem; font-weight: 700; font-family: Inter, sans-serif;";
+            readonly heading3: "font-size: 1.8rem; line-height: 2.4rem; font-weight: 700; font-family: Inter, sans-serif;";
+            readonly heading4: "font-size: 1.6rem; line-height: 2.4rem; font-weight: 700; font-family: Inter, sans-serif;";
+            readonly heading5: "font-size: 1.4rem; line-height: 2rem; font-weight: 700; font-family: Inter, sans-serif;";
+            readonly heading6: "font-size: 1.2rem; line-height: 1.6rem; font-weight: 700; font-family: Inter, sans-serif;";
+            readonly paragraph: "font-size: 1.6rem; line-height: 2.4rem; font-weight: 400; font-family: Inter, sans-serif;";
+            readonly paragraphStrong: "font-size: 1.6rem; line-height: 2.4rem; font-weight: 700; font-family: Inter, sans-serif;";
+            readonly snippet: "font-size: 1.4rem; line-height: 2rem; font-weight: 400; font-family: 'IBM Plex Mono', Consolas, 'Liberation Mono', Menlo, monospace;";
+            readonly snippetStrong: "font-size: 1.4rem; line-height: 2rem; font-weight: 700; font-family: 'IBM Plex Mono', Consolas, 'Liberation Mono', Menlo, monospace;";
+        };
+        readonly tablet: {
+            readonly heading1: "font-size: 3.2rem; line-height: 4rem; font-weight: 700; font-family: Inter, sans-serif;";
+            readonly heading2: "font-size: 2.4rem; line-height: 2.8rem; font-weight: 700; font-family: Inter, sans-serif;";
+            readonly heading3: "font-size: 2rem; line-height: 2.4rem; font-weight: 700; font-family: Inter, sans-serif;";
+            readonly heading4: "font-size: 1.6rem; line-height: 2.4rem; font-weight: 700; font-family: Inter, sans-serif;";
+            readonly heading5: "font-size: 1.4rem; line-height: 2rem; font-weight: 700; font-family: Inter, sans-serif;";
+            readonly heading6: "font-size: 1.2rem; line-height: 1.6rem; font-weight: 700; font-family: Inter, sans-serif;";
+            readonly paragraph: "font-size: 1.6rem; line-height: 2.4rem; font-weight: 400; font-family: Inter, sans-serif;";
+            readonly paragraphStrong: "font-size: 1.6rem; line-height: 2.4rem; font-weight: 700; font-family: Inter, sans-serif;";
+            readonly snippet: "font-size: 1.4rem; line-height: 2rem; font-weight: 400; font-family: 'IBM Plex Mono', Consolas, 'Liberation Mono', Menlo, monospace;";
+            readonly snippetStrong: "font-size: 1.4rem; line-height: 2rem; font-weight: 700; font-family: 'IBM Plex Mono', Consolas, 'Liberation Mono', Menlo, monospace;";
+        };
+        readonly desktop: {
+            readonly heading1: "font-size: 3.2rem; line-height: 4rem; font-weight: 700; font-family: Inter, sans-serif;";
+            readonly heading2: "font-size: 2.4rem; line-height: 2.8rem; font-weight: 700; font-family: Inter, sans-serif;";
+            readonly heading3: "font-size: 2rem; line-height: 2.4rem; font-weight: 700; font-family: Inter, sans-serif;";
+            readonly heading4: "font-size: 1.6rem; line-height: 2.4rem; font-weight: 700; font-family: Inter, sans-serif;";
+            readonly heading5: "font-size: 1.4rem; line-height: 2rem; font-weight: 700; font-family: Inter, sans-serif;";
+            readonly heading6: "font-size: 1.2rem; line-height: 1.6rem; font-weight: 700; font-family: Inter, sans-serif;";
+            readonly paragraph: "font-size: 1.6rem; line-height: 2.4rem; font-weight: 400; font-family: Inter, sans-serif;";
+            readonly paragraphStrong: "font-size: 1.6rem; line-height: 2.4rem; font-weight: 700; font-family: Inter, sans-serif;";
+            readonly snippet: "font-size: 1.4rem; line-height: 2rem; font-weight: 400; font-family: 'IBM Plex Mono', Consolas, 'Liberation Mono', Menlo, monospace;";
+            readonly snippetStrong: "font-size: 1.4rem; line-height: 2rem; font-weight: 700; font-family: 'IBM Plex Mono', Consolas, 'Liberation Mono', Menlo, monospace;";
+        };
+    };
+};
+//# sourceMappingURL=typography_theme.d.ts.map

package/dist/src/design_system/typography_theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography_theme.d.ts","sourceRoot":"","sources":["../../../src/design_system/typography_theme.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmMnB,CAAC"}