dap-design-system 0.57.9 → 0.57.11

package/dist/components/checkbox/checkbox.component.d.ts

@@ -28,6 +28,7 @@ import { LabeledChoiceElement } from '../../internal/mixin/labeledChoiceElement'
  * @property {boolean} invalid - The invalid state of the checkbox.
  * @property {boolean} optional - The optional state of the checkbox.
  * @property {string} optionalLabel - The optional label of the checkbox.
+ * @property {string} requiredLabel - The required indicator of the checkbox. (default: '*')
  *
  * @csspart base - The main checkbox container.
  * @csspart label - The label of the checkbox.

package/dist/components/code-puncher/code-puncher.component.d.ts

@@ -21,6 +21,7 @@ import { GenericFormElement } from '../../internal/mixin/genericFormElement';
  * @property {boolean} disabled - Disable all slots. Default is false.
  * @property {boolean} readonly - Read-only state. Default is false.
  * @property {boolean} required - Required for form validation. Default is false.
+ * @property {string} requiredLabel - Indicator of required text. (default: '*')
  * @property {string} name - Form element name.
  * @property {string} autocomplete - Autocomplete hint. Default is 'one-time-code'.
  *

package/dist/components/copybox-input/copybox-input.component.d.ts

@@ -23,6 +23,7 @@ import { InputBaseElement } from '../input/input-base-element';
  * @property {boolean} loading - The loading state of the input. Default is false.
  * @property {boolean} optional - The optional state of the input.
  * @property {string} optionalLabel - The optional label of the input.
+ * @property {string} requiredLabel - The required indicator of the input. (default: '*')
  * @property {boolean} subtle - The weight of the label. Default is `false`
  * @property {string} copyButtonAriaLabel - The aria label of the copy button.
  *

package/dist/components/datepicker/datepicker.component.d.ts

@@ -22,6 +22,7 @@ import { GenericFormElement } from '../../internal/mixin/genericFormElement';
  * @property {'negative' | 'positive' | 'warning'} feedbackType - The feedback type of the datepicker.
  * @property {boolean} optional - The optional state of the datepicker.
  * @property {string} optionalLabel - The optional label of the datepicker.
+ * @property {string} requiredLabel - The required indicator of the datepicker. (default: '*')
  * @property {boolean} subtle - The weight of the label. Default is `false`
  * @property {string} autocomplete - The autocomplete of the datepicker.
  * @property {boolean} autofocus - The autofocus of the datepicker.

package/dist/components/file-input/file-input.component.d.ts

@@ -19,7 +19,9 @@ import { default as DapDSFileInputList } from './file-input-list.component';
  * @property {string} feedback - The feedback for the file input.
  * @property {'negative' | 'positive' | 'warning'} feedbackType - The type of feedback for the file input.
  * @property {boolean} required - Whether the file input is required.
+ * @property {string} requiredLabel - The required indicator of the file input. (default: '*')
  * @property {boolean} optional - Whether the file input is optional.
+ * @property {string} optionalLabel - The optional label of the file input.
  * @property {boolean} subtle - Font weight of the feedback label. Default is `false` which is bold.
  * @property {string} uploadButtonLabel - The label for the upload button.
  * @property {string} browseButtonLabel - The label for the browse button.

package/dist/components/form/form-label/form-label.component.d.ts

