@starlightcms/react-sdk 2.3.0 → 3.0.0-beta.2

package/dist/esm/VisualContent/blocks/Image/styles.js

@@ -1,35 +0,0 @@
-import { FigureWrapper } from '../../styles';
-import styled from '@emotion/styled';
-export const ImageWrapper = styled(FigureWrapper) `
-  margin: 1em auto;
-`;
-export const SelectedImage = styled.img `
-  display: block;
-  margin: auto;
-  object-fit: cover;
-
-  max-width: ${({ width, originalWidth }) => {
-    if (originalWidth && width === 'auto')
-        return originalWidth;
-    switch (width) {
-        case 'auto':
-            return '100%';
-        case 'justify':
-        case 'max':
-            return 'initial';
-    }
-}};
-
-  width: ${({ width }) => {
-    switch (width) {
-        case 'auto':
-            return 'initial';
-        case 'justify':
-        case 'max':
-            return '100%';
-        default:
-            return width;
-    }
-}};
-`;
-//# sourceMappingURL=styles.js.map

package/dist/esm/VisualContent/blocks/Image/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/VisualContent/blocks/Image/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAC5C,OAAO,MAAM,MAAM,iBAAiB,CAAA;AAEpC,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,aAAa,CAAC,CAAA;;CAEhD,CAAA;AAOD,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAY;;;;;eAKpC,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE;IACxC,IAAI,aAAa,IAAI,KAAK,KAAK,MAAM;QAAE,OAAO,aAAa,CAAA;IAE3D,QAAQ,KAAK,EAAE;QACb,KAAK,MAAM;YACT,OAAO,MAAM,CAAA;QACf,KAAK,SAAS,CAAC;QACf,KAAK,KAAK;YACR,OAAO,SAAS,CAAA;KACnB;AACH,CAAC;;WAEQ,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACrB,QAAQ,KAAK,EAAE;QACb,KAAK,MAAM;YACT,OAAO,SAAS,CAAA;QAClB,KAAK,SAAS,CAAC;QACf,KAAK,KAAK;YACR,OAAO,MAAM,CAAA;QACf;YACE,OAAO,KAAK,CAAA;KACf;AACH,CAAC;CACF,CAAA","sourcesContent":["import { FigureWrapper } from '../../styles'\nimport styled from '@emotion/styled'\n\nexport const ImageWrapper = styled(FigureWrapper)`\n  margin: 1em auto;\n`\n\ntype ImageProps = {\n  width: string\n  originalWidth?: string | undefined\n}\n\nexport const SelectedImage = styled.img<ImageProps>`\n  display: block;\n  margin: auto;\n  object-fit: cover;\n\n  max-width: ${({ width, originalWidth }) => {\n    if (originalWidth && width === 'auto') return originalWidth\n\n    switch (width) {\n      case 'auto':\n        return '100%'\n      case 'justify':\n      case 'max':\n        return 'initial'\n    }\n  }};\n\n  width: ${({ width }) => {\n    switch (width) {\n      case 'auto':\n        return 'initial'\n      case 'justify':\n      case 'max':\n        return '100%'\n      default:\n        return width\n    }\n  }};\n`\n"]}

package/dist/esm/VisualContent/blocks/List/styles.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-export declare const ListWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
-//# sourceMappingURL=styles.d.ts.map

package/dist/esm/VisualContent/blocks/List/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/VisualContent/blocks/List/styles.ts"],"names":[],"mappings":";AAEA,eAAO,MAAM,WAAW;;;6GAYvB,CAAA"}

package/dist/esm/VisualContent/blocks/List/styles.js

@@ -1,15 +0,0 @@
-import styled from '@emotion/styled';
-export const ListWrapper = styled.ul `
-  list-style: none;
-  padding-left: 1em;
-
-  > li {
-    margin: 0.5em 0;
-
-    &::before {
-      content: '•';
-      margin-right: 0.5em;
-    }
-  }
-`;
-//# sourceMappingURL=styles.js.map

