@nexxtmove/ui 1.19.0 → 1.20.0

package/dist/components/editor/molecules/EditorPadding/EditorPadding.vue.d.ts

@@ -0,0 +1,47 @@
+/** Overridable copy of the field and toggle names. Every key is optional. */
+export interface EditorPaddingMessages {
+    /** Accessible name of the collapsed left/right field. Defaults to `'Horizontaal'`. */
+    horizontal?: string;
+    /** Accessible name of the collapsed top/bottom field. Defaults to `'Verticaal'`. */
+    vertical?: string;
+    /** Accessible name of the top field. Defaults to `'Boven'`. */
+    top?: string;
+    /** Accessible name of the right field. Defaults to `'Rechts'`. */
+    right?: string;
+    /** Accessible name of the bottom field. Defaults to `'Onder'`. */
+    bottom?: string;
+    /** Accessible name of the left field. Defaults to `'Links'`. */
+    left?: string;
+    /**
+     * Accessible name *and* tooltip of the button that shows the four separate
+     * fields. Defaults to `'Padding per zijde'`.
+     */
+    toggle?: string;
+}
+export interface NexxtEditorPaddingProps {
+    /**
+     * Header text of the settings block. Defaults to the Dutch `'Padding'`; the
+     * library has no i18n layer, so a consumer in another language passes its
+     * own copy in.
+     */
+    label?: string;
+    /**
+     * Accessible names of the fields and the toggle. Defaults are Dutch and are
+     * merged per key, so overriding one keeps the defaults of the others. Copy
+     * is never translated inside the component.
+     */
+    messages?: EditorPaddingMessages;
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import('vue').DefineComponent<NexxtEditorPaddingProps & {
+    /** The padding, as the Tailwind class string to apply. */
+    modelValue: string;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<NexxtEditorPaddingProps & {
+    /** The padding, as the Tailwind class string to apply. */
+    modelValue: string;
+}> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/components/editor/molecules/EditorPadding/_PaddingField.vue.d.ts

@@ -0,0 +1,18 @@
+import { PaddingIconSide } from './_PaddingIcon.vue';
+export interface NexxtEditorPaddingFieldProps {
+    /** Sides the icon marks, which is also what this field edits. */
+    sides: PaddingIconSide[];
+    /** Accessible name of the input; the settings block label is not a `<label for>`. */
+    label: string;
+    /** Value as shown, already normalised. An empty string falls back to the `0` placeholder. */
+    value: string;
+    /** Highest value the input accepts. */
+    max: number;
+}
+declare const __VLS_export: import('vue').DefineComponent<NexxtEditorPaddingFieldProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    input: (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<NexxtEditorPaddingFieldProps> & Readonly<{
+    onInput?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/editor/molecules/EditorPadding/_PaddingIcon.vue.d.ts

@@ -0,0 +1,14 @@
+/** The four edges of the box, in CSS order. */
+export type PaddingIconSide = 'top' | 'right' | 'bottom' | 'left';
+export interface NexxtEditorPaddingIconProps {
+    /**
+     * Edges that are lit, so one icon covers every field: `['left', 'right']`
+     * reads as horizontal padding, `['top', 'bottom']` as vertical, a single
+     * side as that side, and all four as padding in general. The other lines are
+     * drawn as well, but transparent.
+     */
+    sides: PaddingIconSide[];
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import('vue').DefineComponent<NexxtEditorPaddingIconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<NexxtEditorPaddingIconProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/components/organisms/ColorPicker/ColorPicker.vue.d.ts

@@ -20,9 +20,9 @@ declare const __VLS_export: import('vue').DefineComponent<__VLS_PublicProps, {},
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
+    placeholder: string;
     fullWidth: boolean;
     matchWidth: boolean;
-    placeholder: string;
     showAlpha: boolean;
     formats: ColorFormat[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/index.d.ts

@@ -9,6 +9,7 @@ export type { EditorAlignItemsMessages, EditorAlignItemsValue, } from './compone
 export type { EditorFlexDirectionMessages, EditorFlexDirectionValue, } from './components/editor/molecules/EditorFlexDirection/EditorFlexDirection.vue';
 export type { EditorGapMessages, EditorGapValue, } from './components/editor/molecules/EditorGap/EditorGap.vue';
 export type { EditorJustifyContentMessages, EditorJustifyContentValue, } from './components/editor/molecules/EditorJustifyContent/EditorJustifyContent.vue';
+export type { EditorPaddingMessages } from './components/editor/molecules/EditorPadding/EditorPadding.vue';
 export type { NexxtTemplateCardContentFeature, NexxtTemplateCardProps, NexxtTemplateCardSlots, } from './components/molecules/TemplateCard/TemplateCard.vue';
 export { default as NexxtAnimatedNumber } from './components/atoms/AnimatedNumber/AnimatedNumber.vue';
 export { default as NexxtAnnouncement } from './components/molecules/Announcement/Announcement.vue';
@@ -31,6 +32,7 @@ export { default as NexxtEditorAlignItems } from './components/editor/molecules/
 export { default as NexxtEditorFlexDirection } from './components/editor/molecules/EditorFlexDirection/EditorFlexDirection.vue';
 export { default as NexxtEditorGap } from './components/editor/molecules/EditorGap/EditorGap.vue';
 export { default as NexxtEditorJustifyContent } from './components/editor/molecules/EditorJustifyContent/EditorJustifyContent.vue';
+export { default as NexxtEditorPadding } from './components/editor/molecules/EditorPadding/EditorPadding.vue';
 export { default as NexxtEditorSettingsBlock } from './components/editor/atoms/EditorSettingsBlock/EditorSettingsBlock.vue';
 export { default as NexxtEnergyLabel } from './components/atoms/EnergyLabel/EnergyLabel.vue';
 export { default as NexxtFloatingPanel } from './components/atoms/FloatingPanel/FloatingPanel.vue';