@charcoal-ui/react 2.7.0 → 3.0.0-beta.0
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/dist/components/Button/index.d.ts +1 -1
- package/dist/components/Button/index.d.ts.map +1 -1
- package/dist/index.cjs.js +4 -4
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +4 -4
- package/dist/index.esm.js.map +1 -1
- package/package.json +6 -6
- package/src/components/Button/index.story.tsx +6 -6
- package/src/components/Button/index.tsx +5 -5
- package/src/components/Modal/index.story.tsx +5 -5
- package/src/components/Modal/index.tsx +1 -1
|
@@ -14,7 +14,7 @@ interface StyledProps {
|
|
|
14
14
|
/**
|
|
15
15
|
* 幅を最大まで広げて描画
|
|
16
16
|
*/
|
|
17
|
-
|
|
17
|
+
fullWidth: boolean;
|
|
18
18
|
}
|
|
19
19
|
export type ButtonProps = Partial<StyledProps> & ClickableProps;
|
|
20
20
|
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<ClickableElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAI1C,OAAkB,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAE1E,KAAK,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,YAAY,CAAA;AAC1E,KAAK,IAAI,GAAG,GAAG,GAAG,GAAG,CAAA;AAErB,UAAU,WAAW;IACnB;;OAEG;IACH,OAAO,EAAE,OAAO,CAAA;IAChB;;OAEG;IACH,IAAI,EAAE,IAAI,CAAA;IACV;;OAEG;IACH,SAAS,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,MAAM,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC,GAAG,cAAc,CAAA;AAE/D,QAAA,MAAM,MAAM,sFAuBV,CAAA;AACF,eAAe,MAAM,CAAA"}
|
package/dist/index.cjs.js
CHANGED
|
@@ -205,7 +205,7 @@ var Button2 = import_react4.default.forwardRef(function Button3({
|
|
|
205
205
|
children,
|
|
206
206
|
variant = "Default",
|
|
207
207
|
size = "M",
|
|
208
|
-
fixed = false,
|
|
208
|
+
fullWidth: fixed = false,
|
|
209
209
|
disabled = false,
|
|
210
210
|
...rest
|
|
211
211
|
}, ref) {
|
|
@@ -216,7 +216,7 @@ var Button2 = import_react4.default.forwardRef(function Button3({
|
|
|
216
216
|
disabled,
|
|
217
217
|
variant,
|
|
218
218
|
size,
|
|
219
|
-
fixed,
|
|
219
|
+
fullWidth: fixed,
|
|
220
220
|
ref
|
|
221
221
|
},
|
|
222
222
|
children
|
|
@@ -225,10 +225,10 @@ var Button2 = import_react4.default.forwardRef(function Button3({
|
|
|
225
225
|
var Button_default = Button2;
|
|
226
226
|
var StyledButton = (0, import_styled_components4.default)(Clickable_default).withConfig({
|
|
227
227
|
shouldForwardProp(prop) {
|
|
228
|
-
return prop !== "
|
|
228
|
+
return prop !== "fullWidth";
|
|
229
229
|
}
|
|
230
230
|
}).attrs(styledProps)`
|
|
231
|
-
width: ${(p) => p.
|
|
231
|
+
width: ${(p) => p.fullWidth ? "stretch" : "min-content"};
|
|
232
232
|
display: inline-grid;
|
|
233
233
|
align-items: center;
|
|
234
234
|
justify-content: center;
|