dap-design-system 0.57.11 → 0.58.0

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

@@ -14,6 +14,7 @@ import { LabeledChoiceElement } from '../../internal/mixin/labeledChoiceElement'
  * @property {string} value - The value of the checkbox.
  * @property {boolean} checked - Whether the checkbox is checked.
  * @property {string} label - The label of the checkbox.
+ * @property {boolean} hideLabel - Visually hides the label while keeping it available to assistive technology. (default: false)
  * @property {string} description - The description of the checkbox.
  * @property {boolean} disabled - Whether the checkbox is disabled.
  * @property {boolean} readonly - Whether the checkbox is readonly (cannot be changed but value is submitted with form).

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

@@ -13,6 +13,7 @@ import { GenericFormElement } from '../../internal/mixin/genericFormElement';
  * @property {string} placeholder - Placeholder character for empty slots.
  * @property {'xs' | 'sm' | 'lg'} size - The size of the slots. Default is 'sm'.
  * @property {string} label - The label of the component.
+ * @property {boolean} hideLabel - Visually hides the label while keeping it available to assistive technology. (default: false)
  * @property {string} description - The description of the component.
  * @property {string} tooltip - The tooltip of the component.
  * @property {string} feedback - The feedback message.

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

@@ -18,6 +18,7 @@ import { default as ComboboxBaseElement } from './comboboxBase';
  * @property {boolean} opened - Whether the select dropdown is opened.
  * @property {boolean} sync - The sync mode of the select dropdown. How the dropdown item size is synced to the trigger element'.
  * @property {string} label - The label of the select.
+ * @property {boolean} hideLabel - Visually hides the label while keeping it available to assistive technology. (default: false)
  * @property {string} description - The description of the select.
  * @property {string} tooltip - The tooltip of the select.
  * @property {'top' | 'right' | 'bottom' | 'left'} tooltipPlacement - The tooltip placement of the input.

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

@@ -10,6 +10,7 @@ import { GenericFormElement } from '../../internal/mixin/genericFormElement';
  *
  * @property {Dayjs} value - The value of the datepicker.
  * @property {string} label - The label of the datepicker.
+ * @property {boolean} hideLabel - Visually hides the label while keeping it available to assistive technology. (default: false)
  * @property {string} description - The description of the datepicker.
  * @property {'xs' | 'sm' | 'sm'} size - The size of the datepicker.
  * @property {boolean} disabled - The disabled state of the datepicker.

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

@@ -11,6 +11,7 @@ import { default as DapDSFileInputList } from './file-input-list.component';
  * @property {string} value - The value of the file input.
  * @property {'success' | 'error'} status - The status of the file input.
  * @property {string} label - The label for the file input.
+ * @property {boolean} hideLabel - Visually hides the label while keeping it available to assistive technology. (default: false)
  * @property {string} description - The description for the file input.
  * @property {string} tooltip - The tooltip for the file input.
  * @property {'top' | 'right' | 'bottom' | 'left'} tooltipPlacement - The tooltip placement of the input.

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

