@gravitee/ui-components 3.24.5 → 3.25.0-fix-gvcode-15ce1d2

package/src/styles/empty.js

@@ -13,7 +13,24 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { css } from 'lit'; // language=CSS
+import { css } from 'lit';
 
-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:700;height:100%;opacity:.5;padding:3rem;text-align:center;width:100%;justify-content:center;display:flex;flex-direction:column}`;
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4vbm9kZV9tb2R1bGVzL0BncmF2aXRlZS91aS1jb21wb25lbnRzL3N0eWxlcy9lbXB0eS5qcyJdLCJuYW1lcyI6WyJjc3MiLCJlbXB0eSJdLCJtYXBwaW5ncyI6IkFBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsU0FBU0EsR0FBVCxRQUFvQixLQUFwQixDLENBRUE7O0FBQ0EsT0FBTyxNQUFNQyxLQUFLLEdBQUdELEdBQUcscVJBQWpCIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoQykgMjAxNSBUaGUgR3Jhdml0ZWUgdGVhbSAoaHR0cDovL2dyYXZpdGVlLmlvKVxuICpcbiAqIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbmltcG9ydCB7IGNzcyB9IGZyb20gJ2xpdCc7XG5cbi8vIGxhbmd1YWdlPUNTU1xuZXhwb3J0IGNvbnN0IGVtcHR5ID0gY3NzYFxuICAuZW1wdHksXG4gIC5lcnJvciB7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIGNvbG9yOiB2YXIoLS1ndi10aGVtZS1mb250LWNvbG9yLWRhcmspO1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tZ3YtdGhlbWUtZm9udC1zaXplLWwsIDIwcHgpO1xuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBvcGFjaXR5OiAwLjU7XG4gICAgcGFkZGluZzogM3JlbTtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICB9XG5gO1xuIl19
+// 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;
+  }
+`;

package/src/styles/input.js

@@ -13,7 +13,251 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { css } from 'lit'; // language=CSS
+import { css } from 'lit';
 
