@ukic/web-components 2.8.0 → 2.10.0

package/dist/types/components/ic-card/ic-card.d.ts

@@ -13,72 +13,72 @@ import { IcThemeForeground } from "../../utils/types";
  * @slot badge - Badge component overlaying the top right of the card.
  */
 export declare class Card {
-  el: HTMLIcCardElement;
-  appearance?: IcThemeForeground;
-  areaExpanded: boolean;
-  isFocussed: boolean;
-  parentEl: HTMLElement | null;
-  parentIsAnchorTag: boolean;
-  /**
-   * If `true`, the card will be a clickable variant, instead of static.
-   */
-  clickable?: boolean;
-  /**
-   * If `true`, the card will be disabled if it is clickable.
-   */
-  disabled?: boolean;
-  /**
-   *  If `true`, the card will have an expandable area and expansion toggle button.
-   */
-  expandable?: boolean;
-  /**
-   *  If `true`, the card will fill the width of the container.
-   */
-  fullWidth?: boolean;
-  /**
-   * The heading for the card.
-   */
-  heading: string;
-  /**
-   * The URL that the clickable card link points to. If set, the clickable card will render as an "a" tag, otherwise it will render as a button.
-   */
-  href?: string | undefined;
-  /**
-   * The human language of the linked URL.
-   */
-  hreflang?: string;
-  /**
-   * The main body message of the card.
-   */
-  message?: string;
-  /**
-   * How much of the referrer to send when following the link.
-   */
-  referrerpolicy?: ReferrerPolicy;
-  /**
-   * The relationship of the linked URL as space-separated link types.
-   */
-  rel?: string;
-  /**
-   * The subheading for the card.
-   */
-  subheading?: string;
-  /**
-   * The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).
-   */
-  target?: string;
-  disconnectedCallback(): void;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  handleHostClick(event: Event): void;
-  themeChangeHandler(ev: CustomEvent): void;
-  /**
-   * Sets focus on the card.
-   */
-  setFocus(): Promise<void>;
-  private parentFocussed;
-  private parentBlurred;
-  private updateTheme;
-  private toggleExpanded;
-  render(): any;
+    el: HTMLIcCardElement;
+    appearance?: IcThemeForeground;
+    areaExpanded: boolean;
+    isFocussed: boolean;
+    parentEl: HTMLElement | null;
+    parentIsAnchorTag: boolean;
+    /**
+     * If `true`, the card will be a clickable variant, instead of static.
+     */
+    clickable?: boolean;
+    /**
+     * If `true`, the card will be disabled if it is clickable.
+     */
+    disabled?: boolean;
+    /**
+     *  If `true`, the card will have an expandable area and expansion toggle button.
+     */
+    expandable?: boolean;
+    /**
+     *  If `true`, the card will fill the width of the container.
+     */
+    fullWidth?: boolean;
+    /**
+     * The heading for the card.
+     */
+    heading: string;
+    /**
+     * The URL that the clickable card link points to. If set, the clickable card will render as an "a" tag, otherwise it will render as a button.
+     */
+    href?: string | undefined;
+    /**
+     * The human language of the linked URL.
+     */
+    hreflang?: string;
+    /**
+     * The main body message of the card.
+     */
+    message?: string;
+    /**
+     * How much of the referrer to send when following the link.
+     */
+    referrerpolicy?: ReferrerPolicy;
+    /**
+     * The relationship of the linked URL as space-separated link types.
+     */
+    rel?: string;
+    /**
+     * The subheading for the card.
+     */
+    subheading?: string;
+    /**
+     * The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).
+     */
+    target?: string;
+    disconnectedCallback(): void;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    handleHostClick(event: Event): void;
+    themeChangeHandler(ev: CustomEvent): void;
+    /**
+     * Sets focus on the card.
+     */
+    setFocus(): Promise<void>;
+    private parentFocussed;
+    private parentBlurred;
+    private updateTheme;
+    private toggleExpanded;
+    render(): any;
 }

package/dist/types/components/ic-checkbox/ic-checkbox.d.ts

