@palmyit/elements 0.1.3 → 0.1.8

package/dist/elements/button/definition.d.ts

@@ -0,0 +1,38 @@
+import { LinkSettings } from '../../schema/linkSettings';
+import { LengthKey } from '../../schema/elementStyleDefinitions';
+import { BorderLineStyle } from '../../schema/style/elementStyle';
+import { BackgroundStyle } from '../../schema/Fields/BackgroundField/backgroundValue';
+import { StyleColor } from '../../render/styleTokens';
+/** Every key stays unset until the user edits it, so the button keeps its theme look. */
+export type ButtonStyle = Partial<BackgroundStyle & Record<LengthKey, string> & {
+    borderWidth: string;
+    borderStyle: BorderLineStyle;
+    borderColor: StyleColor;
+    textColor: StyleColor;
+    textFont: string;
+    textSize: string | number;
+    iconGap: string;
+}>;
+export type PButtonDocumentProps = LinkSettings & {
+    id: string;
+    name: string;
+    startIcon: string;
+    endIcon: string;
+    style: ButtonStyle;
+};
+export declare const defaultButtonProps: {
+    style: ButtonStyle;
+    href: string;
+    target: import('../../schema/linkSettings').LinkTarget;
+    description: string;
+    name: string;
+    startIcon: string;
+    endIcon: string;
+};
+export declare const pButtonDefinition: import('../../definitions').ElementConfiguration<LinkSettings & {
+    id: string;
+    name: string;
+    startIcon: string;
+    endIcon: string;
+    style: ButtonStyle;
+} & Partial<import('../../definitions').DeviceVisibility> & Partial<Record<"tabletStyle" | "mobileStyle" | "tabletLandscapeStyle" | "mobileLandscapeStyle", Partial<Record<string, unknown>>>>>;

package/dist/elements/button/template.d.ts

@@ -0,0 +1,2 @@
+import { ElementSpec, ElementSpecOptions, ShortcodeNode } from '../../render/types';
+export declare function buttonTemplate(node: ShortcodeNode, _options?: ElementSpecOptions): ElementSpec | null;

package/dist/elements/checkbox/definition.d.ts

@@ -0,0 +1,10 @@
+export type PCheckboxDocumentProps = {
+    id: string;
+    label: string;
+    checked: boolean;
+};
+export declare const defaultCheckboxProps: {
+    label: string;
+    checked: boolean;
+};
+export declare const pCheckboxDefinition: import('../../definitions').ElementConfiguration<PCheckboxDocumentProps & Partial<import('../../definitions').DeviceVisibility> & Partial<Record<"tabletStyle" | "mobileStyle" | "tabletLandscapeStyle" | "mobileLandscapeStyle", Partial<Record<string, unknown>>>>>;

package/dist/elements/checkbox/template.d.ts

@@ -0,0 +1,2 @@
+import { ElementSpec, ElementSpecOptions, ShortcodeNode } from '../../render/types';
+export declare function checkboxTemplate(node: ShortcodeNode, _options?: ElementSpecOptions): ElementSpec | null;

package/dist/elements/container/definition.d.ts

@@ -0,0 +1,39 @@
+export declare const defaultContainerStyle: {
+    layout: import('../../definitions').ElementLayout;
+    gridColumns?: import('../../definitions').GridColumnCount;
+    flexDirection: import('../../definitions').FlexDirection;
+    flexWrap: import('../../definitions').FlexWrap;
+    justifyContent: import('../../definitions').FlexJustifyContent;
+    alignItems: import('../../definitions').FlexAlignItems;
+    alignContent: import('../../definitions').FlexAlignContent;
+    rowGap: string;
+    columnGap: string;
+    overflow: import('../../definitions').ElementOverflow;
+    overflowVertical: boolean;
+    overflowHorizontal: boolean;
+    width: string;
+    height: string;
+    minWidth: string;
+    minHeight: string;
+    maxWidth: string;
+    maxHeight: string;
+    paddingTop: string;
+    paddingBottom: string;
+    paddingLeft: string;
+    paddingRight: string;
+    marginTop: string;
+    marginBottom: string;
+    marginLeft: string;
+    marginRight: string;
+    borderRadiusTopLeft: string;
+    borderRadiusTopRight: string;
+    borderRadiusBottomRight: string;
+    borderRadiusBottomLeft: string;
+    borderWidth: string;
+    borderStyle: import('../../definitions').BorderLineStyle;
+    borderColor: import('../../definitions').StyleColor;
+    backgroundType: import('../../schema/Fields/BackgroundField/backgroundValue').BackgroundType;
+    backgroundColor: import('../../definitions').StyleColor;
+    backgroundGradient?: import('../../schema/Fields/BackgroundField/backgroundValue').GradientValue;
+};
+export declare const pContainerDefinition: import('../../definitions').ElementConfiguration<import('../../schema/layoutElementConfiguration').LayoutElementProps & Partial<import('../../definitions').DeviceVisibility> & Partial<Record<"tabletStyle" | "mobileStyle" | "tabletLandscapeStyle" | "mobileLandscapeStyle", Partial<Record<string, unknown>>>>>;

