renmae

uzabase · Feb 27, 2025 · 40b4033 · 40b4033
1 parent 907b6fd
commit 40b4033
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 10 deletions.
diff --git a/src/components/text-field-unit/index.ts b/src/components/text-field-unit/index.ts
@@ -8,7 +8,7 @@ import { type SpTextFieldXLargeInput } from "./input";
 import { type SpTextFieldLabel } from "./label";
 import styles from "./styles.css?inline";
 
-export class SpTextFieldXLarge extends HTMLElement {
+export class SpTextFieldUnit extends HTMLElement {
   static observedAttributes = [
     "error",
     "label",
@@ -163,12 +163,12 @@ export class SpTextFieldXLarge extends HTMLElement {
   }
 }
 
-const tagName = "sp-text-field-x-large";
+const tagName = "sp-text-field-unit";
 declare global {
   interface HTMLElementTagNameMap {
-    "sp-text-field-x-large": SpTextFieldXLarge;
+    "sp-text-field-unit": SpTextFieldUnit;
   }
 }
 if (!customElements.get(tagName)) {
-  customElements.define(tagName, SpTextFieldXLarge);
+  customElements.define(tagName, SpTextFieldUnit);
 }
diff --git a/src/index.ts b/src/index.ts
@@ -1,2 +1,2 @@
 export { SpButton } from "./components/button/sp-button";
-export { SpTextFieldXLarge } from "./components/text-field-unit";
+export { SpTextFieldUnit } from "./components/text-field-unit";
diff --git a/stories/text-field-unit/x-large.story.ts → .../text-field-unit/text-field-unit.story.ts b/stories/text-field-unit/x-large.story.ts → .../text-field-unit/text-field-unit.story.ts
@@ -3,9 +3,9 @@ import "../../src/components/text-field-unit";
 import type { Meta, StoryObj } from "@storybook/web-components";
 import { html } from "lit";
 
-import type { SpTextFieldXLarge } from "../../src/components/text-field-unit";
+import type { SpTextFieldUnit } from "../../src/components/text-field-unit";
 
-const meta: Meta<SpTextFieldXLarge> = {
+const meta: Meta<SpTextFieldUnit> = {
   component: "sp-text-field-x-large",
   args: {
     label: "ラベル",
@@ -18,16 +18,16 @@ const meta: Meta<SpTextFieldXLarge> = {
 };
 export default meta;
 
-export const Default: StoryObj<SpTextFieldXLarge> = {
+export const Default: StoryObj<SpTextFieldUnit> = {
   render: ({ label, error, placeholder, disabled, name, value }) => {
-    return html`<sp-text-field-x-large
+    return html`<sp-text-field-unit
       placeholder=${placeholder}
       label=${label}
       ?disabled=${disabled}
       name=${name}
       value=${value}
       error=${error}
     >
-    </sp-text-field-x-large>`;
+    </sp-text-field-unit>`;
   },
 };