@trilogy-ds/react 4.16.3 → 4.17.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/lib/components/accordion/item/AccordionItem.native.js +2 -2
- package/lib/components/autocomplete/AutoCompletePropsNativeDefaults.js +21 -21
- package/lib/components/autocomplete/AutoCompletePropsWebDefaults.js +21 -21
- package/lib/components/badge/BadgePropsDefaults.js +2 -2
- package/lib/components/box/Box.native.js +17 -7
- package/lib/components/box/BoxPropsDefaults.js +12 -12
- package/lib/components/box/content/BoxContent.native.js +11 -4
- package/lib/components/box/content/BoxContentPropsDefaults.js +6 -6
- package/lib/components/box/context/boxContext.d.ts +10 -2
- package/lib/components/box/context/boxContext.js +13 -2
- package/lib/components/box/footer/BoxFooter.native.js +5 -2
- package/lib/components/box/footer/BoxFooterPropsDefaults.js +6 -6
- package/lib/components/box/header/BoxHeader.native.js +7 -3
- package/lib/components/box/header/BoxHeaderPropsDefaults.js +12 -12
- package/lib/components/breadcrumb/item/BreadcrumbItemPropsWebDefaults.js +21 -21
- package/lib/components/button/ButtonPropsDefaults.js +22 -22
- package/lib/components/button/list/ButtonListWebPropsDefaults.js +3 -3
- package/lib/components/card/Card.native.js +2 -2
- package/lib/components/checkbox/list/CheckboxListWebPropsDefaults.js +3 -3
- package/lib/components/checkbox/tiles/CheckboxTilesPropsDefaults.js +8 -8
- package/lib/components/checkbox/tiles/tile/CheckboxTilePropsDefaults.js +1 -1
- package/lib/components/columns/ColumnsPropsDefaults.js +6 -6
- package/lib/components/columns/column/ColumnPropsDefaults.js +20 -20
- package/lib/components/countdown/Countdown.js +10 -10
- package/lib/components/countdown/Countdown.native.js +37 -31
- package/lib/components/datepicker/DatePickerPropsDefaults.js +1 -1
- package/lib/components/flex-box/FlexBoxPropsDefaults.js +3 -3
- package/lib/components/flex-box/flex-item/FlexItemPropsDefaults.js +7 -7
- package/lib/components/flex-box/flex-item/FlexSizeDefaults.js +6 -6
- package/lib/components/hero/HeroPropsDefaults.js +6 -6
- package/lib/components/icon/IconPropsDefaults.js +6 -6
- package/lib/components/image/ImagePropsDefaults.js +6 -6
- package/lib/components/input/InputChangeEventWebDefaults.js +2 -2
- package/lib/components/input/InputPropsDefaults.js +21 -21
- package/lib/components/link/LinkDefaults.js +21 -21
- package/lib/components/link/LinkPropsDefaults.js +31 -31
- package/lib/components/link/LinkPropsNativeDefaults.js +29 -29
- package/lib/components/modal/Modal.native.js +88 -29
- package/lib/components/popover/PopoverPropsDefaults.js +1 -1
- package/lib/components/popover/PopoverWebPropsDefaults.js +1 -1
- package/lib/components/price/Price.native.js +9 -3
- package/lib/components/price/PricePropsDefaults.js +6 -6
- package/lib/components/product-tour/ProductTourPropsDefaults.js +2 -2
- package/lib/components/product-tour/ProductTourWebPropsDefaults.js +2 -2
- package/lib/components/progress/radial/ProgressRadialPropsDefaults.js +18 -18
- package/lib/components/progress/radial/item/ProgressRadialItemPropsDefaults.js +1 -1
- package/lib/components/radio/list/RadioListWebPropsDefaults.js +3 -3
- package/lib/components/radio/tiles/RadioTilesPropsDefaults.js +8 -8
- package/lib/components/radio/tiles/tile/RadioTileNativePropsDefaults.js +1 -1
- package/lib/components/radio/tiles/tile/RadioTilePropsCommonDefaults.js +1 -1
- package/lib/components/radio/tiles/tile/RadioTilePropsDefaults.js +1 -1
- package/lib/components/scroll-view/ScrollViewPropsDefaults.js +6 -6
- package/lib/components/section/SectionPropsDefaults.js +6 -6
- package/lib/components/segment-control/SegmentControlPropsDefaults.js +3 -3
- package/lib/components/sticker/StickerPropsDefaults.js +1 -1
- package/lib/components/switch/Switch.native.d.ts +1 -2
- package/lib/components/switch/Switch.native.js +58 -17
- package/lib/components/table/body/TableBodyPropsDefaults.js +12 -12
- package/lib/components/table/head/TableHeadPropsDefaults.js +12 -12
- package/lib/components/table/tr/TableTrPropsWebDefaults.js +6 -6
- package/lib/components/tabs/TabsPropsDefaults.js +6 -6
- package/lib/components/tabs/tab-list/TabListPropsDefaults.js +3 -3
- package/lib/components/tabs/tab-list/tab/TabPropsDefaults.js +21 -21
- package/lib/components/tag/list/TagListPropsDefaults.js +3 -3
- package/lib/components/text/TextPropsDefaults.js +3 -3
- package/lib/components/timepicker/Timepicker.d.ts +1 -1
- package/lib/components/timepicker/Timepicker.js +1 -1
- package/lib/components/timepicker/circular/TimepickerCircular.d.ts +1 -1
- package/lib/components/timepicker/circular/TimepickerCircular.js +18 -36
- package/lib/components/timepicker/circular/TimepickerCircular.native.d.ts +1 -1
- package/lib/components/timepicker/circular/TimepickerCircular.native.js +18 -29
- package/lib/components/title/Title.native.js +2 -2
- package/lib/components/title/TitlePropsDefaults.js +6 -6
- package/lib/components/view/ViewPropsDefaults.js +32 -32
- package/lib/tsconfig.json +1 -1
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +9 -9
|
@@ -18,12 +18,6 @@ export default {
|
|
|
18
18
|
"type": "enum",
|
|
19
19
|
"values": [
|
|
20
20
|
"undefined",
|
|
21
|
-
"SUCCESS",
|
|
22
|
-
"INFO",
|
|
23
|
-
"WARNING",
|
|
24
|
-
"ERROR",
|
|
25
|
-
"MAIN",
|
|
26
|
-
"ACCENT",
|
|
27
21
|
"WHITE",
|
|
28
22
|
"MAIN",
|
|
29
23
|
"MAIN_FADE",
|
|
@@ -46,13 +40,19 @@ export default {
|
|
|
46
40
|
"STROKE",
|
|
47
41
|
"STROKE_FADE",
|
|
48
42
|
"WHITE",
|
|
43
|
+
"MAIN",
|
|
49
44
|
"MAIN_FADE",
|
|
45
|
+
"ACCENT",
|
|
50
46
|
"ACCENT_FADE",
|
|
51
47
|
"FONT",
|
|
52
48
|
"FONT_PLACEHOLDER",
|
|
49
|
+
"SUCCESS",
|
|
53
50
|
"SUCCESS_FADE",
|
|
51
|
+
"INFO",
|
|
54
52
|
"INFO_FADE",
|
|
53
|
+
"WARNING",
|
|
55
54
|
"WARNING_FADE",
|
|
55
|
+
"ERROR",
|
|
56
56
|
"ERROR_FADE",
|
|
57
57
|
"DISABLED",
|
|
58
58
|
"DISABLED_FADE",
|
|
@@ -24,6 +24,9 @@ export default {
|
|
|
24
24
|
"type": "enum",
|
|
25
25
|
"values": [
|
|
26
26
|
"undefined",
|
|
27
|
+
"CENTER",
|
|
28
|
+
"START",
|
|
29
|
+
"END",
|
|
27
30
|
"ALIGNED_CENTER",
|
|
28
31
|
"ALIGNED_START",
|
|
29
32
|
"ALIGNED_END",
|
|
@@ -36,9 +39,6 @@ export default {
|
|
|
36
39
|
"START",
|
|
37
40
|
"END",
|
|
38
41
|
"STRETCH",
|
|
39
|
-
"CENTER",
|
|
40
|
-
"START",
|
|
41
|
-
"END",
|
|
42
42
|
"STRETCH"
|
|
43
43
|
]
|
|
44
44
|
},
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { Switch as SwitchNative } from 'react-native';
|
|
3
2
|
import { SwitchProps } from './SwitchProps';
|
|
4
3
|
/**
|
|
5
4
|
* Switch Component
|
|
@@ -11,5 +10,5 @@ import { SwitchProps } from './SwitchProps';
|
|
|
11
10
|
* @param readonly {boolean} Switch readonly
|
|
12
11
|
* @param name {string} Switch name
|
|
13
12
|
*/
|
|
14
|
-
declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<
|
|
13
|
+
declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<import("react-native").Switch>>;
|
|
15
14
|
export default Switch;
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import { __read } from "tslib";
|
|
2
2
|
import { ComponentName } from '../../components/enumsComponentsName';
|
|
3
|
-
import { isIOS } from '../../helpers/device.native';
|
|
4
3
|
import { getStatusStyle } from '../../objects';
|
|
5
4
|
import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
|
|
6
5
|
import React, { useEffect, useState } from 'react';
|
|
7
|
-
import {
|
|
6
|
+
import { Pressable, StyleSheet } from 'react-native';
|
|
7
|
+
import Animated, { interpolate, interpolateColor, useAnimatedStyle, useSharedValue, withTiming, } from 'react-native-reanimated';
|
|
8
|
+
var TRACK_WIDTH = 44;
|
|
9
|
+
var TRACK_HEIGHT = 22;
|
|
8
10
|
/**
|
|
9
11
|
* Switch Component
|
|
10
12
|
* @param id {string} Is auto generate by default
|
|
@@ -17,29 +19,68 @@ import { StyleSheet, Switch as SwitchNative } from 'react-native';
|
|
|
17
19
|
*/
|
|
18
20
|
var Switch = React.forwardRef(function (_a, ref) {
|
|
19
21
|
var _b = _a.id, id = _b === void 0 ? React.useId() : _b, checked = _a.checked, onChange = _a.onChange, status = _a.status, disabled = _a.disabled, readonly = _a.readonly, name = _a.name;
|
|
22
|
+
var height = useSharedValue(TRACK_HEIGHT);
|
|
23
|
+
var width = useSharedValue(TRACK_WIDTH);
|
|
24
|
+
var value = useSharedValue(checked ? 1 : 0);
|
|
20
25
|
var _c = __read(useState(checked || false), 2), _checked = _c[0], setChecked = _c[1];
|
|
21
|
-
useEffect(function () {
|
|
22
|
-
if (!readonly) {
|
|
23
|
-
setChecked(checked || false);
|
|
24
|
-
}
|
|
25
|
-
}, [checked, readonly]);
|
|
26
26
|
var backgroundColorOff = getColorStyle(TrilogyColor.NEUTRAL);
|
|
27
27
|
var backgroundColorDisabled = getColorStyle(TrilogyColor.DISABLED);
|
|
28
28
|
var thumbColor = getColorStyle(TrilogyColor.BACKGROUND);
|
|
29
|
+
var statusColor = getStatusStyle(status).color;
|
|
30
|
+
var trackColorOff = disabled ? backgroundColorDisabled : backgroundColorOff;
|
|
31
|
+
var trackColorOn = disabled ? backgroundColorDisabled : statusColor;
|
|
32
|
+
var trackAnimatedStyle = useAnimatedStyle(function () {
|
|
33
|
+
var color = interpolateColor(value.value, [0, 1], [trackColorOff, trackColorOn]);
|
|
34
|
+
var colorValue = withTiming(color, { duration: 200 });
|
|
35
|
+
return {
|
|
36
|
+
backgroundColor: colorValue,
|
|
37
|
+
borderRadius: height.value / 2,
|
|
38
|
+
};
|
|
39
|
+
});
|
|
40
|
+
var thumbAnimatedStyle = useAnimatedStyle(function () {
|
|
41
|
+
var moveValue = interpolate(Number(value.value), [0, 1], [0, width.value - height.value]);
|
|
42
|
+
var translateValue = withTiming(moveValue, { duration: 200 });
|
|
43
|
+
return {
|
|
44
|
+
transform: [{ translateX: translateValue }],
|
|
45
|
+
borderRadius: height.value / 2,
|
|
46
|
+
};
|
|
47
|
+
});
|
|
29
48
|
var styles = StyleSheet.create({
|
|
30
|
-
|
|
31
|
-
|
|
49
|
+
track: {
|
|
50
|
+
alignItems: 'flex-start',
|
|
51
|
+
width: TRACK_WIDTH,
|
|
52
|
+
height: TRACK_HEIGHT,
|
|
53
|
+
padding: 2,
|
|
54
|
+
},
|
|
55
|
+
thumb: {
|
|
56
|
+
height: '100%',
|
|
57
|
+
aspectRatio: 1,
|
|
58
|
+
backgroundColor: thumbColor,
|
|
59
|
+
},
|
|
60
|
+
pressable: {
|
|
61
|
+
alignSelf: 'flex-start',
|
|
32
62
|
},
|
|
33
63
|
});
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
64
|
+
useEffect(function () {
|
|
65
|
+
if (!readonly) {
|
|
66
|
+
setChecked(checked || false);
|
|
67
|
+
value.value = checked ? 1 : 0;
|
|
68
|
+
}
|
|
69
|
+
}, [checked, readonly]);
|
|
70
|
+
return (React.createElement(Pressable, { style: styles.pressable, accessibilityRole: 'switch', ref: ref, testID: 'switch-id', nativeID: name ? "".concat(name, "_").concat(id) : id, disabled: disabled, onPress: function () {
|
|
71
|
+
if (!readonly && onChange) {
|
|
72
|
+
var newValue = !_checked;
|
|
73
|
+
setChecked(newValue);
|
|
74
|
+
value.value = newValue ? 1 : 0;
|
|
75
|
+
onChange({ switchState: newValue, switchName: name || '' });
|
|
40
76
|
}
|
|
41
|
-
}
|
|
77
|
+
} },
|
|
78
|
+
React.createElement(Animated.View, { style: [styles.track, trackAnimatedStyle], onLayout: function (e) {
|
|
79
|
+
height.value = e.nativeEvent.layout.height;
|
|
80
|
+
width.value = e.nativeEvent.layout.width;
|
|
81
|
+
} },
|
|
82
|
+
React.createElement(Animated.View, { style: [styles.thumb, thumbAnimatedStyle] }))));
|
|
42
83
|
});
|
|
43
84
|
Switch.displayName = ComponentName.Switch;
|
|
44
85
|
export default Switch;
|
|
45
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
86
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3dpdGNoLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc3dpdGNoL1N3aXRjaC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUMxQyxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUNsRCxPQUFPLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUNwRCxPQUFPLFFBQVEsRUFBRSxFQUNmLFdBQVcsRUFDWCxnQkFBZ0IsRUFDaEIsZ0JBQWdCLEVBQ2hCLGNBQWMsRUFDZCxVQUFVLEdBQ1gsTUFBTSx5QkFBeUIsQ0FBQTtBQUdoQyxJQUFNLFdBQVcsR0FBRyxFQUFFLENBQUE7QUFDdEIsSUFBTSxZQUFZLEdBQUcsRUFBRSxDQUFBO0FBQ3ZCOzs7Ozs7Ozs7R0FTRztBQUNILElBQU0sTUFBTSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQzdCLFVBQUMsRUFBMkUsRUFBRSxHQUFHO1FBQTlFLFVBQWtCLEVBQWxCLEVBQUUsbUJBQUcsS0FBSyxDQUFDLEtBQUssRUFBRSxLQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsSUFBSSxVQUFBO0lBQ3hFLElBQU0sTUFBTSxHQUFHLGNBQWMsQ0FBQyxZQUFZLENBQUMsQ0FBQTtJQUMzQyxJQUFNLEtBQUssR0FBRyxjQUFjLENBQUMsV0FBVyxDQUFDLENBQUE7SUFDekMsSUFBTSxLQUFLLEdBQUcsY0FBYyxDQUFDLE9BQU8s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
|
|
@@ -17,12 +17,6 @@ export default {
|
|
|
17
17
|
"type": "enum",
|
|
18
18
|
"values": [
|
|
19
19
|
"undefined",
|
|
20
|
-
"SUCCESS",
|
|
21
|
-
"INFO",
|
|
22
|
-
"WARNING",
|
|
23
|
-
"ERROR",
|
|
24
|
-
"MAIN",
|
|
25
|
-
"ACCENT",
|
|
26
20
|
"WHITE",
|
|
27
21
|
"MAIN",
|
|
28
22
|
"MAIN_FADE",
|
|
@@ -45,13 +39,19 @@ export default {
|
|
|
45
39
|
"STROKE",
|
|
46
40
|
"STROKE_FADE",
|
|
47
41
|
"WHITE",
|
|
42
|
+
"MAIN",
|
|
48
43
|
"MAIN_FADE",
|
|
44
|
+
"ACCENT",
|
|
49
45
|
"ACCENT_FADE",
|
|
50
46
|
"FONT",
|
|
51
47
|
"FONT_PLACEHOLDER",
|
|
48
|
+
"SUCCESS",
|
|
52
49
|
"SUCCESS_FADE",
|
|
50
|
+
"INFO",
|
|
53
51
|
"INFO_FADE",
|
|
52
|
+
"WARNING",
|
|
54
53
|
"WARNING_FADE",
|
|
54
|
+
"ERROR",
|
|
55
55
|
"ERROR_FADE",
|
|
56
56
|
"DISABLED",
|
|
57
57
|
"DISABLED_FADE",
|
|
@@ -65,12 +65,6 @@ export default {
|
|
|
65
65
|
"type": "enum",
|
|
66
66
|
"values": [
|
|
67
67
|
"undefined",
|
|
68
|
-
"SUCCESS",
|
|
69
|
-
"INFO",
|
|
70
|
-
"WARNING",
|
|
71
|
-
"ERROR",
|
|
72
|
-
"MAIN",
|
|
73
|
-
"ACCENT",
|
|
74
68
|
"WHITE",
|
|
75
69
|
"MAIN",
|
|
76
70
|
"MAIN_FADE",
|
|
@@ -93,13 +87,19 @@ export default {
|
|
|
93
87
|
"STROKE",
|
|
94
88
|
"STROKE_FADE",
|
|
95
89
|
"WHITE",
|
|
90
|
+
"MAIN",
|
|
96
91
|
"MAIN_FADE",
|
|
92
|
+
"ACCENT",
|
|
97
93
|
"ACCENT_FADE",
|
|
98
94
|
"FONT",
|
|
99
95
|
"FONT_PLACEHOLDER",
|
|
96
|
+
"SUCCESS",
|
|
100
97
|
"SUCCESS_FADE",
|
|
98
|
+
"INFO",
|
|
101
99
|
"INFO_FADE",
|
|
100
|
+
"WARNING",
|
|
102
101
|
"WARNING_FADE",
|
|
102
|
+
"ERROR",
|
|
103
103
|
"ERROR_FADE",
|
|
104
104
|
"DISABLED",
|
|
105
105
|
"DISABLED_FADE",
|
|
@@ -17,12 +17,6 @@ export default {
|
|
|
17
17
|
"type": "enum",
|
|
18
18
|
"values": [
|
|
19
19
|
"undefined",
|
|
20
|
-
"SUCCESS",
|
|
21
|
-
"INFO",
|
|
22
|
-
"WARNING",
|
|
23
|
-
"ERROR",
|
|
24
|
-
"MAIN",
|
|
25
|
-
"ACCENT",
|
|
26
20
|
"WHITE",
|
|
27
21
|
"MAIN",
|
|
28
22
|
"MAIN_FADE",
|
|
@@ -45,13 +39,19 @@ export default {
|
|
|
45
39
|
"STROKE",
|
|
46
40
|
"STROKE_FADE",
|
|
47
41
|
"WHITE",
|
|
42
|
+
"MAIN",
|
|
48
43
|
"MAIN_FADE",
|
|
44
|
+
"ACCENT",
|
|
49
45
|
"ACCENT_FADE",
|
|
50
46
|
"FONT",
|
|
51
47
|
"FONT_PLACEHOLDER",
|
|
48
|
+
"SUCCESS",
|
|
52
49
|
"SUCCESS_FADE",
|
|
50
|
+
"INFO",
|
|
53
51
|
"INFO_FADE",
|
|
52
|
+
"WARNING",
|
|
54
53
|
"WARNING_FADE",
|
|
54
|
+
"ERROR",
|
|
55
55
|
"ERROR_FADE",
|
|
56
56
|
"DISABLED",
|
|
57
57
|
"DISABLED_FADE",
|
|
@@ -65,12 +65,6 @@ export default {
|
|
|
65
65
|
"type": "enum",
|
|
66
66
|
"values": [
|
|
67
67
|
"undefined",
|
|
68
|
-
"SUCCESS",
|
|
69
|
-
"INFO",
|
|
70
|
-
"WARNING",
|
|
71
|
-
"ERROR",
|
|
72
|
-
"MAIN",
|
|
73
|
-
"ACCENT",
|
|
74
68
|
"WHITE",
|
|
75
69
|
"MAIN",
|
|
76
70
|
"MAIN_FADE",
|
|
@@ -93,13 +87,19 @@ export default {
|
|
|
93
87
|
"STROKE",
|
|
94
88
|
"STROKE_FADE",
|
|
95
89
|
"WHITE",
|
|
90
|
+
"MAIN",
|
|
96
91
|
"MAIN_FADE",
|
|
92
|
+
"ACCENT",
|
|
97
93
|
"ACCENT_FADE",
|
|
98
94
|
"FONT",
|
|
99
95
|
"FONT_PLACEHOLDER",
|
|
96
|
+
"SUCCESS",
|
|
100
97
|
"SUCCESS_FADE",
|
|
98
|
+
"INFO",
|
|
101
99
|
"INFO_FADE",
|
|
100
|
+
"WARNING",
|
|
102
101
|
"WARNING_FADE",
|
|
102
|
+
"ERROR",
|
|
103
103
|
"ERROR_FADE",
|
|
104
104
|
"DISABLED",
|
|
105
105
|
"DISABLED_FADE",
|
|
@@ -54,12 +54,6 @@ export default {
|
|
|
54
54
|
"type": "enum",
|
|
55
55
|
"values": [
|
|
56
56
|
"undefined",
|
|
57
|
-
"SUCCESS",
|
|
58
|
-
"INFO",
|
|
59
|
-
"WARNING",
|
|
60
|
-
"ERROR",
|
|
61
|
-
"MAIN",
|
|
62
|
-
"ACCENT",
|
|
63
57
|
"WHITE",
|
|
64
58
|
"MAIN",
|
|
65
59
|
"MAIN_FADE",
|
|
@@ -82,13 +76,19 @@ export default {
|
|
|
82
76
|
"STROKE",
|
|
83
77
|
"STROKE_FADE",
|
|
84
78
|
"WHITE",
|
|
79
|
+
"MAIN",
|
|
85
80
|
"MAIN_FADE",
|
|
81
|
+
"ACCENT",
|
|
86
82
|
"ACCENT_FADE",
|
|
87
83
|
"FONT",
|
|
88
84
|
"FONT_PLACEHOLDER",
|
|
85
|
+
"SUCCESS",
|
|
89
86
|
"SUCCESS_FADE",
|
|
87
|
+
"INFO",
|
|
90
88
|
"INFO_FADE",
|
|
89
|
+
"WARNING",
|
|
91
90
|
"WARNING_FADE",
|
|
91
|
+
"ERROR",
|
|
92
92
|
"ERROR_FADE",
|
|
93
93
|
"DISABLED",
|
|
94
94
|
"DISABLED_FADE",
|
|
@@ -48,6 +48,9 @@ export default {
|
|
|
48
48
|
"type": "enum",
|
|
49
49
|
"values": [
|
|
50
50
|
"undefined",
|
|
51
|
+
"CENTER",
|
|
52
|
+
"START",
|
|
53
|
+
"END",
|
|
51
54
|
"ALIGNED_CENTER",
|
|
52
55
|
"ALIGNED_START",
|
|
53
56
|
"ALIGNED_END",
|
|
@@ -60,9 +63,6 @@ export default {
|
|
|
60
63
|
"START",
|
|
61
64
|
"END",
|
|
62
65
|
"STRETCH",
|
|
63
|
-
"CENTER",
|
|
64
|
-
"START",
|
|
65
|
-
"END",
|
|
66
66
|
"STRETCH"
|
|
67
67
|
]
|
|
68
68
|
},
|
|
@@ -70,6 +70,9 @@ export default {
|
|
|
70
70
|
"type": "enum",
|
|
71
71
|
"values": [
|
|
72
72
|
"undefined",
|
|
73
|
+
"CENTER",
|
|
74
|
+
"START",
|
|
75
|
+
"END",
|
|
73
76
|
"ALIGNED_CENTER",
|
|
74
77
|
"ALIGNED_START",
|
|
75
78
|
"ALIGNED_END",
|
|
@@ -82,9 +85,6 @@ export default {
|
|
|
82
85
|
"START",
|
|
83
86
|
"END",
|
|
84
87
|
"STRETCH",
|
|
85
|
-
"CENTER",
|
|
86
|
-
"START",
|
|
87
|
-
"END",
|
|
88
88
|
"STRETCH"
|
|
89
89
|
]
|
|
90
90
|
},
|
|
@@ -17,6 +17,9 @@ export default {
|
|
|
17
17
|
"type": "enum",
|
|
18
18
|
"values": [
|
|
19
19
|
"undefined",
|
|
20
|
+
"CENTER",
|
|
21
|
+
"START",
|
|
22
|
+
"END",
|
|
20
23
|
"ALIGNED_CENTER",
|
|
21
24
|
"ALIGNED_START",
|
|
22
25
|
"ALIGNED_END",
|
|
@@ -29,9 +32,6 @@ export default {
|
|
|
29
32
|
"START",
|
|
30
33
|
"END",
|
|
31
34
|
"STRETCH",
|
|
32
|
-
"CENTER",
|
|
33
|
-
"START",
|
|
34
|
-
"END",
|
|
35
35
|
"STRETCH"
|
|
36
36
|
]
|
|
37
37
|
},
|
|
@@ -27,18 +27,29 @@ export default {
|
|
|
27
27
|
"undefined",
|
|
28
28
|
"symbol",
|
|
29
29
|
"object",
|
|
30
|
+
"button",
|
|
31
|
+
"input",
|
|
32
|
+
"a",
|
|
33
|
+
"span",
|
|
34
|
+
"div",
|
|
30
35
|
"p",
|
|
36
|
+
"ul",
|
|
37
|
+
"li",
|
|
38
|
+
"label",
|
|
39
|
+
"main",
|
|
40
|
+
"summary",
|
|
41
|
+
"details",
|
|
42
|
+
"ol",
|
|
43
|
+
"dl",
|
|
44
|
+
"dt",
|
|
45
|
+
"dd",
|
|
46
|
+
"dialog",
|
|
47
|
+
"h1",
|
|
31
48
|
"h2",
|
|
32
49
|
"h3",
|
|
33
50
|
"h4",
|
|
34
51
|
"h5",
|
|
35
52
|
"h6",
|
|
36
|
-
"text",
|
|
37
|
-
"search",
|
|
38
|
-
"button",
|
|
39
|
-
"image",
|
|
40
|
-
"time",
|
|
41
|
-
"a",
|
|
42
53
|
"abbr",
|
|
43
54
|
"address",
|
|
44
55
|
"area",
|
|
@@ -62,14 +73,8 @@ export default {
|
|
|
62
73
|
"colgroup",
|
|
63
74
|
"data",
|
|
64
75
|
"datalist",
|
|
65
|
-
"dd",
|
|
66
76
|
"del",
|
|
67
|
-
"details",
|
|
68
77
|
"dfn",
|
|
69
|
-
"dialog",
|
|
70
|
-
"div",
|
|
71
|
-
"dl",
|
|
72
|
-
"dt",
|
|
73
78
|
"em",
|
|
74
79
|
"embed",
|
|
75
80
|
"fieldset",
|
|
@@ -77,7 +82,6 @@ export default {
|
|
|
77
82
|
"figure",
|
|
78
83
|
"footer",
|
|
79
84
|
"form",
|
|
80
|
-
"h1",
|
|
81
85
|
"head",
|
|
82
86
|
"header",
|
|
83
87
|
"hgroup",
|
|
@@ -86,15 +90,11 @@ export default {
|
|
|
86
90
|
"i",
|
|
87
91
|
"iframe",
|
|
88
92
|
"img",
|
|
89
|
-
"input",
|
|
90
93
|
"ins",
|
|
91
94
|
"kbd",
|
|
92
95
|
"keygen",
|
|
93
|
-
"label",
|
|
94
96
|
"legend",
|
|
95
|
-
"li",
|
|
96
97
|
"link",
|
|
97
|
-
"main",
|
|
98
98
|
"map",
|
|
99
99
|
"mark",
|
|
100
100
|
"menu",
|
|
@@ -104,7 +104,6 @@ export default {
|
|
|
104
104
|
"nav",
|
|
105
105
|
"noindex",
|
|
106
106
|
"noscript",
|
|
107
|
-
"ol",
|
|
108
107
|
"optgroup",
|
|
109
108
|
"option",
|
|
110
109
|
"output",
|
|
@@ -118,17 +117,16 @@ export default {
|
|
|
118
117
|
"ruby",
|
|
119
118
|
"s",
|
|
120
119
|
"samp",
|
|
120
|
+
"search",
|
|
121
121
|
"slot",
|
|
122
122
|
"script",
|
|
123
123
|
"section",
|
|
124
124
|
"select",
|
|
125
125
|
"small",
|
|
126
126
|
"source",
|
|
127
|
-
"span",
|
|
128
127
|
"strong",
|
|
129
128
|
"style",
|
|
130
129
|
"sub",
|
|
131
|
-
"summary",
|
|
132
130
|
"sup",
|
|
133
131
|
"table",
|
|
134
132
|
"template",
|
|
@@ -138,11 +136,11 @@ export default {
|
|
|
138
136
|
"tfoot",
|
|
139
137
|
"th",
|
|
140
138
|
"thead",
|
|
139
|
+
"time",
|
|
141
140
|
"title",
|
|
142
141
|
"tr",
|
|
143
142
|
"track",
|
|
144
143
|
"u",
|
|
145
|
-
"ul",
|
|
146
144
|
"var",
|
|
147
145
|
"video",
|
|
148
146
|
"wbr",
|
|
@@ -184,6 +182,7 @@ export default {
|
|
|
184
182
|
"filter",
|
|
185
183
|
"foreignObject",
|
|
186
184
|
"g",
|
|
185
|
+
"image",
|
|
187
186
|
"line",
|
|
188
187
|
"linearGradient",
|
|
189
188
|
"marker",
|
|
@@ -199,6 +198,7 @@ export default {
|
|
|
199
198
|
"set",
|
|
200
199
|
"stop",
|
|
201
200
|
"switch",
|
|
201
|
+
"text",
|
|
202
202
|
"textPath",
|
|
203
203
|
"tspan",
|
|
204
204
|
"use",
|
|
@@ -3,6 +3,9 @@ export default {
|
|
|
3
3
|
"type": "enum",
|
|
4
4
|
"values": [
|
|
5
5
|
"undefined",
|
|
6
|
+
"CENTER",
|
|
7
|
+
"START",
|
|
8
|
+
"END",
|
|
6
9
|
"ALIGNED_CENTER",
|
|
7
10
|
"ALIGNED_START",
|
|
8
11
|
"ALIGNED_END",
|
|
@@ -15,9 +18,6 @@ export default {
|
|
|
15
18
|
"START",
|
|
16
19
|
"END",
|
|
17
20
|
"STRETCH",
|
|
18
|
-
"CENTER",
|
|
19
|
-
"START",
|
|
20
|
-
"END",
|
|
21
21
|
"STRETCH"
|
|
22
22
|
]
|
|
23
23
|
},
|
|
@@ -27,7 +27,6 @@ export default {
|
|
|
27
27
|
"type": "enum",
|
|
28
28
|
"values": [
|
|
29
29
|
"undefined",
|
|
30
|
-
"string[]",
|
|
31
30
|
"has-text-main",
|
|
32
31
|
"has-text-accent",
|
|
33
32
|
"has-text-info",
|
|
@@ -73,16 +72,17 @@ export default {
|
|
|
73
72
|
"has-text-centered",
|
|
74
73
|
"has-text-justified",
|
|
75
74
|
"has-text-left",
|
|
76
|
-
"has-text-right"
|
|
75
|
+
"has-text-right",
|
|
76
|
+
"string[]"
|
|
77
77
|
]
|
|
78
78
|
},
|
|
79
79
|
"markup": {
|
|
80
80
|
"type": "enum",
|
|
81
81
|
"values": [
|
|
82
82
|
"undefined",
|
|
83
|
-
"p",
|
|
84
83
|
"span",
|
|
85
84
|
"p",
|
|
85
|
+
"p",
|
|
86
86
|
"span"
|
|
87
87
|
]
|
|
88
88
|
},
|
|
@@ -2,7 +2,7 @@ import * as React from 'react';
|
|
|
2
2
|
import { TimepickerProps, TimepickerRef } from './TimepickerProps';
|
|
3
3
|
/**
|
|
4
4
|
* Timepicker Native Component
|
|
5
|
-
* @param value {string} Current time value in "HH:MM" format (e.g., "14:30", "
|
|
5
|
+
* @param value {string} Current time value in "HH:MM" format (e.g., "14:30", "23:59")
|
|
6
6
|
* @param onChange {Function} Callback called when time changes, receives new "HH:MM" value
|
|
7
7
|
* @param disabled {boolean} Disabled state of the component (default: false)
|
|
8
8
|
* @param step {number} Step for minutes (e.g., 5 for 5-minute increments, default: 5)
|
|
@@ -5,7 +5,7 @@ import { TimepickerCircular } from './circular';
|
|
|
5
5
|
import { TimepickerDefault } from './default';
|
|
6
6
|
/**
|
|
7
7
|
* Timepicker Native Component
|
|
8
|
-
* @param value {string} Current time value in "HH:MM" format (e.g., "14:30", "
|
|
8
|
+
* @param value {string} Current time value in "HH:MM" format (e.g., "14:30", "23:59")
|
|
9
9
|
* @param onChange {Function} Callback called when time changes, receives new "HH:MM" value
|
|
10
10
|
* @param disabled {boolean} Disabled state of the component (default: false)
|
|
11
11
|
* @param step {number} Step for minutes (e.g., 5 for 5-minute increments, default: 5)
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import { TimepickerCircularProps } from './TimepickerCircularProps';
|
|
3
3
|
/**
|
|
4
4
|
* TimepickerCircular Web Component
|
|
5
|
-
* @param value {string} Current time value in "HH:MM" format (e.g., "14:30", "
|
|
5
|
+
* @param value {string} Current time value in "HH:MM" format (e.g., "14:30", "23:59")
|
|
6
6
|
* @param onChange {Function} Callback called when time changes, receives new "HH:MM" value
|
|
7
7
|
* @param disabled {boolean} Disabled state of the component (default: false)
|
|
8
8
|
* @param step {number} Step for minutes (e.g., 5 for 5-minute increments, default: 5)
|