package/dist/elements/container/template.d.ts

@@ -0,0 +1,2 @@
+import { ElementSpec, ElementSpecOptions, ShortcodeNode } from '../../render/types';
+export declare function containerTemplate(node: ShortcodeNode, options?: ElementSpecOptions): ElementSpec | null;

package/dist/elements/divider/definition.d.ts

@@ -0,0 +1,10 @@
+export declare const dividerSizes: readonly ["1", "2", "3", "4"];
+export type DividerSize = (typeof dividerSizes)[number];
+export type PDividerDocumentProps = {
+    id: string;
+    size: DividerSize;
+};
+export declare const defaultDividerProps: {
+    size: DividerSize;
+};
+export declare const pDividerDefinition: import('../../definitions').ElementConfiguration<PDividerDocumentProps & Partial<import('../../definitions').DeviceVisibility> & Partial<Record<"tabletStyle" | "mobileStyle" | "tabletLandscapeStyle" | "mobileLandscapeStyle", Partial<Record<string, unknown>>>>>;

package/dist/elements/divider/template.d.ts

@@ -0,0 +1,2 @@
+import { ElementSpec, ElementSpecOptions, ShortcodeNode } from '../../render/types';
+export declare function dividerTemplate(node: ShortcodeNode, _options?: ElementSpecOptions): ElementSpec | null;

package/dist/elements/icon/definition.d.ts

@@ -0,0 +1,18 @@
+import { LinkSettings } from '../../schema/linkSettings';
+export type PIconDocumentProps = LinkSettings & {
+    id: string;
+    icon: string;
+    label: string;
+};
+export declare const defaultIconProps: {
+    href: string;
+    target: import('../../schema/linkSettings').LinkTarget;
+    description: string;
+    icon: string;
+    label: string;
+};
+export declare const pIconDefinition: import('../../definitions').ElementConfiguration<LinkSettings & {
+    id: string;
+    icon: string;
+    label: string;
+} & Partial<import('../../definitions').DeviceVisibility> & Partial<Record<"tabletStyle" | "mobileStyle" | "tabletLandscapeStyle" | "mobileLandscapeStyle", Partial<Record<string, unknown>>>>>;

package/dist/elements/icon/template.d.ts

@@ -0,0 +1,2 @@
+import { ElementSpec, ElementSpecOptions, ShortcodeNode } from '../../render/types';
+export declare function iconTemplate(node: ShortcodeNode, _options?: ElementSpecOptions): ElementSpec | null;

package/dist/elements/image/definition.d.ts

