@sankhyalabs/ezui 1.2.0-beta.2 → 1.2.0-beta.21

package/dist/types/components.d.ts

@@ -5,33 +5,66 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { Action } from "./components/ez-actions-button/ez-actions-button";
+import { IAction } from "./components/ez-actions-button/ez-actions-button";
 import { CardItem } from "./components/ez-card-item/ez-card-item";
-import { Option } from "./components/ez-combo-box/ez-combo-box";
+import { IOption } from "./components/ez-combo-box/ez-combo-box";
 import { DataUnit, Record, WaitingChange } from "@sankhyalabs/core";
 import { DialogType } from "./components/ez-dialog/DialogType";
-import { FieldConfig, RecordValidator, ValidationResult } from "./components/ez-form/ez-form";
-import { EzGridColumn, EzGridColumnConfig, EzGridColumStateEvent, IGridConfig } from "./components/ez-grid/controller/EzGridController";
+import { IFormConfig, IRecordValidator, IValidationResult } from "./components/ez-form/ez-form";
+import { EzGridColumn, EzGridColumnConfig, EzGridColumStateEvent, IGridConfig, IStatusResolver } from "./components/ez-grid/controller/EzGridController";
 import { ListGroup, ListItem } from "./components/ez-list/ez-list";
 import { Radio } from "./components/ez-radio-button/ez-radio-button";
 import { EzScrollDirection } from "./components/ez-scroller/EzScrollDirection";
-import { Option as Option1 } from "./components/ez-combo-box/ez-combo-box";
+import { IOption as IOption1 } from "./components/ez-combo-box/ez-combo-box";
 import { Tab } from "./components/ez-tabselector/ez-tabselector";