-export const input = 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)}`;
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4vbm9kZV9tb2R1bGVzL0BncmF2aXRlZS91aS1jb21wb25lbnRzL3N0eWxlcy9pbnB1dC5qcyJdLCJuYW1lcyI6WyJjc3MiLCJpbnB1dCJdLCJtYXBwaW5ncyI6IkFBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsU0FBU0EsR0FBVCxRQUFvQixLQUFwQixDLENBRUE7O0FBQ0EsT0FBTyxNQUFNQyxLQUFLLEdBQUdELEdBQUcsNnJJQUFqQiIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgKEMpIDIwMTUgVGhlIEdyYXZpdGVlIHRlYW0gKGh0dHA6Ly9ncmF2aXRlZS5pbylcbiAqXG4gKiBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdsaXQnO1xuXG4vLyBsYW5ndWFnZT1DU1NcbmV4cG9ydCBjb25zdCBpbnB1dCA9IGNzc2BcbiAgOmhvc3Qge1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgIG1hcmdpbjogMC4ycmVtO1xuICAgIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgLS1iZHc6IHZhcigtLWd2LWlucHV0LS1iZHcsIDFweCk7XG4gICAgLS0yeGJkdzogY2FsYyh2YXIoLS1ndi1pbnB1dC0tYmR3LCAxcHgpICogMik7XG4gICAgLS1pbnB1dC1zbWFsbC0tcDogNHB4IDRweDtcbiAgICAtLWlucHV0LXNtYWxsLS1mejogMTJweDtcbiAgICAtLWlucHV0LXNtYWxsLS1saDogMTVweDtcbiAgICAtLWljb24tc21hbGwtLXc6IGNhbGMoMTVweCArIDRweCArIDRweCk7XG4gICAgLS1pbnB1dC1zbWFsbC0taDogY2FsYyh2YXIoLS1pY29uLXNtYWxsLS13KSArIHZhcigtLTJ4YmR3KSk7XG5cbiAgICAtLWlucHV0LW1lZGl1bS0tcDogMTBweCA1cHg7XG4gICAgLS1pbnB1dC1tZWRpdW0tLWZ6OiAxNHB4O1xuICAgIC0taW5wdXQtbWVkaXVtLS1saDogMTdweDtcbiAgICAtLWljb24tbWVkaXVtLS13OiBjYWxjKDE3cHggKyAxMHB4ICsgMTBweCk7XG4gICAgLS1pbnB1dC1tZWRpdW0tLWg6IGNhbGModmFyKC0taWNvbi1tZWRpdW0tLXcpICsgdmFyKC0tMnhiZHcpKTtcblxuICAgIC0taW5wdXQtbGFyZ2UtLXA6IDEycHggOHB4O1xuICAgIC0taW5wdXQtbGFyZ2UtLWZ6OiAxNnB4O1xuICAgIC0taW5wdXQtbGFyZ2UtLWxoOiAxOHB4O1xuICAgIC0taWNvbi1sYXJnZS0tdzogY2FsYygxOHB4ICsgMTJweCArIDEycHgpO1xuICAgIC0taW5wdXQtbGFyZ2UtLWg6IGNhbGModmFyKC0taWNvbi1sYXJnZS0tdykgKyB2YXIoLS0yeGJkdykpO1xuICB9XG5cbiAgLmJveC1pY29uIHtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIGhlaWdodDogdmFyKC0taW5wdXQtbWVkaXVtLS1oKTtcbiAgICB3aWR0aDogY2FsYyh2YXIoLS1pbnB1dC1tZWRpdW0tLWgpIC0gNHB4KTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGJvdHRvbTogMHB4O1xuICAgIHJpZ2h0OiAwcHg7XG4gICAgbGVmdDogaW5pdGlhbDtcbiAgICBib3JkZXItcmFkaXVzOiAwIDNweCAzcHggMDtcbiAgfVxuXG4gIC5zbWFsbCAuYm94LWljb24ge1xuICAgIGhlaWdodDogdmFyKC0taW5wdXQtc21hbGwtLWgpO1xuICAgIHdpZHRoOiBjYWxjKHZhcigtLWlucHV0LXNtYWxsLS1oKSAtIDRweCk7XG4gIH1cblxuICAuYm94LWljb24tbGVmdCB7XG4gICAgcmlnaHQ6IGluaXRpYWw7XG4gICAgbGVmdDogMHB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDNweCAwIDAgM3B4O1xuICB9XG5cbiAgLmJveC1pY29uIGd2LWljb24ge1xuICAgIC0tZ3YtaWNvbi0tczogMjJweDtcbiAgICAtLWd2LWljb24tLWM6IHZhcigtLWd2LXRoZW1lLWZvbnQtY29sb3ItZGFyayk7XG4gIH1cblxuICAuc21hbGwgLmJveC1pY29uIGd2LWljb24ge1xuICAgIC0tZ3YtaWNvbi0tczogMTZweDtcbiAgfVxuXG4gIC5ib3gtaWNvbi5ib3gtaWNvbi1jbGVhciBndi1pY29uLFxuICA6aG9zdChbbGFyZ2VdKSAuYm94LWljb24uYm94LWljb24tY2xlYXIgZ3YtaWNvbiB7XG4gICAgd2lkdGg6IDE2cHg7XG4gIH1cblxuICAuYm94LWljb24uYm94LWljb24tYmdjIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1ndi1pbnB1dC1pY29uLS1iZ2MsIHZhcigtLWd2LXRoZW1lLW5ldXRyYWwtY29sb3IsICNmNWY1ZjUpKTtcbiAgICBib3JkZXI6IHZhcigtLWd2LWlucHV0LS1iZHcsIDFweCkgdmFyKC0tZ3YtaW5wdXQtLWJkcywgc29saWQpIHZhcigtLWd2LWlucHV0LS1iZGMsIHZhcigtLWd2LXRoZW1lLW5ldXRyYWwtY29sb3ItZGFyaywgI2Q5ZDlkOSkpO1xuICB9XG5cbiAgOmhvc3QoW2xhcmdlXSkgLmJveC1pY29uIHtcbiAgICBoZWlnaHQ6IHZhcigtLWlucHV0LWxhcmdlLS1oKTtcbiAgICB3aWR0aDogdmFyKC0taW5wdXQtbGFyZ2UtLWgpO1xuICB9XG5cbiAgOmhvc3QoW2xhcmdlXSkgLmJveC1pY29uIGd2LWljb24ge1xuICAgIHdpZHRoOiAyNHB4O1xuICAgIC0tZ3YtaWNvbi0tczogMjRweDtcbiAgfVxuXG4gIDpob3N0KFtzbWFsbF0pIC5ib3gtaWNvbiB7XG4gICAgaGVpZ2h0OiB2YXIoLS1pbnB1dC1zbWFsbC0taCk7XG4gICAgd2lkdGg6IHZhcigtLWlucHV0LXNtYWxsLS1oKTtcbiAgfVxuXG4gIDpob3N0KFtzbWFsbF0pIC5ib3gtaWNvbiBndi1pY29uIHtcbiAgICB3aWR0aDogMThweDtcbiAgfVxuXG4gIDpob3N0KFtzbWFsbF0pIC5ib3gtaWNvbi1jbGVhciBndi1pY29uIHtcbiAgICB3aWR0aDogMTRweDtcbiAgfVxuXG4gIC5ib3gtaW5wdXQge1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBsaW5lLWhlaWdodDogMDtcbiAgfVxuXG4gIC8qIEJBU0UgKi9cbiAgaW5wdXQsXG4gIDo6c2xvdHRlZChpbnB1dCksXG4gIDo6c2xvdHRlZCguaW5wdXQpLFxuICAuaW5wdXQge1xuICAgIGJvcmRlcjogdmFyKC0tZ3YtaW5wdXQtLWJkdywgMXB4KSB2YXIoLS1ndi1pbnB1dC0tYmRzLCBzb2xpZCkgdmFyKC0tZ3YtaW5wdXQtLWJkYywgdmFyKC0tZ3YtdGhlbWUtbmV1dHJhbC1jb2xvci1kYXJrLCAjZDlkOWQ5KSk7XG4gICAgdHJhbnNpdGlvbjogYm9yZGVyIDEwbXMgZWFzZS1pbi1vdXQ7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICAgZm9udC1zdHlsZTogbm9ybWFsO1xuICAgIGZvbnQtd2VpZ2h0OiBub3JtYWw7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgLXdlYmtpdC1hcHBlYXJhbmNlOiBub25lO1xuICB9XG5cbiAgaW5wdXQ6Oi13ZWJraXQtc2VhcmNoLWRlY29yYXRpb24sXG4gIDo6c2xvdHRlZChpbnB1dDo6LXdlYmtpdC1zZWFyY2gtZGVjb3JhdGlvbikge1xuICAgIC13ZWJraXQtYXBwZWFyYW5jZTogbm9uZTtcbiAgfVxuXG4gIC8qIFNJWkUgKi9cbiAgLmxhcmdlIGlucHV0LFxuICAubGFyZ2UgOjpzbG90dGVkKGlucHV0KSxcbiAgLmxhcmdlIDo6c2xvdHRlZCguaW5wdXQpLFxuICAubGFyZ2UgLmlucHV0IHtcbiAgICBwYWRkaW5nOiB2YXIoLS1pbnB1dC1sYXJnZS0tcCk7XG4gICAgZm9udC1zaXplOiB2YXIoLS1pbnB1dC1sYXJnZS0tZnopO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1pbnB1dC1sYXJnZS0tbGgpO1xuICAgIGhlaWdodDogdmFyKC0taW5wdXQtbGFyZ2UtLWgpO1xuICB9XG5cbiAgLm1lZGl1bSBpbnB1dCxcbiAgLm1lZGl1bSA6OnNsb3R0ZWQoaW5wdXQpLFxuICAubWVkaXVtIDo6c2xvdHRlZCguaW5wdXQpLFxuICAubWVkaXVtIC5pbnB1dCB7XG4gICAgcGFkZGluZzogdmFyKC0taW5wdXQtbWVkaXVtLS1wKTtcbiAgICBmb250LXNpemU6IHZhcigtLWlucHV0LW1lZGl1bS0tZnopO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1pbnB1dC1tZWRpdW0tLWxoKTtcbiAgICBoZWlnaHQ6IHZhcigtLWlucHV0LW1lZGl1bS0taCk7XG4gIH1cblxuICAuc21hbGwgaW5wdXQsXG4gIC5zbWFsbCA6OnNsb3R0ZWQoaW5wdXQpLFxuICAuc21hbGwgOjpzbG90dGVkKC5pbnB1dCksXG4gIC5zbWFsbCAuaW5wdXQge1xuICAgIHBhZGRpbmc6IHZhcigtLWlucHV0LXNtYWxsLS1wKTtcbiAgICBmb250LXNpemU6IHZhcigtLWlucHV0LXNtYWxsLS1meik7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigtLWlucHV0LXNtYWxsLS1saCk7XG4gICAgaGVpZ2h0OiB2YXIoLS1pbnB1dC1zbWFsbC0taCk7XG4gIH1cblxuICAubGFyZ2UuaWNvbiBpbnB1dCxcbiAgLmxhcmdlLmljb24gOjpzbG90dGVkKGlucHV0KSB7XG4gICAgcGFkZGluZy1yaWdodDogNDVweDtcbiAgfVxuXG4gIC5sYXJnZS5jbGVhcmFibGUgaW5wdXQsXG4gIC5sYXJnZS5jbGVhcmFibGUgOjpzbG90dGVkKGlucHV0KSB7XG4gICAgcGFkZGluZy1yaWdodDogNTBweDtcbiAgfVxuXG4gIC5tZWRpdW0uaWNvbiBpbnB1dCxcbiAgLm1lZGl1bS5pY29uIDo6c2xvdHRlZChpbnB1dCkge1xuICAgIHBhZGRpbmctcmlnaHQ6IDM2cHg7XG4gIH1cblxuICAubWVkaXVtLmNsZWFyYWJsZSBpbnB1dCxcbiAgLm1lZGl1bS5jbGVhcmFibGUgOjpzbG90dGVkKGlucHV0KSB7XG4gICAgcGFkZGluZy1yaWdodDogMzJweDtcbiAgfVxuXG4gIC5zbWFsbC5pY29uIGlucHV0LFxuICAuc21hbGwgOjpzbG90dGVkKGlucHV0KSB7XG4gICAgcGFkZGluZy1yaWdodDogMjZweDtcbiAgfVxuXG4gIC5zbWFsbC5jbGVhcmFibGUgaW5wdSxcbiAgLnNtYWxsLmNsZWFyYWJsZSA6OnNsb3R0ZWQoaW5wdXQpIHtcbiAgICBwYWRkaW5nLXJpZ2h0OiAyMnB4O1xuICB9XG5cbiAgLmxhcmdlLmljb24tbGVmdCBpbnB1dCxcbiAgLmxhcmdlLmljb24tbGVmdCA6OnNsb3R0ZWQoaW5wdXQpIHtcbiAgICBwYWRkaW5nLWxlZnQ6IDQ1cHg7XG4gIH1cblxuICAubGFyZ2UuY2xlYXJhYmxlIGlucHV0LFxuICAubGFyZ2UuY2xlYXJhYmxlIDo6c2xvdHRlZChpbnB1dCkge1xuICAgIHBhZGRpbmctcmlnaHQ6IDQwcHg7XG4gIH1cblxuICAubWVkaXVtLmljb24tbGVmdCBpbnB1dCxcbiAgLm1lZGl1bS5pY29uLWxlZnQgOjpzbG90dGVkKGlucHV0KSB7XG4gICAgcGFkZGluZy1sZWZ0OiAzNnB4O1xuICB9XG5cbiAgLnNtYWxsLmljb24tbGVmdCBpbnB1dCxcbiAgLnNtYWxsLmljb24tbGVmdCA6OnNsb3R0ZWQoaW5wdXQpIHtcbiAgICBwYWRkaW5nLWxlZnQ6IDI2cHg7XG4gIH1cblxuICA6Oi13ZWJraXQtc2VhcmNoLWNhbmNlbC1idXR0b24ge1xuICAgIC13ZWJraXQtYXBwZWFyYW5jZTogbm9uZTtcbiAgfVxuXG4gIC8qIFNUQVRFUyAqL1xuICA6aG9zdChbZGlzYWJsZWRdKSB7XG4gICAgLS1ndi1pY29uLS1jOiB2YXIoLS1ndi10aGVtZS1uZXV0cmFsLWNvbG9yLWRhcmtlciwgI2Q5ZDlkOSk7XG4gIH1cblxuICA6aG9zdChbZGlzYWJsZWRdKSAuYm94LWljb24tYmdjIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgfVxuXG4gIDpob3N0KFtkaXNhYmxlZF0pIGlucHV0LFxuICA6aG9zdChbZGlzYWJsZWRdKSAuaW5wdXQsXG4gIDpob3N0KFtkaXNhYmxlZF0pIDo6c2xvdHRlZChpbnB1dCkge1xuICAgIGN1cnNvcjogZGVmYXVsdDtcbiAgICBvcGFjaXR5OiAwLjU7XG4gIH1cblxuICBpbnB1dDpyZXF1aXJlZCxcbiAgLmlucHV0OnJlcXVpcmVkLFxuICA6OnNsb3R0ZWQoaW5wdXQ6cmVxdWlyZWQpLFxuICA6OnNsb3R0ZWQoLmlucHV0OnJlcXVpcmVkKSxcbiAgaW5wdXQ6aW52YWxpZCxcbiAgLmlucHV0OmludmFsaWQsXG4gIDo6c2xvdHRlZChpbnB1dDppbnZhbGlkKSxcbiAgOjpzbG90dGVkKC5pbnB1dDppbnZhbGlkKSB7XG4gICAgYm94LXNoYWRvdzogbm9uZTtcbiAgfVxuXG4gIGxhYmVsIHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBsaW5lLWhlaWdodDogMTVweDtcbiAgICBwYWRkaW5nOiAwIDAgMC4ycmVtIDA7XG4gIH1cblxuICAuZGVzY3JpcHRpb24ge1xuICAgIG9wYWNpdHk6IDAuNjtcbiAgICBmb250LXNpemU6IHZhcigtLWd2LXRoZW1lLWZvbnQtc2l6ZS1zLCAxMnB4KTtcbiAgfVxuYDtcbiJdfQ==
+// 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);
+  }
+`;