@@ -17,6 +17,7 @@ declare const DapDSFormLabel_base: {
  * @property {boolean} subtle - Text weight of the label.
  * @property {boolean} optional - If the label is optional.
  * @property {boolean} required - If the label is required.
+ * @property {string} requiredLabel - Indicator of required text. (default: '*')
  * @property {string} label - The label text.
  *
  * @csspart base - The main form label container.

package/dist/components/form/input-group/input-group.component.d.ts

@@ -14,6 +14,7 @@ import { GenericFormElement } from '../../../internal/mixin/genericFormElement';
  * @property {'top' | 'right' | 'bottom' | 'left'} tooltipPlacement - The tooltip placement of the input group.
  * @property {string} tooltipAriaLabel - The aria label of the tooltip.
  * @property {string} optionalLabel - The label of the input group when it is optional.
+ * @property {string} requiredLabel - The indicator of the input group when it is required. (default: '*')
  * @property {boolean} disabled - Whether the input group is disabled.
  * @property {'xs' | 'sm' | 'lg'} size - The size of the input group. Default is `sm`.
  * @property {boolean} required - Whether the input group is required.

package/dist/components/form/radio-group/radio-group.component.d.ts

@@ -23,6 +23,7 @@ import { GenericFormElement } from '../../../internal/mixin/genericFormElement';
  * @property {'negative' | 'positive' | 'warning'} feedbackType - The feedback type of the radio group. Can be `negative`, `positive`, or `warning`.
  * @property {boolean} optional - The optional state of the radio group.
  * @property {string} optionalLabel - Text of optional label.
+ * @property {string} requiredLabel - Text of required indicator. (default: '*')
  * @property {boolean} subtle - The weight of the label. Default is `false`
  * @property {'xs' | 'sm' | 'lg'} size - The size of the radio group. Default is `sm`.
  * @property {boolean} subtle - Font weight of the feedback label. Default is `false` which is bold.

package/dist/components/input/input.component.d.ts

@@ -8,6 +8,7 @@ import { InputBaseElement } from './input-base-element';
  * @property {string} label - The label of the input.
  * @property {string} description - The description of the input.
  * @property {string} optionalLabel - Text of optional label.
+ * @property {string} requiredLabel - Text of required indicator. (default: '*')
  * @property {boolean} subtle - Text weight of label. If true the label is subtle. Default value is false.
  * @property {string} value - The value of the input.
  * @property {string} placeholder - The placeholder of the input.

package/dist/components/label/label.component.d.ts

@@ -16,6 +16,7 @@ declare const DapDSLabel_base: {
  * @property {'top' | 'right' | 'bottom' | 'left'} tooltipPlacement - The tooltip placement of the label.
  * @property {boolean} optional - If the label is optional. Default value is `false`.
  * @property {string} optionalLabel - Label of optional text
+ * @property {string} requiredLabel - Indicator of required text (default: '*')
  * @property {boolean} subtle - Text weight of label. If true the label is subtle. Default value is `false`.
  * @property {boolean} disabled - The disabled state of the label. Default is `false`.
  * @property {boolean} required - The required state of the label. Default is `false`.

package/dist/components/number-input/number-input.component.d.ts

@@ -32,6 +32,7 @@ import { InputBaseElement } from '../input/input-base-element';
  * @property {boolean} loading - The loading state of the input. Default is false.
  * @property {boolean} optional - The optional state of the input.
  * @property {string} optionalLabel - The optional label of the input.
+ * @property {string} requiredLabel - The required indicator of the input. (default: '*')
  * @property {boolean} subtle - The weight of the label. Default is `false`
  * @property {boolean} disableEnter - Disables the enter key from being used to submit the form.
  * @property {boolean} hideControls - Hides the increment and decrement buttons.

package/dist/components/password-input/password-input.component.d.ts

@@ -23,6 +23,7 @@ import { InputBaseElement } from '../input/input-base-element';
  * @property {boolean} loading - The loading state of the password input. Default is false.
  * @property {boolean} optional - The optional state of the password input.
  * @property {string} optionalLabel - The optional label of the password input.
+ * @property {string} requiredLabel - The required indicator of the password input. (default: '*')
  * @property {boolean} subtle - The weight of the label. Default is `false`
  *
  * @event {{ value: string }} dds-change - Fired when the input value changes.

package/dist/components/radio-button/radio-button.component.d.ts

@@ -28,6 +28,7 @@ import { LabeledChoiceElement } from '../../internal/mixin/labeledChoiceElement'
  * @property {boolean} invalid - The invalid state of the radio button.
  * @property {boolean} optional - The optional state of the radio button.
  * @property {string} optionalLabel - The optional label of the radio button.
+ * @property {string} requiredLabel - The required indicator of the radio button. (default: '*')
  * @property {boolean} preventDefault - Whether the radio button should prevent the default action.
  * @property {boolean} focusable - Whether the radio button is focusable.
  * @property {'normal' | 'background'} type - The type of the radio button.

package/dist/components/select/select.component.d.ts

@@ -29,6 +29,7 @@ import { default as DapDSOptionList } from '../option-list/option-list.component
  * @property {string} status - The status of the select. Can be `success` or `error`.
  * @property {boolean} optional - The optional state of the select.
  * @property {string} optionalLabel - The optional label of the select.
+ * @property {string} requiredLabel - The required indicator of the select. (default: '*')
  * @property {boolean} subtle - The weight of the label. Default is `false`
  *
  * @csspart base - The main select container.

package/dist/components/sidenav/sidenav.component.d.ts

@@ -1,5 +1,10 @@
 import { PropertyValueMap } from 'lit';
 import { DdsElement } from '../../internal/dds-hu-element';
+declare const LANDMARK_TAGS: {
+    readonly aside: import('lit-html/static.js').StaticValue;
+    readonly nav: import('lit-html/static.js').StaticValue;
+};
+export type SideNavLandmark = keyof typeof LANDMARK_TAGS;
 /**
  * `dap-ds-sidenav`
  * @summary Side navigation is a list of links that are used to navigate to different sections of a page.
@@ -20,6 +25,18 @@ export default class DapDSSideNav extends DdsElement {
     activeHref: string;
     /** The size of the side navigation */
     size: 'xs' | 'sm' | 'lg';
+    /**
+     * The landmark element to render. `aside` exposes a complementary landmark; `nav`
+     * exposes a navigation landmark, so the sidenav is listed when a screen-reader user
+     * asks for the page's navigation.
+     *
+     * Defaults to `aside` because that is what this component has always rendered, and
+     * changing the landmark of every existing sidenav is not this component's call: a
+     * sidenav that is genuinely a sidebar should stay complementary. Set `nav` when the
+     * sidenav is the primary way to move around the view.
+     * @type {'aside' | 'nav'}
+     */
+    landmark: SideNavLandmark;
     static readonly styles: import('lit').CSSResult;
     protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
     attributeChangedCallback(name: string, _old: string | null, value: string | null): void;
@@ -28,3 +45,4 @@ export default class DapDSSideNav extends DdsElement {
     private handleClick;
     render(): import('lit-html').TemplateResult;
 }
+export {};

package/dist/components/switch/switch.component.d.ts

@@ -21,6 +21,7 @@ import { LabeledChoiceElement } from '../../internal/mixin/labeledChoiceElement'
  * @property {'negative' | 'positive' | 'warning'} feedbackType - The feedback type of the switch.
  * @property {boolean} optional - The optional state of the switch.
  * @property {string} optionalLabel - The optional label of the switch.
+ * @property {string} requiredLabel - The required indicator of the switch. (default: '*')
  *
  * @cssProperty --dds-switch-width - Width of the switch control (default: var(--dds-spacing-1000)
  * @cssProperty --dds-switch-height - Height of the switch control (default: var(--dds-spacing-600))

package/dist/components/textarea/textarea.component.d.ts

@@ -20,6 +20,7 @@ import { GenericFormElement } from '../../internal/mixin/genericFormElement';
  * @property {'negative' | 'positive' | 'warning'} feedbackType - The feedback type of the textarea. Can be `negative`, `positive`, or `warning`.
  * @property {boolean} optional - The optional state of the textarea.
  * @property {string} optionalLabel - The optional label of the textarea.
+ * @property {string} requiredLabel - The required indicator of the textarea. (default: '*')
  * @property {boolean} subtle - The weight of the label. Default is `false`
  * @property {boolean} autofocus - The autofocus state of the textarea.
  *

package/dist/components/timepicker/timepicker.component.d.ts

@@ -22,6 +22,7 @@ import { GenericFormElement } from '../../internal/mixin/genericFormElement';
  * @property {'negative' | 'positive' | 'warning'} feedbackType - The feedback type of the timepicker.
  * @property {boolean} optional - The optional state of the timepicker.
  * @property {string} optionalLabel - The optional label of the timepicker.
+ * @property {string} requiredLabel - The required indicator of the timepicker. (default: '*')
  * @property {boolean} subtle - The weight of the label. Default is `false`
  * @property {string} autocomplete - The autocomplete of the timepicker.
  * @property {string} placeholder - The placeholder of the timepicker.