+import { IStyled } from "./components/ez-text-edit/ez-text-edit";
 import { EzFile } from "./components/ez-upload/ez-upload";
 export namespace Components {
     interface EzActionsButton {
         /**
-          * Array no formato "{value: string, label: string}" que alimenta a lista de ações
+          * . Array no formato "{value: string, label: string}" que alimenta a lista de ações.
          */
-        "actions": Array<Action>;
+        "actions": Array<IAction>;
+        /**
+          * Define se o elemento contará com a seta de orientação
+         */
+        "arrowActive": boolean;
+        /**
+          * Define se na opção selecionada apresentará um ícone de check.
+         */
+        "checkOption": boolean;
         /**
           * Deixa o campo disponível ou não para interação com usuário.
          */
         "enabled": boolean;
         /**
-          * É possível escolher entre [small,medium,large]
+          * Oculta a lista de ações
+         */
+        "hideActions": () => Promise<void>;
+        /**
+          * Nome do ícone que será apresentado no componente.
+         */
+        "iconName": string;
+        /**
+          * Verifica se a lista de ações está oculta
+         */
+        "isOpened": () => Promise<boolean>;
+        /**
+          * Define se o background do botão será transparent.
+         */
+        "isTransparent": boolean;
+        /**
+          * Define se o label será apresentado no display do componente.
+         */
+        "showLabel": boolean;
+        /**
+          * É possível escolher entre [small,medium,large].
          */
         "size": "small" | "medium" | "large" | undefined;
+        /**
+          * Define qual o value que será selecionado na lista.
+         */
+        "value": string;
     }
     interface EzApplication {
     }
@@ -159,6 +192,22 @@ export namespace Components {
         "value": boolean;
     }
     interface EzCollapsibleBox {
+        /**
+          * Aplica focus no campo de edição de título.
+         */
+        "applyFocusTextEdit": () => Promise<void>;
+        /**
+          * Fecha a edição de título.
+         */
+        "cancelEdition": () => Promise<void>;
+        /**
+          * Define uma condição para salvar ou não uma alteração.
+         */
+        "conditionalSave": Function;
+        /**
+          * Ativa o ícone para edição do componente.
+         */
+        "editable": boolean;
         /**
           * Define o tamanho do texto e do ícone do componente.
          */
@@ -171,6 +220,10 @@ export namespace Components {
           * Título do campo
          */
         "label": string;
+        /**
+          * Ativa o ícone para remoção do componente.
+         */
+        "removable": boolean;
         /**
           * Esconde ou revela o conteúdo do componente.
          */
@@ -216,7 +269,7 @@ export namespace Components {
         /**
           * Array no formato "{value: string, label: string}" que alimenta as opções do Combobox
          */
-        "options": Array<Option>;
+        "options": Array<IOption>;
         /**
           * Ativa o modo pesquisa do combobox
          */
@@ -248,7 +301,7 @@ export namespace Components {
         /**
           * Valor selecionado no campo
          */
-        "value": Option | string;
+        "value": IOption | string;
     }
     interface EzDateInput {
         /**
@@ -403,7 +456,7 @@ export namespace Components {
         /**
           * Configuração dos campos.
          */
-        "config": Array<FieldConfig>;
+        "config": IFormConfig;
         /**
           * Repositório de dados, controla a manipulação dos dados
          */
@@ -411,7 +464,7 @@ export namespace Components {
         /**
           * Validador responsável por checar a integridade das informações do registro
          */
-        "recordsValidator": RecordValidator;
+        "recordsValidator": IRecordValidator;
         "submit": () => Promise<void>;
         "validate": () => Promise<void>;
     }
@@ -420,10 +473,14 @@ export namespace Components {
           * Adiciona item de menu nas colunas.
          */
         "addColumnMenuItem": (label: string, name: string, action: Function) => Promise<any>;
+        "closeGridConfig": () => Promise<void>;
         /**
           * Configuração de exibição da grade.
          */
         "config": IGridConfig;
+        /**
+          * Repositório de dados, controla a manipulação dos dados.
+         */
         "dataUnit": DataUnit;
         /**
           * Método retornar o estado atual das colunas do grid.
@@ -462,6 +519,10 @@ export namespace Components {
           * Método de carga dos registros. Os objetos deste array devem conter atributos para as colunas desejadas.
          */
         "setData": (data: Array<any>) => Promise<any>;
+        /**
+          * Configuração do valor da coluna de status. Exemplo: { "RECDESP": { "-1" : "#BD0025", "1" : "#157A00" } }
+         */
+        "statusResolver": IStatusResolver;
     }
     interface EzGridConfig {
         "columns": Array<EzGridColumn>;
@@ -550,6 +611,32 @@ export namespace Components {
          */
         "opened": boolean;
     }
+    interface EzModalContainer {
+        /**
+          * Determina o texto do botão de cancelar
+         */
+        "cancelButtonLabel": string;
+        /**
+          * Variação de estado do botão de cancelar: [HIDDEN|ENABLED|DISABLED]
+         */
+        "cancelButtonStatus": string;
+        /**
+          * Subtítulo (opcional), geralmente usado para orientação do usuário
+         */
+        "modalSubTitle": string;
+        /**
+          * Título do modal
+         */
+        "modalTitle": string;
+        /**
+          * Determina o texto do botão de Ok
+         */
+        "okButtonLabel": string;
+        /**
+          * Variação de estado do botão de ok: [HIDDEN|ENABLED|DISABLED]
+         */
+        "okButtonStatus": string;
+    }
     interface EzNumberInput {
         /**
           * Deixa o campo disponível ou não para uso.
@@ -643,6 +730,10 @@ export namespace Components {
           * Título do componente.
          */
         "ezTitle": string;
+        /**
+          * Define se o componente utilizará um cabeçalho com botão de fechamento.
+         */
+        "heightMode": string;
         /**
           * Controla a exibição do componente.
          */
@@ -732,10 +823,10 @@ export namespace Components {
         /**
           * Código do registro selecionado
          */
-        "value": Option | string;
+        "value": IOption | string;
     }
     interface EzSelectBox {
-        "selectedOption": Option | string;
+        "selectedOption": IOption | string;
     }
     interface EzTabselector {
         /**
@@ -797,6 +888,20 @@ export namespace Components {
          */
         "value": string;
     }
+    interface EzTextEdit {
+        /**
+          * Aplica focus no campo.
+         */
+        "applyFocusSelect": () => Promise<void>;
+        /**
+          * Define atributos do estilo
+         */
+        "styled": IStyled;
+        /**
+          * Valor manipulado pelo componente através do input
+         */
+        "value": string;
+    }
     interface EzTextInput {
         /**
           * Permite exibir a mensagem de erro.
@@ -830,6 +935,10 @@ export namespace Components {
           * Define o modo do tamanho do campo; opções: slim e regular.
          */
         "mode": string;
+        /**
+          * Define se o campo contará com bordas ou não
+         */
+        "noBorder": boolean;
         /**
           * Restringe o que o usuário pode digitar. Cada caractere digitado será testado e deve estar contido nessa string ou será descartado.
          */
@@ -955,7 +1064,7 @@ export namespace Components {
     }
     interface EzViewStack {
         /**
-          * Retorna o index que est� atualmente ativo e sendo exibido.
+          * Retorna o index que está atualmente ativo e sendo exibido.
          */
         "getSelectedIndex": () => Promise<number>;
         /**
@@ -1085,6 +1194,12 @@ declare global {
         prototype: HTMLEzModalElement;
         new (): HTMLEzModalElement;
     };
+    interface HTMLEzModalContainerElement extends Components.EzModalContainer, HTMLStencilElement {
+    }
+    var HTMLEzModalContainerElement: {
+        prototype: HTMLEzModalContainerElement;
+        new (): HTMLEzModalContainerElement;
+    };
     interface HTMLEzNumberInputElement extends Components.EzNumberInput, HTMLStencilElement {
     }
     var HTMLEzNumberInputElement: {
@@ -1139,6 +1254,12 @@ declare global {
         prototype: HTMLEzTextAreaElement;
         new (): HTMLEzTextAreaElement;
     };
+    interface HTMLEzTextEditElement extends Components.EzTextEdit, HTMLStencilElement {
+    }
+    var HTMLEzTextEditElement: {
+        prototype: HTMLEzTextEditElement;
+        new (): HTMLEzTextEditElement;
+    };
     interface HTMLEzTextInputElement extends Components.EzTextInput, HTMLStencilElement {
     }
     var HTMLEzTextInputElement: {
@@ -1190,6 +1311,7 @@ declare global {
         "ez-list": HTMLEzListElement;
         "ez-loading-bar": HTMLEzLoadingBarElement;
         "ez-modal": HTMLEzModalElement;
+        "ez-modal-container": HTMLEzModalContainerElement;
         "ez-number-input": HTMLEzNumberInputElement;
         "ez-popover": HTMLEzPopoverElement;
         "ez-popup": HTMLEzPopupElement;
@@ -1199,6 +1321,7 @@ declare global {
         "ez-select-box": HTMLEzSelectBoxElement;
         "ez-tabselector": HTMLEzTabselectorElement;
         "ez-text-area": HTMLEzTextAreaElement;
+        "ez-text-edit": HTMLEzTextEditElement;
         "ez-text-input": HTMLEzTextInputElement;
         "ez-time-input": HTMLEzTimeInputElement;
         "ez-toast": HTMLEzToastElement;
@@ -1209,21 +1332,45 @@ declare global {
 declare namespace LocalJSX {
     interface EzActionsButton {
         /**
-          * Array no formato "{value: string, label: string}" que alimenta a lista de ações
+          * . Array no formato "{value: string, label: string}" que alimenta a lista de ações.
+         */
+        "actions"?: Array<IAction>;
+        /**
+          * Define se o elemento contará com a seta de orientação
+         */
+        "arrowActive"?: boolean;
+        /**
+          * Define se na opção selecionada apresentará um ícone de check.
          */
-        "actions"?: Array<Action>;
+        "checkOption"?: boolean;
         /**
           * Deixa o campo disponível ou não para interação com usuário.
          */
         "enabled"?: boolean;
         /**
-          * Evento que é disparado ao acionar uma ação
+          * Nome do ícone que será apresentado no componente.
+         */
+        "iconName"?: string;
+        /**
+          * Define se o background do botão será transparent.
          */
-        "onEzAction"?: (event: CustomEvent<Action>) => void;
+        "isTransparent"?: boolean;
         /**
-          * É possível escolher entre [small,medium,large]
+          * Evento que é disparado ao acionar uma ação.
+         */
+        "onEzAction"?: (event: CustomEvent<IAction>) => void;
+        /**
+          * Define se o label será apresentado no display do componente.
+         */
+        "showLabel"?: boolean;
+        /**
+          * É possível escolher entre [small,medium,large].
          */
         "size"?: "small" | "medium" | "large" | undefined;
+        /**
+          * Define qual o value que será selecionado na lista.
+         */
+        "value"?: string;
     }
     interface EzApplication {
         /**
@@ -1340,6 +1487,14 @@ declare namespace LocalJSX {
         "value"?: boolean;
     }
     interface EzCollapsibleBox {
+        /**
+          * Define uma condição para salvar ou não uma alteração.
+         */
+        "conditionalSave"?: Function;
+        /**
+          * Ativa o ícone para edição do componente.
+         */
+        "editable"?: boolean;
         /**
           * Define o tamanho do texto e do ícone do componente.
          */
@@ -1356,6 +1511,22 @@ declare namespace LocalJSX {
           * Evento disparado ao mudar o estado do componente (onEzChange).
          */
         "onEzChange"?: (event: CustomEvent<boolean>) => void;
+        /**
+          * Evento disparado quando o modo de edição da label for aberto e fechado (onEzEditLabelMode).
+         */
+        "onEzEditLabelMode"?: (event: CustomEvent<boolean>) => void;
+        /**
+          * Evento disparado ao remover o componente (onEzRemove).
+         */
+        "onEzRemove"?: (event: CustomEvent<EzCollapsibleBox>) => void;
+        /**
+          * Evento disparado ao concluir edição da label (onEzSaveEditLabel).
+         */
+        "onEzSaveEditLabel"?: (event: CustomEvent<CustomEvent>) => void;
+        /**
+          * Ativa o ícone para remoção do componente.
+         */
+        "removable"?: boolean;
         /**
           * Define se o titulo irá ocupar toda a largura do componente.
          */
@@ -1389,7 +1560,7 @@ declare namespace LocalJSX {
         /**
           * Evento que é disparado ao alterar o valor do componente
          */
-        "onEzChange"?: (event: CustomEvent<Option>) => void;
+        "onEzChange"?: (event: CustomEvent<IOption>) => void;
         /**
           * Função responsável por carregar as opções dinamicamente
          */
@@ -1397,7 +1568,7 @@ declare namespace LocalJSX {
         /**
           * Array no formato "{value: string, label: string}" que alimenta as opções do Combobox
          */
-        "options"?: Array<Option>;
+        "options"?: Array<IOption>;
         /**
           * Ativa o modo pesquisa do combobox
          */
@@ -1421,7 +1592,7 @@ declare namespace LocalJSX {
         /**
           * Valor selecionado no campo
          */
-        "value"?: Option | string;
+        "value"?: IOption | string;
     }
     interface EzDateInput {
         /**
@@ -1567,7 +1738,7 @@ declare namespace LocalJSX {
         /**
           * Configuração dos campos.
          */
-        "config"?: Array<FieldConfig>;
+        "config"?: IFormConfig;
         /**
           * Repositório de dados, controla a manipulação dos dados
          */
@@ -1579,13 +1750,16 @@ declare namespace LocalJSX {
         /**
           * Validador responsável por checar a integridade das informações do registro
          */
-        "recordsValidator"?: RecordValidator;
+        "recordsValidator"?: IRecordValidator;
     }
     interface EzGrid {
         /**
           * Configuração de exibição da grade.
          */
         "config"?: IGridConfig;
+        /**
+          * Repositório de dados, controla a manipulação dos dados.
+         */
         "dataUnit"?: DataUnit;
         /**
           * Habilita a seleção de várias linhas
@@ -1611,6 +1785,10 @@ declare namespace LocalJSX {
           * Endereço do servidor. Se informado, o próprio datagrid controlará a obtenção dos dados, anulando a necessidade de acionar o método "setData(data)"
          */
         "serverUrl"?: string;
+        /**
+          * Configuração do valor da coluna de status. Exemplo: { "RECDESP": { "-1" : "#BD0025", "1" : "#157A00" } }
+         */
+        "statusResolver"?: IStatusResolver;
     }
     interface EzGridConfig {
         "columns"?: Array<EzGridColumn>;
@@ -1691,6 +1869,36 @@ declare namespace LocalJSX {
          */
         "opened"?: boolean;
     }
+    interface EzModalContainer {
+        /**
+          * Determina o texto do botão de cancelar
+         */
+        "cancelButtonLabel"?: string;
+        /**
+          * Variação de estado do botão de cancelar: [HIDDEN|ENABLED|DISABLED]
+         */
+        "cancelButtonStatus"?: string;
+        /**
+          * Subtítulo (opcional), geralmente usado para orientação do usuário
+         */
+        "modalSubTitle"?: string;
+        /**
+          * Título do modal
+         */
+        "modalTitle"?: string;
+        /**
+          * Determina o texto do botão de Ok
+         */
+        "okButtonLabel"?: string;
+        /**
+          * Variação de estado do botão de ok: [HIDDEN|ENABLED|DISABLED]
+         */
+        "okButtonStatus"?: string;
+        /**
+          * Representa a interação com o usuário. OK - Quando o botão é acionado CANCEL - Quando o botão de cancelar é acionado CLOSE - Quando o botão de fechar é acionado. LOAD - Quando o modal é carregado (eventualmente pode ser usado para dar foco a um elemento específico)
+         */
+        "onEzModalAction"?: (event: CustomEvent<string>) => void;
+    }
     interface EzNumberInput {
         /**
           * Deixa o campo disponível ou não para uso.
@@ -1776,6 +1984,10 @@ declare namespace LocalJSX {
           * Título do componente.
          */
         "ezTitle"?: string;
+        /**
+          * Define se o componente utilizará um cabeçalho com botão de fechamento.
+         */
+        "heightMode"?: string;
         /**
           * Evento disparado ao clicar no botão de fechar (onEzClosePopup).
          */
@@ -1845,7 +2057,7 @@ declare namespace LocalJSX {
         /**
           * Um evento disparado quando o estado do componente é alterado (onEzChange).
          */
-        "onEzChange"?: (event: CustomEvent<Option>) => void;
+        "onEzChange"?: (event: CustomEvent<IOption>) => void;
         /**
           * Evento emitido ao clicar para abrir o popup
          */
@@ -1869,11 +2081,11 @@ declare namespace LocalJSX {
         /**
           * Código do registro selecionado
          */
-        "value"?: Option | string;
+        "value"?: IOption | string;
     }
     interface EzSelectBox {
         "onEzChange"?: (event: CustomEvent<string>) => void;
-        "selectedOption"?: Option | string;
+        "selectedOption"?: IOption | string;
     }
     interface EzTabselector {
         /**
@@ -1931,6 +2143,24 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    interface EzTextEdit {
+        /**
+          * Disparado ao cancelar uma edição
+         */
+        "onCancelEdition"?: (event: CustomEvent<any>) => void;
+        /**
+          * Evento emitido ao salvar uma edição
+         */
+        "onSaveEdition"?: (event: CustomEvent<any>) => void;
+        /**
+          * Define atributos do estilo
+         */
+        "styled"?: IStyled;
+        /**
+          * Valor manipulado pelo componente através do input
+         */
+        "value"?: string;
+    }
     interface EzTextInput {
         /**
           * Permite exibir a mensagem de erro.
@@ -1960,6 +2190,10 @@ declare namespace LocalJSX {
           * Define o modo do tamanho do campo; opções: slim e regular.
          */
         "mode"?: string;
+        /**
+          * Define se o campo contará com bordas ou não
+         */
+        "noBorder"?: boolean;
         /**
           * Evento disparado quando o estado do componente é alterado (onEzChange).
          */
@@ -2098,6 +2332,7 @@ declare namespace LocalJSX {
         "ez-list": EzList;
         "ez-loading-bar": EzLoadingBar;
         "ez-modal": EzModal;
+        "ez-modal-container": EzModalContainer;
         "ez-number-input": EzNumberInput;
         "ez-popover": EzPopover;
         "ez-popup": EzPopup;
@@ -2107,6 +2342,7 @@ declare namespace LocalJSX {
         "ez-select-box": EzSelectBox;
         "ez-tabselector": EzTabselector;
         "ez-text-area": EzTextArea;
+        "ez-text-edit": EzTextEdit;
         "ez-text-input": EzTextInput;
         "ez-time-input": EzTimeInput;
         "ez-toast": EzToast;
@@ -2138,6 +2374,7 @@ declare module "@stencil/core" {
             "ez-list": LocalJSX.EzList & JSXBase.HTMLAttributes<HTMLEzListElement>;
             "ez-loading-bar": LocalJSX.EzLoadingBar & JSXBase.HTMLAttributes<HTMLEzLoadingBarElement>;
             "ez-modal": LocalJSX.EzModal & JSXBase.HTMLAttributes<HTMLEzModalElement>;
+            "ez-modal-container": LocalJSX.EzModalContainer & JSXBase.HTMLAttributes<HTMLEzModalContainerElement>;
             "ez-number-input": LocalJSX.EzNumberInput & JSXBase.HTMLAttributes<HTMLEzNumberInputElement>;
             "ez-popover": LocalJSX.EzPopover & JSXBase.HTMLAttributes<HTMLEzPopoverElement>;
             "ez-popup": LocalJSX.EzPopup & JSXBase.HTMLAttributes<HTMLEzPopupElement>;
@@ -2147,6 +2384,7 @@ declare module "@stencil/core" {
             "ez-select-box": LocalJSX.EzSelectBox & JSXBase.HTMLAttributes<HTMLEzSelectBoxElement>;
             "ez-tabselector": LocalJSX.EzTabselector & JSXBase.HTMLAttributes<HTMLEzTabselectorElement>;
             "ez-text-area": LocalJSX.EzTextArea & JSXBase.HTMLAttributes<HTMLEzTextAreaElement>;
+            "ez-text-edit": LocalJSX.EzTextEdit & JSXBase.HTMLAttributes<HTMLEzTextEditElement>;
             "ez-text-input": LocalJSX.EzTextInput & JSXBase.HTMLAttributes<HTMLEzTextInputElement>;
             "ez-time-input": LocalJSX.EzTimeInput & JSXBase.HTMLAttributes<HTMLEzTimeInputElement>;
             "ez-toast": LocalJSX.EzToast & JSXBase.HTMLAttributes<HTMLEzToastElement>;

package/dist/types/utils/ApplicationUtils.d.ts

@@ -4,6 +4,7 @@ export default class ApplicationUtils {
   private static defaultMessageOptions;
   static alert(title: string, message: string, icon?: string, options?: MessageOptions): Promise<boolean>;
   static error(title: string, message: string, icon?: string, options?: MessageOptions): Promise<boolean>;
+  static success(title: string, message: string, icon?: string, options?: MessageOptions): Promise<boolean>;
   static confirm(title: string, message: string, icon?: string, dialogType?: DialogType, options?: MessageOptions): Promise<boolean>;
   static message(title: string, message: string, icon?: string, options?: MessageOptions): Promise<boolean>;
   static info(message: string, options?: MessageOptions): Promise<void>;

package/dist/types/utils/CSSVarsUtils.d.ts

@@ -1,4 +1,5 @@
 export default class CSSVarsUtils {
+  static applyCSSVars(document: DocumentOrShadowRoot, host: HTMLElement, child: HTMLElement): void;
   static applyVarsTextInput(host: HTMLElement, child: HTMLElement): void;
   static applyVarsButton(host: HTMLElement, child: HTMLElement): void;
   private static applyIfExists;

package/dist/types/utils/index.d.ts

@@ -1,3 +1,4 @@
 export { default as ApplicationUtils } from './ApplicationUtils';
 export { default as CSSVarsUtils } from './CSSVarsUtils';
 export { DialogType } from '../components/ez-dialog/DialogType';
+export { buildField as formFieldBuilder } from '../components/ez-form/fieldbuilder/FieldBuilder';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sankhyalabs/ezui",
-  "version": "1.2.0-beta.2",
+  "version": "1.2.0-beta.21",
   "description": "Biblioteca de componentes Sankhya.",
   "main": "dist/index.cjs.js",
   "module": "dist/custom-elements/index.js",
@@ -45,12 +45,12 @@
   },
   "author": "",
   "license": "ISC",
-  "dependencies": {},
   "devDependencies": {
+    "@shopify/draggable": "^1.0.0-beta.8",
     "@babel/preset-env": "^7.16.11",
-    "@sankhyalabs/core": "^1.0.71-beta.3",
+    "@sankhyalabs/core": "1.0.71-beta.13",
     "@sankhyalabs/docscss": "^1.0.1",
-    "@sankhyalabs/ez-design": "^1.0.56",
+    "@sankhyalabs/ez-design": "^1.2.1",
     "@sankhyalabs/skippeerdeps": "^1.0.2",
     "@semantic-release/git": "^9.0.0",
     "@semantic-release/gitlab": "^6.1.0",
@@ -84,6 +84,6 @@
     "verbose": true
   },
   "peerDependencies": {
-    "@sankhyalabs/core": "^1.0.71-beta.0"
+    "@sankhyalabs/core": "^1.0.71-beta.8"
   }
 }