Merge branch 'main' into feature/element-title

CONTRIBUTING.md

@@ -61,7 +61,7 @@ TODO: コンポーネントのインタラクティブな機能には、イベ
 - コンポーネントの責務以外に対するテスト
   - 例えば、テスト対象となるコンポーネントが、内部で別のコンポーネントを利用している場合、その内部コンポーネントの責務に対するテストは避けてください。また、ブラウザの仕様（スクロールやリサイズなど）に依存するテストも避けてください。
 - コンポーネントの内部構造に強く依存するテスト
-  - 例えば、DOMの構造をチェックするテストは避けてください。コンポーネントの内部構造はリファクタリングなどで簡単に変更される可能性があり、その度にテストを修正する必要が生じます。振る舞いが変わらない限り、テストを修正する必要がないことが望ましいです。
+  - 例えば、DOMの構造を過度にチェックするテストは避けてください。コンポーネントの内部構造はリファクタリングなどで簡単に変更される可能性があり、その度にテストを修正する必要が生じます。ただし、コンポーネントの振る舞いを実現するために不可欠なHTML要素については、これらがコンポーネントの品質に大きな影響を与えるため、適切にテストすることが重要です。
 
 ## CI
 

dist/components/button/sp-button.d.ts

@@ -1,9 +1,8 @@
 import { UbButton } from "@ub-design/components-web-components/";
-import { SpeedaIconTypes } from "../icon/icons";
 export declare class SpButton extends UbButton {
     #private;
-    get icon(): SpeedaIconTypes | "";
-    set icon(val: SpeedaIconTypes | "");
+    get icon(): string;
+    set icon(val: string);
     static get observedAttributes(): string[];
     constructor();
     attributeChangedCallback(name: string, oldValue: string, newValue: string): void;

dist/components/button/sp-button.js

@@ -43,10 +43,12 @@ export class SpButton extends UbButton {
         _SpButton_instances.add(this);
         _SpButton_icon.set(this, "");
         _SpButton_iconElement.set(this, new SpIcon());
-        this.shadowRoot.adoptedStyleSheets = [
-            ...this.shadowRoot.adoptedStyleSheets,
-            styles,
-        ];
+        if (this.shadowRoot) {
+            this.shadowRoot.adoptedStyleSheets = [
+                ...this.shadowRoot.adoptedStyleSheets,
+                styles,
+            ];
+        }
         __classPrivateFieldGet(this, _SpButton_iconElement, "f").classList.add("base__icon");
         __classPrivateFieldGet(this, _SpButton_iconElement, "f").size = "small";
     }