@@ -0,0 +1,33 @@
+import { LinkSettings } from '../../schema/linkSettings';
+import { BorderLineStyle } from '../../schema/style/elementStyle';
+import { BackgroundStyle } from '../../schema/Fields/BackgroundField/backgroundValue';
+import { StyleColor } from '../../render/styleTokens';
+export declare const IMAGE_LENGTH_KEYS: ("width" | "height" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "borderRadiusTopLeft" | "borderRadiusTopRight" | "borderRadiusBottomRight" | "borderRadiusBottomLeft")[];
+export type ImageLengthKey = (typeof IMAGE_LENGTH_KEYS)[number];
+/** Every key stays unset until the user edits it, so the image keeps its natural size and no frame. */
+export type ImageStyle = Partial<BackgroundStyle & Record<ImageLengthKey, string> & {
+    borderWidth: string;
+    borderStyle: BorderLineStyle;
+    borderColor: StyleColor;
+}>;
+export type PImageDocumentProps = LinkSettings & {
+    id: string;
+    src: string;
+    alt: string;
+    style: ImageStyle;
+};
+export declare const defaultImageProps: {
+    href: string;
+    target: import('../../schema/linkSettings').LinkTarget;
+    description: string;
+    src: string;
+    alt: string;
+    style: ImageStyle;
+};
+export declare const IMAGE_PREFIX = "--palmyit-image";
+export declare const pImageDefinition: import('../../definitions').ElementConfiguration<LinkSettings & {
+    id: string;
+    src: string;
+    alt: string;
+    style: ImageStyle;
+} & Partial<import('../../definitions').DeviceVisibility> & Partial<Record<"tabletStyle" | "mobileStyle" | "tabletLandscapeStyle" | "mobileLandscapeStyle", Partial<Record<string, unknown>>>>>;

package/dist/elements/image/template.d.ts

@@ -0,0 +1,2 @@
+import { ElementSpec, ElementSpecOptions, ShortcodeNode } from '../../render/types';
+export declare function imageTemplate(node: ShortcodeNode, _options?: ElementSpecOptions): ElementSpec | null;

package/dist/elements/list/definition.d.ts

@@ -0,0 +1,11 @@
+import { TextItem } from '../../schema/textItems';
+export type PListDocumentProps = {
+    id: string;
+    items: TextItem[];
+};
+export declare const defaultListProps: {
+    items: {
+        text: string;
+    }[];
+};
+export declare const pListDefinition: import('../../definitions').ElementConfiguration<PListDocumentProps & Partial<import('../../definitions').DeviceVisibility> & Partial<Record<"tabletStyle" | "mobileStyle" | "tabletLandscapeStyle" | "mobileLandscapeStyle", Partial<Record<string, unknown>>>>>;

package/dist/elements/list/template.d.ts

@@ -0,0 +1,2 @@
+import { ElementSpec, ElementSpecOptions, ShortcodeNode } from '../../render/types';
+export declare function listTemplate(node: ShortcodeNode, _options?: ElementSpecOptions): ElementSpec | null;

package/dist/elements/page/definition.d.ts

@@ -0,0 +1,22 @@
+import { StyleColor, TextSizeToken } from '../../render/styleTokens';
+export type PPageRootProps = {
+    pageId: string;
+    url: string;
+    title: string;
+    backgroundColor: StyleColor;
+    textColor: StyleColor;
+    textSize: TextSizeToken | number | string;
+};
+export declare const defaultPageStyle: {
+    backgroundColor: {
+        name: "white";
+        opacity: 100;
+    };
+    textColor: {
+        name: "slate-900";
+        opacity: 100;
+    };
+    textSize: "sm";
+};
+export declare const pageStyleKeys: readonly string[];
+export declare const pPageDefinition: import('../../definitions').ElementConfiguration<PPageRootProps>;

package/dist/elements/page/template.d.ts

@@ -0,0 +1,2 @@
+import { ElementSpec, ElementSpecOptions, ShortcodeNode } from '../../render/types';
+export declare function pageTemplate(node: ShortcodeNode, options?: ElementSpecOptions): ElementSpec | null;

package/dist/elements/radio/definition.d.ts

@@ -0,0 +1,13 @@
+import { TextItem } from '../../schema/textItems';
+export type PRadioDocumentProps = {
+    id: string;
+    legend: string;
+    options: TextItem[];
+};
+export declare const defaultRadioProps: {
+    legend: string;
+    options: {
+        text: string;
+    }[];
+};
+export declare const pRadioDefinition: import('../../definitions').ElementConfiguration<PRadioDocumentProps & Partial<import('../../definitions').DeviceVisibility> & Partial<Record<"tabletStyle" | "mobileStyle" | "tabletLandscapeStyle" | "mobileLandscapeStyle", Partial<Record<string, unknown>>>>>;

package/dist/elements/radio/template.d.ts

@@ -0,0 +1,2 @@
+import { ElementSpec, ElementSpecOptions, ShortcodeNode } from '../../render/types';
+export declare function radioTemplate(node: ShortcodeNode, _options?: ElementSpecOptions): ElementSpec | null;

