@nova-design-system/nova-react 3.4.0 → 3.5.0

package/dist/generated/components.server.js

@@ -0,0 +1,698 @@
+import { createComponent } from '@stencil/react-output-target/ssr';
+export const serializeShadowRoot = { default: "declarative-shadow-dom" };
+export const NvAlert = createComponent({
+    tagName: 'nv-alert',
+    properties: {
+        color: 'color',
+        feedback: 'feedback',
+        message: 'message',
+        heading: 'heading',
+        icon: 'icon',
+        dismissible: 'dismissible',
+        preventAutoClose: 'prevent-auto-close',
+        hidden: 'hidden',
+        hasNoAnimations: 'has-no-animations'
+    },
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    serializeShadowRoot
+});
+export const NvAvatar = createComponent({
+    tagName: 'nv-avatar',
+    properties: {
+        xsmall: 'xsmall',
+        small: 'small',
+        medium: 'medium',
+        large: 'large',
+        xlarge: 'xlarge',
+        text: 'text',
+        url: 'url',
+        alt: 'alt',
+        src: 'src',
+        initials: 'initials',
+        size: 'size',
+        color: 'color'
+    },
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    serializeShadowRoot
+});
+export const NvBadge = createComponent({
+    tagName: 'nv-badge',
+    properties: {
+        dismissal: 'dismissal',
+        icon: 'icon',
+        iconLocation: 'icon-location',
+        color: 'color',
+        label: 'label',
+        leadIcon: 'lead-icon',
+        dismissible: 'dismissible',
+        hidden: 'hidden',
+        preventAutoClose: 'prevent-auto-close',
+        isIconOnly: 'is-icon-only'
+    },
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    serializeShadowRoot
+});
+export const NvBreadcrumb = createComponent({
+    tagName: 'nv-breadcrumb',
+    properties: {
+        type: 'type',
+        tooltip: 'tooltip',
+        current: 'current'
+    },
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    serializeShadowRoot
+});
+export const NvBreadcrumbs = createComponent({
+    tagName: 'nv-breadcrumbs',
+    properties: {},
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    serializeShadowRoot
+});
+export const NvButton = createComponent({
+    tagName: 'nv-button',
+    properties: {
+        size: 'size',
+        emphasis: 'emphasis',
+        active: 'active',
+        danger: 'danger',
+        loading: 'loading',
+        disabled: 'disabled',
+        fluid: 'fluid',
+        type: 'type',
+        form: 'form'
+    },
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    serializeShadowRoot
+});
+export const NvCalendar = createComponent({
+    tagName: 'nv-calendar',
+    properties: {
+        firstDayOfWeek: 'first-day-of-week',
+        numberOfCalendars: 'number-of-calendars',
+        value: 'value',
+        singleValue: 'single-value',
+        min: 'min',
+        max: 'max',
+        locale: 'locale',
+        dateFormat: 'date-format',
+        shortcutsPlacement: 'shortcuts-placement',
+        selectionType: 'selection-type',
+        showActions: 'show-actions',
+        showWeekNumbers: 'show-week-numbers'
+    },
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    serializeShadowRoot
+});
+export const NvCol = createComponent({
+    tagName: 'nv-col',
+    properties: { size: 'size' },
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    serializeShadowRoot
+});
+export const NvDatagrid = createComponent({
+    tagName: 'nv-datagrid',
+    properties: {
+        fallbackValue: 'fallback-value',
+        noDataMessage: 'no-data-message',
+        noColumnsNoDataMessage: 'no-columns-no-data-message',
+        autoGenerateColumns: 'auto-generate-columns',
+        enableGlobalFilter: 'enable-global-filter',
+        globalFilterPosition: 'global-filter-position',
+        enablePagination: 'enable-pagination',
+        pageSize: 'page-size',
+        enableSorting: 'enable-sorting',
+        enableRowSelection: 'enable-row-selection'
+    },
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    serializeShadowRoot
+});
+export const NvDatagridcolumn = createComponent({
+    tagName: 'nv-datagridcolumn',
+    properties: {
+        header: 'header',
+        accessor: 'accessor',
+        repeatTemplate: 'repeat-template',
+        group: 'group'
+    },
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    serializeShadowRoot
+});
+export const NvDialog = createComponent({
+    tagName: 'nv-dialog',
+    properties: {
+        open: 'open',
+        undismissable: 'undismissable',
+        clickOutside: 'click-outside',
+        controlled: 'controlled',
+        full: 'full'
+    },
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    serializeShadowRoot
+});
+export const NvDialogfooter = createComponent({
+    tagName: 'nv-dialogfooter',
+    properties: {
+        disabled: 'disabled',
+        undismissable: 'undismissable',
+        leadingIcon: 'leading-icon',
+        trailingIcon: 'trailing-icon',
+        danger: 'danger',
+        cancelLabel: 'cancel-label',
+        primaryLabel: 'primary-label',
+        primaryButtonType: 'primary-button-type',
+        form: 'form'
+    },
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    serializeShadowRoot
+});
+export const NvDialogheader = createComponent({
+    tagName: 'nv-dialogheader',
+    properties: {
+        heading: 'heading',
+        subheading: 'subheading'
+    },
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    serializeShadowRoot
+});
+export const NvFieldcheckbox = createComponent({
+    tagName: 'nv-fieldcheckbox',
+    properties: {
+        message: 'message',
+        validation: 'validation',
+        labelBefore: 'label-before',
+        inputId: 'input-id',
+        name: 'name',
+        value: 'value',
+        label: 'label',
+        labelPlacement: 'label-placement',
+        hideLabel: 'hide-label',
+        description: 'description',
+        error: 'error',
+        errorDescription: 'error-description',
+        checked: 'checked',
+        indeterminate: 'indeterminate',
+        disabled: 'disabled',
+        readonly: 'readonly',
+        required: 'required',
+        autofocus: 'autofocus'
+    },
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    serializeShadowRoot
+});
+export const NvFielddate = createComponent({
+    tagName: 'nv-fielddate',
+    properties: {
+        inputId: 'input-id',
+        label: 'label',
+        description: 'description',
+        placeholder: 'placeholder',
+        name: 'name',
+        disabled: 'disabled',
+        readonly: 'readonly',
+        required: 'required',
+        error: 'error',
+        errorDescription: 'error-description',
+        success: 'success',
+        autofocus: 'autofocus',
+        value: 'value',
+        firstDayOfWeek: 'first-day-of-week',
+        numberOfCalendars: 'number-of-calendars',
+        min: 'min',
+        max: 'max',
+        locale: 'locale',
+        dateFormat: 'date-format',
+        shortcutsPlacement: 'shortcuts-placement',
+        showActions: 'show-actions',
+        showWeekNumbers: 'show-week-numbers',
+        fluid: 'fluid'
+    },
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    serializeShadowRoot
+});
+export const NvFielddaterange = createComponent({
+    tagName: 'nv-fielddaterange',
+    properties: {
+        startInputId: 'start-input-id',
+        endInputId: 'end-input-id',
+        label: 'label',
+        description: 'description',
+        startPlaceholder: 'start-placeholder',
+        endPlaceholder: 'end-placeholder',
+        startName: 'start-name',
+        endName: 'end-name',
+        disabled: 'disabled',
+        readonly: 'readonly',
+        required: 'required',
+        error: 'error',
+        errorDescription: 'error-description',
+        success: 'success',
+        autofocus: 'autofocus',
+        value: 'value',
+        firstDayOfWeek: 'first-day-of-week',
+        numberOfCalendars: 'number-of-calendars',
+        min: 'min',
+        max: 'max',
+        locale: 'locale',
+        dateFormat: 'date-format',
+        shortcutsPlacement: 'shortcuts-placement',
+        showActions: 'show-actions',
+        showWeekNumbers: 'show-week-numbers',
+        fluid: 'fluid'
+    },
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    serializeShadowRoot
+});
+export const NvFielddropdown = createComponent({
+    tagName: 'nv-fielddropdown',
+    properties: {
+        inputId: 'input-id',
+        name: 'name',
+        label: 'label',
+        description: 'description',
+        placeholder: 'placeholder',
+        autocomplete: 'autocomplete',
+        value: 'value',
+        required: 'required',
+        readonly: 'readonly',
+        disabled: 'disabled',
+        error: 'error',
+        errorDescription: 'error-description',
+        maxHeight: 'max-height',
+        open: 'open',
+        emptyResult: 'empty-result',
+        filterable: 'filterable',
+        debounceDelay: 'debounce-delay',
+        autofocus: 'autofocus',
+        fluid: 'fluid'
+    },
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    serializeShadowRoot
+});
+export const NvFielddropdownitem = createComponent({
+    tagName: 'nv-fielddropdownitem',
+    properties: {
+        disabled: 'disabled',
+        selected: 'selected',
+        value: 'value',
+        label: 'label'
+    },
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    serializeShadowRoot
+});
+export const NvFielddropdownitemcheck = createComponent({
+    tagName: 'nv-fielddropdownitemcheck',
+    properties: {
+        checked: 'checked',
+        value: 'value',
+        label: 'label',
+        description: 'description',
+        group: 'group',
+        disabled: 'disabled'
+    },
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    serializeShadowRoot
+});
+export const NvFieldmultiselect = createComponent({
+    tagName: 'nv-fieldmultiselect',
+    properties: {
+        inputId: 'input-id',
+        name: 'name',
+        label: 'label',
+        description: 'description',
+        placeholder: 'placeholder',
+        autocomplete: 'autocomplete',
+        value: 'value',
+        required: 'required',
+        readonly: 'readonly',
+        disabled: 'disabled',
+        error: 'error',
+        errorDescription: 'error-description',
+        maxHeight: 'max-height',
+        open: 'open',
+        emptyResult: 'empty-result',
+        filterable: 'filterable',
+        debounceDelay: 'debounce-delay',
+        autofocus: 'autofocus',
+        fluid: 'fluid',
+        badgeLabel: 'badge-label'
+    },
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    serializeShadowRoot
+});
+export const NvFieldnumber = createComponent({
+    tagName: 'nv-fieldnumber',
+    properties: {
+        message: 'message',
+        validation: 'validation',
+        inputId: 'input-id',
+        label: 'label',
+        description: 'description',
+        placeholder: 'placeholder',
+        name: 'name',
+        disabled: 'disabled',
+        readonly: 'readonly',
+        required: 'required',
+        error: 'error',
+        errorDescription: 'error-description',
+        success: 'success',
+        max: 'max',
+        min: 'min',
+        step: 'step',
+        value: 'value',
+        autofocus: 'autofocus',
+        fluid: 'fluid'
+    },
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    serializeShadowRoot
+});
+export const NvFieldpassword = createComponent({
+    tagName: 'nv-fieldpassword',
+    properties: {
+        inputId: 'input-id',
+        label: 'label',
+        description: 'description',
+        placeholder: 'placeholder',
+        name: 'name',
+        value: 'value',
+        disabled: 'disabled',
+        readonly: 'readonly',
+        required: 'required',
+        error: 'error',
+        errorDescription: 'error-description',
+        success: 'success',
+        maxlength: 'maxlength',
+        minlength: 'minlength',
+        pattern: 'pattern',
+        mode: 'mode',
+        autocomplete: 'autocomplete',
+        hidePasswordIcon: 'hide-password-icon',
+        showPassword: 'show-password',
+        autofocus: 'autofocus',
+        fluid: 'fluid'
+    },
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    serializeShadowRoot
+});
+export const NvFieldradio = createComponent({
+    tagName: 'nv-fieldradio',
+    properties: {
+        message: 'message',
+        labelBefore: 'label-before',
+        inputId: 'input-id',
+        name: 'name',
+        value: 'value',
+        label: 'label',
+        labelPlacement: 'label-placement',
+        description: 'description',
+        error: 'error',
+        errorDescription: 'error-description',
+        checked: 'checked',
+        disabled: 'disabled',
+        autofocus: 'autofocus'
+    },
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    serializeShadowRoot
+});
+export const NvFieldselect = createComponent({
+    tagName: 'nv-fieldselect',
+    properties: {
+        message: 'message',
+        validation: 'validation',
+        options: 'options',
+        inputId: 'input-id',
+        label: 'label',
+        description: 'description',
+        name: 'name',
+        disabled: 'disabled',
+        readonly: 'readonly',
+        required: 'required',
+        error: 'error',
+        errorDescription: 'error-description',
+        success: 'success',
+        multiple: 'multiple',
+        value: 'value',
+        displayValue: 'display-value',
+        autofocus: 'autofocus',
+        fluid: 'fluid'
+    },
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    serializeShadowRoot
+});
+export const NvFieldslider = createComponent({
+    tagName: 'nv-fieldslider',
+    properties: {
+        startInputId: 'start-input-id',
+        endInputId: 'end-input-id',
+        label: 'label',
+        hideLabel: 'hide-label',
+        description: 'description',
+        hasField: 'has-field',
+        range: 'range',
+        disabled: 'disabled',
+        readonly: 'readonly',
+        error: 'error',
+        errorDescription: 'error-description',
+        success: 'success',
+        step: 'step',
+        snap: 'snap',
+        snapTicks: 'snap-ticks',
+        name: 'name',
+        endName: 'end-name',
+        min: 'min',
+        max: 'max',
+        showTicks: 'show-ticks',
+        fluid: 'fluid',
+        labelBeforeValue: 'label-before-value',
+        labelAfterValue: 'label-after-value'
+    },
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    serializeShadowRoot
+});
+export const NvFieldtext = createComponent({
+    tagName: 'nv-fieldtext',
+    properties: {
+        message: 'message',
+        validation: 'validation',
+        textInputType: 'text-input-type',
+        inputId: 'input-id',
+        label: 'label',
+        description: 'description',
+        placeholder: 'placeholder',
+        name: 'name',
+        value: 'value',
+        type: 'type',
+        disabled: 'disabled',
+        readonly: 'readonly',
+        required: 'required',
+        error: 'error',
+        errorDescription: 'error-description',
+        success: 'success',
+        maxlength: 'maxlength',
+        minlength: 'minlength',
+        pattern: 'pattern',
+        autocomplete: 'autocomplete',
+        multiple: 'multiple',
+        autofocus: 'autofocus',
+        fluid: 'fluid'
+    },
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    serializeShadowRoot
+});
+export const NvFieldtextarea = createComponent({
+    tagName: 'nv-fieldtextarea',
+    properties: {
+        message: 'message',
+        validation: 'validation',
+        inputId: 'input-id',
+        label: 'label',
+        description: 'description',
+        placeholder: 'placeholder',
+        name: 'name',
+        value: 'value',
+        disabled: 'disabled',
+        readonly: 'readonly',
+        required: 'required',
+        error: 'error',
+        errorDescription: 'error-description',
+        success: 'success',
+        maxlength: 'maxlength',
+        minlength: 'minlength',
+        rows: 'rows',
+        resize: 'resize',
+        autosize: 'autosize',
+        autofocus: 'autofocus',
+        fluid: 'fluid'
+    },
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    serializeShadowRoot
+});
+export const NvFieldtime = createComponent({
+    tagName: 'nv-fieldtime',
+    properties: {
+        value: 'value',
+        label: 'label',
+        inputId: 'input-id',
+        readonly: 'readonly',
+        disabled: 'disabled',
+        required: 'required',
+        name: 'name',
+        success: 'success',
+        error: 'error',
+        errorDescription: 'error-description',
+        format: 'format',
+        description: 'description',
+        open: 'open',
+        step: 'step',
+        max: 'max',
+        min: 'min',
+        autofocus: 'autofocus'
+    },
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    serializeShadowRoot
+});
+export const NvIcon = createComponent({
+    tagName: 'nv-icon',
+    properties: {
+        xsmall: 'xsmall',
+        small: 'small',
+        medium: 'medium',
+        large: 'large',
+        xlarge: 'xlarge',
+        color: 'color',
+        name: 'name',
+        size: 'size'
+    },
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    serializeShadowRoot
+});
+export const NvIconbutton = createComponent({
+    tagName: 'nv-iconbutton',
+    properties: {
+        size: 'size',
+        emphasis: 'emphasis',
+        loading: 'loading',
+        disabled: 'disabled',
+        active: 'active',
+        name: 'name',
+        type: 'type',
+        shape: 'shape'
+    },
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    serializeShadowRoot
+});
+export const NvLoader = createComponent({
+    tagName: 'nv-loader',
+    properties: {
+        size: 'size',
+        color: 'color'
+    },
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    serializeShadowRoot
+});
+export const NvMenu = createComponent({
+    tagName: 'nv-menu',
+    properties: {
+        open: 'open',
+        nested: 'nested',
+        disableCloseOnSelect: 'disable-close-on-select',
+        placement: 'placement'
+    },
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    serializeShadowRoot
+});
+export const NvMenuitem = createComponent({
+    tagName: 'nv-menuitem',
+    properties: {
+        label: 'label',
+        icon: 'icon',
+        disabled: 'disabled',
+        shortcut: 'shortcut',
+        hasSubmenu: 'has-submenu',
+        name: 'name'
+    },
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    serializeShadowRoot
+});
+export const NvPopover = createComponent({
+    tagName: 'nv-popover',
+    properties: {
+        open: 'open',
+        triggerMode: 'trigger-mode',
+        placement: 'placement',
+        groupName: 'group-name',
+        offset: 'offset',
+        hasArrow: 'has-arrow',
+        disableFlip: 'disable-flip',
+        shiftPadding: 'shift-padding',
+        enterDelay: 'enter-delay',
+        nested: 'nested'
+    },
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    serializeShadowRoot
+});
+export const NvRow = createComponent({
+    tagName: 'nv-row',
+    properties: {},
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    serializeShadowRoot
+});
+export const NvStack = createComponent({
+    tagName: 'nv-stack',
+    properties: {
+        gutter: 'gutter',
+        fill: 'fill',
+        flex: 'flex',
+        full: 'full',
+        vertical: 'vertical'
+    },
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    serializeShadowRoot
+});
+export const NvTable = createComponent({
+    tagName: 'nv-table',
+    properties: {
+        dataJson: 'data-json',
+        columnsConfigJson: 'columns-config-json',
+        fallbackValue: 'fallback-value',
+        noDataMessage: 'no-data-message',
+        noColumnsNoDataMessage: 'no-columns-no-data-message'
+    },
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    serializeShadowRoot
+});
+export const NvTablecolumn = createComponent({
+    tagName: 'nv-tablecolumn',
+    properties: {
+        name: 'name',
+        header: 'header'
+    },
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    serializeShadowRoot
+});
+export const NvToggle = createComponent({
+    tagName: 'nv-toggle',
+    properties: {
+        inputId: 'input-id',
+        name: 'name',
+        value: 'value',
+        label: 'label',
+        labelPlacement: 'label-placement',
+        hideLabel: 'hide-label',
+        description: 'description',
+        checked: 'checked',
+        disabled: 'disabled',
+        readonly: 'readonly'
+    },
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    serializeShadowRoot
+});
+export const NvTooltip = createComponent({
+    tagName: 'nv-tooltip',
+    properties: {
+        message: 'message',
+        placement: 'placement',
+        enterDelay: 'enter-delay'
+    },
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    serializeShadowRoot
+});