@@ -19,6 +19,7 @@ declare const DapDSFormLabel_base: {
  * @property {boolean} required - If the label is required.
  * @property {string} requiredLabel - Indicator of required text. (default: '*')
  * @property {string} label - The label text.
+ * @property {boolean} hideLabel - Visually hides the label while keeping it available to assistive technology. (default: false)
  *
  * @csspart base - The main form label container.
  * @csspart required - The required indicator of the form label.

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

@@ -9,6 +9,7 @@ import { GenericFormElement } from '../../../internal/mixin/genericFormElement';
  * @group form
  *
  * @property {string} label - The label of the input group.
+ * @property {boolean} hideLabel - Visually hides the label while keeping it available to assistive technology. (default: false)
  * @property {string} description - The description of the input group.
  * @property {string} tooltip - The tooltip of the input group.
  * @property {'top' | 'right' | 'bottom' | 'left'} tooltipPlacement - The tooltip placement of the input group.

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

@@ -16,6 +16,7 @@ import { GenericFormElement } from '../../../internal/mixin/genericFormElement';
  * @property {boolean} disabled - Whether the radio group is disabled.
  * @property {boolean} required - Whether the radio group is required.
  * @property {string} label - The label of the radio group.
+ * @property {boolean} hideLabel - Visually hides the label while keeping it available to assistive technology. (default: false)
  * @property {string} description - The description of the radio group.
  * @property {string} tooltip - The tooltip of the radio group.
  * @property {'top' | 'right' | 'bottom' | 'left'} tooltipPlacement - The tooltip placement of the radio group.

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

@@ -6,6 +6,7 @@ import { InputBaseElement } from './input-base-element';
  * @title - Input
  *
  * @property {string} label - The label of the input.
+ * @property {boolean} hideLabel - Visually hides the label while keeping it available to assistive technology. (default: false)
  * @property {string} description - The description of the input.
  * @property {string} optionalLabel - Text of optional label.
  * @property {string} requiredLabel - Text of required indicator. (default: '*')

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

@@ -7,6 +7,7 @@ import { InputBaseElement } from '../input/input-base-element';
  * @title - Number input
  *
  * @property {string} label - The label of the input.
+ * @property {boolean} hideLabel - Visually hides the label while keeping it available to assistive technology. (default: false)
  * @property {string} placeholder - The placeholder of the input.
  * @property {string} description - The description of the input.
  * @property {string} tooltip - The tooltip of the input.

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

@@ -15,6 +15,7 @@ import { LabeledChoiceElement } from '../../internal/mixin/labeledChoiceElement'
  * @property {string} value - The value of the radio button.
  * @property {boolean} checked - Whether the radio button is checked.
  * @property {string} label - The label of the radio button.
+ * @property {boolean} hideLabel - Visually hides the label while keeping it available to assistive technology. (default: false)
  * @property {string} description - The description of the radio button.
  * @property {boolean} disabled - Whether the radio button is disabled.
  * @property {boolean} readonly - Whether the radio button is readonly (cannot be changed but value is submitted with form).

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

@@ -16,6 +16,7 @@ import { default as DapDSOptionList } from '../option-list/option-list.component
  *
  * @property {string} value - The value of the select.
  * @property {string} label - The label of the select.
+ * @property {boolean} hideLabel - Visually hides the label while keeping it available to assistive technology. (default: false)
  * @property {string} description - The description of the select.
  * @property {string} tooltip - The tooltip of the select.
  * @property {'top' | 'right' | 'bottom' | 'left'} tooltipPlacement - The tooltip placement of the select.

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

@@ -8,6 +8,7 @@ import { LabeledChoiceElement } from '../../internal/mixin/labeledChoiceElement'
  * @property {string} name - The name of the switch.
  * @property {string} value - The value of the switch.
  * @property {string} label - The label of the switch.
+ * @property {boolean} hideLabel - Visually hides the label while keeping it available to assistive technology. (default: false)
  * @property {string} description - The description of the switch.
  * @property {boolean} checked - The checked state of the switch.
  * @property {'xs' | 'sm' | 'lg'} size - The size of the switch.

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

@@ -15,6 +15,7 @@ import { GenericFormElement } from '../../internal/mixin/genericFormElement';
  * @property {boolean} readonly - The readonly state of the textarea.
  * @property {boolean} required - The required state of the textarea.
  * @property {string} label - The label of the textarea.
+ * @property {boolean} hideLabel - Visually hides the label while keeping it available to assistive technology. (default: false)
  * @property {string} description - The description of the textarea.
  * @property {string} feedback - The feedback of the textarea.
  * @property {'negative' | 'positive' | 'warning'} feedbackType - The feedback type of the textarea. Can be `negative`, `positive`, or `warning`.

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

@@ -10,6 +10,7 @@ import { GenericFormElement } from '../../internal/mixin/genericFormElement';
  *
  * @property {Dayjs | string} value - The value of the timepicker. Can be a Dayjs object or a string in 'HH:mm' format.
  * @property {string} label - The label of the timepicker.
+ * @property {boolean} hideLabel - Visually hides the label while keeping it available to assistive technology. (default: false)
  * @property {string} description - The description of the timepicker.
  * @property {'xs' | 'sm' | 'lg'} size - The size of the timepicker.
  * @property {boolean} disabled - The disabled state of the timepicker.