package/dist/esm/VisualContent/blocks/List/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/VisualContent/blocks/List/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AAEpC,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,EAAE,CAAA;;;;;;;;;;;;CAYnC,CAAA","sourcesContent":["import styled from '@emotion/styled'\n\nexport const ListWrapper = styled.ul`\n  list-style: none;\n  padding-left: 1em;\n\n  > li {\n    margin: 0.5em 0;\n\n    &::before {\n      content: '•';\n      margin-right: 0.5em;\n    }\n  }\n`\n"]}

package/dist/esm/VisualContent/blocks/Video/styles.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-declare type VideoWrapperProps = {
-    width: string | null;
-};
-export declare const VideoWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & {
-    children?: import("react").ReactNode;
-} & {
-    theme?: import("@emotion/react").Theme | undefined;
-} & VideoWrapperProps, {}, {}>;
-export {};
-//# sourceMappingURL=styles.d.ts.map

package/dist/esm/VisualContent/blocks/Video/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/VisualContent/blocks/Video/styles.ts"],"names":[],"mappings":";AAGA,aAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CACrB,CAAA;AAED,eAAO,MAAM,YAAY;;;;;;;8BA+BxB,CAAA"}

package/dist/esm/VisualContent/blocks/Video/styles.js

@@ -1,35 +0,0 @@
-import { FigureWrapper } from '../../styles';
-import styled from '@emotion/styled';
-export const VideoWrapper = styled(FigureWrapper) `
-  margin: 0;
-
-  > div {
-    > * {
-      max-width: 100%;
-    }
-
-    > iframe {
-      display: block;
-      margin: auto;
-
-      aspect-ratio: 16/9;
-
-      border: none;
-
-      background-color: transparent;
-
-      width: ${({ width }) => {
-    switch (width) {
-        case 'auto':
-            return 'initial';
-        case 'justify':
-        case 'max':
-            return '100%';
-        default:
-            return width;
-    }
-}};
-    }
-  }
-`;
-//# sourceMappingURL=styles.js.map

package/dist/esm/VisualContent/blocks/Video/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/VisualContent/blocks/Video/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAC5C,OAAO,MAAM,MAAM,iBAAiB,CAAA;AAMpC,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,aAAa,CAAC,CAAmB;;;;;;;;;;;;;;;;;;eAkBrD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACrB,QAAQ,KAAK,EAAE;QACb,KAAK,MAAM;YACT,OAAO,SAAS,CAAA;QAClB,KAAK,SAAS,CAAC;QACf,KAAK,KAAK;YACR,OAAO,MAAM,CAAA;QACf;YACE,OAAO,KAAK,CAAA;KACf;AACH,CAAC;;;CAGN,CAAA","sourcesContent":["import { FigureWrapper } from '../../styles'\nimport styled from '@emotion/styled'\n\ntype VideoWrapperProps = {\n  width: string | null\n}\n\nexport const VideoWrapper = styled(FigureWrapper)<VideoWrapperProps>`\n  margin: 0;\n\n  > div {\n    > * {\n      max-width: 100%;\n    }\n\n    > iframe {\n      display: block;\n      margin: auto;\n\n      aspect-ratio: 16/9;\n\n      border: none;\n\n      background-color: transparent;\n\n      width: ${({ width }) => {\n        switch (width) {\n          case 'auto':\n            return 'initial'\n          case 'justify':\n          case 'max':\n            return '100%'\n          default:\n            return width\n        }\n      }};\n    }\n  }\n`\n"]}

package/dist/esm/VisualContent/styles.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-export declare const OuterWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const BlockWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const FigureWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
-//# sourceMappingURL=styles.d.ts.map

package/dist/esm/VisualContent/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/VisualContent/styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,YAAY;;;yGAiExB,CAAA;AAED,eAAO,MAAM,YAAY;;;yGAMxB,CAAA;AAED,eAAO,MAAM,aAAa;;;mGAMzB,CAAA"}

package/dist/esm/VisualContent/styles.js