@@ -4,95 +4,95 @@ import { IcAdditionalFieldTypes, IcSizes } from "../../utils/types";
  * @slot additional-field - Content to be displayed alongside a checkbox.
  */
 export declare class Checkbox {
-  private additionalFieldContainer;
-  private IC_TEXT_FIELD;
-  el: HTMLIcCheckboxElement;
-  /**
-   * The style of additionalField that will be displayed if used.
-   */
-  additionalFieldDisplay: IcAdditionalFieldTypes;
-  /**
-   * If `true`, the checkbox will be set to the checked state.
-   */
-  checked?: boolean;
-  initiallyChecked: boolean;
-  /**
-   * If `true`, the checkbox will be set to the disabled state.
-   */
-  disabled?: boolean;
-  /**
-   * The text to be displayed when dynamic.
-   */
-  dynamicText: string;
-  /**
-   * The <form> element to associate the checkbox with.
-   */
-  form?: string;
-  /**
-   * The URL that processes the information submitted by the checkbox. It overrides the action attribute of the checkbox's form owner. Does nothing if there is no form owner.
-   */
-  formaction?: string;
-  /**
-   * The way the submitted form data is encoded.
-   */
-  formenctype?: string;
-  /**
-   * The HTTP method used to submit the form.
-   */
-  formmethod?: string;
-  /**
-   * If `true`, the form will not be validated when submitted.
-   */
-  formnovalidate?: boolean;
-  /**
-   * The place to display the response from submitting the form. It overrides the target attribute of the checkbox's form owner.
-   */
-  formtarget?: string;
-  /**
-   * The group label for the checkbox.
-   */
-  groupLabel: string;
-  /**
-   * If `true`, the indeterminate state will be displayed when checked.
-   */
-  indeterminate: boolean;
-  /**
-   * The label for the checkbox.
-   */
-  label: string;
-  /**
-   * The name for the checkbox. If not set when used in a checkbox group, the name will be based on the group name.
-   */
-  name: string;
-  /**
-   * The size of the checkbox to be displayed. This does not affect the font size of the label. If a checkbox is contained in a checkbox group, this will override the size set on checkbox group.
-   */
-  size?: IcSizes;
-  /**
-   * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
-   */
-  small?: boolean;
-  /**
-   * The value for the checkbox.
-   */
-  value: string;
-  /**
-   * @deprecated This event should not be used anymore. Use icCheck instead.
-   */
-  checkboxChecked: EventEmitter<void>;
-  /**
-   * Emitted when a checkbox has been checked.
-   */
-  icCheck: EventEmitter<void>;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  componentDidRender(): void;
-  disconnectedCallback(): void;
-  /**
-   * Sets focus on the checkbox.
-   */
-  setFocus(): Promise<void>;
-  private handleClick;
-  private handleFormReset;
-  render(): any;
+    private additionalFieldContainer;
+    private IC_TEXT_FIELD;
+    el: HTMLIcCheckboxElement;
+    /**
+     * The style of additionalField that will be displayed if used.
+     */
+    additionalFieldDisplay: IcAdditionalFieldTypes;
+    /**
+     * If `true`, the checkbox will be set to the checked state.
+     */
+    checked?: boolean;
+    initiallyChecked: boolean;
+    /**
+     * If `true`, the checkbox will be set to the disabled state.
+     */
+    disabled?: boolean;
+    /**
+     * The text to be displayed when dynamic.
+     */
+    dynamicText: string;
+    /**
+     * The <form> element to associate the checkbox with.
+     */
+    form?: string;
+    /**
+     * The URL that processes the information submitted by the checkbox. It overrides the action attribute of the checkbox's form owner. Does nothing if there is no form owner.
+     */
+    formaction?: string;
+    /**
+     * The way the submitted form data is encoded.
+     */
+    formenctype?: string;
+    /**
+     * The HTTP method used to submit the form.
+     */
+    formmethod?: string;
+    /**
+     * If `true`, the form will not be validated when submitted.
+     */
+    formnovalidate?: boolean;
+    /**
+     * The place to display the response from submitting the form. It overrides the target attribute of the checkbox's form owner.
+     */
+    formtarget?: string;
+    /**
+     * The group label for the checkbox.
+     */
+    groupLabel: string;
+    /**
+     * If `true`, the indeterminate state will be displayed when checked.
+     */
+    indeterminate: boolean;
+    /**
+     * The label for the checkbox.
+     */
+    label: string;
+    /**
+     * The name for the checkbox. If not set when used in a checkbox group, the name will be based on the group name.
+     */
+    name: string;
+    /**
+     * The size of the checkbox to be displayed. This does not affect the font size of the label. If a checkbox is contained in a checkbox group, this will override the size set on checkbox group.
+     */
+    size?: IcSizes;
+    /**
+     * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
+     */
+    small?: boolean;
+    /**
+     * The value for the checkbox.
+     */
+    value: string;
+    /**
+     * @deprecated This event should not be used anymore. Use icCheck instead.
+     */
+    checkboxChecked: EventEmitter<void>;
+    /**
+     * Emitted when a checkbox has been checked.
+     */
+    icCheck: EventEmitter<void>;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    componentDidRender(): void;
+    disconnectedCallback(): void;
+    /**
+     * Sets focus on the checkbox.
+     */
+    setFocus(): Promise<void>;
+    private handleClick;
+    private handleFormReset;
+    render(): any;
 }

