@openameba/spindle-ui 0.58.4 → 0.58.5
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.
- package/.scaffdog/component.md +0 -2
- package/CHANGELOG.md +6 -0
- package/CONTRIBUTING.md +2 -3
- package/InlineNotification/InlineNotification.d.ts +1 -1
- package/InlineNotification/InlineNotification.d.ts.map +1 -1
- package/InlineNotification/InlineNotification.js +3 -3
- package/InlineNotification/InlineNotification.js.map +1 -1
- package/InlineNotification/InlineNotification.mjs +2 -2
- package/README.md +1 -7
- package/package.json +2 -2
package/.scaffdog/component.md
CHANGED
|
@@ -45,8 +45,6 @@ import { {{ inputs.name | pascal }} } from ‘./{{ inputs.name | pascal }}‘;
|
|
|
45
45
|
|
|
46
46
|
<Meta title=“{{ inputs.name | pascal }}” component={ {{ inputs.name | pascal }} } />
|
|
47
47
|
|
|
48
|
-
|
|
49
|
-
|
|
50
48
|
<Source
|
|
51
49
|
language=‘javascript’
|
|
52
50
|
code={`import { {{ inputs.name | pascal }} } from ‘@openameba/spindle-ui’`}
|
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,12 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [0.58.5](https://github.com/openameba/spindle/compare/@openameba/spindle-ui@0.58.4...@openameba/spindle-ui@0.58.5) (2023-03-09)
|
|
7
|
+
|
|
8
|
+
### Bug Fixes
|
|
9
|
+
|
|
10
|
+
- **spindle-ui:** wider acceptance of props ([a82e7f5](https://github.com/openameba/spindle/commit/a82e7f5a4bd995b5c6bfce7eb35d42077716ad78))
|
|
11
|
+
|
|
6
12
|
## [0.58.4](https://github.com/openameba/spindle/compare/@openameba/spindle-ui@0.58.3...@openameba/spindle-ui@0.58.4) (2023-03-03)
|
|
7
13
|
|
|
8
14
|
### Bug Fixes
|
package/CONTRIBUTING.md
CHANGED
|
@@ -14,6 +14,5 @@ Amebaとして提供される成果物は、それらに則って開発される
|
|
|
14
14
|
2. Design Docの作成。SpindleではコンポーネントごとにDesign Docを作成し、該当コンポーネントに関わる事柄を整理します。コンポーネント名・概要・使用するデザイントークン・アクセシビリティ対応項目などを記載します。Design Docの雛形はNotionにありますので確認してみてください。
|
|
15
15
|
3. Design Docのレビュー。ある程度Design DocができあがったらSpindleチームやWebチームでレビューをします。この段階でのDesign Docはレビュー用途で使用するので完璧に仕上げる必要はありません！
|
|
16
16
|
4. コンポーネント作成。コンポーネントに関する動作やスタイルを実装します。Storybookやテストの作成も忘れずお願いします！また、コンポーネント設計に困った場合には、すでに作成されているコンポーネントを見たり、[Spindle UIのDesign Doc](/packages/spindle-ui/docs/design-doc.md)を見たりしてみてください。
|
|
17
|
-
5.
|
|
18
|
-
6.
|
|
19
|
-
|
|
17
|
+
5. Pull Requestの作成。ここまでできたら後はGitHub上でやりとりし、リリースまで進めます。Pull Requestやリリースに関しては[Contributing to Spindle](/CONTRIBUTING.md)を参照してください。
|
|
18
|
+
6. コンポーネントがリリースされたら[Spindleサイトのコンポーネントステータス](https://spindle.ameba.design/components/status/)を更新します
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InlineNotification.d.ts","sourceRoot":"","sources":["../../src/InlineNotification/InlineNotification.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,SAAS,EAIT,YAAY,EAGb,MAAM,OAAO,CAAC;AAKf,aAAK,OAAO,GAAG,aAAa,GAAG,cAAc,GAAG,OAAO,CAAC;AACxD,aAAK,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AAE/B,aAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;
|
|
1
|
+
{"version":3,"file":"InlineNotification.d.ts","sourceRoot":"","sources":["../../src/InlineNotification/InlineNotification.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,SAAS,EAIT,YAAY,EAGb,MAAM,OAAO,CAAC;AAKf,aAAK,OAAO,GAAG,aAAa,GAAG,cAAc,GAAG,OAAO,CAAC;AACxD,aAAK,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AAE/B,aAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,CAAC,CAAC;AA6I5D,eAAO,MAAM,kBAAkB;;;kBA1DnB,SAAS;;;aAEG,MAAM;;;;kBAMlB,SAAS;;;kBAGP,SAAS;;;kBAmBT,SAAS;;;kBAWU,SAAS;;CAyBzC,CAAC"}
|
|
@@ -67,15 +67,15 @@ var computedButtonVariant = function (variant, emphasis) {
|
|
|
67
67
|
}
|
|
68
68
|
};
|
|
69
69
|
var Frame = function (_a) {
|
|
70
|
-
var children = _a.children, _b = _a.variant, variant = _b === void 0 ? DEFAULT_VARIANT : _b, _c = _a.emphasis, emphasis = _c === void 0 ? DEFAULT_EMPHASIS : _c, _d = _a.layout, layout = _d === void 0 ? DEFAULT_LAYOUT : _d, _e = _a.visible, visible = _e === void 0 ? DEFAULT_VISIBLE : _e;
|
|
71
|
-
return (react_1.default.createElement("div", { className: [
|
|
70
|
+
var children = _a.children, _b = _a.variant, variant = _b === void 0 ? DEFAULT_VARIANT : _b, _c = _a.emphasis, emphasis = _c === void 0 ? DEFAULT_EMPHASIS : _c, _d = _a.layout, layout = _d === void 0 ? DEFAULT_LAYOUT : _d, _e = _a.visible, visible = _e === void 0 ? DEFAULT_VISIBLE : _e, rest = __rest(_a, ["children", "variant", "emphasis", "layout", "visible"]);
|
|
71
|
+
return (react_1.default.createElement("div", __assign({ className: [
|
|
72
72
|
"".concat(BLOCK_NAME),
|
|
73
73
|
"".concat(BLOCK_NAME, "--").concat(variant),
|
|
74
74
|
emphasis && "".concat(BLOCK_NAME, "--emphasized"),
|
|
75
75
|
layout === 'full' && "".concat(BLOCK_NAME, "--full"),
|
|
76
76
|
]
|
|
77
77
|
.filter(Boolean)
|
|
78
|
-
.join(' '), hidden: !visible },
|
|
78
|
+
.join(' '), hidden: !visible }, rest),
|
|
79
79
|
react_1.default.createElement("div", { className: "".concat(BLOCK_NAME, "-content") }, react_1.Children.map(children, function (child) {
|
|
80
80
|
return child ? (0, react_1.cloneElement)(child, { variant: variant, emphasis: emphasis }) : child;
|
|
81
81
|
}))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InlineNotification.js","sourceRoot":"","sources":["../../src/InlineNotification/InlineNotification.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAQe;AACf,2CAA2D;AAC3D,uDAA2E;AAC3E,uDAA2E;AAa3E,IAAM,UAAU,GAAG,yBAAyB,CAAC;AAC7C,IAAM,eAAe,GAAG,aAAa,CAAC;AACtC,IAAM,gBAAgB,GAAG,KAAK,CAAC;AAC/B,IAAM,cAAc,GAAG,OAAO,CAAC;AAC/B,IAAM,eAAe,GAAG,KAAK,CAAC;AAG9B,IAAM,qBAAqB,GAAG,UAC5B,OAAgB,EAChB,QAAiB;IAEjB,IAAI,OAAO,KAAK,cAAc,EAAE;QAC9B,OAAO,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC;KAC5C;SAAM,IAAI,OAAO,KAAK,OAAO,EAAE;QAC9B,OAAO,QAAQ,CAAC;KACjB;SAAM;QACL,OAAO,SAAS,CAAC;KAClB;AACH,CAAC,CAAC;AAEF,IAAM,KAAK,GAAc,UAAC,
|
|
1
|
+
{"version":3,"file":"InlineNotification.js","sourceRoot":"","sources":["../../src/InlineNotification/InlineNotification.tsx"],"names":[],"mappings":"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"}
|
|
@@ -18,7 +18,7 @@ const computedButtonVariant = (variant, emphasis) => {
|
|
|
18
18
|
return 'neutral';
|
|
19
19
|
}
|
|
20
20
|
};
|
|
21
|
-
const Frame = ({ children, variant = DEFAULT_VARIANT, emphasis = DEFAULT_EMPHASIS, layout = DEFAULT_LAYOUT, visible = DEFAULT_VISIBLE, }) => {
|
|
21
|
+
const Frame = ({ children, variant = DEFAULT_VARIANT, emphasis = DEFAULT_EMPHASIS, layout = DEFAULT_LAYOUT, visible = DEFAULT_VISIBLE, ...rest }) => {
|
|
22
22
|
return (React.createElement("div", { className: [
|
|
23
23
|
`${BLOCK_NAME}`,
|
|
24
24
|
`${BLOCK_NAME}--${variant}`,
|
|
@@ -26,7 +26,7 @@ const Frame = ({ children, variant = DEFAULT_VARIANT, emphasis = DEFAULT_EMPHASI
|
|
|
26
26
|
layout === 'full' && `${BLOCK_NAME}--full`,
|
|
27
27
|
]
|
|
28
28
|
.filter(Boolean)
|
|
29
|
-
.join(' '), hidden: !visible },
|
|
29
|
+
.join(' '), hidden: !visible, ...rest },
|
|
30
30
|
React.createElement("div", { className: `${BLOCK_NAME}-content` }, Children.map(children, (child) => child ? cloneElement(child, { variant, emphasis }) : child))));
|
|
31
31
|
};
|
|
32
32
|
const convertInternalChildProps = (props) => {
|
package/README.md
CHANGED
|
@@ -46,13 +46,7 @@ Spindle UIはmodule版の配信もしています。利用する際には、[導
|
|
|
46
46
|
> **_NOTE:_** アイコン利用時は[Spindle IconsのReactコンポーネント](/packages/spindle-icons#react)を読み、注意点を確認してください。
|
|
47
47
|
|
|
48
48
|
## コンポーネント一覧
|
|
49
|
-
利用可能なコンポーネントは、[Storybook](https://ameba-spindle.web.app/)で公開されています。各コンポーネントの開発状況は[
|
|
50
|
-
|
|
51
|
-
-  想定された機能が実装、テストされており本番環境で利用できます
|
|
52
|
-
-  足りていない機能や不安定な動作があり、まだ完全ではないですが、本番環境で利用できます
|
|
53
|
-
-  開発中のため、本番環境での利用はしない方がよいでしょう
|
|
54
|
-
-  実験的な機能で大きな変更や削除される可能性があります
|
|
55
|
-
-  廃止される予定のため、できるだけはやく利用を停止してください
|
|
49
|
+
利用可能なコンポーネントは、[Storybook](https://ameba-spindle.web.app/)で公開されています。各コンポーネントの開発状況は[Spindleサイトのコンポーネントステータスページ](https://spindle.ameba.design/components/status/)をご覧ください。
|
|
56
50
|
|
|
57
51
|
## サンプルアプリケーション
|
|
58
52
|
Spindle UIは様々なパターンのアプリケーションで利用できます。詳細は各サンプルコードを閲覧してください。
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@openameba/spindle-ui",
|
|
3
|
-
"version": "0.58.
|
|
3
|
+
"version": "0.58.5",
|
|
4
4
|
"main": "./index.js",
|
|
5
5
|
"module": "./index.mjs",
|
|
6
6
|
"types": "./index.d.ts",
|
|
@@ -97,5 +97,5 @@
|
|
|
97
97
|
"ts-jest": "29.0.5",
|
|
98
98
|
"webpack": "^5.73.0"
|
|
99
99
|
},
|
|
100
|
-
"gitHead": "
|
|
100
|
+
"gitHead": "fe20a66557a590aeb2739229d608b5aee474eb19"
|
|
101
101
|
}
|