@limetech/lime-elements 37.2.8 → 37.4.0

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

@@ -40,6 +40,7 @@ import { Icon } from '../../interface';
  * :::
  *
  * @exampleComponent limel-example-header
+ * @exampleComponent limel-example-header-slot-actions
  * @exampleComponent limel-example-header-colors
  * @exampleComponent limel-example-header-responsive
  * @exampleComponent limel-example-header-narrow

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

@@ -6,7 +6,6 @@ import { Option } from '../select/option.types';
  * @exampleComponent limel-example-select-with-empty-option
  * @exampleComponent limel-example-select-preselected
  * @exampleComponent limel-example-select-change-options
- * @exampleComponent limel-example-select-narrow
  * @exampleComponent limel-example-select-dialog
  */
 export declare class Select {

package/dist/types/components.d.ts

@@ -13,7 +13,7 @@ import { Button } from "./components/button/button.types";
 import { CalloutType } from "./components/callout/callout.types";
 import { DateType, Languages } from "./components/date-picker/date.types";
 import { Icon, Languages as Languages1, Link } from "./interface";
-import { Chip } from "./components/chip-set/chip.types";
+import { Chip, ChipType } from "./components/chip-set/chip.types";
 import { CircularProgressSize } from "./components/circular-progress/circular-progress.types";
 import { ColorScheme, Language } from "./components/code-editor/code-editor.types";
 import { Action } from "./components/collapsible-section/action";
@@ -46,7 +46,7 @@ export { Button } from "./components/button/button.types";
 export { CalloutType } from "./components/callout/callout.types";
 export { DateType, Languages } from "./components/date-picker/date.types";
 export { Icon, Languages as Languages1, Link } from "./interface";
-export { Chip } from "./components/chip-set/chip.types";
+export { Chip, ChipType } from "./components/chip-set/chip.types";
 export { CircularProgressSize } from "./components/circular-progress/circular-progress.types";
 export { ColorScheme, Language } from "./components/code-editor/code-editor.types";
 export { Action } from "./components/collapsible-section/action";
@@ -430,6 +430,10 @@ export namespace Components {
           * Icon of the chip.
          */
         "icon"?: string | Icon;
+        /**
+          * Identifier for the chip. Must be unique.
+         */
+        "identifier"?: number | string;
         /**
           * Defines the language for translations. Will translate the translatable strings on the components.
          */
@@ -456,8 +460,9 @@ export namespace Components {
         "text": string;
         /**
           * Set to `filter` to render the chip with a distinct style suitable for visualizing filters.
+          * @beta
          */
-        "type"?: 'filter';
+        "type"?: ChipType;
     }
     /**
      * @exampleComponent limel-example-chip-set
@@ -544,7 +549,7 @@ export namespace Components {
          */
         "setFocus": (emptyInput?: boolean) => Promise<void>;
         /**
-          * Type of chip set  - `choice` renders a set of selectable chips where only one is selectable. The `removable` property is ignored - `filter` renders a set of selectable chips where all are selectable. The `icon` property is ignored - `input` renders a set of chips that can be used in conjunction with an input field  If no type is set, a basic set of chips without additional functionality will be rendered
+          * Type of chip set  - `choice` renders a set of selectable chips where only one is selectable. The `removable` property is ignored - `filter` renders a set of selectable chips where all are selectable. - `input` renders a set of chips that can be used in conjunction with an input field  If no type is set, a basic set of chips without additional functionality will be rendered
          */
         "type"?: 'choice' | 'filter' | 'input';
         /**
@@ -1152,6 +1157,7 @@ export namespace Components {
      * and take a lot of attention from users.
      * :::
      * @exampleComponent limel-example-header
+     * @exampleComponent limel-example-header-slot-actions
      * @exampleComponent limel-example-header-colors
      * @exampleComponent limel-example-header-responsive
      * @exampleComponent limel-example-header-narrow
@@ -1923,7 +1929,6 @@ export namespace Components {
      * @exampleComponent limel-example-select-with-empty-option
      * @exampleComponent limel-example-select-preselected
      * @exampleComponent limel-example-select-change-options
-     * @exampleComponent limel-example-select-narrow
      * @exampleComponent limel-example-select-dialog
      */
     interface LimelSelect {
@@ -3127,6 +3132,7 @@ declare global {
      * and take a lot of attention from users.
      * :::
      * @exampleComponent limel-example-header
+     * @exampleComponent limel-example-header-slot-actions
      * @exampleComponent limel-example-header-colors
      * @exampleComponent limel-example-header-responsive
      * @exampleComponent limel-example-header-narrow
@@ -3509,7 +3515,6 @@ declare global {
      * @exampleComponent limel-example-select-with-empty-option
      * @exampleComponent limel-example-select-preselected
      * @exampleComponent limel-example-select-change-options
-     * @exampleComponent limel-example-select-narrow
      * @exampleComponent limel-example-select-dialog
      */
     interface HTMLLimelSelectElement extends Components.LimelSelect, HTMLStencilElement {
@@ -4192,6 +4197,10 @@ declare namespace LocalJSX {
           * Icon of the chip.
          */
         "icon"?: string | Icon;
+        /**
+          * Identifier for the chip. Must be unique.
+         */
+        "identifier"?: number | string;
         /**
           * Defines the language for translations. Will translate the translatable strings on the components.
          */
@@ -4201,9 +4210,9 @@ declare namespace LocalJSX {
          */
         "link"?: Omit<Link, 'text'>;
         /**
-          * Fired when clicking on the remove button of a `removable` chip.
+          * Fired when clicking on the remove button of a `removable` chip. The value of `identifier` is emitted as the event detail.
          */
-        "onRemove"?: (event: LimelChipCustomEvent<void>) => void;
+        "onRemove"?: (event: LimelChipCustomEvent<number | string>) => void;
         /**
           * Set to `true` to render the chip as a static UI element. Useful when the parent component has a `readonly` state.
          */
@@ -4222,8 +4231,9 @@ declare namespace LocalJSX {
         "text"?: string;
         /**
           * Set to `filter` to render the chip with a distinct style suitable for visualizing filters.
+          * @beta
          */
-        "type"?: 'filter';
+        "type"?: ChipType;
     }
     /**
      * @exampleComponent limel-example-chip-set
@@ -4314,7 +4324,7 @@ declare namespace LocalJSX {
          */
         "searchLabel"?: string;
         /**
-          * Type of chip set  - `choice` renders a set of selectable chips where only one is selectable. The `removable` property is ignored - `filter` renders a set of selectable chips where all are selectable. The `icon` property is ignored - `input` renders a set of chips that can be used in conjunction with an input field  If no type is set, a basic set of chips without additional functionality will be rendered
+          * Type of chip set  - `choice` renders a set of selectable chips where only one is selectable. The `removable` property is ignored - `filter` renders a set of selectable chips where all are selectable. - `input` renders a set of chips that can be used in conjunction with an input field  If no type is set, a basic set of chips without additional functionality will be rendered
          */
         "type"?: 'choice' | 'filter' | 'input';
         /**
@@ -5010,6 +5020,7 @@ declare namespace LocalJSX {
      * and take a lot of attention from users.
      * :::
      * @exampleComponent limel-example-header
+     * @exampleComponent limel-example-header-slot-actions
      * @exampleComponent limel-example-header-colors
      * @exampleComponent limel-example-header-responsive
      * @exampleComponent limel-example-header-narrow
@@ -5833,7 +5844,6 @@ declare namespace LocalJSX {
      * @exampleComponent limel-example-select-with-empty-option
      * @exampleComponent limel-example-select-preselected
      * @exampleComponent limel-example-select-change-options
-     * @exampleComponent limel-example-select-narrow
      * @exampleComponent limel-example-select-dialog
      */
     interface LimelSelect {
@@ -6870,6 +6880,7 @@ declare module "@stencil/core" {
              * and take a lot of attention from users.
              * :::
              * @exampleComponent limel-example-header
+             * @exampleComponent limel-example-header-slot-actions
              * @exampleComponent limel-example-header-colors
              * @exampleComponent limel-example-header-responsive
              * @exampleComponent limel-example-header-narrow
@@ -7152,7 +7163,6 @@ declare module "@stencil/core" {
              * @exampleComponent limel-example-select-with-empty-option
              * @exampleComponent limel-example-select-preselected
              * @exampleComponent limel-example-select-change-options
-             * @exampleComponent limel-example-select-narrow
              * @exampleComponent limel-example-select-dialog
              */
             "limel-select": LocalJSX.LimelSelect & JSXBase.HTMLAttributes<HTMLLimelSelectElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@limetech/lime-elements",
-  "version": "37.2.8",
+  "version": "37.4.0",
   "description": "Lime Elements",
   "author": "Lime Technologies",
   "license": "Apache-2.0",
@@ -43,8 +43,8 @@
     "generate": "stencil generate"
   },
   "devDependencies": {
-    "@commitlint/config-conventional": "^18.6.1",
-    "@microsoft/api-extractor": "^7.40.1",
+    "@commitlint/config-conventional": "^18.6.2",
+    "@microsoft/api-extractor": "^7.40.2",
     "@popperjs/core": "^2.11.8",
     "@rjsf/core": "^2.4.2",
     "@rollup/plugin-node-resolve": "^13.3.0",
@@ -54,11 +54,11 @@
     "@types/html-escaper": "^3.0.2",
     "@types/jest": "^27.4.0",
     "@types/lodash-es": "^4.17.12",
-    "@types/react": "^18.2.55",
+    "@types/react": "^18.2.56",
     "@types/react-dom": "^18.2.19",
     "@types/tabulator-tables": "^4.9.4",
-    "@typescript-eslint/eslint-plugin": "^7.0.1",
-    "@typescript-eslint/parser": "^7.0.1",
+    "@typescript-eslint/eslint-plugin": "^7.0.2",
+    "@typescript-eslint/parser": "^7.0.2",
     "awesome-debounce-promise": "^2.1.0",
     "codemirror": "^5.65.9",
     "cross-env": "^7.0.3",