package/dist/types/components/ic-checkbox-group/ic-checkbox-group.d.ts

@@ -2,54 +2,54 @@ import { EventEmitter } from "../../stencil-public-runtime";
 import { IcInformationStatusOrEmpty, IcSizes } from "../../utils/types";
 import { IcChangeEventDetail } from "./ic-checkbox-group.types";
 export declare class CheckboxGroup {
-  el: HTMLIcCheckboxGroupElement;
-  /**
-   * If `true`, the checkbox group will be set to the disabled state.
-   */
-  disabled: boolean;
-  /**
-   * The helper text that will be displayed for additional field guidance.
-   */
-  helperText: string;
-  /**
-   * If `true`, the label will be hidden and the required label value will be applied as an aria-label.
-   */
-  hideLabel: boolean;
-  /**
-   * The label for the checkbox group to be displayed.
-   */
-  label: string;
-  /**
-   * The name for the checkbox group to differentiate from other groups.
-   */
-  name: string;
-  /**
-   * If `true`, the checkbox group will require a value.
-   */
-  required: boolean;
-  /**
-   * The size of the checkboxes to be displayed. This does not affect the font size of the label.
-   */
-  size?: IcSizes;
-  /**
-   * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
-   */
-  small: boolean;
-  /**
-   * The validation status - e.g. 'error' | 'warning' | 'success'.
-   */
-  validationStatus: IcInformationStatusOrEmpty;
-  /**
-   * The validation text - e.g. 'error' | 'warning' | 'success'.
-   */
-  validationText: string;
-  /**
-   * Emitted when a checkbox is checked.
-   */
-  icChange: EventEmitter<IcChangeEventDetail>;
-  handleChange(ev: CustomEvent): void;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  selectHandler(ev: CustomEvent): void;
-  render(): any;
+    el: HTMLIcCheckboxGroupElement;
+    /**
+     * If `true`, the checkbox group will be set to the disabled state.
+     */
+    disabled: boolean;
+    /**
+     * The helper text that will be displayed for additional field guidance.
+     */
+    helperText: string;
+    /**
+     * If `true`, the label will be hidden and the required label value will be applied as an aria-label.
+     */
+    hideLabel: boolean;
+    /**
+     * The label for the checkbox group to be displayed.
+     */
+    label: string;
+    /**
+     * The name for the checkbox group to differentiate from other groups.
+     */
+    name: string;
+    /**
+     * If `true`, the checkbox group will require a value.
+     */
+    required: boolean;
+    /**
+     * The size of the checkboxes to be displayed. This does not affect the font size of the label.
+     */
+    size?: IcSizes;
+    /**
+     * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
+     */
+    small: boolean;
+    /**
+     * The validation status - e.g. 'error' | 'warning' | 'success'.
+     */
+    validationStatus: IcInformationStatusOrEmpty;
+    /**
+     * The validation text - e.g. 'error' | 'warning' | 'success'.
+     */
+    validationText: string;
+    /**
+     * Emitted when a checkbox is checked.
+     */
+    icChange: EventEmitter<IcChangeEventDetail>;
+    handleChange(ev: CustomEvent): void;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    selectHandler(ev: CustomEvent): void;
+    render(): any;
 }

package/dist/types/components/ic-checkbox-group/ic-checkbox-group.types.d.ts

@@ -1,8 +1,8 @@
 export interface IcChangeEventDetail {
-  value: string[];
-  checkedOptions: {
-    checkbox: HTMLIcCheckboxElement;
-    textFieldValue?: string;
-  }[];
-  selectedOption: HTMLIcCheckboxElement;
+    value: string[];
+    checkedOptions: {
+        checkbox: HTMLIcCheckboxElement;
+        textFieldValue?: string;
+    }[];
+    selectedOption: HTMLIcCheckboxElement;
 }

package/dist/types/components/ic-chip/ic-chip.d.ts