package/src/styles/link.js

@@ -13,7 +13,20 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { css } from 'lit'; // language=CSS
+import { css } from 'lit';
 
-export const link = 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}`;
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4vbm9kZV9tb2R1bGVzL0BncmF2aXRlZS91aS1jb21wb25lbnRzL3N0eWxlcy9saW5rLmpzIl0sIm5hbWVzIjpbImNzcyIsImxpbmsiXSwibWFwcGluZ3MiOiJBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLFNBQVNBLEdBQVQsUUFBb0IsS0FBcEIsQyxDQUVBOztBQUNBLE9BQU8sTUFBTUMsSUFBSSxHQUFHRCxHQUFHLDJKQUFoQiIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgKEMpIDIwMTUgVGhlIEdyYXZpdGVlIHRlYW0gKGh0dHA6Ly9ncmF2aXRlZS5pbylcbiAqXG4gKiBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdsaXQnO1xuXG4vLyBsYW5ndWFnZT1DU1NcbmV4cG9ydCBjb25zdCBsaW5rID0gY3NzYFxuICAubGluayxcbiAgLmxpbms6dmlzaXRlZCB7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIG9wYWNpdHk6IDE7XG4gICAgdHJhbnNpdGlvbjogb3BhY2l0eSAwLjE1cyBlYXNlLWluO1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgfVxuXG4gIC5saW5rOmhvdmVyIHtcbiAgICBvcGFjaXR5OiAwLjc7XG4gICAgdHJhbnNpdGlvbjogb3BhY2l0eSAwLjE1cyBlYXNlLWluO1xuICB9XG5gO1xuIl19
+// 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;
+  }
+`;

