react-native-ui-lib 7.38.1-snapshot.6348 → 7.38.1-snapshot.6352
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/package.json
CHANGED
|
@@ -13,14 +13,166 @@
|
|
|
13
13
|
"description": "The identifier value of the ColorSwatch in a ColorSwatch palette",
|
|
14
14
|
"note": "Must be different than other ColorSwatches in the same group"
|
|
15
15
|
},
|
|
16
|
-
{
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
{
|
|
22
|
-
|
|
23
|
-
|
|
16
|
+
{
|
|
17
|
+
"name": "color",
|
|
18
|
+
"type": "string",
|
|
19
|
+
"description": "The color of the ColorSwatch"
|
|
20
|
+
},
|
|
21
|
+
{
|
|
22
|
+
"name": "selected",
|
|
23
|
+
"type": "boolean",
|
|
24
|
+
"description": "Is the initial state is selected"
|
|
25
|
+
},
|
|
26
|
+
{
|
|
27
|
+
"name": "animated",
|
|
28
|
+
"type": "boolean",
|
|
29
|
+
"description": "Is first render should be animated"
|
|
30
|
+
},
|
|
31
|
+
{
|
|
32
|
+
"name": "onPress",
|
|
33
|
+
"type": "(value: string, colorInfo: ColorInfo) => void",
|
|
34
|
+
"description": "Callback from press event"
|
|
35
|
+
},
|
|
36
|
+
{
|
|
37
|
+
"name": "index",
|
|
38
|
+
"type": "number",
|
|
39
|
+
"description": "The index of the Swatch if in array"
|
|
40
|
+
},
|
|
41
|
+
{
|
|
42
|
+
"name": "style",
|
|
43
|
+
"type": "ViewStyle",
|
|
44
|
+
"description": "Component's style"
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
"name": "unavailable",
|
|
48
|
+
"type": "boolean",
|
|
49
|
+
"description": "Is the initial state is unavailable"
|
|
50
|
+
},
|
|
51
|
+
{
|
|
52
|
+
"name": "size",
|
|
53
|
+
"type": "number",
|
|
54
|
+
"description": "Color Swatch size"
|
|
55
|
+
}
|
|
24
56
|
],
|
|
25
|
-
"snippet": [
|
|
57
|
+
"snippet": [
|
|
58
|
+
"<ColorSwatch color={Colors.red30$1} selected={true$2} onPress={() => console.log('pressed')$3}/>"
|
|
59
|
+
],
|
|
60
|
+
"docs": {
|
|
61
|
+
"hero": {
|
|
62
|
+
"title": "ColorSwatch",
|
|
63
|
+
"description": "A swatch is a sample of a color. Swatches behavior is somewhat similar to this of a RadioButton, so only a single swatch can be selected at a given moment. ",
|
|
64
|
+
"type": "hero",
|
|
65
|
+
"layout": "horizontal",
|
|
66
|
+
"content": [
|
|
67
|
+
{
|
|
68
|
+
"value": "https://wixmp-1d257fba8470f1b562a0f5f2.wixmp.com/mads-docs-assets/assets/Components%20Docs/ColorSwatch/ColorSwatch_cover.png"
|
|
69
|
+
}
|
|
70
|
+
]
|
|
71
|
+
},
|
|
72
|
+
"tabs": [
|
|
73
|
+
{
|
|
74
|
+
"title": "Overview",
|
|
75
|
+
"sections": [
|
|
76
|
+
{
|
|
77
|
+
"type": "table",
|
|
78
|
+
"columns": [
|
|
79
|
+
"Style",
|
|
80
|
+
"Default state",
|
|
81
|
+
"Selected",
|
|
82
|
+
"Unavailable"
|
|
83
|
+
],
|
|
84
|
+
"items": [
|
|
85
|
+
{
|
|
86
|
+
"title": "Light color",
|
|
87
|
+
"content": [
|
|
88
|
+
{
|
|
89
|
+
"background": "#E8ECF0",
|
|
90
|
+
"props": {
|
|
91
|
+
"color": "#FFFFFF"
|
|
92
|
+
}
|
|
93
|
+
},
|
|
94
|
+
{
|
|
95
|
+
"background": "#E8ECF0",
|
|
96
|
+
"props": {
|
|
97
|
+
"color": "#FFFFFF",
|
|
98
|
+
"selected": true
|
|
99
|
+
}
|
|
100
|
+
},
|
|
101
|
+
{
|
|
102
|
+
"background": "#E8ECF0",
|
|
103
|
+
"props": {
|
|
104
|
+
"color": "#FFFFFF",
|
|
105
|
+
"unavailable": true
|
|
106
|
+
}
|
|
107
|
+
}
|
|
108
|
+
]
|
|
109
|
+
},
|
|
110
|
+
{
|
|
111
|
+
"title": "Dark color",
|
|
112
|
+
"content": [
|
|
113
|
+
{
|
|
114
|
+
"background": "#E8ECF0",
|
|
115
|
+
"props": {
|
|
116
|
+
"color": "#000000"
|
|
117
|
+
}
|
|
118
|
+
},
|
|
119
|
+
{
|
|
120
|
+
"background": "#E8ECF0",
|
|
121
|
+
"props": {
|
|
122
|
+
"color": "#000000",
|
|
123
|
+
"selected": true
|
|
124
|
+
}
|
|
125
|
+
},
|
|
126
|
+
{
|
|
127
|
+
"background": "#E8ECF0",
|
|
128
|
+
"props": {
|
|
129
|
+
"color": "#000000",
|
|
130
|
+
"unavailable": true
|
|
131
|
+
}
|
|
132
|
+
}
|
|
133
|
+
]
|
|
134
|
+
},
|
|
135
|
+
{
|
|
136
|
+
"title": "Transparent",
|
|
137
|
+
"content": [
|
|
138
|
+
{
|
|
139
|
+
"background": "#E8ECF0",
|
|
140
|
+
"props": {
|
|
141
|
+
"transparent": true
|
|
142
|
+
}
|
|
143
|
+
},
|
|
144
|
+
{
|
|
145
|
+
"background": "#E8ECF0",
|
|
146
|
+
"props": {
|
|
147
|
+
"transparent": true,
|
|
148
|
+
"selected": true
|
|
149
|
+
}
|
|
150
|
+
},
|
|
151
|
+
{
|
|
152
|
+
"background": "#E8ECF0",
|
|
153
|
+
"props": {
|
|
154
|
+
"transparent": true,
|
|
155
|
+
"unavailable": true
|
|
156
|
+
}
|
|
157
|
+
}
|
|
158
|
+
]
|
|
159
|
+
}
|
|
160
|
+
],
|
|
161
|
+
"title": "Swatch Styles and States"
|
|
162
|
+
},
|
|
163
|
+
{
|
|
164
|
+
"type": "section",
|
|
165
|
+
"layout": "horizontal",
|
|
166
|
+
"title": "Spec",
|
|
167
|
+
"description": "markdown:Border width 1px.\n\n‘Unavailable’ swatch can be either tappable or “disabled”. ",
|
|
168
|
+
"content": [
|
|
169
|
+
{
|
|
170
|
+
"value": "https://wixmp-1d257fba8470f1b562a0f5f2.wixmp.com/mads-docs-assets/assets/Components%20Docs/ColorSwatch/ColorSwatch_spec.png"
|
|
171
|
+
}
|
|
172
|
+
]
|
|
173
|
+
}
|
|
174
|
+
]
|
|
175
|
+
}
|
|
176
|
+
]
|
|
177
|
+
}
|
|
26
178
|
}
|