package/dist/elements/rich-text/definition.d.ts

@@ -0,0 +1,8 @@
+export type PRichTextDocumentProps = {
+    id: string;
+    text: string;
+};
+export declare const defaultRichTextProps: {
+    text: string;
+};
+export declare const pRichTextDefinition: import('../../definitions').ElementConfiguration<PRichTextDocumentProps & Partial<import('../../definitions').DeviceVisibility> & Partial<Record<"tabletStyle" | "mobileStyle" | "tabletLandscapeStyle" | "mobileLandscapeStyle", Partial<Record<string, unknown>>>>>;

package/dist/elements/rich-text/richTextMarks.d.ts

@@ -0,0 +1,4 @@
+export declare const textColors: readonly ["primary-500", "secondary-500", "accent-500", "error-500", "neutral-900"];
+export declare const textHighlights: readonly ["accent-100", "secondary-100", "warning-100", "success-100"];
+export declare const lineHeights: readonly ["1", "1.4", "1.8", "2"];
+export declare function isFontFamily(value: unknown): value is string;

package/dist/elements/rich-text/richTextOptions.d.ts

@@ -0,0 +1,2 @@
+export declare function normalizeRichText(html: string): string;
+export declare function richTextToPlainText(html: string): string;

package/dist/elements/rich-text/template.d.ts

@@ -0,0 +1,2 @@
+import { ElementSpec, ElementSpecOptions, ShortcodeNode } from '../../render/types';
+export declare function richTextTemplate(node: ShortcodeNode, _options?: ElementSpecOptions): ElementSpec | null;

package/dist/elements/section/definition.d.ts

@@ -0,0 +1,39 @@
+export declare const defaultSectionStyle: {
+    layout: import('../../definitions').ElementLayout;
+    gridColumns?: import('../../definitions').GridColumnCount;
+    flexDirection: import('../../definitions').FlexDirection;
+    flexWrap: import('../../definitions').FlexWrap;
+    justifyContent: import('../../definitions').FlexJustifyContent;
+    alignItems: import('../../definitions').FlexAlignItems;
+    alignContent: import('../../definitions').FlexAlignContent;
+    rowGap: string;
+    columnGap: string;
+    overflow: import('../../definitions').ElementOverflow;
+    overflowVertical: boolean;
+    overflowHorizontal: boolean;
+    width: string;
+    height: string;
+    minWidth: string;
+    minHeight: string;
+    maxWidth: string;
+    maxHeight: string;
+    paddingTop: string;
+    paddingBottom: string;
+    paddingLeft: string;
+    paddingRight: string;
+    marginTop: string;
+    marginBottom: string;
+    marginLeft: string;
+    marginRight: string;
+    borderRadiusTopLeft: string;
+    borderRadiusTopRight: string;
+    borderRadiusBottomRight: string;
+    borderRadiusBottomLeft: string;
+    borderWidth: string;
+    borderStyle: import('../../definitions').BorderLineStyle;
+    borderColor: import('../../definitions').StyleColor;
+    backgroundType: import('../../schema/Fields/BackgroundField/backgroundValue').BackgroundType;
+    backgroundColor: import('../../definitions').StyleColor;
+    backgroundGradient?: import('../../schema/Fields/BackgroundField/backgroundValue').GradientValue;
+};
+export declare const pSectionDefinition: import('../../definitions').ElementConfiguration<import('../../schema/layoutElementConfiguration').LayoutElementProps & Partial<import('../../definitions').DeviceVisibility> & Partial<Record<"tabletStyle" | "mobileStyle" | "tabletLandscapeStyle" | "mobileLandscapeStyle", Partial<Record<string, unknown>>>>>;

package/dist/elements/section/template.d.ts

@@ -0,0 +1,2 @@
+import { ElementSpec, ElementSpecOptions, ShortcodeNode } from '../../render/types';
+export declare function sectionTemplate(node: ShortcodeNode, options?: ElementSpecOptions): ElementSpec | null;

package/dist/elements/select/definition.d.ts

