bestax-migrate 2.22.0 → 2.22.1
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.
|
@@ -45,16 +45,16 @@ export const RENDER_TODO = {
|
|
|
45
45
|
};
|
|
46
46
|
/**
|
|
47
47
|
* `isFullWidth` is universal in bloomer (via `withHelpersModifiers`), but
|
|
48
|
-
* Bulma's `is-fullwidth` only means something on a handful of elements
|
|
49
|
-
* bestax
|
|
50
|
-
*
|
|
48
|
+
* Bulma's `is-fullwidth` only means something on a handful of elements. The
|
|
49
|
+
* components bestax gives a prop for it opt in with `FULLWIDTH`, which writes
|
|
50
|
+
* its current spelling, `isFullwidth`: `isFullWidth` is a deprecated alias.
|
|
51
51
|
*/
|
|
52
52
|
const FULLWIDTH_TODO = {
|
|
53
53
|
todo: 'Bulma defines `is-fullwidth` only on buttons, files, images, inputs, textareas, selects, tables and tabs, and this is none of them — drop it, or add className="is-fullwidth" if your own CSS styled the class',
|
|
54
54
|
};
|
|
55
55
|
/** Bulma styles `is-fullwidth` here, but bestax declares no prop for it. */
|
|
56
56
|
const FULLWIDTH_CLASS = { toClass: 'is-fullwidth' };
|
|
57
|
-
const
|
|
57
|
+
const FULLWIDTH = { rename: 'isFullwidth' };
|
|
58
58
|
/**
|
|
59
59
|
* `textColor` is not part of `BulmaClassesProps` — each component declares it
|
|
60
60
|
* by hand, and many do not. So it is claimed per component, like `isSize`;
|
|
@@ -250,7 +250,7 @@ export const MAPPING = {
|
|
|
250
250
|
isHovered: {},
|
|
251
251
|
isFocused: {},
|
|
252
252
|
isLoading: {},
|
|
253
|
-
isFullWidth:
|
|
253
|
+
isFullWidth: FULLWIDTH,
|
|
254
254
|
tag: TAG_AS,
|
|
255
255
|
hasTextColor: TEXT_COLOR_OK,
|
|
256
256
|
},
|
|
@@ -301,7 +301,7 @@ export const MAPPING = {
|
|
|
301
301
|
isBordered: {},
|
|
302
302
|
isStriped: {},
|
|
303
303
|
isNarrow: {},
|
|
304
|
-
isFullWidth:
|
|
304
|
+
isFullWidth: FULLWIDTH,
|
|
305
305
|
},
|
|
306
306
|
},
|
|
307
307
|
Tag: {
|
|
@@ -382,7 +382,7 @@ export const MAPPING = {
|
|
|
382
382
|
isColor: color,
|
|
383
383
|
isSize: size,
|
|
384
384
|
isLoading: {},
|
|
385
|
-
isFullWidth:
|
|
385
|
+
isFullWidth: FULLWIDTH,
|
|
386
386
|
},
|
|
387
387
|
},
|
|
388
388
|
TextArea: {
|
|
@@ -753,7 +753,7 @@ export const MAPPING = {
|
|
|
753
753
|
isSize: size,
|
|
754
754
|
isBoxed: { rename: 'boxed' },
|
|
755
755
|
isToggle: { rename: 'toggle' },
|
|
756
|
-
isFullWidth:
|
|
756
|
+
isFullWidth: FULLWIDTH,
|
|
757
757
|
},
|
|
758
758
|
},
|
|
759
759
|
TabList: {
|
|
@@ -161,7 +161,7 @@ export const MAPPING = {
|
|
|
161
161
|
outlined: { booleanToProp: { name: 'isOutlined' } },
|
|
162
162
|
inverted: { booleanToProp: { name: 'isInverted' } },
|
|
163
163
|
loading: { booleanToProp: { name: 'isLoading' } },
|
|
164
|
-
fullwidth: { booleanToProp: { name: '
|
|
164
|
+
fullwidth: { booleanToProp: { name: 'isFullwidth' } },
|
|
165
165
|
rounded: { booleanToProp: { name: 'isRounded' } },
|
|
166
166
|
text: { booleanToProp: { name: 'color', value: 'text' } },
|
|
167
167
|
isSelected: {
|
|
@@ -738,7 +738,7 @@ export const MAPPING = {
|
|
|
738
738
|
props: {
|
|
739
739
|
align: { valueMap: { center: 'centered', right: 'right' } },
|
|
740
740
|
size: {},
|
|
741
|
-
fullwidth: {},
|
|
741
|
+
fullwidth: { rename: 'isFullwidth' },
|
|
742
742
|
type: {
|
|
743
743
|
valueMap: {
|
|
744
744
|
toggle: 'toggle',
|