@@ -1,83 +0,0 @@
-'use client';
-import styled from '@emotion/styled';
-export const OuterWrapper = styled.div `
-  .sl__color {
-    padding: 2px 0;
-    border-radius: 4px;
-
-    &__bg {
-      &--red {
-        background-color: rgb(253, 235, 236);
-      }
-      &--pink {
-        background-color: rgb(253, 235, 236);
-      }
-      &--purple {
-        background-color: rgb(244, 240, 247);
-      }
-      &--blue {
-        background-color: rgb(231, 243, 248);
-      }
-      &--green {
-        background-color: rgb(237, 243, 236);
-      }
-      &--yellow {
-        background-color: rgb(251, 243, 219);
-      }
-      &--orange {
-        background-color: rgb(251, 236, 221);
-      }
-      &--brown {
-        background-color: rgb(244, 238, 238);
-      }
-      &--gray {
-        background-color: rgb(241, 241, 239);
-      }
-    }
-
-    &__text {
-      &--red {
-        color: rgb(212, 76, 71);
-      }
-      &--pink {
-        color: rgb(193, 76, 138);
-      }
-      &--purple {
-        color: rgb(144, 101, 176);
-      }
-      &--blue {
-        color: rgb(51, 126, 169);
-      }
-      &--green {
-        color: rgb(68, 131, 97);
-      }
-      &--yellow {
-        color: rgb(203, 145, 47);
-      }
-      &--orange {
-        color: rgb(217, 115, 13);
-      }
-      &--brown {
-        color: rgb(159, 107, 83);
-      }
-      &--gray {
-        color: rgb(120, 119, 116);
-      }
-    }
-  }
-`;
-export const BlockWrapper = styled.div `
-  margin: auto;
-
-  &.sl-width-max {
-    max-width: 100%;
-  }
-`;
-export const FigureWrapper = styled.figure `
-  figcaption {
-    display: flex;
-    justify-content: center;
-    margin-top: 6px;
-  }
-`;
-//# sourceMappingURL=styles.js.map

package/dist/esm/VisualContent/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/VisualContent/styles.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,MAAM,MAAM,iBAAiB,CAAA;AAEpC,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiErC,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAMrC,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;;CAMzC,CAAA","sourcesContent":["'use client'\n\nimport styled from '@emotion/styled'\n\nexport const OuterWrapper = styled.div`\n  .sl__color {\n    padding: 2px 0;\n    border-radius: 4px;\n\n    &__bg {\n      &--red {\n        background-color: rgb(253, 235, 236);\n      }\n      &--pink {\n        background-color: rgb(253, 235, 236);\n      }\n      &--purple {\n        background-color: rgb(244, 240, 247);\n      }\n      &--blue {\n        background-color: rgb(231, 243, 248);\n      }\n      &--green {\n        background-color: rgb(237, 243, 236);\n      }\n      &--yellow {\n        background-color: rgb(251, 243, 219);\n      }\n      &--orange {\n        background-color: rgb(251, 236, 221);\n      }\n      &--brown {\n        background-color: rgb(244, 238, 238);\n      }\n      &--gray {\n        background-color: rgb(241, 241, 239);\n      }\n    }\n\n    &__text {\n      &--red {\n        color: rgb(212, 76, 71);\n      }\n      &--pink {\n        color: rgb(193, 76, 138);\n      }\n      &--purple {\n        color: rgb(144, 101, 176);\n      }\n      &--blue {\n        color: rgb(51, 126, 169);\n      }\n      &--green {\n        color: rgb(68, 131, 97);\n      }\n      &--yellow {\n        color: rgb(203, 145, 47);\n      }\n      &--orange {\n        color: rgb(217, 115, 13);\n      }\n      &--brown {\n        color: rgb(159, 107, 83);\n      }\n      &--gray {\n        color: rgb(120, 119, 116);\n      }\n    }\n  }\n`\n\nexport const BlockWrapper = styled.div`\n  margin: auto;\n\n  &.sl-width-max {\n    max-width: 100%;\n  }\n`\n\nexport const FigureWrapper = styled.figure`\n  figcaption {\n    display: flex;\n    justify-content: center;\n    margin-top: 6px;\n  }\n`\n"]}