@@ -0,0 +1,13 @@
+import { TextItem } from '../../schema/textItems';
+export type PSelectDocumentProps = {
+    id: string;
+    label: string;
+    options: TextItem[];
+};
+export declare const defaultSelectProps: {
+    label: string;
+    options: {
+        text: string;
+    }[];
+};
+export declare const pSelectDefinition: import('../../definitions').ElementConfiguration<PSelectDocumentProps & Partial<import('../../definitions').DeviceVisibility> & Partial<Record<"tabletStyle" | "mobileStyle" | "tabletLandscapeStyle" | "mobileLandscapeStyle", Partial<Record<string, unknown>>>>>;

package/dist/elements/select/template.d.ts

@@ -0,0 +1,2 @@
+import { ElementSpec, ElementSpecOptions, ShortcodeNode } from '../../render/types';
+export declare function selectTemplate(node: ShortcodeNode, _options?: ElementSpecOptions): ElementSpec | null;

package/dist/elements/table/definition.d.ts

@@ -0,0 +1,20 @@
+import { TextItem } from '../../schema/textItems';
+export type TableRow = {
+    cells: string[];
+};
+export type PTableDocumentProps = {
+    id: string;
+    headers: TextItem[];
+    rows: TableRow[];
+};
+export declare const defaultTableProps: {
+    headers: {
+        text: string;
+    }[];
+    rows: {
+        cells: string[];
+    }[];
+};
+/** Pads or trims every row to one cell per column. */
+export declare function fitRowsToHeaders(columnCount: number, rows: readonly TableRow[]): TableRow[];
+export declare const pTableDefinition: import('../../definitions').ElementConfiguration<PTableDocumentProps & Partial<import('../../definitions').DeviceVisibility> & Partial<Record<"tabletStyle" | "mobileStyle" | "tabletLandscapeStyle" | "mobileLandscapeStyle", Partial<Record<string, unknown>>>>>;

package/dist/elements/table/template.d.ts

@@ -0,0 +1,2 @@
+import { ElementSpec, ElementSpecOptions, ShortcodeNode } from '../../render/types';
+export declare function tableTemplate(node: ShortcodeNode, _options?: ElementSpecOptions): ElementSpec | null;

package/dist/elements/text/definition.d.ts

@@ -0,0 +1,46 @@
+import { LinkSettings } from '../../schema/linkSettings';
+import { StyleDefinition } from '../../schema/styleItems';
+import { StyleColor } from '../../render/styleTokens';
+import { FontStyle } from '../../schema/Fields/FontStyleField';
+export declare const TEXT_DECORATIONS: readonly ["none", "underline", "overline", "line-through"];
+export declare const TEXT_ALIGNS: readonly ["left", "center", "right", "justify"];
+export declare const TEXT_TRANSFORMS: readonly ["none", "capitalize", "uppercase", "lowercase"];
+export declare const FONT_WEIGHTS: readonly ["100", "200", "300", "400", "500", "600", "700", "800", "900"];
+export type TextDecoration = (typeof TEXT_DECORATIONS)[number];
+export type TextAlign = (typeof TEXT_ALIGNS)[number];
+export type TextTransform = (typeof TEXT_TRANSFORMS)[number];
+export type FontWeight = (typeof FONT_WEIGHTS)[number];
+/** Every key stays unset until the user edits it, so the text keeps the page typography. */
+export type TextStyle = Partial<{
+    textFont: string;
+    fontStyle: FontStyle;
+    textSize: string | number;
+    textColor: StyleColor;
+    lineHeight: string;
+    letterSpacing: string;
+    wordSpacing: string;
+    textDecoration: TextDecoration;
+    textAlign: TextAlign;
+    textTransform: TextTransform;
+    fontWeight: FontWeight;
+}>;
+export type PTextDocumentProps = LinkSettings & {
+    id: string;
+    text: string;
+    style: TextStyle;
+};
+export declare const defaultTextProps: {
+    style: TextStyle;
+    href: string;
+    target: import('../../schema/linkSettings').LinkTarget;
+    description: string;
+    text: string;
+};
+export declare const TEXT_PREFIX = "--palmyit-text";
+/** The Text style keys, written under `prefix` so each element keeps its own variables. */
+export declare function textStyleDefinitions(prefix: string): StyleDefinition[];
+export declare const pTextDefinition: import('../../definitions').ElementConfiguration<LinkSettings & {
+    id: string;
+    text: string;
+    style: TextStyle;
+} & Partial<import('../../definitions').DeviceVisibility> & Partial<Record<"tabletStyle" | "mobileStyle" | "tabletLandscapeStyle" | "mobileLandscapeStyle", Partial<Record<string, unknown>>>>>;

