dap-design-system 0.30.5 → 0.31.0

package/dist/dds.d.ts

@@ -2906,6 +2906,56 @@ export declare class DapDSRadioGroup extends GenericFormElement {
     private _renderFeedback;
 }
 
+/**
+ * `dap-ds-rating`
+ * @summary Rating is a component that allows users to rate a product or service.
+ * @element dap-ds-rating
+ * @title - Rating
+ *
+ * @event dds-change - Event fired when the rating value changes.
+ *
+ * @csspart base - The main rating container.
+ * @csspart star - The star element.
+ * @csspart stars-container - The container of the stars.
+ * @csspart icon - The icon of the star.
+ */
+export declare class DapDSRating extends GenericFormElement {
+    /** Reference to the live region for screen reader announcements */
+    private _liveRegion;
+    constructor();
+    static styles: CSSResult;
+    /** The label of the rating */
+    label: string;
+    /** The maximum number of stars */
+    max: number;
+    private _ratingContainer;
+    private _hasFocus;
+    private _hoverValue;
+    private _uniqueId;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    firstUpdated(): void;
+    _handleContainerFocus: () => void;
+    _handleContainerBlur: () => void;
+    _handleContainerKeyDown: (event: KeyboardEvent) => void;
+    /**
+     * Handle keyboard events for the entire component
+     * This is a backup to catch keyboard events if they bubble up
+     */
+    _handleKeyDown: (event: KeyboardEvent) => void;
+    _incrementRating(): void;
+    _decrementRating(): void;
+    _setRating(value: number): void;
+    /**
+     * Announce the current rating to screen readers
+     */
+    _announceRating(): void;
+    _handleStarClick(value: number): void;
+    _handleStarHover(value: number): void;
+    _handleStarLeave(): void;
+    render(): TemplateResult_2;
+}
+
 /**
  * `dap-ds-search`
  * @summary A select is a form element that allows the user to select one option from a set.
@@ -4136,7 +4186,7 @@ declare interface LabelableElementInterface {
     optionalLabel: string;
     subtle: boolean;
     tooltipAriaLabel: string;
-    renderLabel(content?: unknown): unknown;
+    renderLabel(id?: string, content?: unknown): unknown;
 }
 
 declare const LabeledChoiceElement: {
@@ -5228,6 +5278,38 @@ export declare class SystemSearchLine extends DdsElement {
     render(): TemplateResult_2;
 }
 
+/**
+ * `dap-ds-icon-star-fill`
+ * @summary An icon
+ * @element dap-ds-icon-star-fill
+ * @title - SystemStarFill
+ * @group icon
+ * @icontype system
+ *
+ * @attribute {number} size - (optional) The width and height in pixels
+ * @attribute {boolean} selected - (optional) Sets the icon color via the `fill` attribute
+ * @attribute {boolean} decorative - (optional) If `true` the SVG element will get `aria-hidden="true"`
+ * @attribute {string} accessibilityTitle - (optional) When using the icon standalone, make it meaningful for accessibility
+ * @attribute {boolean} focusable - (optional) If `true` the icon can receive focus
+ *
+ * @csspart base - The main icon container.
+ */
+export declare class SystemStarFill extends DdsElement {
+    /** (optional) The width and height in pixels */
+    size?: number | undefined;
+    /** (optional) Sets the icon color via the `fill` attribute */
+    selected?: boolean;
+    /** (optional) If `true` the SVG element will get `aria-hidden="true"` */
+    decorative?: boolean;
+    /** (optional) When using the icon standalone, make it meaningful for accessibility */
+    accessibilityTitle?: string;
+    /** (optional) If `true` the icon can receive focus */
+    focusable?: boolean;
+    static styles: CSSResult;
+    protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
+    render(): TemplateResult_2;
+}
+
 /**
  * `dap-ds-icon-subtract-line`
  * @summary An icon
@@ -6119,6 +6201,13 @@ declare global {
 }
 
 
+declare global {
+    interface HTMLElementTagNameMap {
+        'dap-ds-icon-star-fill': SystemStarFill;
+    }
+}
+
+
 declare global {
     interface HTMLElementTagNameMap {
         'dap-ds-icon-subtract-line': SystemSubtractLine;
@@ -6231,6 +6320,13 @@ declare global {
 }
 
 
+declare global {
+    interface HTMLElementTagNameMap {
+        'dap-ds-rating': DapDSRating;
+    }
+}
+
+
 declare global {
     interface HTMLElementTagNameMap {
         'dap-ds-search': DapDSSearch;