package/src/styles/shapes.js

@@ -15,4 +15,3 @@
  */
 export const shapeClipboard = 'general:clipboard';
 export const shapeCopied = 'communication:clipboard-check';
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4vbm9kZV9tb2R1bGVzL0BncmF2aXRlZS91aS1jb21wb25lbnRzL3N0eWxlcy9zaGFwZXMuanMiXSwibmFtZXMiOlsic2hhcGVDbGlwYm9hcmQiLCJzaGFwZUNvcGllZCJdLCJtYXBwaW5ncyI6IkFBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsT0FBTyxNQUFNQSxjQUFjLEdBQUcsbUJBQXZCO0FBQ1AsT0FBTyxNQUFNQyxXQUFXLEdBQUcsK0JBQXBCIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoQykgMjAxNSBUaGUgR3Jhdml0ZWUgdGVhbSAoaHR0cDovL2dyYXZpdGVlLmlvKVxuICpcbiAqIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbmV4cG9ydCBjb25zdCBzaGFwZUNsaXBib2FyZCA9ICdnZW5lcmFsOmNsaXBib2FyZCc7XG5leHBvcnQgY29uc3Qgc2hhcGVDb3BpZWQgPSAnY29tbXVuaWNhdGlvbjpjbGlwYm9hcmQtY2hlY2snO1xuIl19