package/dist/elements/text/template.d.ts

@@ -0,0 +1,2 @@
+import { ElementSpec, ElementSpecOptions, ShortcodeNode } from '../../render/types';
+export declare function textTemplate(node: ShortcodeNode, _options?: ElementSpecOptions): ElementSpec | null;

package/dist/elements/text-area/definition.d.ts

@@ -0,0 +1,10 @@
+export type PTextAreaDocumentProps = {
+    id: string;
+    label: string;
+    placeholder: string;
+};
+export declare const defaultTextAreaProps: {
+    label: string;
+    placeholder: string;
+};
+export declare const pTextAreaDefinition: import('../../definitions').ElementConfiguration<PTextAreaDocumentProps & Partial<import('../../definitions').DeviceVisibility> & Partial<Record<"tabletStyle" | "mobileStyle" | "tabletLandscapeStyle" | "mobileLandscapeStyle", Partial<Record<string, unknown>>>>>;

package/dist/elements/text-area/template.d.ts

@@ -0,0 +1,2 @@
+import { ElementSpec, ElementSpecOptions, ShortcodeNode } from '../../render/types';
+export declare function textAreaTemplate(node: ShortcodeNode, _options?: ElementSpecOptions): ElementSpec | null;

package/dist/elements/text-field/definition.d.ts

@@ -0,0 +1,10 @@
+export type PTextFieldDocumentProps = {
+    id: string;
+    label: string;
+    placeholder: string;
+};
+export declare const defaultTextFieldProps: {
+    label: string;
+    placeholder: string;
+};
+export declare const pTextFieldDefinition: import('../../definitions').ElementConfiguration<PTextFieldDocumentProps & Partial<import('../../definitions').DeviceVisibility> & Partial<Record<"tabletStyle" | "mobileStyle" | "tabletLandscapeStyle" | "mobileLandscapeStyle", Partial<Record<string, unknown>>>>>;

package/dist/elements/text-field/template.d.ts

@@ -0,0 +1,2 @@
+import { ElementSpec, ElementSpecOptions, ShortcodeNode } from '../../render/types';
+export declare function textFieldTemplate(node: ShortcodeNode, _options?: ElementSpecOptions): ElementSpec | null;

package/dist/elements/video/definition.d.ts

@@ -0,0 +1,10 @@
+export type PVideoDocumentProps = {
+    id: string;
+    src: string;
+    title: string;
+};
+export declare const defaultVideoProps: {
+    src: string;
+    title: string;
+};
+export declare const pVideoDefinition: import('../../definitions').ElementConfiguration<PVideoDocumentProps & Partial<import('../../definitions').DeviceVisibility> & Partial<Record<"tabletStyle" | "mobileStyle" | "tabletLandscapeStyle" | "mobileLandscapeStyle", Partial<Record<string, unknown>>>>>;

package/dist/elements/video/template.d.ts

@@ -0,0 +1,2 @@
+import { ElementSpec, ElementSpecOptions, ShortcodeNode } from '../../render/types';
+export declare function videoTemplate(node: ShortcodeNode, _options?: ElementSpecOptions): ElementSpec | null;

package/dist/manifest.json

@@ -1,7 +1,7 @@
 {
-  "version": "0.1.3",
+  "version": "0.1.8",
   "files": {
-    "plmt-elements.js": "sha384-xAOAhF/C23uI4I1e/PDqoE/3tBlgo8UnGIAZwl5Es97UFdIU7+SAmrOz+FTesabI",
-    "plmt-elements.css": "sha384-kGxdhMm1y5wip6vjhJMcCHnXbW+AH+tCFppuxHVfc2yuJtOQQ3wMr2nBVYHqGMK4"
+    "plmt-elements.css": "sha384-KM9nI6Gjc1a3aqbRKmio0SKC5z1llJMvd/v0vewdr/5RFP4fQ/l59KzbBHvGnW7D",
+    "plmt-elements.js": "sha384-OLBgp1GsljhM2TJ+sbHjaiH9txEUvgdDTAzHv2P24donTt6/529l+9Ua0vFImLlb"
   }
 }