@chayns-components/core 5.0.0-beta.990 → 5.0.0-beta.991

package/lib/esm/utils/font.js.map

@@ -1 +1 @@
-{"version":3,"file":"font.js","names":["IconStyle","convertIconStyle","iconStyle","SOLID","DUOTONE","SHARP","LIGHT","getFontSize","element","document","createElement","style","position","opacity","textContent","body","appendChild","fontSize","window","getComputedStyle","removeChild","replace","hexToRgb","hex","r","g","b","a","result","exec","parseInt","undefined","getHeadlineColorSelector","data","themeResult","headlineMap","h1","h2","h3","h4","h5","h6","p","footer","forEach","_ref","selector","color","backgroundColor","design","selectors","split","tag","length","trim","path","String","rgb"],"sources":["../../../src/utils/font.ts"],"sourcesContent":["import { IconStyle, type ParagraphFormat } from '../types/colorSchemeProvider';\n\nexport const convertIconStyle = (iconStyle: IconStyle) => {\n    switch (iconStyle) {\n        case IconStyle.SOLID:\n            return 'fa-solid';\n        case IconStyle.DUOTONE:\n            return 'fa-duotone';\n        case IconStyle.SHARP:\n            return 'fa-sharp';\n        case IconStyle.LIGHT:\n            return 'fa-light';\n        default:\n            return 'fa-regular';\n    }\n};\n\nexport const getFontSize = () => {\n    const element = document.createElement('p');\n\n    element.style.position = 'absolute';\n    element.style.opacity = '0';\n\n    element.textContent = 'Ich war hier';\n\n    document.body.appendChild(element);\n\n    const { fontSize } = window.getComputedStyle(element);\n\n    document.body.removeChild(element);\n\n    return fontSize.replace('px', '');\n};\n\nconst hexToRgb = (hex: string) => {\n    let r: number;\n    let g: number;\n    let b: number;\n    let a: number;\n\n    const result = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})?$/i.exec(hex);\n\n    if (result) {\n        r = parseInt(result[1] ?? '0', 16);\n        g = parseInt(result[2] ?? '0', 16);\n        b = parseInt(result[3] ?? '0', 16);\n        a = result[4] ? parseInt(result[4], 16) / 100 : 1;\n\n        return { r, g, b, a };\n    }\n\n    return undefined;\n};\n\nexport const getHeadlineColorSelector = (data: ParagraphFormat[]) => {\n    const themeResult: { [key: string]: string } = {};\n    const headlineMap: { [key: string]: string } = {\n        h1: 'headline-1',\n        h2: 'headline-2',\n        h3: 'headline-3',\n        h4: 'headline-4',\n        h5: 'headline-5',\n        h6: 'headline-6',\n        p: 'text',\n        footer: 'footer',\n        '.button': 'button',\n    };\n\n    data.forEach(({ selector, color, backgroundColor, design }) => {\n        const selectors = selector.split(',');\n\n        const tag = selectors[selectors.length - 1]?.trim();\n\n        const path = headlineMap[tag ?? ''];\n\n        if (!path) {\n            return;\n        }\n\n        if (path === 'button' && backgroundColor) {\n            themeResult[`${path}BackgroundColor`] = backgroundColor;\n\n            if (color) {\n                themeResult[`${path}Color`] = color;\n            }\n\n            if (design) {\n                themeResult[`${path}Design`] = String(design);\n            }\n\n            return;\n        }\n\n        if (!color) {\n            return;\n        }\n\n        themeResult[path] = color;\n\n        const rgb = hexToRgb(color);\n\n        if (!rgb) {\n            return;\n        }\n\n        const { r, g, b } = rgb;\n\n        themeResult[`${path}-rgb`] = `${r}, ${g}, ${b}`;\n    });\n\n    return { themeResult };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"font.js","names":["IconStyle","convertIconStyle","iconStyle","SOLID","DUOTONE","SHARP","LIGHT","getFontSize","element","document","createElement","style","position","opacity","textContent","body","appendChild","fontSize","window","getComputedStyle","removeChild","replace","hexToRgb","hex","r","g","b","a","result","exec","parseInt","undefined","getHeadlineColorSelector","data","themeResult","headlineMap","h1","h2","h3","h4","h5","h6","p","footer","forEach","_ref","selector","color","backgroundColor","selectors","split","tag","length","trim","path","rgb"],"sources":["../../../src/utils/font.ts"],"sourcesContent":["import { IconStyle, type ParagraphFormat } from '../types/colorSchemeProvider';\n\nexport const convertIconStyle = (iconStyle: IconStyle) => {\n    switch (iconStyle) {\n        case IconStyle.SOLID:\n            return 'fa-solid';\n        case IconStyle.DUOTONE:\n            return 'fa-duotone';\n        case IconStyle.SHARP:\n            return 'fa-sharp';\n        case IconStyle.LIGHT:\n            return 'fa-light';\n        default:\n            return 'fa-regular';\n    }\n};\n\nexport const getFontSize = () => {\n    const element = document.createElement('p');\n\n    element.style.position = 'absolute';\n    element.style.opacity = '0';\n\n    element.textContent = 'Ich war hier';\n\n    document.body.appendChild(element);\n\n    const { fontSize } = window.getComputedStyle(element);\n\n    document.body.removeChild(element);\n\n    return fontSize.replace('px', '');\n};\n\nconst hexToRgb = (hex: string) => {\n    let r: number;\n    let g: number;\n    let b: number;\n    let a: number;\n\n    const result = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})?$/i.exec(hex);\n\n    if (result) {\n        r = parseInt(result[1] ?? '0', 16);\n        g = parseInt(result[2] ?? '0', 16);\n        b = parseInt(result[3] ?? '0', 16);\n        a = result[4] ? parseInt(result[4], 16) / 100 : 1;\n\n        return { r, g, b, a };\n    }\n\n    return undefined;\n};\n\nexport const getHeadlineColorSelector = (data: ParagraphFormat[]) => {\n    const themeResult: { [key: string]: string } = {};\n    const headlineMap: { [key: string]: string } = {\n        h1: 'headline-1',\n        h2: 'headline-2',\n        h3: 'headline-3',\n        h4: 'headline-4',\n        h5: 'headline-5',\n        h6: 'headline-6',\n        p: 'text',\n        footer: 'footer',\n        '.button': 'button',\n    };\n\n    data.forEach(({ selector, color, backgroundColor }) => {\n        const selectors = selector.split(',');\n\n        const tag = selectors[selectors.length - 1]?.trim();\n\n        const path = headlineMap[tag ?? ''];\n\n        if (!path) {\n            return;\n        }\n\n        if (path === 'button' && backgroundColor) {\n            themeResult[`${path}BackgroundColor`] = backgroundColor;\n\n            if (color) {\n                themeResult[`${path}Color`] = color;\n            }\n\n            return;\n        }\n\n        if (!color) {\n            return;\n        }\n\n        themeResult[path] = color;\n\n        const rgb = hexToRgb(color);\n\n        if (!rgb) {\n            return;\n        }\n\n        const { r, g, b } = rgb;\n\n        themeResult[`${path}-rgb`] = `${r}, ${g}, ${b}`;\n    });\n\n    return { themeResult };\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/types/components/accordion/accordion-body/AccordionBody.styles.d.ts

@@ -1,8 +1,8 @@
-import type { Browser } from 'detect-browser';
+import { BrowserName } from '../../../types/chayns';
 import type { WithTheme } from '../../color-scheme-provider/ColorSchemeProvider';
 type StyledMotionAccordionBodyProps = WithTheme<{
     $maxHeight?: number;
-    $browser: Browser | 'bot' | null | undefined;
+    $browser: BrowserName;
 }>;
 export declare const StyledMotionAccordionBody: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<{
     slot?: string | undefined;

package/lib/types/components/accordion/accordion-content/AccordionContent.styles.d.ts

@@ -1,9 +1,9 @@
-import type { Browser } from 'detect-browser';
+import { BrowserName } from '../../../types/chayns';
 import type { WithTheme } from '../../color-scheme-provider/ColorSchemeProvider';
 type StyledAccordionContentProps = WithTheme<{
     $isWrapped?: boolean;
     $maxHeight?: number;
-    $browser: Browser | 'bot' | null | undefined;
+    $browser: BrowserName;
     $shouldPreventBottomSpace: boolean;
 }>;
 export declare const StyledAccordionContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledAccordionContentProps>> & string;

package/lib/types/components/color-scheme-provider/ColorSchemeProvider.d.ts

@@ -1,10 +1,6 @@
+import { ColorMode } from 'chayns-api';
 import React, { FC, ReactNode } from 'react';
 import type { DesignSettings, ParagraphFormat } from '../../types/colorSchemeProvider';
-declare enum ColorMode {
-    Classic = 0,
-    Dark = 1,
-    Light = 2
-}
 export type ColorSchemeProviderProps = {
     /**
      * The content of the application or the components for which the styles should be set
@@ -40,10 +36,6 @@ export type ColorSchemeProviderProps = {
      * The secondary hex color to be used for the children
      */
     secondaryColor?: string;
-    /**
-     * The site id of the page for which the design settings should be fetched
-     */
-    siteId?: string;
     /**
      * Additional styles set on the root element
      */

package/lib/types/components/color-scheme-provider/ColorSchemeProvider.styles.d.ts

@@ -1 +1,3 @@
-export declare const StyledColorSchemeProvider: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledColorSchemeProvider: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    theme: import("./ColorSchemeProvider").Theme;
+}>> & string;

package/lib/types/components/combobox/ComboBox.styles.d.ts

@@ -1,5 +1,5 @@
-import type { Browser } from 'detect-browser';
 import type { CSSProperties } from 'react';
+import { BrowserName } from '../../types/chayns';
 import { ComboBoxDirection } from '../../types/comboBox';
 import type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';
 import type { ComboBoxProps } from './ComboBox';
@@ -36,7 +36,7 @@ type StyledComboBoxBodyProps = WithTheme<{
     $overflowY: CSSProperties['overflowY'];
     $maxHeight: CSSProperties['maxHeight'];
     $direction: ComboBoxDirection;
-    $browser: Browser | 'bot' | null | undefined;
+    $browser: BrowserName;
     $minWidth: number;
     $shouldUseCurrentItemWidth: boolean;
 }>;

package/lib/types/components/scroll-view/ScrollView.styles.d.ts

@@ -1,5 +1,5 @@
-import type { Browser } from 'detect-browser';
 import type { CSSProperties } from 'react';
+import { BrowserName } from '../../types/chayns';
 import type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';
 type StyledScrollViewProps = WithTheme<{
     $maxHeight?: CSSProperties['height'] | null;
@@ -8,7 +8,7 @@ type StyledScrollViewProps = WithTheme<{
     $width?: CSSProperties['width'];
     $overflowX: 'scroll' | 'auto';
     $overflowY: 'scroll' | 'auto';
-    $browser: Browser | 'bot' | null | undefined;
+    $browser: BrowserName;
 }>;
 export declare const StyledScrollView: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledScrollViewProps>> & string;
 export {};

package/lib/types/components/search-box/SearchBox.styles.d.ts

@@ -1,10 +1,10 @@
-import type { Browser } from 'detect-browser';
+import { BrowserName } from '../../types/chayns';
 import type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';
 export declare const StyledSearchBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 type StyledMotionSearchBoxBodyProps = WithTheme<{
     $height: number;
     $width: number;
-    $browser: Browser | 'bot' | null | undefined;
+    $browser: BrowserName;
 }>;
 export declare const StyledMotionSearchBoxBody: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<{
     slot?: string | undefined;

package/lib/types/components/search-box/search-box-body/SearchBoxBody.d.ts

@@ -1,5 +1,5 @@
-import type { Browser } from 'detect-browser';
 import React, { type ReactNode } from 'react';
+import { BrowserName } from '../../../types/chayns';
 import type { IFilterButtonItem } from '../../../types/filterButtons';
 export type SearchBoxBodyProps = {
     children: ReactNode;
@@ -7,7 +7,7 @@ export type SearchBoxBodyProps = {
     selectedGroups?: string[];
     height: number;
     width: number;
-    browser: Browser | 'bot' | null | undefined;
+    browser: BrowserName;
     onGroupSelect?: (keys: string[]) => void;
     coordinates: {
         x: number;

package/lib/types/components/search-box/search-box-body/SearchBoxBody.styles.d.ts

@@ -1,4 +1,4 @@
-import type { Browser } from 'detect-browser';
+import { BrowserName } from '../../../types/chayns';
 import type { WithTheme } from '../../color-scheme-provider/ColorSchemeProvider';
 type StyledMotionSearchBoxBodyProps = WithTheme<{
     $width: number;
@@ -278,7 +278,7 @@ export declare const StyledSearchBoxBodyHeadGroupName: import("styled-components
 type StyledSearchBoxBodyContentProps = WithTheme<{
     $height: number;
     $headHeight: number;
-    $browser: Browser | 'bot' | null | undefined;
+    $browser: BrowserName;
 }>;
 export declare const StyledSearchBoxBodyContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledSearchBoxBodyContentProps>> & string;
 export {};

package/lib/types/components/text-area/TextArea.styles.d.ts

@@ -1,5 +1,5 @@
-import type { Browser } from 'detect-browser';
 import type { CSSProperties } from 'react';
+import { BrowserName } from '../../types/chayns';
 import type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';
 import type { TextAreaProps } from './TextArea';
 type StyledTextAreaProps = WithTheme<{
@@ -13,7 +13,7 @@ type StyledTextAreaContentWrapperProps = WithTheme<{
 export declare const StyledTextAreaContentWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledTextAreaContentWrapperProps>> & string;
 export declare const StyledTextAreaContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 type StyledTextAreaInputProps = WithTheme<{
-    $browser: Browser | 'bot' | null | undefined;
+    $browser: BrowserName;
     $isInvalid: TextAreaProps['isInvalid'];
     $isOverflowing: boolean;
     $maxHeight: CSSProperties['maxHeight'];

package/lib/types/index.d.ts

@@ -51,6 +51,7 @@ export { default as Tooltip } from './components/tooltip/Tooltip';
 export { default as Truncation } from './components/truncation/Truncation';
 export { MentionFinderPopupAlignment } from './constants/mentionFinder';
 export { useElementSize } from './hooks/useElementSize';
+export type { BrowserName } from './types/chayns';
 export { ComboBoxDirection } from './types/comboBox';
 export { ContentCardType } from './types/contentCard';
 export { ContextMenuAlignment } from './types/contextMenu';

package/lib/types/types/chayns.d.ts

@@ -1,122 +1 @@
-declare global {
-    let chayns: Chayns;
-}
-export interface Chayns {
-    dialog: Dialog;
-    env: Env;
-    openImage(urls: string | string[], start?: number): Promise<undefined>;
-    openVideo(url: string): Promise<void>;
-    register(config: object): any;
-    getWindowMetrics(): Promise<WindowMetrics>;
-    addDesignSettingsChangeListener(callback: () => any): Promise<any>;
-    removeDesignSettingsChangeListener(callback: () => any): Promise<any>;
-}
-export interface WindowMetrics {
-    bottomBarHeight: number;
-    coverHeight: 0;
-    frameX: number;
-    frameY: number;
-    height: number;
-    menuHeight: number;
-    offsetTop: number;
-    pageYOffset: number;
-    scrollTop: number;
-    windowHeight: number;
-    windowWidth: number;
-}
-export interface Dialog {
-    select(config: {
-        title?: string;
-        message?: string;
-        list: Array<SelectDialogItem>;
-        multiselect?: boolean;
-        type?: SelectType;
-        preventCloseOnClick?: boolean;
-        buttons?: DialogButton[];
-        selectAllButton?: string;
-    }): Promise<SelectDialogResult>;
-    alert(headline: string, text: string): Promise<ButtonType>;
-    iFrame(config: {
-        url: string;
-        input?: object;
-        title?: string;
-        message?: string;
-        buttons?: DialogButton[];
-        seamless?: boolean;
-        transparent?: boolean;
-        waitCursor?: boolean;
-        maxHeight?: string;
-        width?: number;
-        customTransitionTimeout?: number;
-    }): Promise<any>;
-    signature(config: {
-        buttons?: DialogButton[];
-    }): Promise<{
-        buttonType: ButtonType;
-        value: string;
-    }>;
-}
-declare enum ButtonText {
-    Cancel = "Abbrechen",
-    No = "Nein",
-    Ok = "OK",
-    Yes = "Ja",
-    Save = "Speichern"
-}
-export declare enum ButtonType {
-    Cancel = -1,
-    Negative = 0,
-    Positive = 1
-}
-export interface DialogButton {
-    text: ButtonText | string;
-    buttonType: ButtonType | number;
-    collapseTime?: number;
-    textColor?: string;
-    backgroundColor?: string;
-}
-export interface SelectDialogItem {
-    name: string;
-    value: string | number;
-    isSelected?: boolean;
-}
-export interface SelectDialogResult {
-    buttonType: ButtonType | number;
-    selection: Array<SelectDialogItem>;
-}
-declare enum SelectType {
-    Default = 0,
-    Icon = 1,
-    IconAndText
-}
-export interface Group {
-    id: number;
-    isActive: boolean;
-}
-export interface User {
-    name: string;
-    firstName: string;
-    gender: number;
-    lastName: string;
-    id: number;
-    personId: string;
-    tobitAccessToken: string;
-    groups: Group[];
-    isAuthenticated: boolean;
-    adminMode: boolean;
-    isAdmin: boolean;
-}
-export interface Site {
-    id: string;
-    colorMode: 0 | 1 | 2;
-}
-export interface Env {
-    site: Site;
-    user: User;
-    language: any;
-    parameters: any;
-    isApp: boolean;
-    isMobile: boolean;
-    isTablet: boolean;
-}
-export {};
+export type BrowserName = 'aol' | 'edge' | 'edge-ios' | 'yandexbrowser' | 'kakaotalk' | 'samsung' | 'silk' | 'miui' | 'beaker' | 'edge-chromium' | 'chrome' | 'chromium-webview' | 'phantomjs' | 'crios' | 'firefox' | 'fxios' | 'opera-mini' | 'opera' | 'pie' | 'netfront' | 'ie' | 'bb10' | 'android' | 'ios' | 'safari' | 'facebook' | 'instagram' | 'ios-webview' | 'curl' | 'searchbot' | 'bot' | null | undefined;

package/lib/types/types/colorSchemeProvider.d.ts

@@ -1,10 +1,20 @@
+import { ColorMode } from 'chayns-api';
 export interface DesignSettings {
-    accordionIcon: number;
-    accordionLines: boolean;
-    cardBorderRadius: number;
-    cardBackgroundOpacity: number;
-    cardShadow: number;
+    siteId?: string;
+    color: string;
+    secondaryColor?: string;
+    colorMode: ColorMode;
+    fontSize: number;
     iconStyle: IconStyle;
+    headlineFontId?: number;
+    backgroundType?: number;
+    backgroundColor?: string;
+    headerBarColor?: string;
+    accordionIcon?: number;
+    accordionLines: boolean;
+    cardBorderRadius?: number;
+    cardBackgroundOpacity?: number;
+    cardShadow?: number;
 }
 export declare enum IconStyle {
     SOLID = 0,
@@ -15,18 +25,12 @@ export declare enum IconStyle {
 }
 export interface ParagraphFormat {
     selector: string;
-    fontSizePx: number | null;
-    lineHeight: number | null;
-    marginBeforePx: number | null;
-    marginAfterPx: number | null;
-    color: string | null;
-    fontId: number | null;
-    backgroundColor: string | null;
-    design: number | null;
-    fontName: string | null;
-    fontFactor: number | null;
-    letterSpacing: number | null;
-    wordSpacing: number | null;
-    fontBackup: string | null;
-    fontHasBold: boolean | null;
+    fontSizePx?: number;
+    lineHeight?: number;
+    marginBeforePx?: number;
+    marginAfterPx?: number;
+    color?: string;
+    fontId?: number;
+    buttonDesignType?: number;
+    backgroundColor?: string;
 }

package/lib/types/types/signature.d.ts

@@ -1,10 +1,5 @@
-import type { ButtonType } from './chayns';
 export interface GetUserSignatureResult {
     key: string;
     personId: string;
     value: string;
 }
-export interface SignatureDialogResult {
-    buttonType: ButtonType;
-    result: string;
-}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/core",
-    "version": "5.0.0-beta.990",
+    "version": "5.0.0-beta.991",
     "description": "A set of beautiful React components for developing your own applications with chayns.",
     "sideEffects": false,
     "browserslist": [
@@ -78,14 +78,14 @@
         "uuid": "^10.0.0"
     },
     "peerDependencies": {
-        "chayns-api": ">=1.0.73",
+        "chayns-api": "^2.2.0-beta.2",
         "framer-motion": ">=10.18.0",
-        "react": ">=16.14.0",
-        "react-dom": ">=16.14.0",
+        "react": ">=18.0.0",
+        "react-dom": ">=18.0.0",
         "styled-components": ">=5.3.11"
     },
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "858b5f5d16fdc59d43c6b702a7ab2f4d544ed6eb"
+    "gitHead": "6ed1ca79a66254c138d4ab065c78b555973e770f"
 }

package/lib/cjs/api/theme/get.js

@@ -1,32 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getParagraphFormat = exports.getDesignSettings = void 0;
-var _chaynsApi = require("chayns-api");
-const getDesignSettings = async siteId => {
-  let id = siteId;
-  if (!id) id = (0, _chaynsApi.getSite)().id;
-  const response = await fetch(`https://api.chayns.net/css/${id}/style/v2`, {
-    method: 'GET'
-  });
-  if (response.status === 200) {
-    return await response.json();
-  }
-  return undefined;
-};
-exports.getDesignSettings = getDesignSettings;
-const getParagraphFormat = async siteId => {
-  let id = siteId;
-  if (!id) id = (0, _chaynsApi.getSite)().id;
-  const response = await fetch(`https://api.chayns.net/css/${id}/paragraphFormat`, {
-    method: 'GET'
-  });
-  if (response.status === 200) {
-    return await response.json();
-  }
-  return undefined;
-};
-exports.getParagraphFormat = getParagraphFormat;
-//# sourceMappingURL=get.js.map

package/lib/cjs/api/theme/get.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"get.js","names":["_chaynsApi","require","getDesignSettings","siteId","id","getSite","response","fetch","method","status","json","undefined","exports","getParagraphFormat"],"sources":["../../../../src/api/theme/get.ts"],"sourcesContent":["import { getSite } from 'chayns-api';\nimport type { DesignSettings, ParagraphFormat } from '../../types/colorSchemeProvider';\n\nexport const getDesignSettings = async (siteId?: string): Promise<DesignSettings | undefined> => {\n    let id = siteId;\n\n    if (!id) id = getSite().id;\n\n    const response = await fetch(`https://api.chayns.net/css/${id}/style/v2`, {\n        method: 'GET',\n    });\n\n    if (response.status === 200) {\n        return (await response.json()) as DesignSettings;\n    }\n\n    return undefined;\n};\n\nexport const getParagraphFormat = async (\n    siteId?: string,\n): Promise<ParagraphFormat[] | undefined> => {\n    let id = siteId;\n\n    if (!id) id = getSite().id;\n\n    const response = await fetch(`https://api.chayns.net/css/${id}/paragraphFormat`, {\n        method: 'GET',\n    });\n\n    if (response.status === 200) {\n        return (await response.json()) as ParagraphFormat[];\n    }\n\n    return undefined;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAGO,MAAMC,iBAAiB,GAAG,MAAOC,MAAe,IAA0C;EAC7F,IAAIC,EAAE,GAAGD,MAAM;EAEf,IAAI,CAACC,EAAE,EAAEA,EAAE,GAAG,IAAAC,kBAAO,EAAC,CAAC,CAACD,EAAE;EAE1B,MAAME,QAAQ,GAAG,MAAMC,KAAK,CAAC,8BAA8BH,EAAE,WAAW,EAAE;IACtEI,MAAM,EAAE;EACZ,CAAC,CAAC;EAEF,IAAIF,QAAQ,CAACG,MAAM,KAAK,GAAG,EAAE;IACzB,OAAQ,MAAMH,QAAQ,CAACI,IAAI,CAAC,CAAC;EACjC;EAEA,OAAOC,SAAS;AACpB,CAAC;AAACC,OAAA,CAAAV,iBAAA,GAAAA,iBAAA;AAEK,MAAMW,kBAAkB,GAAG,MAC9BV,MAAe,IAC0B;EACzC,IAAIC,EAAE,GAAGD,MAAM;EAEf,IAAI,CAACC,EAAE,EAAEA,EAAE,GAAG,IAAAC,kBAAO,EAAC,CAAC,CAACD,EAAE;EAE1B,MAAME,QAAQ,GAAG,MAAMC,KAAK,CAAC,8BAA8BH,EAAE,kBAAkB,EAAE;IAC7EI,MAAM,EAAE;EACZ,CAAC,CAAC;EAEF,IAAIF,QAAQ,CAACG,MAAM,KAAK,GAAG,EAAE;IACzB,OAAQ,MAAMH,QAAQ,CAACI,IAAI,CAAC,CAAC;EACjC;EAEA,OAAOC,SAAS;AACpB,CAAC;AAACC,OAAA,CAAAC,kBAAA,GAAAA,kBAAA","ignoreList":[]}

package/lib/esm/api/theme/get.js

@@ -1,24 +0,0 @@
-import { getSite } from 'chayns-api';
-export const getDesignSettings = async siteId => {
-  let id = siteId;
-  if (!id) id = getSite().id;
-  const response = await fetch(`https://api.chayns.net/css/${id}/style/v2`, {
-    method: 'GET'
-  });
-  if (response.status === 200) {
-    return await response.json();
-  }
-  return undefined;
-};
-export const getParagraphFormat = async siteId => {
-  let id = siteId;
-  if (!id) id = getSite().id;
-  const response = await fetch(`https://api.chayns.net/css/${id}/paragraphFormat`, {
-    method: 'GET'
-  });
-  if (response.status === 200) {
-    return await response.json();
-  }
-  return undefined;
-};
-//# sourceMappingURL=get.js.map

package/lib/esm/api/theme/get.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"get.js","names":["getSite","getDesignSettings","siteId","id","response","fetch","method","status","json","undefined","getParagraphFormat"],"sources":["../../../../src/api/theme/get.ts"],"sourcesContent":["import { getSite } from 'chayns-api';\nimport type { DesignSettings, ParagraphFormat } from '../../types/colorSchemeProvider';\n\nexport const getDesignSettings = async (siteId?: string): Promise<DesignSettings | undefined> => {\n    let id = siteId;\n\n    if (!id) id = getSite().id;\n\n    const response = await fetch(`https://api.chayns.net/css/${id}/style/v2`, {\n        method: 'GET',\n    });\n\n    if (response.status === 200) {\n        return (await response.json()) as DesignSettings;\n    }\n\n    return undefined;\n};\n\nexport const getParagraphFormat = async (\n    siteId?: string,\n): Promise<ParagraphFormat[] | undefined> => {\n    let id = siteId;\n\n    if (!id) id = getSite().id;\n\n    const response = await fetch(`https://api.chayns.net/css/${id}/paragraphFormat`, {\n        method: 'GET',\n    });\n\n    if (response.status === 200) {\n        return (await response.json()) as ParagraphFormat[];\n    }\n\n    return undefined;\n};\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,YAAY;AAGpC,OAAO,MAAMC,iBAAiB,GAAG,MAAOC,MAAe,IAA0C;EAC7F,IAAIC,EAAE,GAAGD,MAAM;EAEf,IAAI,CAACC,EAAE,EAAEA,EAAE,GAAGH,OAAO,CAAC,CAAC,CAACG,EAAE;EAE1B,MAAMC,QAAQ,GAAG,MAAMC,KAAK,CAAC,8BAA8BF,EAAE,WAAW,EAAE;IACtEG,MAAM,EAAE;EACZ,CAAC,CAAC;EAEF,IAAIF,QAAQ,CAACG,MAAM,KAAK,GAAG,EAAE;IACzB,OAAQ,MAAMH,QAAQ,CAACI,IAAI,CAAC,CAAC;EACjC;EAEA,OAAOC,SAAS;AACpB,CAAC;AAED,OAAO,MAAMC,kBAAkB,GAAG,MAC9BR,MAAe,IAC0B;EACzC,IAAIC,EAAE,GAAGD,MAAM;EAEf,IAAI,CAACC,EAAE,EAAEA,EAAE,GAAGH,OAAO,CAAC,CAAC,CAACG,EAAE;EAE1B,MAAMC,QAAQ,GAAG,MAAMC,KAAK,CAAC,8BAA8BF,EAAE,kBAAkB,EAAE;IAC7EG,MAAM,EAAE;EACZ,CAAC,CAAC;EAEF,IAAIF,QAAQ,CAACG,MAAM,KAAK,GAAG,EAAE;IACzB,OAAQ,MAAMH,QAAQ,CAACI,IAAI,CAAC,CAAC;EACjC;EAEA,OAAOC,SAAS;AACpB,CAAC","ignoreList":[]}

package/lib/types/api/theme/get.d.ts

@@ -1,3 +0,0 @@
-import type { DesignSettings, ParagraphFormat } from '../../types/colorSchemeProvider';
-export declare const getDesignSettings: (siteId?: string) => Promise<DesignSettings | undefined>;
-export declare const getParagraphFormat: (siteId?: string) => Promise<ParagraphFormat[] | undefined>;