@six-group/ui-library 0.0.0-insider.a8d68c7 → 0.0.0-insider.a9875a1

package/dist/collection/components/six-tag/test/six-tag.spec.js

@@ -0,0 +1,54 @@
+import { newSpecPage } from "@stencil/core/testing";
+import { SixTag } from "../six-tag";
+describe('six-tag', () => {
+    beforeEach(async () => {
+        global.ResizeObserver = jest.fn().mockImplementation(() => ({
+            observe: jest.fn(),
+            unobserve: jest.fn(),
+            disconnect: jest.fn(),
+        }));
+    });
+    it('renders', async () => {
+        const page = await newSpecPage({
+            components: [SixTag],
+            html: `<six-tag size="small">label</six-tag>`,
+        });
+        expect(page.root).toEqualHtml(`
+
+      <six-tag size="small" type="primary">
+        <mock:shadow-root>
+          <span class="tag tag--primary tag--small" part="base">
+          <six-tooltip>
+            <span class="tag__content" part="content">
+              <slot></slot>
+            </span>
+            </six-tooltip>
+          </span>
+        </mock:shadow-root>
+        label
+      </six-tag>
+    `);
+    });
+    it('renders clearable', async () => {
+        const page = await newSpecPage({
+            components: [SixTag],
+            html: `<six-tag size="medium" clearable>label</six-tag>`,
+        });
+        expect(page.root).toEqualHtml(`
+      <six-tag clearable="" size="medium" type="primary">
+        <mock:shadow-root>
+          <span class="tag tag--clear tag--medium tag--primary" part="base">
+          <six-tooltip>
+            <span class="tag__content" part="content">
+              <slot></slot>
+            </span>
+          </six-tooltip>
+            <six-icon-button class="tag__clear" exportparts="base:clear-button" name="clear" size="xSmall"></six-icon-button>
+          </span>
+        </mock:shadow-root>
+        label
+      </six-tag>
+    `);
+    });
+});
+//# sourceMappingURL=six-tag.spec.js.map

package/dist/collection/components/six-tag/test/six-tag.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"six-tag.spec.js","sourceRoot":"","sources":["../../../../src/components/six-tag/test/six-tag.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAEpC,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;IACvB,UAAU,CAAC,KAAK,IAAI,EAAE;QACpB,MAAM,CAAC,cAAc,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC,kBAAkB,CAAC,GAAG,EAAE,CAAC,CAAC;YAC1D,OAAO,EAAE,IAAI,CAAC,EAAE,EAAE;YAClB,SAAS,EAAE,IAAI,CAAC,EAAE,EAAE;YACpB,UAAU,EAAE,IAAI,CAAC,EAAE,EAAE;SACtB,CAAC,CAAC,CAAC;IACN,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,MAAM,CAAC;YACpB,IAAI,EAAE,uCAAuC;SAC9C,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;KAc7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mBAAmB,EAAE,KAAK,IAAI,EAAE;QACjC,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,MAAM,CAAC;YACpB,IAAI,EAAE,kDAAkD;SACzD,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;KAc7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { SixTag } from '../six-tag';\n\ndescribe('six-tag', () => {\n  beforeEach(async () => {\n    global.ResizeObserver = jest.fn().mockImplementation(() => ({\n      observe: jest.fn(),\n      unobserve: jest.fn(),\n      disconnect: jest.fn(),\n    }));\n  });\n\n  it('renders', async () => {\n    const page = await newSpecPage({\n      components: [SixTag],\n      html: `<six-tag size=\"small\">label</six-tag>`,\n    });\n    expect(page.root).toEqualHtml(`\n\n      <six-tag size=\"small\" type=\"primary\">\n        <mock:shadow-root>\n          <span class=\"tag tag--primary tag--small\" part=\"base\">\n          <six-tooltip>\n            <span class=\"tag__content\" part=\"content\">\n              <slot></slot>\n            </span>\n            </six-tooltip>\n          </span>\n        </mock:shadow-root>\n        label\n      </six-tag>\n    `);\n  });\n\n  it('renders clearable', async () => {\n    const page = await newSpecPage({\n      components: [SixTag],\n      html: `<six-tag size=\"medium\" clearable>label</six-tag>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <six-tag clearable=\"\" size=\"medium\" type=\"primary\">\n        <mock:shadow-root>\n          <span class=\"tag tag--clear tag--medium tag--primary\" part=\"base\">\n          <six-tooltip>\n            <span class=\"tag__content\" part=\"content\">\n              <slot></slot>\n            </span>\n          </six-tooltip>\n            <six-icon-button class=\"tag__clear\" exportparts=\"base:clear-button\" name=\"clear\" size=\"xSmall\"></six-icon-button>\n          </span>\n        </mock:shadow-root>\n        label\n      </six-tag>\n    `);\n  });\n});\n"]}

package/dist/collection/components/six-textarea/six-textarea.css

@@ -14,6 +14,7 @@
 }
 .form-control .form-control__error-text {
   display: none;
+  text-align: left;
 }
 
 .form-control--has-label .form-control__label {
@@ -25,6 +26,9 @@
 .form-control--has-label .form-control__label__required::after {
   color: var(--six-color-danger-800);
   content: "*";
+  transform: scale(1.1);
+  margin-left: var(--six-spacing-xxx-small);
+  position: absolute;
 }
 .form-control--has-label.form-control--small .form-control__label {
   font-size: var(--six-input-label-font-size-small);
@@ -56,7 +60,6 @@
 
 .form-control--has-error-text .form-control__error-text {
   display: block;
-  color: var(--six-color-danger-800);
   margin-top: var(--six-spacing-xxx-small);
 }
 .form-control--has-error-text .form-control__error-text ::slotted(*) {