@gravitee/ui-components 3.25.3-typescript-8a53edf → 3.25.3-typescript-e7256ca

package/src/styles/empty.d.ts

@@ -0,0 +1 @@
+export const empty: import("lit").CSSResult;

package/src/styles/empty.js

@@ -1,36 +1 @@
-/*
- * Copyright (C) 2015 The Gravitee team (http://gravitee.io)
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *         http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import { css } from 'lit';
-
-// language=CSS
-export const empty = css`
-  .empty,
-  .error {
-    align-items: center;
-    box-sizing: border-box;
-    color: var(--gv-theme-font-color-dark);
-    font-size: var(--gv-theme-font-size-l, 20px);
-    font-weight: bold;
-    height: 100%;
-    opacity: 0.5;
-    padding: 3rem;
-    text-align: center;
-    width: 100%;
-    justify-content: center;
-    display: flex;
-    flex-direction: column;
-  }
-`;
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.empty=void 0;const e=require("lit");exports.empty=e.css`.empty,.error{align-items:center;box-sizing:border-box;color:var(--gv-theme-font-color-dark);font-size:var(--gv-theme-font-size-l,20px);font-weight:700;height:100%;opacity:.5;padding:3rem;text-align:center;width:100%;justify-content:center;display:flex;flex-direction:column}`;

package/src/styles/input.d.ts

@@ -0,0 +1 @@
+export const input: import("lit").CSSResult;

package/src/styles/input.js

@@ -1,263 +1 @@
-/*
- * Copyright (C) 2015 The Gravitee team (http://gravitee.io)
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *         http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import { css } from 'lit';
-
-// language=CSS
-export const input = css`
-  :host {
-    box-sizing: border-box;
-    display: inline-block;
-    margin: 0.2rem;
-    vertical-align: middle;
-    background-color: transparent;
-    --bdw: var(--gv-input--bdw, 1px);
-    --2xbdw: calc(var(--gv-input--bdw, 1px) * 2);
-    --input-small--p: 4px 4px;
-    --input-small--fz: 12px;
-    --input-small--lh: 15px;
-    --icon-small--w: calc(15px + 4px + 4px);
-    --input-small--h: calc(var(--icon-small--w) + var(--2xbdw));
-
-    --input-medium--p: 10px 5px;
-    --input-medium--fz: 14px;
-    --input-medium--lh: 17px;
-    --icon-medium--w: calc(17px + 10px + 10px);
-    --input-medium--h: calc(var(--icon-medium--w) + var(--2xbdw));
-
-    --input-large--p: 12px 8px;
-    --input-large--fz: 16px;
-    --input-large--lh: 18px;
-    --icon-large--w: calc(18px + 12px + 12px);
-    --input-large--h: calc(var(--icon-large--w) + var(--2xbdw));
-  }
-
-  .box-icon {
-    box-sizing: border-box;
-    height: var(--input-medium--h);
-    width: calc(var(--input-medium--h) - 4px);
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    position: absolute;
-    bottom: 0px;
-    right: 0px;
-    left: initial;
-    border-radius: 0 3px 3px 0;
-  }
-
-  .small .box-icon {
-    height: var(--input-small--h);
-    width: calc(var(--input-small--h) - 4px);
-  }
-
-  .box-icon-left {
-    right: initial;
-    left: 0px;
-    border-radius: 3px 0 0 3px;
-  }
-
-  .box-icon gv-icon {
-    --gv-icon--s: 22px;
-    --gv-icon--c: var(--gv-theme-font-color-dark);
-  }
-
-  .small .box-icon gv-icon {
-    --gv-icon--s: 16px;
-  }
-
-  .box-icon.box-icon-clear gv-icon,
-  :host([large]) .box-icon.box-icon-clear gv-icon {
-    width: 16px;
-  }
-
-  .box-icon.box-icon-bgc {
-    background-color: var(--gv-input-icon--bgc, var(--gv-theme-neutral-color, #f5f5f5));
-    border: var(--gv-input--bdw, 1px) var(--gv-input--bds, solid) var(--gv-input--bdc, var(--gv-theme-neutral-color-dark, #d9d9d9));
-  }
-
-  :host([large]) .box-icon {
-    height: var(--input-large--h);
-    width: var(--input-large--h);
-  }
-
-  :host([large]) .box-icon gv-icon {
-    width: 24px;
-    --gv-icon--s: 24px;
-  }
-
-  :host([small]) .box-icon {
-    height: var(--input-small--h);
-    width: var(--input-small--h);
-  }
-
-  :host([small]) .box-icon gv-icon {
-    width: 18px;
-  }
-
-  :host([small]) .box-icon-clear gv-icon {
-    width: 14px;
-  }
-
-  .box-input {
-    position: relative;
-    line-height: 0;
-  }
-
-  /* BASE */
-  input,
-  ::slotted(input),
-  ::slotted(.input),
-  .input {
-    border: var(--gv-input--bdw, 1px) var(--gv-input--bds, solid) var(--gv-input--bdc, var(--gv-theme-neutral-color-dark, #d9d9d9));
-    transition: border 10ms ease-in-out;
-    box-sizing: border-box;
-    border-radius: 4px;
-    font-style: normal;
-    font-weight: normal;
-    outline: none;
-    width: 100%;
-    height: 100%;
-    -webkit-appearance: none;
-  }
-
-  input::-webkit-search-decoration,
-  ::slotted(input::-webkit-search-decoration) {
-    -webkit-appearance: none;
-  }
-
-  /* SIZE */
-  .large input,
-  .large ::slotted(input),
-  .large ::slotted(.input),
-  .large .input {
-    padding: var(--input-large--p);
-    font-size: var(--input-large--fz);
-    line-height: var(--input-large--lh);
-    height: var(--input-large--h);
-  }
-
-  .medium input,
-  .medium ::slotted(input),
-  .medium ::slotted(.input),
-  .medium .input {
-    padding: var(--input-medium--p);
-    font-size: var(--input-medium--fz);
-    line-height: var(--input-medium--lh);
-    height: var(--input-medium--h);
-  }
-
-  .small input,
-  .small ::slotted(input),
-  .small ::slotted(.input),
-  .small .input {
-    padding: var(--input-small--p);
-    font-size: var(--input-small--fz);
-    line-height: var(--input-small--lh);
-    height: var(--input-small--h);
-  }
-
-  .large.icon input,
-  .large.icon ::slotted(input) {
-    padding-right: 45px;
-  }
-
-  .large.clearable input,
-  .large.clearable ::slotted(input) {
-    padding-right: 50px;
-  }
-
-  .medium.icon input,
-  .medium.icon ::slotted(input) {
-    padding-right: 36px;
-  }
-
-  .medium.clearable input,
-  .medium.clearable ::slotted(input) {
-    padding-right: 32px;
-  }
-
-  .small.icon input,
-  .small ::slotted(input) {
-    padding-right: 26px;
-  }
-
-  .small.clearable inpu,
-  .small.clearable ::slotted(input) {
-    padding-right: 22px;
-  }
-
-  .large.icon-left input,
-  .large.icon-left ::slotted(input) {
-    padding-left: 45px;
-  }
-
-  .large.clearable input,
-  .large.clearable ::slotted(input) {
-    padding-right: 40px;
-  }
-
-  .medium.icon-left input,
-  .medium.icon-left ::slotted(input) {
-    padding-left: 36px;
-  }
-
-  .small.icon-left input,
-  .small.icon-left ::slotted(input) {
-    padding-left: 26px;
-  }
-
-  ::-webkit-search-cancel-button {
-    -webkit-appearance: none;
-  }
-
-  /* STATES */
-  :host([disabled]) {
-    --gv-icon--c: var(--gv-theme-neutral-color-darker, #d9d9d9);
-  }
-
-  :host([disabled]) .box-icon-bgc {
-    background-color: transparent;
-  }
-
-  :host([disabled]) input,
-  :host([disabled]) .input,
-  :host([disabled]) ::slotted(input) {
-    cursor: default;
-    opacity: 0.5;
-  }
-
-  input:required,
-  .input:required,
-  ::slotted(input:required),
-  ::slotted(.input:required),
-  input:invalid,
-  .input:invalid,
-  ::slotted(input:invalid),
-  ::slotted(.input:invalid) {
-    box-shadow: none;
-  }
-
-  label {
-    display: block;
-    line-height: 15px;
-    padding: 0 0 0.2rem 0;
-  }
-
-  .description {
-    opacity: 0.6;
-    font-size: var(--gv-theme-font-size-s, 12px);
-  }
-`;
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.input=void 0;const i=require("lit");exports.input=i.css`:host{box-sizing:border-box;display:inline-block;margin:.2rem;vertical-align:middle;background-color:transparent;--bdw:var(--gv-input--bdw, 1px);--2xbdw:calc(var(--gv-input--bdw, 1px) * 2);--input-small--p:4px 4px;--input-small--fz:12px;--input-small--lh:15px;--icon-small--w:calc(15px + 4px + 4px);--input-small--h:calc(var(--icon-small--w) + var(--2xbdw));--input-medium--p:10px 5px;--input-medium--fz:14px;--input-medium--lh:17px;--icon-medium--w:calc(17px + 10px + 10px);--input-medium--h:calc(var(--icon-medium--w) + var(--2xbdw));--input-large--p:12px 8px;--input-large--fz:16px;--input-large--lh:18px;--icon-large--w:calc(18px + 12px + 12px);--input-large--h:calc(var(--icon-large--w) + var(--2xbdw))}.box-icon{box-sizing:border-box;height:var(--input-medium--h);width:calc(var(--input-medium--h) - 4px);display:flex;align-items:center;justify-content:center;position:absolute;bottom:0;right:0;left:initial;border-radius:0 3px 3px 0}.small .box-icon{height:var(--input-small--h);width:calc(var(--input-small--h) - 4px)}.box-icon-left{right:initial;left:0;border-radius:3px 0 0 3px}.box-icon gv-icon{--gv-icon--s:22px;--gv-icon--c:var(--gv-theme-font-color-dark)}.small .box-icon gv-icon{--gv-icon--s:16px}.box-icon.box-icon-clear gv-icon,:host([large]) .box-icon.box-icon-clear gv-icon{width:16px}.box-icon.box-icon-bgc{background-color:var(--gv-input-icon--bgc,var(--gv-theme-neutral-color,#f5f5f5));border:var(--gv-input--bdw,1px) var(--gv-input--bds,solid) var(--gv-input--bdc,var(--gv-theme-neutral-color-dark,#d9d9d9))}:host([large]) .box-icon{height:var(--input-large--h);width:var(--input-large--h)}:host([large]) .box-icon gv-icon{width:24px;--gv-icon--s:24px}:host([small]) .box-icon{height:var(--input-small--h);width:var(--input-small--h)}:host([small]) .box-icon gv-icon{width:18px}:host([small]) .box-icon-clear gv-icon{width:14px}.box-input{position:relative;line-height:0}.input,::slotted(.input),::slotted(input),input{border:var(--gv-input--bdw,1px) var(--gv-input--bds,solid) var(--gv-input--bdc,var(--gv-theme-neutral-color-dark,#d9d9d9));transition:border 10ms ease-in-out;box-sizing:border-box;border-radius:4px;font-style:normal;font-weight:400;outline:0;width:100%;height:100%;-webkit-appearance:none}::slotted(input::-webkit-search-decoration),input::-webkit-search-decoration{-webkit-appearance:none}.large .input,.large ::slotted(.input),.large ::slotted(input),.large input{padding:var(--input-large--p);font-size:var(--input-large--fz);line-height:var(--input-large--lh);height:var(--input-large--h)}.medium .input,.medium ::slotted(.input),.medium ::slotted(input),.medium input{padding:var(--input-medium--p);font-size:var(--input-medium--fz);line-height:var(--input-medium--lh);height:var(--input-medium--h)}.small .input,.small ::slotted(.input),.small ::slotted(input),.small input{padding:var(--input-small--p);font-size:var(--input-small--fz);line-height:var(--input-small--lh);height:var(--input-small--h)}.large.icon ::slotted(input),.large.icon input{padding-right:45px}.large.clearable ::slotted(input),.large.clearable input{padding-right:50px}.medium.icon ::slotted(input),.medium.icon input{padding-right:36px}.medium.clearable ::slotted(input),.medium.clearable input{padding-right:32px}.small ::slotted(input),.small.icon input{padding-right:26px}.small.clearable ::slotted(input),.small.clearable inpu{padding-right:22px}.large.icon-left ::slotted(input),.large.icon-left input{padding-left:45px}.large.clearable ::slotted(input),.large.clearable input{padding-right:40px}.medium.icon-left ::slotted(input),.medium.icon-left input{padding-left:36px}.small.icon-left ::slotted(input),.small.icon-left input{padding-left:26px}::-webkit-search-cancel-button{-webkit-appearance:none}:host([disabled]){--gv-icon--c:var(--gv-theme-neutral-color-darker, #d9d9d9)}:host([disabled]) .box-icon-bgc{background-color:transparent}:host([disabled]) .input,:host([disabled]) ::slotted(input),:host([disabled]) input{cursor:default;opacity:.5}.input:invalid,.input:required,::slotted(.input:invalid),::slotted(.input:required),::slotted(input:invalid),::slotted(input:required),input:invalid,input:required{box-shadow:none}label{display:block;line-height:15px;padding:0 0 .2rem 0}.description{opacity:.6;font-size:var(--gv-theme-font-size-s,12px)}`;

package/src/styles/link.d.ts

@@ -0,0 +1 @@
+export const link: import("lit").CSSResult;

package/src/styles/link.js

@@ -1,32 +1 @@
-/*
- * Copyright (C) 2015 The Gravitee team (http://gravitee.io)
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *         http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import { css } from 'lit';
-
-// language=CSS
-export const link = css`
-  .link,
-  .link:visited {
-    cursor: pointer;
-    opacity: 1;
-    transition: opacity 0.15s ease-in;
-    text-decoration: none;
-  }
-
-  .link:hover {
-    opacity: 0.7;
-    transition: opacity 0.15s ease-in;
-  }
-`;
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.link=void 0;const i=require("lit");exports.link=i.css`.link,.link:visited{cursor:pointer;opacity:1;transition:opacity .15s ease-in;text-decoration:none}.link:hover{opacity:.7;transition:opacity .15s ease-in}`;

package/src/styles/shapes.d.ts

@@ -0,0 +1,2 @@
+export const shapeClipboard: "general:clipboard";
+export const shapeCopied: "communication:clipboard-check";

package/src/styles/shapes.js

@@ -1,17 +1 @@
-/*
- * Copyright (C) 2015 The Gravitee team (http://gravitee.io)
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *         http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-export const shapeClipboard = 'general:clipboard';
-export const shapeCopied = 'communication:clipboard-check';
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.shapeCopied=exports.shapeClipboard=void 0,exports.shapeClipboard="general:clipboard",exports.shapeCopied="communication:clipboard-check";

package/src/styles/skeleton.d.ts

@@ -0,0 +1 @@
+export const skeleton: import("lit").CSSResult;

package/src/styles/skeleton.js

@@ -1,53 +1 @@
-/*
- * Copyright (C) 2015 The Gravitee team (http://gravitee.io)
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *         http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import { css } from 'lit';
-
-// language=CSS
-export const skeleton = css`
-  @keyframes skeleton-pulse {
-    from {
-      opacity: 0.85;
-    }
-    to {
-      opacity: 0.45;
-    }
-  }
-  .skeleton,
-  :host([skeleton]) {
-    animation-direction: alternate;
-    animation-duration: 500ms;
-    animation-iteration-count: infinite;
-    animation-name: skeleton-pulse;
-    color: transparent;
-    cursor: progress !important;
-    -moz-user-select: none;
-    -webkit-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    background-color: var(--gv-theme-skeleton-color, #bfbfbf) !important;
-    border-color: var(--gv-theme-skeleton-color, #bfbfbf);
-  }
-
-  .skeleton svg,
-  :host([skeleton]) svg,
-  :host([skeleton]) gv-icon,
-  .skeleton gv-icon,
-  .skeleton > *,
-  .skeleton ::slotted(*),
-  :host([skeleton]) ::slotted(*) {
-    visibility: hidden;
-  }
-`;
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.skeleton=void 0;const e=require("lit");exports.skeleton=e.css`@keyframes skeleton-pulse{from{opacity:.85}to{opacity:.45}}.skeleton,:host([skeleton]){animation-direction:alternate;animation-duration:.5s;animation-iteration-count:infinite;animation-name:skeleton-pulse;color:transparent;cursor:progress!important;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;background-color:var(--gv-theme-skeleton-color,#bfbfbf)!important;border-color:var(--gv-theme-skeleton-color,#bfbfbf)}.skeleton ::slotted(*),.skeleton gv-icon,.skeleton svg,.skeleton>*,:host([skeleton]) ::slotted(*),:host([skeleton]) gv-icon,:host([skeleton]) svg{visibility:hidden}`;

package/src/styles/zoom.d.ts

@@ -0,0 +1 @@
+export const zoom: import("lit").CSSResult;

package/src/styles/zoom.js

@@ -1,40 +1 @@
-/*
- * Copyright (C) 2015 The Gravitee team (http://gravitee.io)
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *         http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import { css } from 'lit';
-
-// language=CSS
-export const zoom = css`
-  @keyframes zoomIn {
-    0% {
-      transform: scale(0.8);
-      opacity: 0;
-    }
-    100% {
-      transform: scale(1);
-      opacity: 1;
-    }
-  }
-
-  @keyframes zoomOut {
-    0% {
-      transform: scale(1);
-    }
-    100% {
-      transform: scale(0.8);
-      opacity: 0;
-    }
-  }
-`;
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.zoom=void 0;const o=require("lit");exports.zoom=o.css`@keyframes zoomIn{0%{transform:scale(.8);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes zoomOut{0%{transform:scale(1)}100%{transform:scale(.8);opacity:0}}`;

package/src/theme/gv-theme.d.ts

@@ -0,0 +1,81 @@
+/**
+ * Our components use css variables to expose customizable properties.
+ *
+ * We did a work of inheritance and factorization of properties in order to define a general theme for our components.
+ *
+ * So we offer within our portal a customization tool.
+ *
+ * @cssprop {Color} [--gv-theme-color-darker=#383E3F] - Primary darker color
+ * @cssprop {Color} [--gv-theme-color-dark=#28444F] - Primary dark color
+ * @cssprop {Color} [--gv-theme-color=#5A7684] - Primary color
+ * @cssprop {Color} [--gv-theme-color-light=#86c3d0] - Primary light color
+ * @cssprop {Color} [--gv-theme-color-danger=#FF5722] - Primary danger color
+ *
+ * @cssprop {Color} [--gv-theme-color-error-dark=#d32f2f] - Error dark color
+ * @cssprop {Color} [--gv-theme-color-error=#f44336] - Error color
+ * @cssprop {Color} [--gv-theme-color-error-light=#e57373] - Error light color
+ * @cssprop {Color} [--gv-theme-color-info-dark=#1976d2] - Info dark color
+ * @cssprop {Color} [--gv-theme-color-info=#2196f3] - Info color
+ * @cssprop {Color} [--gv-theme-color-info-light=#64b5f6] - Info light color
+ * @cssprop {Color} [--gv-theme-color-success-dark=#388e3c] - Success dark color
+ * @cssprop {Color} [--gv-theme-color-success=#4caf50] - Success color
+ * @cssprop {Color} [--gv-theme-color-success-light=#81c784] - Success light color
+ * @cssprop {Color} [--gv-theme-color-warning-dark=#f57c00] - Warning dark color
+ * @cssprop {Color} [--gv-theme-color-warning=#ff9800] - Warning color
+ * @cssprop {Color} [--gv-theme-color-warning-light=#ffb74d] - Warning light color
+ *
+ * @cssprop {Color} [--gv-theme-neutral-color-darkest=#000000] - Neutral darkest color
+ * @cssprop {Color} [--gv-theme-neutral-color-darker=#BFBFBF] - Neutral darker color
+ * @cssprop {Color} [--gv-theme-neutral-color-dark=#D9D9D9] - Neutral dark color
+ * @cssprop {Color} [--gv-theme-neutral-color=#F5F5F5] - Neutral color
+ * @cssprop {Color} [--gv-theme-neutral-color-light=#EFEFEF] - Neutral light color
+ * @cssprop {Color} [--gv-theme-neutral-color-lighter=#FAFAFA] - Neutral light color
+ * @cssprop {Color} [--gv-theme-neutral-color-lightest=#FFFFFF] - Neutral lightest color
+
+ * @cssprop {Color} [--gv-theme-font-color-dark=#262626] - Dark font color
+ * @cssprop {Color} [--gv-theme-font-color-light=#FFFFFF] - Light Font color
+ * @cssprop {String} [--gv-theme-font-family='IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif] - Family
+ * @cssprop {Length} [--gv-theme-font-size-xs=10px] - Extra small
+ * @cssprop {Length} [--gv-theme-font-size-s=12px] - Small
+ * @cssprop {Length} [--gv-theme-font-size-m=14px] - Medium (Default)
+ * @cssprop {Length} [--gv-theme-font-size-l=16px] - Large
+ * @cssprop {Length} [--gv-theme-font-size-xl=26px] - Extra large
+ * @cssprop {Length} [--gv-theme-font-size-xxl=30px] - Extra extra large
+ * @cssprop {Length} [--gv-theme-homepage-background-height=400px] - Homepage background height
+ *
+ * @cssprop {Color} [--gv-theme-skeleton-color=#BFBFBF] - Primary skeleton color
+ * @cssprop {Color} [--gv-theme-homepage-background-color=#5A7684] - Homepage background color
+ *
+ * @cssprop {Image} [--gv-theme-homepage-background-image=none] - Background image
+ * @cssprop {Image} [--gv-theme-logo=url('/images/gravitee-logo-cyan.svg')] - Logo
+ * @cssprop {Image} [--gv-theme-optional-logo=url('/images/gravitee-logo-white.svg')] - Optional logo
+ * @cssprop {Image} [--gv-theme-favicon='/images/gravitee-favicon.png'] - Favicon
+ *
+ */
+export class GvTheme extends LitElement {
+    static get properties(): {
+        _theme: {
+            type: ObjectConstructor;
+            attribute: boolean;
+        };
+        _lastDate: {
+            type: NumberConstructor;
+            attribute: boolean;
+        };
+    };
+    static get styles(): import("lit").CSSResult[];
+    _lastDate: number;
+    handleEvent(event: any): void;
+    source: any;
+    origin: any;
+    isDetached: any;
+    _theme: any;
+    getData(): {
+        type: string;
+        href: string;
+        date: number;
+    };
+    sendMessage(data?: {}, timeout?: number): void;
+    intervalID: NodeJS.Timeout | undefined;
+}
+import { LitElement } from "lit-element/lit-element";