package/src/styles/skeleton.js

@@ -13,7 +13,41 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { css } from 'lit'; // language=CSS
+import { css } from 'lit';
 
-export const skeleton = 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}`;
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4vbm9kZV9tb2R1bGVzL0BncmF2aXRlZS91aS1jb21wb25lbnRzL3N0eWxlcy9za2VsZXRvbi5qcyJdLCJuYW1lcyI6WyJjc3MiLCJza2VsZXRvbiJdLCJtYXBwaW5ncyI6IkFBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsU0FBU0EsR0FBVCxRQUFvQixLQUFwQixDLENBRUE7O0FBQ0EsT0FBTyxNQUFNQyxRQUFRLEdBQUdELEdBQUcsMG1CQUFwQiIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgKEMpIDIwMTUgVGhlIEdyYXZpdGVlIHRlYW0gKGh0dHA6Ly9ncmF2aXRlZS5pbylcbiAqXG4gKiBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdsaXQnO1xuXG4vLyBsYW5ndWFnZT1DU1NcbmV4cG9ydCBjb25zdCBza2VsZXRvbiA9IGNzc2BcbiAgQGtleWZyYW1lcyBza2VsZXRvbi1wdWxzZSB7XG4gICAgZnJvbSB7XG4gICAgICBvcGFjaXR5OiAwLjg1O1xuICAgIH1cbiAgICB0byB7XG4gICAgICBvcGFjaXR5OiAwLjQ1O1xuICAgIH1cbiAgfVxuICAuc2tlbGV0b24sXG4gIDpob3N0KFtza2VsZXRvbl0pIHtcbiAgICBhbmltYXRpb24tZGlyZWN0aW9uOiBhbHRlcm5hdGU7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiA1MDBtcztcbiAgICBhbmltYXRpb24taXRlcmF0aW9uLWNvdW50OiBpbmZpbml0ZTtcbiAgICBhbmltYXRpb24tbmFtZTogc2tlbGV0b24tcHVsc2U7XG4gICAgY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIGN1cnNvcjogcHJvZ3Jlc3MgIWltcG9ydGFudDtcbiAgICAtbW96LXVzZXItc2VsZWN0OiBub25lO1xuICAgIC13ZWJraXQtdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgLW1zLXVzZXItc2VsZWN0OiBub25lO1xuICAgIHVzZXItc2VsZWN0OiBub25lO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWd2LXRoZW1lLXNrZWxldG9uLWNvbG9yLCAjYmZiZmJmKSAhaW1wb3J0YW50O1xuICAgIGJvcmRlci1jb2xvcjogdmFyKC0tZ3YtdGhlbWUtc2tlbGV0b24tY29sb3IsICNiZmJmYmYpO1xuICB9XG5cbiAgLnNrZWxldG9uIHN2ZyxcbiAgOmhvc3QoW3NrZWxldG9uXSkgc3ZnLFxuICA6aG9zdChbc2tlbGV0b25dKSBndi1pY29uLFxuICAuc2tlbGV0b24gZ3YtaWNvbixcbiAgLnNrZWxldG9uID4gKixcbiAgLnNrZWxldG9uIDo6c2xvdHRlZCgqKSxcbiAgOmhvc3QoW3NrZWxldG9uXSkgOjpzbG90dGVkKCopIHtcbiAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gIH1cbmA7XG4iXX0=
+// 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;
+  }
+`;

