@nexxtmove/ui 1.16.0 → 1.18.0

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

@@ -0,0 +1,44 @@
+/**
+ * The cross-axis alignment 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 EditorAlignItemsValue = 'items-start' | 'items-center' | 'items-end' | 'items-stretch';
+/** Overridable copy for the four options. Every key is optional. */
+export interface EditorAlignItemsMessages {
+    /** Accessible name of the `items-start` option. Defaults to `'Begin'`. */
+    start?: string;
+    /** Accessible name of the `items-center` option. Defaults to `'Midden'`. */
+    center?: string;
+    /** Accessible name of the `items-end` option. Defaults to `'Einde'`. */
+    end?: string;
+    /** Accessible name of the `items-stretch` option. Defaults to `'Uitrekken'`. */
+    stretch?: string;
+}
+export interface NexxtEditorAlignItemsProps {
+    /**
+     * Header text of the settings block. Defaults to the Dutch
+     * `'Uitlijning items'`; 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?: EditorAlignItemsMessages;
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import('vue').DefineComponent<NexxtEditorAlignItemsProps & {
+    /** The selected alignment, as the Tailwind class to apply. */
+    modelValue: EditorAlignItemsValue;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: EditorAlignItemsValue) => any;
+}, string, import('vue').PublicProps, Readonly<NexxtEditorAlignItemsProps & {
+    /** The selected alignment, as the Tailwind class to apply. */
+    modelValue: EditorAlignItemsValue;
+}> & Readonly<{
+    "onUpdate:modelValue"?: ((value: EditorAlignItemsValue) => 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,7 +5,9 @@ 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 { EditorAlignItemsMessages, EditorAlignItemsValue, } from './components/editor/molecules/EditorAlignItems/EditorAlignItems.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';
@@ -24,7 +26,9 @@ 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 NexxtEditorAlignItems } from './components/editor/molecules/EditorAlignItems/EditorAlignItems.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';