Merge pull request #39 from pepabo/rename-alert-component

AlertコンポーネントはCalloutにリネームします
pepabo · Oct 2, 2024 · 11a505a · 11a505a
2 parents 2b0e5ce + 2bdd0e6
commit 11a505a
Show file tree

Hide file tree

Showing 14 changed files with 48 additions and 35 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/alert/README.md b/packages/alert/README.md
diff --git a/packages/callout/README.md b/packages/callout/README.md
@@ -0,0 +1,13 @@
+# Inhouse Callout
+
+## Usage
+
+### Installation
+
+```bash
+$ npm install @pepabo-inhouse/callout
+
+# or
+
+$ yarn add @pepabo-inhouse/callout
+```
diff --git a/packages/alert/_index.scss → packages/callout/_index.scss b/packages/alert/_index.scss → packages/callout/_index.scss
diff --git a/packages/alert/_mixins.scss → packages/callout/_mixins.scss b/packages/alert/_mixins.scss → packages/callout/_mixins.scss
@@ -69,7 +69,7 @@
 }
 
 @mixin export {
-  .in-alert {
+  .in-callout {
     @include style;
   }
 }
diff --git a/packages/alert/_variables.scss → packages/callout/_variables.scss b/packages/alert/_variables.scss → packages/callout/_variables.scss
diff --git a/packages/alert/inhouse-alert.scss → packages/callout/inhouse-callout.scss b/packages/alert/inhouse-alert.scss → packages/callout/inhouse-callout.scss
diff --git a/packages/alert/package.json → packages/callout/package.json b/packages/alert/package.json → packages/callout/package.json
@@ -1,11 +1,11 @@
 {
-  "name": "@pepabo-inhouse/alert",
+  "name": "@pepabo-inhouse/callout",
   "description": "Inhouse Components for the web component",
-  "version": "1.4.1",
+  "version": "1.6.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/pepabo/inhouse-components-web.git",
-    "directory": "packages/alert"
+    "directory": "packages/callout"
   },
   "publishConfig": {
     "access": "public"

diff --git a/packages/components-web/_index.scss b/packages/components-web/_index.scss
@@ -1,8 +1,8 @@
 @forward "@pepabo-inhouse/adapter";
-@forward "@pepabo-inhouse/alert" as alert-*;
 @forward "@pepabo-inhouse/app-bar" as app-bar-*;
 @forward "@pepabo-inhouse/avatar" as avatar-*;
 @forward "@pepabo-inhouse/button" as button-*;
+@forward "@pepabo-inhouse/callout" as callout-*;
 @forward "@pepabo-inhouse/card" as card-*;
 @forward "@pepabo-inhouse/cell" as cell-*;
 @forward "@pepabo-inhouse/checkbox" as checkbox-*;

diff --git a/packages/components-web/inhouse-components-web.scss b/packages/components-web/inhouse-components-web.scss
@@ -1,8 +1,8 @@
-@use "@pepabo-inhouse/alert";
 @use "@pepabo-inhouse/app-bar";
 @use "@pepabo-inhouse/avatar";
 @use "@pepabo-inhouse/bottom-navigation";
 @use "@pepabo-inhouse/button";
+@use "@pepabo-inhouse/callout";
 @use "@pepabo-inhouse/card";
 @use "@pepabo-inhouse/checkbox";
 @use "@pepabo-inhouse/container";
@@ -27,11 +27,11 @@
 // @import が存在しているので最初に flavor を読む
 // see: https://git.pepabo.com/inhouse/components-web/issues/355
 @include flavor.export;
-@include alert.export;
 @include app-bar.export;
 @include avatar.export;
 @include bottom-navigation.export;
 @include button.export;
+@include callout.export;
 @include card.export;
 @include checkbox.export;
 @include container.export;

diff --git a/packages/components-web/package.json b/packages/components-web/package.json
@@ -12,11 +12,11 @@
   },
   "devDependencies": {
     "@pepabo-inhouse/adapter": "^1.4.1",
-    "@pepabo-inhouse/alert": "^1.4.1",
     "@pepabo-inhouse/app-bar": "^1.4.1",
     "@pepabo-inhouse/avatar": "^1.4.1",
     "@pepabo-inhouse/bottom-navigation": "^1.4.1",
     "@pepabo-inhouse/button": "^1.5.0",
+    "@pepabo-inhouse/callout": "^1.6.0",
     "@pepabo-inhouse/card": "^1.4.1",
     "@pepabo-inhouse/cell": "^1.4.1",
     "@pepabo-inhouse/checkbox": "^1.5.0",

diff --git a/packages/stories-web/package.json b/packages/stories-web/package.json
@@ -13,11 +13,11 @@
     "@babel/preset-react": "^7.18.6",
     "@babel/preset-typescript": "^7.21.4",
     "@pepabo-inhouse/adapter": "^1.4.1",
-    "@pepabo-inhouse/alert": "^1.4.1",
     "@pepabo-inhouse/app-bar": "^1.4.1",
     "@pepabo-inhouse/avatar": "^1.4.1",
     "@pepabo-inhouse/bottom-navigation": "^1.4.1",
     "@pepabo-inhouse/button": "^1.5.0",
+    "@pepabo-inhouse/callout": "^1.6.0",
     "@pepabo-inhouse/card": "^1.4.1",
     "@pepabo-inhouse/cell": "^1.4.1",
     "@pepabo-inhouse/checkbox": "^1.5.0",

diff --git a/packages/stories-web/src/alert.stories.tsx → packages/stories-web/src/callout.stories.tsx b/packages/stories-web/src/alert.stories.tsx → packages/stories-web/src/callout.stories.tsx
@@ -1,14 +1,14 @@
 import type { StoryFn, Meta } from '@storybook/react'
 import React from 'react'
-import Alert, { Props } from './components/Alert'
+import Callout, { Props } from './components/Callout'
 
 export default {
-  title: 'Components/Alert',
-  component: Alert,
+  title: 'Components/Callout',
+  component: Callout,
   size: 'm',
 } as Meta
 
-const Template: StoryFn<Props> = (args) => <Alert {...args} ></Alert>
+const Template: StoryFn<Props> = (args) => <Callout {...args} ></Callout>
 
 export const Index = Template.bind({})
 Index.args = {

diff --git a/...ages/stories-web/src/components/Alert.tsx → ...es/stories-web/src/components/Callout.tsx b/...ages/stories-web/src/components/Alert.tsx → ...es/stories-web/src/components/Callout.tsx
@@ -10,8 +10,8 @@ export interface Props {
   size?: Extract<Size, 's' | 'm' | 'l'>;
 }
 
-const Alert: FC<Props> = (props: Props) => {
-  const wrapperClasses = ['in-alert']
+const Callout: FC<Props> = (props: Props) => {
+  const wrapperClasses = ['in-callout']
   const {
     color = "informative",
     size = "m",
@@ -31,4 +31,4 @@ const Alert: FC<Props> = (props: Props) => {
   )
 }
 
-export default Alert
+export default Callout