@nexxtmove/ui 1.15.0 → 1.17.0

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

@@ -0,0 +1,39 @@
+/**
+ * The flex direction as the editor needs it: the Tailwind class itself, so the
+ * consumer can put the model value straight on the element it styles.
+ */
+export type EditorFlexDirectionValue = 'flex-row' | 'flex-col';
+/** Overridable copy for the two options. Every key is optional. */
+export interface EditorFlexDirectionMessages {
+    /** Label of the `flex-row` option. Defaults to `'Horizontaal'`. */
+    horizontal?: string;
+    /** Label of the `flex-col` option. Defaults to `'Verticaal'`. */
+    vertical?: string;
+}
+export interface NexxtEditorFlexDirectionProps {
+    /**
+     * Header text of the settings block. Defaults to the Dutch `'Richting'`;
+     * the library has no i18n layer, so a consumer in another language passes
+     * its own copy in.
+     */
+    label?: string;
+    /**
+     * Labels of the two options. Defaults are Dutch and are merged per key, so
+     * overriding one label keeps the default of the other. Copy is never
+     * translated inside the component.
+     */
+    messages?: EditorFlexDirectionMessages;
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import('vue').DefineComponent<NexxtEditorFlexDirectionProps & {
+    /** The selected direction, as the Tailwind class to apply. */
+    modelValue: EditorFlexDirectionValue;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: EditorFlexDirectionValue) => any;
+}, string, import('vue').PublicProps, Readonly<NexxtEditorFlexDirectionProps & {
+    /** The selected direction, as the Tailwind class to apply. */
+    modelValue: EditorFlexDirectionValue;
+}> & Readonly<{
+    "onUpdate:modelValue"?: ((value: EditorFlexDirectionValue) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

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

@@ -0,0 +1,44 @@
+/**
+ * The justification as the editor needs it: the Tailwind class itself, so the
+ * consumer can put the model value straight on the element it styles.
+ */
+export type EditorJustifyContentValue = 'justify-start' | 'justify-center' | 'justify-end' | 'justify-between';
+/** Overridable copy for the four options. Every key is optional. */
+export interface EditorJustifyContentMessages {
+    /** Accessible name of the `justify-start` option. Defaults to `'Begin'`. */
+    start?: string;
+    /** Accessible name of the `justify-center` option. Defaults to `'Midden'`. */
+    center?: string;
+    /** Accessible name of the `justify-end` option. Defaults to `'Einde'`. */
+    end?: string;
+    /** Accessible name of the `justify-between` option. Defaults to `'Verdelen'`. */
+    between?: string;
+}
+export interface NexxtEditorJustifyContentProps {
+    /**
+     * Header text of the settings block. Defaults to the Dutch `'Uitlijning'`;
+     * the library has no i18n layer, so a consumer in another language passes
+     * its own copy in.
+     */
+    label?: string;
+    /**
+     * Copy of the four options. The options are icon-only and show no tooltip, so
+     * this copy is purely the accessible name of each button. 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?: EditorJustifyContentMessages;
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import('vue').DefineComponent<NexxtEditorJustifyContentProps & {
+    /** The selected justification, as the Tailwind class to apply. */
+    modelValue: EditorJustifyContentValue;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: EditorJustifyContentValue) => any;
+}, string, import('vue').PublicProps, Readonly<NexxtEditorJustifyContentProps & {
+    /** The selected justification, as the Tailwind class to apply. */
+    modelValue: EditorJustifyContentValue;
+}> & Readonly<{
+    "onUpdate:modelValue"?: ((value: EditorJustifyContentValue) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/components/molecules/ToggleGroup/ToggleGroup.vue.d.ts

@@ -4,6 +4,13 @@ export interface NexxtToggleGroupOption {
     icon?: IconName;
     label?: string;
     tooltip?: string;
+    /**
+     * Accessible name for an icon-only option without a visible label. A button
+     * whose only content is an icon has no discernible text, so axe flags it with
+     * `button-name`; this is the copy that names it. Takes precedence over the
+     * `tooltip` fallback below, and is not needed when `label` is set.
+     */
+    ariaLabel?: string;
     activeClass?: string;
 }
 interface NexxtToggleGroupProps {

package/dist/index.d.ts

@@ -5,6 +5,8 @@ export type { EnergyLabelLetter } from './components/atoms/EnergyLabel/EnergyLab
 export type { IconType, NexxtIconName } from './components/atoms/Icon/Icon.vue';
 export type { CustomIconName } from './components/atoms/Icon/customIcons';
 export type { NexxtTabItem } from './components/molecules/Tabs/Tabs.vue';
+export type { EditorFlexDirectionMessages, EditorFlexDirectionValue, } from './components/editor/molecules/EditorFlexDirection/EditorFlexDirection.vue';
+export type { EditorJustifyContentMessages, EditorJustifyContentValue, } from './components/editor/molecules/EditorJustifyContent/EditorJustifyContent.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';
@@ -23,6 +25,8 @@ export { default as NexxtCustomerJourneyTile } from './components/molecules/Cust
 export { default as NexxtDatePicker } from './components/organisms/DatePicker/DatePicker.vue';
 export { default as NexxtDoughnutChart } from './components/molecules/DoughnutChart/DoughnutChart.vue';
 export { default as NexxtDropdownButton } from './components/organisms/DropdownButton/DropdownButton.vue';
+export { default as NexxtEditorFlexDirection } from './components/editor/molecules/EditorFlexDirection/EditorFlexDirection.vue';
+export { default as NexxtEditorJustifyContent } from './components/editor/molecules/EditorJustifyContent/EditorJustifyContent.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';