npm - legalesign-document-viewer - Versions diffs - 0.9.7 → 0.9.9 - Mend

legalesign-document-viewer 0.9.7 → 0.9.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (488) hide show

package/dist/collection/components/ls-field-properties-file/ls-field-properties-file.css CHANGED Viewed

@@ -11,7 +11,7 @@
   margin: 0;
 }
-.field-set {
+.ls-dv-field-set {
   display: flex;
   flex-direction: column;
   gap: 1rem;
@@ -43,8 +43,8 @@ a:hover {
   color: var(--primary-70, #2134dc);
 }
-.button-link,
-.button-link:hover {
+.ls-dv-button-link,
+.ls-dv-button-link:hover {
   all: unset;
 }
@@ -53,7 +53,7 @@ select {
   height: 2.25rem;
   width: 100%;
 }
-.has-leading-icon {
+.ls-dv-has-leading-icon {
   padding-left: 2.5rem;
 }
@@ -66,7 +66,7 @@ textarea {
   padding: 0.5rem 0.75rem;
   font-family: var(--font-family);
   font-size: var(--text-sm);
-  border-radius: 0.5rem;
+  border-radius: 0.625rem;
   color: var(--gray-100, #45484d);
   font-weight: 400;
 }
@@ -119,7 +119,7 @@ input[type='checkbox'] {
 }
 input[type='checkbox']:checked,
-input[type='checkbox'].indeterminate {
+input[type='checkbox'].ls-dv-indeterminate {
   background-color: var(--primary-60, #4456f6);
   border: none;
 }
@@ -136,7 +136,7 @@ input[type='checkbox']:checked::after {
   border-right: 0.125rem solid white;
 }
-input[type='checkbox'].indeterminate::after {
+input[type='checkbox'].ls-dv-indeterminate::after {
   content: '';
   position: absolute;
   top: 50%;
@@ -148,7 +148,7 @@ input[type='checkbox'].indeterminate::after {
 }
 input[type='checkbox']:checked:hover,
-input[type='checkbox'].indeterminate:hover {
+input[type='checkbox'].ls-dv-indeterminate:hover {
   background-color: var(--primary-70, #2134dc);
   border: none;
 }
@@ -177,13 +177,13 @@ input[type='checkbox']:disabled:checked {
   cursor: not-allowed;
 }
-.checkbox-container {
+.ls-dv-checkbox-container {
   display: flex;
   gap: 0.5rem;
   width: 100%;
 }
-.checkbox-label {
+.ls-dv-checkbox-label {
   color: var(--gray-100, #45484d);
   font-size: 1rem;
   font-style: normal;
@@ -191,7 +191,7 @@ input[type='checkbox']:disabled:checked {
   line-height: 1rem;
 }
-.form-label {
+.ls-dv-form-label {
   color: var(--gray-100, #45484d);
   font-size: 1rem;
   font-style: normal;
@@ -199,14 +199,14 @@ input[type='checkbox']:disabled:checked {
   line-height: 1.5rem;
 }
-.form-field {
+.ls-dv-form-field {
   display: flex;
   flex-direction: column;
   gap: 0.25rem;
   width: 100%;
 }
-.loading-box {
+.ls-dv-loading-box {
   display: flex;
   justify-content: center;
   align-items: center;
@@ -233,51 +233,51 @@ button {
   min-width: 2.25rem;
 }
-button.tertiaryGrey {
+button.ls-dv-tertiary-grey {
   border: 1px solid var(--gray-40, #d8d9dc);
   background-color: white;
   color: var(--gray-80, #787a80);
 }
-button.tertiaryGrey:hover {
+button.ls-dv-tertiary-grey:hover {
   border: 1px solid var(--gray-50, #c8c9cc);
   background: var(--gray-10, #f7f8fa);
 }
-button.secondary {
+button.ls-dv-secondary {
   border: 1px solid var(--gray-50, #c8c9cc);
   background: var(--white, #fff);
   color: var(--gray-90, #5e6066);
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
 }
-button.secondary:hover {
+button.ls-dv-secondary:hover {
   border: 1px solid var(--gray-50, #c8c9cc);
   background: var(--gray-10, #f7f8fa);
 }
-button.destructive {
+button.ls-dv-destructive {
   border: 1px solid var(--red-60, #f04438);
   background-color: white;
   color: var(--red-60);
 }
-button.destructive:hover {
+button.ls-dv-destructive:hover {
   border: 1px solid var(--red-70, #d92d20);
   background: var(--red-10, #fff1f0);
 }
-.button-group {
+.ls-dv-button-group {
   display: flex;
-  border-radius: 0.5rem;
+  border-radius: 0.625rem;
   border: 1px solid var(--gray-30, #e0e2e5);
   background: var(--white, #ffffff);
   overflow: clip;
 }
-.button-group button {
+.ls-dv-button-group button {
   display: flex;
   background: transparent;
   border-radius: unset;
@@ -287,18 +287,18 @@ button.destructive:hover {
   color: var(--gray-80, #6c6e73);
 }
-.button-group button:hover {
+.ls-dv-button-group button:hover {
   background: var(--gray-10, #f7f8fa);
 }
-.button-group > :first-child {
-  border-radius: 0.5rem 0 0 0.5rem;
+.ls-dv-button-group > :first-child {
+  border-radius: 0.625rem 0 0 0.625rem;
 }
-.button-group > :last-child {
+.ls-dv-button-group > :last-child {
   border-radius: 0 0.5rem 0.5rem 0;
 }
-.button-group > :not(:first-child) {
+.ls-dv-button-group > :not(:first-child) {
   border-left: 1px solid var(--gray-30, #e0e2e5);
 }

package/dist/collection/components/ls-field-properties-file/ls-field-properties-file.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { Host, h } from "@stencil/core";
 export class LsFieldPropertiesFile {
     dataItem;
     render() {
-        return (h(Host, { key: '2f2196f1d86891f6a4c6ebee0ee2aba5672651aa' }, h("ls-field-properties-container", { key: '5c55762a9442a2a50b1fbf41de424b5059b4c92d', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'ac85320e81b58dc28320cd5c71db3d6a25273883', class: 'field-set', slot: "content" }, h("ls-field-content", { key: 'fc181d3ee40fc70b44296f4f67cf0ad356e9af00', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '3809e731a4457eb180b93f0d47d39a5aad5d6600', dataItem: this.dataItem })), h("div", { key: 'b82745e58a3bd355f22fbdb5b08d8afe4a77c8a1', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '85ea51914eb727e556074643d3af79b6034e18f0', dataItem: this.dataItem })), h("div", { key: '2a1f218a35cd76e60e1c840424db06cefa7b6843', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: '1f22ab9bedb9e01841585c3d2e621a0441a6abdc', dataItem: this.dataItem }))), h("ls-field-footer", { key: '31f97eb73b5a41b21d8e51a0d9d97273afcaced9', dataItem: this.dataItem })));
+        return (h(Host, { key: '18a4535a7f23c9a7397cc3b3ae1f272bc6455867' }, h("ls-field-properties-container", { key: '78bfa9fac7eeac81d932de4f64cd95b56d6cc401', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '54139a26e5f067411ba2236bfb0a1358f87f6c5e', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: '2c39657dd42d309febac6bad1b6338874e529394', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '99c8b7d02f3b9347baff05e5fae7bdab5d921076', dataItem: this.dataItem })), h("div", { key: 'fcaafe3f481da05aa160f33a1a12c7d53f5950d2', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '95efe10251f8ad4f6f08e19289e8a17b7579c387', dataItem: this.dataItem })), h("div", { key: '438e5bb9f8c2ca3f37f8e51350691d2a33e55df2', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: '8d96e3f28d61b319c1d4b7d94f229d6327f7a062', dataItem: this.dataItem }))), h("ls-field-footer", { key: 'fc4f50cb096730e74fbb997fcced8012f043930c', dataItem: this.dataItem })));
     }
     static get is() { return "ls-field-properties-file"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ls-field-properties-file/ls-field-properties-file.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ls-field-properties-file.js","sourceRoot":"","sources":["~~../../../~~src/components/ls-field-properties-file/ls-field-properties-file.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAQzD,MAAM,OAAO,qBAAqB;IACxB,QAAQ,CAAe;IAE/B,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,sFAA+B,IAAI,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,YAAY,CAAC;gBACzE,4DAAK,KAAK,EAAE,~~WAAW~~,EAAE,IAAI,EAAC,SAAS;~~oBACrC~~,yEAAkB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI;oBAC7C,qFAA8B,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CACrD;gBACN,4DAAK,KAAK,EAAE,~~WAAW~~,EAAE,IAAI,EAAC,YAAY;~~oBACxC~~,4EAAqB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CAC5C;gBACN,4DAAK,KAAK,EAAE,~~WAAW~~,EAAE,IAAI,EAAC,WAAW;~~oBACvC~~,2EAAoB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CAC3C,CACwB;YAChC,wEAAiB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CACvC,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../components';\n\n@Component({\n tag: 'ls-field-properties-file',\n styleUrl: 'ls-field-properties-file.css',\n shadow: true,\n})\nexport class LsFieldPropertiesFile {\n @Prop() dataItem: LSApiElement;\n\n render() {\n return (\n <Host>\n <ls-field-properties-container tabs={['content', 'placement', 'dimensions']}>\n <div class={'field-set'} slot=\"content\">\n <ls-field-content dataItem={this.dataItem} />\n <ls-field-properties-advanced dataItem={this.dataItem} />\n </div>\n <div class={'field-set'} slot=\"dimensions\">\n <ls-field-dimensions dataItem={this.dataItem} />\n </div>\n <div class={'field-set'} slot=\"placement\">\n <ls-field-placement dataItem={this.dataItem} />\n </div>\n </ls-field-properties-container>\n <ls-field-footer dataItem={this.dataItem} />\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"ls-field-properties-file.js","sourceRoot":"","sources":["../../../../src/components/ls-field-properties-file/ls-field-properties-file.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAQzD,MAAM,OAAO,qBAAqB;IACxB,QAAQ,CAAe;IAE/B,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,sFAA+B,IAAI,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,YAAY,CAAC;gBACzE,4DAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,SAAS;oBAC3C,yEAAkB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI;oBAC7C,qFAA8B,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CACrD;gBACN,4DAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,YAAY;oBAC9C,4EAAqB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CAC5C;gBACN,4DAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,WAAW;oBAC7C,2EAAoB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CAC3C,CACwB;YAChC,wEAAiB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CACvC,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../components';\n\n@Component({\n tag: 'ls-field-properties-file',\n styleUrl: 'ls-field-properties-file.css',\n shadow: true,\n})\nexport class LsFieldPropertiesFile {\n @Prop() dataItem: LSApiElement;\n\n render() {\n return (\n <Host>\n <ls-field-properties-container tabs={['content', 'placement', 'dimensions']}>\n <div class={'ls-dv-field-set'} slot=\"content\">\n <ls-field-content dataItem={this.dataItem} />\n <ls-field-properties-advanced dataItem={this.dataItem} />\n </div>\n <div class={'ls-dv-field-set'} slot=\"dimensions\">\n <ls-field-dimensions dataItem={this.dataItem} />\n </div>\n <div class={'ls-dv-field-set'} slot=\"placement\">\n <ls-field-placement dataItem={this.dataItem} />\n </div>\n </ls-field-properties-container>\n <ls-field-footer dataItem={this.dataItem} />\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/ls-field-properties-general/ls-field-properties-general.css CHANGED Viewed

@@ -11,7 +11,7 @@
   margin: 0;
 }
-.field-set {
+.ls-dv-field-set {
   display: flex;
   flex-direction: column;
   gap: 1rem;
@@ -43,8 +43,8 @@ a:hover {
   color: var(--primary-70, #2134dc);
 }
-.button-link,
-.button-link:hover {
+.ls-dv-button-link,
+.ls-dv-button-link:hover {
   all: unset;
 }
@@ -53,7 +53,7 @@ select {
   height: 2.25rem;
   width: 100%;
 }
-.has-leading-icon {
+.ls-dv-has-leading-icon {
   padding-left: 2.5rem;
 }
@@ -66,7 +66,7 @@ textarea {
   padding: 0.5rem 0.75rem;
   font-family: var(--font-family);
   font-size: var(--text-sm);
-  border-radius: 0.5rem;
+  border-radius: 0.625rem;
   color: var(--gray-100, #45484d);
   font-weight: 400;
 }
@@ -119,7 +119,7 @@ input[type='checkbox'] {
 }
 input[type='checkbox']:checked,
-input[type='checkbox'].indeterminate {
+input[type='checkbox'].ls-dv-indeterminate {
   background-color: var(--primary-60, #4456f6);
   border: none;
 }
@@ -136,7 +136,7 @@ input[type='checkbox']:checked::after {
   border-right: 0.125rem solid white;
 }
-input[type='checkbox'].indeterminate::after {
+input[type='checkbox'].ls-dv-indeterminate::after {
   content: '';
   position: absolute;
   top: 50%;
@@ -148,7 +148,7 @@ input[type='checkbox'].indeterminate::after {
 }
 input[type='checkbox']:checked:hover,
-input[type='checkbox'].indeterminate:hover {
+input[type='checkbox'].ls-dv-indeterminate:hover {
   background-color: var(--primary-70, #2134dc);
   border: none;
 }
@@ -177,13 +177,13 @@ input[type='checkbox']:disabled:checked {
   cursor: not-allowed;
 }
-.checkbox-container {
+.ls-dv-checkbox-container {
   display: flex;
   gap: 0.5rem;
   width: 100%;
 }
-.checkbox-label {
+.ls-dv-checkbox-label {
   color: var(--gray-100, #45484d);
   font-size: 1rem;
   font-style: normal;
@@ -191,7 +191,7 @@ input[type='checkbox']:disabled:checked {
   line-height: 1rem;
 }
-.form-label {
+.ls-dv-form-label {
   color: var(--gray-100, #45484d);
   font-size: 1rem;
   font-style: normal;
@@ -199,14 +199,14 @@ input[type='checkbox']:disabled:checked {
   line-height: 1.5rem;
 }
-.form-field {
+.ls-dv-form-field {
   display: flex;
   flex-direction: column;
   gap: 0.25rem;
   width: 100%;
 }
-.loading-box {
+.ls-dv-loading-box {
   display: flex;
   justify-content: center;
   align-items: center;
@@ -233,51 +233,51 @@ button {
   min-width: 2.25rem;
 }
-button.tertiaryGrey {
+button.ls-dv-tertiary-grey {
   border: 1px solid var(--gray-40, #d8d9dc);
   background-color: white;
   color: var(--gray-80, #787a80);
 }
-button.tertiaryGrey:hover {
+button.ls-dv-tertiary-grey:hover {
   border: 1px solid var(--gray-50, #c8c9cc);
   background: var(--gray-10, #f7f8fa);
 }
-button.secondary {
+button.ls-dv-secondary {
   border: 1px solid var(--gray-50, #c8c9cc);
   background: var(--white, #fff);
   color: var(--gray-90, #5e6066);
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
 }
-button.secondary:hover {
+button.ls-dv-secondary:hover {
   border: 1px solid var(--gray-50, #c8c9cc);
   background: var(--gray-10, #f7f8fa);
 }
-button.destructive {
+button.ls-dv-destructive {
   border: 1px solid var(--red-60, #f04438);
   background-color: white;
   color: var(--red-60);
 }
-button.destructive:hover {
+button.ls-dv-destructive:hover {
   border: 1px solid var(--red-70, #d92d20);
   background: var(--red-10, #fff1f0);
 }
-.button-group {
+.ls-dv-button-group {
   display: flex;
-  border-radius: 0.5rem;
+  border-radius: 0.625rem;
   border: 1px solid var(--gray-30, #e0e2e5);
   background: var(--white, #ffffff);
   overflow: clip;
 }
-.button-group button {
+.ls-dv-button-group button {
   display: flex;
   background: transparent;
   border-radius: unset;
@@ -287,18 +287,18 @@ button.destructive:hover {
   color: var(--gray-80, #6c6e73);
 }
-.button-group button:hover {
+.ls-dv-button-group button:hover {
   background: var(--gray-10, #f7f8fa);
 }
-.button-group > :first-child {
-  border-radius: 0.5rem 0 0 0.5rem;
+.ls-dv-button-group > :first-child {
+  border-radius: 0.625rem 0 0 0.625rem;
 }
-.button-group > :last-child {
+.ls-dv-button-group > :last-child {
   border-radius: 0 0.5rem 0.5rem 0;
 }
-.button-group > :not(:first-child) {
+.ls-dv-button-group > :not(:first-child) {
   border-left: 1px solid var(--gray-30, #e0e2e5);
 }

package/dist/collection/components/ls-field-properties-general/ls-field-properties-general.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { Host, h } from "@stencil/core";
 export class LsFieldPropertiesGeneral {
     dataItem;
     render() {
-        return (h(Host, { key: 'a7d5abd0173c81f180d3e48d58c40fb92499a001' }, h("ls-field-properties-container", { key: '266ef0eb896e8bfc293d40c1607595203c26a7e1', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '6aef6f40f180e1d2044e83f06a6d54130e38828e', class: 'field-set', slot: "content" }, h("ls-field-content", { key: 'c6ee6468e3ab87a54fa7fcb0e51d154b9fef3c30', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '09c837e104de3fd38812a87ef23a9089c6a5ad5b', dataItem: this.dataItem })), h("div", { key: 'b2e481729e4e33de81c32a73db4e8aad07f8c0bc', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'daaedba55e5286663a2cb5bf3ec79adb0d9681c9', dataItem: this.dataItem })), h("div", { key: '6f617c8174bcf19f175a3b9aab17ebd75a6c0bd1', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: '79450a3c6a0724029b0bddd3a925cfbb6d88d58a', dataItem: this.dataItem }))), h("ls-field-footer", { key: 'ea702b1786d16d7a9f975d3809f8b6c5bfa377f3', dataItem: this.dataItem })));
+        return (h(Host, { key: 'a491fc66eab0b24cce5e0c1448364e3ad4b4af68' }, h("ls-field-properties-container", { key: 'f7e5715d3688d1a6c33a58c26d31bf28e32d2231', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'd02caaa343e75b044115f9013ec0f90b6900d395', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: 'b2d136bc049a74abcf31be920e8e338d527efaf4', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '7c47d69fdfd1d556f9fca1561c12bce4fb4acc07', dataItem: this.dataItem })), h("div", { key: 'f666c3a11bb8638e0e3a307538a4a47475a3f447', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '048ea3f2cd9254c68f560d020bce76e525999d82', dataItem: this.dataItem })), h("div", { key: '412a9a74412507295875c27f5b006add4938e675', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: '927c9446fe2fdbae3257a6d1b4f171e79b268527', dataItem: this.dataItem }))), h("ls-field-footer", { key: '5baea440dec41dd7d75026d762c795333e3b49c8', dataItem: this.dataItem })));
     }
     static get is() { return "ls-field-properties-general"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ls-field-properties-general/ls-field-properties-general.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ls-field-properties-general.js","sourceRoot":"","sources":["~~../../../~~src/components/ls-field-properties-general/ls-field-properties-general.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAQzD,MAAM,OAAO,wBAAwB;IAC3B,QAAQ,CAAe;IAE/B,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,sFAA+B,IAAI,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,YAAY,CAAC;gBACzE,4DAAK,KAAK,EAAE,~~WAAW~~,EAAE,IAAI,EAAC,SAAS;~~oBACrC~~,yEAAkB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI;oBAC7C,qFAA8B,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CACrD;gBACN,4DAAK,KAAK,EAAE,~~WAAW~~,EAAE,IAAI,EAAC,YAAY;~~oBACxC~~,4EAAqB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CAC5C;gBACN,4DAAK,KAAK,EAAE,~~WAAW~~,EAAE,IAAI,EAAC,WAAW;~~oBACvC~~,2EAAoB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CAC3C,CACwB;YAChC,wEAAiB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CACvC,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../components';\n\n@Component({\n tag: 'ls-field-properties-general',\n styleUrl: 'ls-field-properties-general.css',\n shadow: true,\n})\nexport class LsFieldPropertiesGeneral {\n @Prop() dataItem: LSApiElement;\n\n render() {\n return (\n <Host>\n <ls-field-properties-container tabs={['content', 'placement', 'dimensions']}>\n <div class={'field-set'} slot=\"content\">\n <ls-field-content dataItem={this.dataItem} />\n <ls-field-properties-advanced dataItem={this.dataItem} />\n </div>\n <div class={'field-set'} slot=\"dimensions\">\n <ls-field-dimensions dataItem={this.dataItem} />\n </div>\n <div class={'field-set'} slot=\"placement\">\n <ls-field-placement dataItem={this.dataItem} />\n </div>\n </ls-field-properties-container>\n <ls-field-footer dataItem={this.dataItem} />\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"ls-field-properties-general.js","sourceRoot":"","sources":["../../../../src/components/ls-field-properties-general/ls-field-properties-general.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAQzD,MAAM,OAAO,wBAAwB;IAC3B,QAAQ,CAAe;IAE/B,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,sFAA+B,IAAI,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,YAAY,CAAC;gBACzE,4DAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,SAAS;oBAC3C,yEAAkB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI;oBAC7C,qFAA8B,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CACrD;gBACN,4DAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,YAAY;oBAC9C,4EAAqB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CAC5C;gBACN,4DAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,WAAW;oBAC7C,2EAAoB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CAC3C,CACwB;YAChC,wEAAiB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CACvC,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../components';\n\n@Component({\n tag: 'ls-field-properties-general',\n styleUrl: 'ls-field-properties-general.css',\n shadow: true,\n})\nexport class LsFieldPropertiesGeneral {\n @Prop() dataItem: LSApiElement;\n\n render() {\n return (\n <Host>\n <ls-field-properties-container tabs={['content', 'placement', 'dimensions']}>\n <div class={'ls-dv-field-set'} slot=\"content\">\n <ls-field-content dataItem={this.dataItem} />\n <ls-field-properties-advanced dataItem={this.dataItem} />\n </div>\n <div class={'ls-dv-field-set'} slot=\"dimensions\">\n <ls-field-dimensions dataItem={this.dataItem} />\n </div>\n <div class={'ls-dv-field-set'} slot=\"placement\">\n <ls-field-placement dataItem={this.dataItem} />\n </div>\n </ls-field-properties-container>\n <ls-field-footer dataItem={this.dataItem} />\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/ls-field-properties-image/ls-field-properties-image.css CHANGED Viewed

@@ -11,7 +11,7 @@
   margin: 0;
 }
-.field-set {
+.ls-dv-field-set {
   display: flex;
   flex-direction: column;
   gap: 1rem;
@@ -43,8 +43,8 @@ a:hover {
   color: var(--primary-70, #2134dc);
 }
-.button-link,
-.button-link:hover {
+.ls-dv-button-link,
+.ls-dv-button-link:hover {
   all: unset;
 }
@@ -53,7 +53,7 @@ select {
   height: 2.25rem;
   width: 100%;
 }
-.has-leading-icon {
+.ls-dv-has-leading-icon {
   padding-left: 2.5rem;
 }
@@ -66,7 +66,7 @@ textarea {
   padding: 0.5rem 0.75rem;
   font-family: var(--font-family);
   font-size: var(--text-sm);
-  border-radius: 0.5rem;
+  border-radius: 0.625rem;
   color: var(--gray-100, #45484d);
   font-weight: 400;
 }
@@ -119,7 +119,7 @@ input[type='checkbox'] {
 }
 input[type='checkbox']:checked,
-input[type='checkbox'].indeterminate {
+input[type='checkbox'].ls-dv-indeterminate {
   background-color: var(--primary-60, #4456f6);
   border: none;
 }
@@ -136,7 +136,7 @@ input[type='checkbox']:checked::after {
   border-right: 0.125rem solid white;
 }
-input[type='checkbox'].indeterminate::after {
+input[type='checkbox'].ls-dv-indeterminate::after {
   content: '';
   position: absolute;
   top: 50%;
@@ -148,7 +148,7 @@ input[type='checkbox'].indeterminate::after {
 }
 input[type='checkbox']:checked:hover,
-input[type='checkbox'].indeterminate:hover {
+input[type='checkbox'].ls-dv-indeterminate:hover {
   background-color: var(--primary-70, #2134dc);
   border: none;
 }
@@ -177,13 +177,13 @@ input[type='checkbox']:disabled:checked {
   cursor: not-allowed;
 }
-.checkbox-container {
+.ls-dv-checkbox-container {
   display: flex;
   gap: 0.5rem;
   width: 100%;
 }
-.checkbox-label {
+.ls-dv-checkbox-label {
   color: var(--gray-100, #45484d);
   font-size: 1rem;
   font-style: normal;
@@ -191,7 +191,7 @@ input[type='checkbox']:disabled:checked {
   line-height: 1rem;
 }
-.form-label {
+.ls-dv-form-label {
   color: var(--gray-100, #45484d);
   font-size: 1rem;
   font-style: normal;
@@ -199,14 +199,14 @@ input[type='checkbox']:disabled:checked {
   line-height: 1.5rem;
 }
-.form-field {
+.ls-dv-form-field {
   display: flex;
   flex-direction: column;
   gap: 0.25rem;
   width: 100%;
 }
-.loading-box {
+.ls-dv-loading-box {
   display: flex;
   justify-content: center;
   align-items: center;
@@ -233,51 +233,51 @@ button {
   min-width: 2.25rem;
 }
-button.tertiaryGrey {
+button.ls-dv-tertiary-grey {
   border: 1px solid var(--gray-40, #d8d9dc);
   background-color: white;
   color: var(--gray-80, #787a80);
 }
-button.tertiaryGrey:hover {
+button.ls-dv-tertiary-grey:hover {
   border: 1px solid var(--gray-50, #c8c9cc);
   background: var(--gray-10, #f7f8fa);
 }
-button.secondary {
+button.ls-dv-secondary {
   border: 1px solid var(--gray-50, #c8c9cc);
   background: var(--white, #fff);
   color: var(--gray-90, #5e6066);
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
 }
-button.secondary:hover {
+button.ls-dv-secondary:hover {
   border: 1px solid var(--gray-50, #c8c9cc);
   background: var(--gray-10, #f7f8fa);
 }
-button.destructive {
+button.ls-dv-destructive {
   border: 1px solid var(--red-60, #f04438);
   background-color: white;
   color: var(--red-60);
 }
-button.destructive:hover {
+button.ls-dv-destructive:hover {
   border: 1px solid var(--red-70, #d92d20);
   background: var(--red-10, #fff1f0);
 }
-.button-group {
+.ls-dv-button-group {
   display: flex;
-  border-radius: 0.5rem;
+  border-radius: 0.625rem;
   border: 1px solid var(--gray-30, #e0e2e5);
   background: var(--white, #ffffff);
   overflow: clip;
 }
-.button-group button {
+.ls-dv-button-group button {
   display: flex;
   background: transparent;
   border-radius: unset;
@@ -287,18 +287,18 @@ button.destructive:hover {
   color: var(--gray-80, #6c6e73);
 }
-.button-group button:hover {
+.ls-dv-button-group button:hover {
   background: var(--gray-10, #f7f8fa);
 }
-.button-group > :first-child {
-  border-radius: 0.5rem 0 0 0.5rem;
+.ls-dv-button-group > :first-child {
+  border-radius: 0.625rem 0 0 0.625rem;
 }
-.button-group > :last-child {
+.ls-dv-button-group > :last-child {
   border-radius: 0 0.5rem 0.5rem 0;
 }
-.button-group > :not(:first-child) {
+.ls-dv-button-group > :not(:first-child) {
   border-left: 1px solid var(--gray-30, #e0e2e5);
 }

package/dist/collection/components/ls-field-properties-image/ls-field-properties-image.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { Host, h } from "@stencil/core";
 export class LsFieldPropertiesImage {
     dataItem;
     render() {
-        return (h(Host, { key: '19e453913867728f5187e4b6d1abecff0bc6946c' }, h("ls-field-properties-container", { key: '0f1b92cc4bc2866dff8c8c69ce952bf170960530', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'aef6c386771d0127d9ea3124113635f43136c036', class: 'field-set', slot: "content" }, h("ls-field-content", { key: '8cfa4fcc5da1bfe43546c013634c734c4de2416a', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '5f2b51764ed736302e402352cb842583eaf59554', dataItem: this.dataItem })), h("div", { key: '3933a4a2e966683573e5bf58f1f95899807f8377', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '829b4b5882ea2ba71b4c3c91e144c2d3474f9358', dataItem: this.dataItem })), h("div", { key: 'e6a4c5345278b69126230edb3fda1cbbed030457', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: 'c0e93df6cc265c053d16dccd89d05fda907adf2e', dataItem: this.dataItem }))), h("ls-field-footer", { key: '4f17de4e79d781f2aae86073e3b5421304e39fdf', dataItem: this.dataItem })));
+        return (h(Host, { key: 'd014c472a7781da0814ba7d430efe1ab18187d90' }, h("ls-field-properties-container", { key: '9e0fc1a1368cf287dddfd783f7ad0b1f84eb2f5d', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '076bd3a9a998afe1193f6a6928f3300d222e5d05', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: '1ada0550e6dcf6560217ea6d1b17b4b07636e6bd', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: 'd6a779ebca086dcc33078079dc58a187a071efe6', dataItem: this.dataItem })), h("div", { key: '58438b2be701aa1c575f04e910e73210507a5976', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '54cd070850f1ea3b4f1e61df64e3c055e9f226f9', dataItem: this.dataItem })), h("div", { key: 'f69857adce00c8559cb3cd8ed24818c8200e5af4', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: '257ef6e8b78d05b4bc01e31c565145cf0ae3228e', dataItem: this.dataItem }))), h("ls-field-footer", { key: 'f954e3b6b31beceecacacb3493b9b8a96a6c896f', dataItem: this.dataItem })));
     }
     static get is() { return "ls-field-properties-image"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ls-field-properties-image/ls-field-properties-image.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ls-field-properties-image.js","sourceRoot":"","sources":["~~../../../~~src/components/ls-field-properties-image/ls-field-properties-image.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAQzD,MAAM,OAAO,sBAAsB;IACzB,QAAQ,CAAe;IAE/B,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,sFAA+B,IAAI,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,YAAY,CAAC;gBACzE,4DAAK,KAAK,EAAE,~~WAAW~~,EAAE,IAAI,EAAC,SAAS;~~oBACrC~~,yEAAkB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI;oBAC7C,qFAA8B,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CACrD;gBACN,4DAAK,KAAK,EAAE,~~WAAW~~,EAAE,IAAI,EAAC,YAAY;~~oBACxC~~,4EAAqB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CAC5C;gBACN,4DAAK,KAAK,EAAE,~~WAAW~~,EAAE,IAAI,EAAC,WAAW;~~oBACvC~~,2EAAoB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CAC3C,CACwB;YAChC,wEAAiB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CACvC,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../components';\n\n@Component({\n tag: 'ls-field-properties-image',\n styleUrl: 'ls-field-properties-image.css',\n shadow: true,\n})\nexport class LsFieldPropertiesImage {\n @Prop() dataItem: LSApiElement;\n\n render() {\n return (\n <Host>\n <ls-field-properties-container tabs={['content', 'placement', 'dimensions']}>\n <div class={'field-set'} slot=\"content\">\n <ls-field-content dataItem={this.dataItem} />\n <ls-field-properties-advanced dataItem={this.dataItem} />\n </div>\n <div class={'field-set'} slot=\"dimensions\">\n <ls-field-dimensions dataItem={this.dataItem} />\n </div>\n <div class={'field-set'} slot=\"placement\">\n <ls-field-placement dataItem={this.dataItem} />\n </div>\n </ls-field-properties-container>\n <ls-field-footer dataItem={this.dataItem} />\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"ls-field-properties-image.js","sourceRoot":"","sources":["../../../../src/components/ls-field-properties-image/ls-field-properties-image.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAQzD,MAAM,OAAO,sBAAsB;IACzB,QAAQ,CAAe;IAE/B,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,sFAA+B,IAAI,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,YAAY,CAAC;gBACzE,4DAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,SAAS;oBAC3C,yEAAkB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI;oBAC7C,qFAA8B,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CACrD;gBACN,4DAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,YAAY;oBAC9C,4EAAqB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CAC5C;gBACN,4DAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,WAAW;oBAC7C,2EAAoB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CAC3C,CACwB;YAChC,wEAAiB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CACvC,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../components';\n\n@Component({\n tag: 'ls-field-properties-image',\n styleUrl: 'ls-field-properties-image.css',\n shadow: true,\n})\nexport class LsFieldPropertiesImage {\n @Prop() dataItem: LSApiElement;\n\n render() {\n return (\n <Host>\n <ls-field-properties-container tabs={['content', 'placement', 'dimensions']}>\n <div class={'ls-dv-field-set'} slot=\"content\">\n <ls-field-content dataItem={this.dataItem} />\n <ls-field-properties-advanced dataItem={this.dataItem} />\n </div>\n <div class={'ls-dv-field-set'} slot=\"dimensions\">\n <ls-field-dimensions dataItem={this.dataItem} />\n </div>\n <div class={'ls-dv-field-set'} slot=\"placement\">\n <ls-field-placement dataItem={this.dataItem} />\n </div>\n </ls-field-properties-container>\n <ls-field-footer dataItem={this.dataItem} />\n </Host>\n );\n }\n}\n"]}