@limetech/lime-elements 38.31.2 → 38.32.0

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

@@ -18,7 +18,7 @@ import { Label } from '../dynamic-label/label.types';
  * :::important
  * Checkboxes are sometimes used interchangeably with switches in user interfaces.
  * But there is an important difference between the two! Please read our guidelines about
- * [Switch vs. Checkbox](/#/DesignGuidelines/switch-vs-checkbox.md/).
+ * [Switch vs. Checkbox](#/DesignGuidelines/switch-vs-checkbox.md/).
  *
  * @exampleComponent limel-example-checkbox
  * @exampleComponent limel-example-checkbox-helper-text

package/dist/types/components/color-picker/color-picker.d.ts

@@ -9,7 +9,7 @@ import type { CustomColorSwatch } from './color-picker.types';
  * The color picker can also show you a preview of any valid color name or color value.
  *
  * :::note
- * Make sure to read our [guidelines about usage of colors](/#/DesignGuidelines/color-system.md/) from our palette.
+ * Make sure to read our [guidelines about usage of colors](#/DesignGuidelines/color-system.md/) from our palette.
  * :::
  *
  * @exampleComponent limel-example-color-picker-basic

package/dist/types/components/form/templates/common.d.ts

@@ -11,9 +11,9 @@ export declare function renderTitle(title: string): React.DetailedReactHTMLEleme
  *
  * @param description
  */
-export declare function renderDescription(description: string): React.DetailedReactHTMLElement<{
-  className: string;
-}, HTMLElement>;
+export declare function renderDescription(description: string): React.ReactElement<{
+  value: string;
+}, string | React.JSXElementConstructor<any>>;
 /**
  * Find a suitable title for a nested structure.
  *

package/dist/types/components/snackbar/snackbar.d.ts

@@ -16,9 +16,9 @@ import { Languages } from '../date-picker/date.types';
  * :::note
  * If the information you want to display has a higher importance or priority,
  * and you need to make sure that the user takes an action to dismiss it,
- * consider using the [Banner](/#/component/limel-banner/) component instead.
+ * consider using the [Banner](#/component/limel-banner/) component instead.
  * For more complex interactions and for delivering more detailed information,
- * [Dialog](/#/component/limel-dialog/) is a better choice.
+ * [Dialog](#/component/limel-dialog/) is a better choice.
  * :::
  *
  * @exampleComponent limel-example-snackbar

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

@@ -11,7 +11,7 @@ import { Label } from '../dynamic-label/label.types';
  * :::important
  * Checkboxes are sometimes used interchangeably with switches in user interfaces.
  * But there is an important difference between the two! Please read our guidelines about
- * [Switch vs. Checkbox](/#/DesignGuidelines/switch-vs-checkbox.md/).
+ * [Switch vs. Checkbox](#/DesignGuidelines/switch-vs-checkbox.md/).
  *
  * @exampleComponent limel-example-switch
  * @exampleComponent limel-example-switch-helper-text

package/dist/types/components/tooltip/tooltip.d.ts

@@ -31,11 +31,11 @@ import { OpenDirection } from '../menu/menu.types';
  * Use them only when they add significant value.
  * - A good tip is concise, helpful, and informative.
  * Don't explain the obvious or simply repeat what is already on the screen.
- * When used correctly, supplemental info of a tooltip helps to [declutter the UI](/#/DesignGuidelines/decluttering.md/).
+ * When used correctly, supplemental info of a tooltip helps to [declutter the UI](#/DesignGuidelines/decluttering.md/).
  * - If the tip is essential to the primary tasks that the user is performing,
  * such as warnings or important notes, include the information directly in the
  * interface instead.
- * - When a component offers a helper text (e.g. [Input field](/#/component/limel-input-field/)),
+ * - When a component offers a helper text (e.g. [Input field](#/component/limel-input-field/)),
  * use that, not a tooltip.
  * - Make sure to use the tooltip on an element that users naturally and
  * effortlessly recognize can be hovered.

package/dist/types/components.d.ts

@@ -537,7 +537,7 @@ export namespace Components {
      * :::important
      * Checkboxes are sometimes used interchangeably with switches in user interfaces.
      * But there is an important difference between the two! Please read our guidelines about
-     * [Switch vs. Checkbox](/#/DesignGuidelines/switch-vs-checkbox.md/).
+     * [Switch vs. Checkbox](#/DesignGuidelines/switch-vs-checkbox.md/).
      * @exampleComponent limel-example-checkbox
      * @exampleComponent limel-example-checkbox-helper-text
      * @exampleComponent limel-example-checkbox-readonly
@@ -949,7 +949,7 @@ export namespace Components {
      * and use it where desired.
      * The color picker can also show you a preview of any valid color name or color value.
      * :::note
-     * Make sure to read our [guidelines about usage of colors](/#/DesignGuidelines/color-system.md/) from our palette.
+     * Make sure to read our [guidelines about usage of colors](#/DesignGuidelines/color-system.md/) from our palette.
      * :::
      * @exampleComponent limel-example-color-picker-basic
      * @exampleComponent limel-example-color-picker-custom-palette
@@ -2888,9 +2888,9 @@ export namespace Components {
      * :::note
      * If the information you want to display has a higher importance or priority,
      * and you need to make sure that the user takes an action to dismiss it,
-     * consider using the [Banner](/#/component/limel-banner/) component instead.
+     * consider using the [Banner](#/component/limel-banner/) component instead.
      * For more complex interactions and for delivering more detailed information,
-     * [Dialog](/#/component/limel-dialog/) is a better choice.
+     * [Dialog](#/component/limel-dialog/) is a better choice.
      * :::
      * @exampleComponent limel-example-snackbar
      * @exampleComponent limel-example-snackbar-with-action
@@ -3004,7 +3004,7 @@ export namespace Components {
      * :::important
      * Checkboxes are sometimes used interchangeably with switches in user interfaces.
      * But there is an important difference between the two! Please read our guidelines about
-     * [Switch vs. Checkbox](/#/DesignGuidelines/switch-vs-checkbox.md/).
+     * [Switch vs. Checkbox](#/DesignGuidelines/switch-vs-checkbox.md/).
      * @exampleComponent limel-example-switch
      * @exampleComponent limel-example-switch-helper-text
      * @exampleComponent limel-example-switch-readonly
@@ -3302,11 +3302,11 @@ export namespace Components {
      * Use them only when they add significant value.
      * - A good tip is concise, helpful, and informative.
      * Don't explain the obvious or simply repeat what is already on the screen.
-     * When used correctly, supplemental info of a tooltip helps to [declutter the UI](/#/DesignGuidelines/decluttering.md/).
+     * When used correctly, supplemental info of a tooltip helps to [declutter the UI](#/DesignGuidelines/decluttering.md/).
      * - If the tip is essential to the primary tasks that the user is performing,
      * such as warnings or important notes, include the information directly in the
      * interface instead.
-     * - When a component offers a helper text (e.g. [Input field](/#/component/limel-input-field/)),
+     * - When a component offers a helper text (e.g. [Input field](#/component/limel-input-field/)),
      * use that, not a tooltip.
      * - Make sure to use the tooltip on an element that users naturally and
      * effortlessly recognize can be hovered.
@@ -3823,7 +3823,7 @@ declare global {
      * :::important
      * Checkboxes are sometimes used interchangeably with switches in user interfaces.
      * But there is an important difference between the two! Please read our guidelines about
-     * [Switch vs. Checkbox](/#/DesignGuidelines/switch-vs-checkbox.md/).
+     * [Switch vs. Checkbox](#/DesignGuidelines/switch-vs-checkbox.md/).
      * @exampleComponent limel-example-checkbox
      * @exampleComponent limel-example-checkbox-helper-text
      * @exampleComponent limel-example-checkbox-readonly
@@ -3991,7 +3991,7 @@ declare global {
      * and use it where desired.
      * The color picker can also show you a preview of any valid color name or color value.
      * :::note
-     * Make sure to read our [guidelines about usage of colors](/#/DesignGuidelines/color-system.md/) from our palette.
+     * Make sure to read our [guidelines about usage of colors](#/DesignGuidelines/color-system.md/) from our palette.
      * :::
      * @exampleComponent limel-example-color-picker-basic
      * @exampleComponent limel-example-color-picker-custom-palette
@@ -4940,9 +4940,9 @@ declare global {
      * :::note
      * If the information you want to display has a higher importance or priority,
      * and you need to make sure that the user takes an action to dismiss it,
-     * consider using the [Banner](/#/component/limel-banner/) component instead.
+     * consider using the [Banner](#/component/limel-banner/) component instead.
      * For more complex interactions and for delivering more detailed information,
-     * [Dialog](/#/component/limel-dialog/) is a better choice.
+     * [Dialog](#/component/limel-dialog/) is a better choice.
      * :::
      * @exampleComponent limel-example-snackbar
      * @exampleComponent limel-example-snackbar-with-action
@@ -4998,7 +4998,7 @@ declare global {
      * :::important
      * Checkboxes are sometimes used interchangeably with switches in user interfaces.
      * But there is an important difference between the two! Please read our guidelines about
-     * [Switch vs. Checkbox](/#/DesignGuidelines/switch-vs-checkbox.md/).
+     * [Switch vs. Checkbox](#/DesignGuidelines/switch-vs-checkbox.md/).
      * @exampleComponent limel-example-switch
      * @exampleComponent limel-example-switch-helper-text
      * @exampleComponent limel-example-switch-readonly
@@ -5144,11 +5144,11 @@ declare global {
      * Use them only when they add significant value.
      * - A good tip is concise, helpful, and informative.
      * Don't explain the obvious or simply repeat what is already on the screen.
-     * When used correctly, supplemental info of a tooltip helps to [declutter the UI](/#/DesignGuidelines/decluttering.md/).
+     * When used correctly, supplemental info of a tooltip helps to [declutter the UI](#/DesignGuidelines/decluttering.md/).
      * - If the tip is essential to the primary tasks that the user is performing,
      * such as warnings or important notes, include the information directly in the
      * interface instead.
-     * - When a component offers a helper text (e.g. [Input field](/#/component/limel-input-field/)),
+     * - When a component offers a helper text (e.g. [Input field](#/component/limel-input-field/)),
      * use that, not a tooltip.
      * - Make sure to use the tooltip on an element that users naturally and
      * effortlessly recognize can be hovered.
@@ -5719,7 +5719,7 @@ declare namespace LocalJSX {
      * :::important
      * Checkboxes are sometimes used interchangeably with switches in user interfaces.
      * But there is an important difference between the two! Please read our guidelines about
-     * [Switch vs. Checkbox](/#/DesignGuidelines/switch-vs-checkbox.md/).
+     * [Switch vs. Checkbox](#/DesignGuidelines/switch-vs-checkbox.md/).
      * @exampleComponent limel-example-checkbox
      * @exampleComponent limel-example-checkbox-helper-text
      * @exampleComponent limel-example-checkbox-readonly
@@ -6163,7 +6163,7 @@ declare namespace LocalJSX {
      * and use it where desired.
      * The color picker can also show you a preview of any valid color name or color value.
      * :::note
-     * Make sure to read our [guidelines about usage of colors](/#/DesignGuidelines/color-system.md/) from our palette.
+     * Make sure to read our [guidelines about usage of colors](#/DesignGuidelines/color-system.md/) from our palette.
      * :::
      * @exampleComponent limel-example-color-picker-basic
      * @exampleComponent limel-example-color-picker-custom-palette
@@ -8289,9 +8289,9 @@ declare namespace LocalJSX {
      * :::note
      * If the information you want to display has a higher importance or priority,
      * and you need to make sure that the user takes an action to dismiss it,
-     * consider using the [Banner](/#/component/limel-banner/) component instead.
+     * consider using the [Banner](#/component/limel-banner/) component instead.
      * For more complex interactions and for delivering more detailed information,
-     * [Dialog](/#/component/limel-dialog/) is a better choice.
+     * [Dialog](#/component/limel-dialog/) is a better choice.
      * :::
      * @exampleComponent limel-example-snackbar
      * @exampleComponent limel-example-snackbar-with-action
@@ -8412,7 +8412,7 @@ declare namespace LocalJSX {
      * :::important
      * Checkboxes are sometimes used interchangeably with switches in user interfaces.
      * But there is an important difference between the two! Please read our guidelines about
-     * [Switch vs. Checkbox](/#/DesignGuidelines/switch-vs-checkbox.md/).
+     * [Switch vs. Checkbox](#/DesignGuidelines/switch-vs-checkbox.md/).
      * @exampleComponent limel-example-switch
      * @exampleComponent limel-example-switch-helper-text
      * @exampleComponent limel-example-switch-readonly
@@ -8803,11 +8803,11 @@ declare namespace LocalJSX {
      * Use them only when they add significant value.
      * - A good tip is concise, helpful, and informative.
      * Don't explain the obvious or simply repeat what is already on the screen.
-     * When used correctly, supplemental info of a tooltip helps to [declutter the UI](/#/DesignGuidelines/decluttering.md/).
+     * When used correctly, supplemental info of a tooltip helps to [declutter the UI](#/DesignGuidelines/decluttering.md/).
      * - If the tip is essential to the primary tasks that the user is performing,
      * such as warnings or important notes, include the information directly in the
      * interface instead.
-     * - When a component offers a helper text (e.g. [Input field](/#/component/limel-input-field/)),
+     * - When a component offers a helper text (e.g. [Input field](#/component/limel-input-field/)),
      * use that, not a tooltip.
      * - Make sure to use the tooltip on an element that users naturally and
      * effortlessly recognize can be hovered.
@@ -9157,7 +9157,7 @@ declare module "@stencil/core" {
              * :::important
              * Checkboxes are sometimes used interchangeably with switches in user interfaces.
              * But there is an important difference between the two! Please read our guidelines about
-             * [Switch vs. Checkbox](/#/DesignGuidelines/switch-vs-checkbox.md/).
+             * [Switch vs. Checkbox](#/DesignGuidelines/switch-vs-checkbox.md/).
              * @exampleComponent limel-example-checkbox
              * @exampleComponent limel-example-checkbox-helper-text
              * @exampleComponent limel-example-checkbox-readonly
@@ -9295,7 +9295,7 @@ declare module "@stencil/core" {
              * and use it where desired.
              * The color picker can also show you a preview of any valid color name or color value.
              * :::note
-             * Make sure to read our [guidelines about usage of colors](/#/DesignGuidelines/color-system.md/) from our palette.
+             * Make sure to read our [guidelines about usage of colors](#/DesignGuidelines/color-system.md/) from our palette.
              * :::
              * @exampleComponent limel-example-color-picker-basic
              * @exampleComponent limel-example-color-picker-custom-palette
@@ -10009,9 +10009,9 @@ declare module "@stencil/core" {
              * :::note
              * If the information you want to display has a higher importance or priority,
              * and you need to make sure that the user takes an action to dismiss it,
-             * consider using the [Banner](/#/component/limel-banner/) component instead.
+             * consider using the [Banner](#/component/limel-banner/) component instead.
              * For more complex interactions and for delivering more detailed information,
-             * [Dialog](/#/component/limel-dialog/) is a better choice.
+             * [Dialog](#/component/limel-dialog/) is a better choice.
              * :::
              * @exampleComponent limel-example-snackbar
              * @exampleComponent limel-example-snackbar-with-action
@@ -10052,7 +10052,7 @@ declare module "@stencil/core" {
              * :::important
              * Checkboxes are sometimes used interchangeably with switches in user interfaces.
              * But there is an important difference between the two! Please read our guidelines about
-             * [Switch vs. Checkbox](/#/DesignGuidelines/switch-vs-checkbox.md/).
+             * [Switch vs. Checkbox](#/DesignGuidelines/switch-vs-checkbox.md/).
              * @exampleComponent limel-example-switch
              * @exampleComponent limel-example-switch-helper-text
              * @exampleComponent limel-example-switch-readonly
@@ -10168,11 +10168,11 @@ declare module "@stencil/core" {
              * Use them only when they add significant value.
              * - A good tip is concise, helpful, and informative.
              * Don't explain the obvious or simply repeat what is already on the screen.
-             * When used correctly, supplemental info of a tooltip helps to [declutter the UI](/#/DesignGuidelines/decluttering.md/).
+             * When used correctly, supplemental info of a tooltip helps to [declutter the UI](#/DesignGuidelines/decluttering.md/).
              * - If the tip is essential to the primary tasks that the user is performing,
              * such as warnings or important notes, include the information directly in the
              * interface instead.
-             * - When a component offers a helper text (e.g. [Input field](/#/component/limel-input-field/)),
+             * - When a component offers a helper text (e.g. [Input field](#/component/limel-input-field/)),
              * use that, not a tooltip.
              * - Make sure to use the tooltip on an element that users naturally and
              * effortlessly recognize can be hovered.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@limetech/lime-elements",
-  "version": "38.31.2",
+  "version": "38.32.0",
   "description": "Lime Elements",
   "author": "Lime Technologies",
   "license": "Apache-2.0",