@@ -6,50 +6,54 @@ import { IcEmphasisType, IcSizes } from "../../utils/types";
  * @slot badge - Badge component overlaying the top right of the chip.
  */
 export declare class Chip {
-  el: HTMLIcChipElement;
-  isHovered: boolean;
-  visible: boolean;
-  /**
-   * @deprecated This prop should not be used anymore. Use variant prop instead.
-   */
-  appearance?: IcChipAppearance;
-  /**
-   * If `true`, the chip will appear disabled.
-   */
-  disabled?: boolean;
-  /**
-   * If `true`, the chip will have a close button at the end to dismiss it.
-   */
-  dismissible?: boolean;
-  /**
-   * The text rendered within the chip.
-   */
-  label: string;
-  /**
-   * The size of the chip.
-   */
-  size?: IcSizes;
-  /**
-   * The emphasis of the chip.
-   */
-  variant?: IcEmphasisType;
-  /**
-   * @deprecated This event should not be used anymore. Use icDismiss instead.
-   */
-  dismiss: EventEmitter<void>;
-  /**
-   * Is emitted when the user dismisses the chip.
-   */
-  icDismiss: EventEmitter<void>;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  handleClick(): void;
-  /**
-   * Sets focus on the chip.
-   */
-  setFocus(): Promise<void>;
-  private dismissAction;
-  private mouseEnterHandler;
-  private mouseLeaveHandler;
-  render(): any;
+    el: HTMLIcChipElement;
+    isHovered: boolean;
+    visible: boolean;
+    /**
+     * @deprecated This prop should not be used anymore. Use variant prop instead.
+     */
+    appearance?: IcChipAppearance;
+    /**
+     * If `true`, the chip will appear disabled.
+     */
+    disabled?: boolean;
+    /**
+     * If `true`, the chip will have a close button at the end to dismiss it.
+     */
+    dismissible?: boolean;
+    /**
+     * The text rendered within the chip.
+     */
+    label: string;
+    /**
+     * The size of the chip.
+     */
+    size?: IcSizes;
+    /**
+     * If `true`, the outlined variant of chip will have a transparent background rather than white.
+     */
+    transparentBackground?: boolean;
+    /**
+     * The emphasis of the chip.
+     */
+    variant?: IcEmphasisType;
+    /**
+     * @deprecated This event should not be used anymore. Use icDismiss instead.
+     */
+    dismiss: EventEmitter<void>;
+    /**
+     * Is emitted when the user dismisses the chip.
+     */
+    icDismiss: EventEmitter<void>;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    handleClick(): void;
+    /**
+     * Sets focus on the chip.
+     */
+    setFocus(): Promise<void>;
+    private dismissAction;
+    private mouseEnterHandler;
+    private mouseLeaveHandler;
+    render(): any;
 }

package/dist/types/components/ic-classification-banner/ic-classification-banner.d.ts

@@ -1,24 +1,24 @@
 import { IcProtectiveMarkings } from "./ic-classification-banner.types";
 export declare class ClassificationBanner {
-  /**
-   * The additional information that will be displayed after the classification.
-   */
-  additionalSelectors?: string;
-  /**
-   * The classification level to be displayed - also determines the banner and text colour.
-   */
-  classification?: IcProtectiveMarkings;
-  /**
-   * The optional text that will be displayed before classification to specify relevant country/countries.
-   */
-  country?: string;
-  /**
-   * If `true`, the banner will appear inline with the page, instead of sticking to the bottom of the page.
-   */
-  inline?: boolean;
-  /**
-   * If `true`, "Up to" will be displayed before the classification and country.
-   */
-  upTo?: boolean;
-  render(): any;
+    /**
+     * The additional information that will be displayed after the classification.
+     */
+    additionalSelectors?: string;
+    /**
+     * The classification level to be displayed - also determines the banner and text colour.
+     */
+    classification?: IcProtectiveMarkings;
+    /**
+     * The optional text that will be displayed before classification to specify relevant country/countries.
+     */
+    country?: string;
+    /**
+     * If `true`, the banner will appear inline with the page, instead of sticking to the bottom of the page.
+     */
+    inline?: boolean;
+    /**
+     * If `true`, "Up to" will be displayed before the classification and country.
+     */
+    upTo?: boolean;
+    render(): any;
 }

package/dist/types/components/ic-data-entity/ic-data-entity.d.ts

@@ -3,18 +3,18 @@ import { IcSizesNoLarge } from "../../utils/types";
  * @slot heading - Content will be placed at the top of the data entity.
  */
 export declare class DataEntity {
-  el: HTMLIcDataEntityElement;
-  /**
-   * The title for the data entity.
-   */
-  heading: string;
-  /**
-   * The size of the data entity component.
-   */
-  size?: IcSizesNoLarge;
-  /**
-   * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
-   */
-  small?: boolean;
-  render(): any;
+    el: HTMLIcDataEntityElement;
+    /**
+     * The title for the data entity.
+     */
+    heading: string;
+    /**
+     * The size of the data entity component.
+     */
+    size?: IcSizesNoLarge;
+    /**
+     * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
+     */
+    small?: boolean;
+    render(): any;
 }