package/src/styles/zoom.js

@@ -13,7 +13,28 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { css } from 'lit'; // language=CSS
+import { css } from 'lit';
 
-export const zoom = 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}}`;
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4vbm9kZV9tb2R1bGVzL0BncmF2aXRlZS91aS1jb21wb25lbnRzL3N0eWxlcy96b29tLmpzIl0sIm5hbWVzIjpbImNzcyIsInpvb20iXSwibWFwcGluZ3MiOiJBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLFNBQVNBLEdBQVQsUUFBb0IsS0FBcEIsQyxDQUVBOztBQUNBLE9BQU8sTUFBTUMsSUFBSSxHQUFHRCxHQUFHLHFLQUFoQiIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgKEMpIDIwMTUgVGhlIEdyYXZpdGVlIHRlYW0gKGh0dHA6Ly9ncmF2aXRlZS5pbylcbiAqXG4gKiBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdsaXQnO1xuXG4vLyBsYW5ndWFnZT1DU1NcbmV4cG9ydCBjb25zdCB6b29tID0gY3NzYFxuICBAa2V5ZnJhbWVzIHpvb21JbiB7XG4gICAgMCUge1xuICAgICAgdHJhbnNmb3JtOiBzY2FsZSgwLjgpO1xuICAgICAgb3BhY2l0eTogMDtcbiAgICB9XG4gICAgMTAwJSB7XG4gICAgICB0cmFuc2Zvcm06IHNjYWxlKDEpO1xuICAgICAgb3BhY2l0eTogMTtcbiAgICB9XG4gIH1cblxuICBAa2V5ZnJhbWVzIHpvb21PdXQge1xuICAgIDAlIHtcbiAgICAgIHRyYW5zZm9ybTogc2NhbGUoMSk7XG4gICAgfVxuICAgIDEwMCUge1xuICAgICAgdHJhbnNmb3JtOiBzY2FsZSgwLjgpO1xuICAgICAgb3BhY2l0eTogMDtcbiAgICB9XG4gIH1cbmA7XG4iXX0=
+// 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;
+    }
+  }
+`;