Skip to content

Commit b925ec9

Browse files
rnuinoci[bot]rnuinoci[bot]
authored
wix-noci: update api.json (#3429)
Co-authored-by: rnuinoci[bot] <182611266+rnuinoci[bot]@users.noreply.github.com>
1 parent 5a9c19c commit b925ec9

File tree

1 file changed

+103
-14
lines changed

1 file changed

+103
-14
lines changed

‎src/components/badge/badge.api.json

Lines changed: 103 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -97,7 +97,12 @@
9797
"title": "Badge",
9898
"description": "Badge is a global component used for pimples, numeric notifications and icon badges. Badge indicates new threads in the child view and creates a “trail” user can follow. \nUse a Pimple Badge to indicate a notification or new activity of an item (e.g. new activity inside a group) or a status (online, unread).\n\nBadges usually appear on or near other components like Icons, Avatars, Chips and Lists.",
9999
"type": "hero",
100-
"layout": "horizontal"
100+
"layout": "horizontal",
101+
"content": [
102+
{
103+
"value": "https://wixmp-1d257fba8470f1b562a0f5f2.wixmp.com/mads-docs-assets/assets/Components%20Docs/Badge/badge_cover.png"
104+
}
105+
]
101106
},
102107
"tabs": [
103108
{
@@ -111,16 +116,36 @@
111116
],
112117
"items": [
113118
{
114-
"title": "Counter"
119+
"title": "Counter",
120+
"content": [
121+
{
122+
"value": "https://wixmp-1d257fba8470f1b562a0f5f2.wixmp.com/mads-docs-assets/assets/Components%20Docs/Badge/badge_types_counter.png"
123+
}
124+
]
115125
},
116126
{
117-
"title": "Text"
127+
"title": "Text",
128+
"content": [
129+
{
130+
"value": "https://wixmp-1d257fba8470f1b562a0f5f2.wixmp.com/mads-docs-assets/assets/Components%20Docs/Badge/badge_types_text.png"
131+
}
132+
]
118133
},
119134
{
120-
"title": "Pimple"
135+
"title": "Pimple",
136+
"content": [
137+
{
138+
"value": "https://wixmp-1d257fba8470f1b562a0f5f2.wixmp.com/mads-docs-assets/assets/Components%20Docs/Badge/badge_types_pimple.png"
139+
}
140+
]
121141
},
122142
{
123-
"title": "Icon"
143+
"title": "Icon",
144+
"content": [
145+
{
146+
"value": "https://wixmp-1d257fba8470f1b562a0f5f2.wixmp.com/mads-docs-assets/assets/Components%20Docs/Badge/badge_types_icon.png"
147+
}
148+
]
124149
}
125150
],
126151
"title": "Types"
@@ -134,10 +159,26 @@
134159
],
135160
"items": [
136161
{
137-
"title": "Large"
162+
"title": "Large",
163+
"content": [
164+
{
165+
"value": "https://wixmp-1d257fba8470f1b562a0f5f2.wixmp.com/mads-docs-assets/assets/Components%20Docs/Badge/badge_size_counter_large.png"
166+
},
167+
{
168+
"value": "https://wixmp-1d257fba8470f1b562a0f5f2.wixmp.com/mads-docs-assets/assets/Components%20Docs/Badge/badge_size_pimple_large.png"
169+
}
170+
]
138171
},
139172
{
140-
"title": "Small"
173+
"title": "Small",
174+
"content": [
175+
{
176+
"value": "https://wixmp-1d257fba8470f1b562a0f5f2.wixmp.com/mads-docs-assets/assets/Components%20Docs/Badge/badge_size_counter_small.png"
177+
},
178+
{
179+
"value": "https://wixmp-1d257fba8470f1b562a0f5f2.wixmp.com/mads-docs-assets/assets/Components%20Docs/Badge/badge_size_pimple_small.png"
180+
}
181+
]
141182
}
142183
],
143184
"title": "Size"
@@ -152,19 +193,51 @@
152193
"items": [
153194
{
154195
"title": "Red",
155-
"description": "Counter Badge"
196+
"description": "Used for notifications or new items. ",
197+
"content": [
198+
{
199+
"value": "https://wixmp-1d257fba8470f1b562a0f5f2.wixmp.com/mads-docs-assets/assets/Components%20Docs/Badge/badge_style_counter_red.png"
200+
},
201+
{
202+
"value": "https://wixmp-1d257fba8470f1b562a0f5f2.wixmp.com/mads-docs-assets/assets/Components%20Docs/Badge/badge_style_pimple_red.png"
203+
}
204+
]
156205
},
157206
{
158207
"title": "Green",
159-
"description": "Used for live visitors or an “online” indication. "
208+
"description": "Used for live visitors or an “online” indication. ",
209+
"content": [
210+
{
211+
"value": "https://wixmp-1d257fba8470f1b562a0f5f2.wixmp.com/mads-docs-assets/assets/Components%20Docs/Badge/badge_style_counter_green.png"
212+
},
213+
{
214+
"value": "https://wixmp-1d257fba8470f1b562a0f5f2.wixmp.com/mads-docs-assets/assets/Components%20Docs/Badge/badge_style_pimple_green.png"
215+
}
216+
]
160217
},
161218
{
162219
"title": "Blue",
163-
"description": "Used for chat messages."
220+
"description": "Used for chat messages.",
221+
"content": [
222+
{
223+
"value": "https://wixmp-1d257fba8470f1b562a0f5f2.wixmp.com/mads-docs-assets/assets/Components%20Docs/Badge/badge_style_counter_blue.png"
224+
},
225+
{
226+
"value": "https://wixmp-1d257fba8470f1b562a0f5f2.wixmp.com/mads-docs-assets/assets/Components%20Docs/Badge/badge_style_pimple_blue.png"
227+
}
228+
]
164229
},
165230
{
166231
"title": "Grey",
167-
"description": "Used for passive counters."
232+
"description": "Used for passive counters.",
233+
"content": [
234+
{
235+
"value": "https://wixmp-1d257fba8470f1b562a0f5f2.wixmp.com/mads-docs-assets/assets/Components%20Docs/Badge/badge_style_counter_grey.png"
236+
},
237+
{
238+
"value": "https://wixmp-1d257fba8470f1b562a0f5f2.wixmp.com/mads-docs-assets/assets/Components%20Docs/Badge/badge_style_pimple_grey.png"
239+
}
240+
]
168241
}
169242
],
170243
"title": "Style"
@@ -178,7 +251,12 @@
178251
"items": [
179252
{
180253
"title": "Icon",
181-
"description": ""
254+
"description": "Icon can be added as an accessory to counter badge, or cover the entire badge",
255+
"content": [
256+
{
257+
"value": "https://wixmp-1d257fba8470f1b562a0f5f2.wixmp.com/mads-docs-assets/assets/Components%20Docs/Badge/badge_accessory_icon.png"
258+
}
259+
]
182260
}
183261
],
184262
"title": "Accessories"
@@ -188,10 +266,21 @@
188266
"items": [
189267
{
190268
"title": "Badge size recommendations",
191-
"description": "On Icon: Large Pimple or Small Badge\nOn Thumbnail: Large Badge\nOn Avatar:
Avatar 3XSmall, XXSmall - Pimple Small
Avatar XSmall, Small, Medium - Pimple Large
Avatar Large, XLarge - Pimple 14x14"
269+
"description": "On Icon: Large Pimple or Small Badge\nOn Thumbnail: Large Badge\nOn Avatar:
Avatar 3XSmall, XXSmall - Pimple Small
Avatar XSmall, Small, Medium - Pimple Large
Avatar Large, XLarge - Pimple 14x14",
270+
"content": [
271+
{
272+
"value": "https://embed.figma.com/design/xFjvYNkGTmYTGYMLrmz9Ir/Docs-Assets?node-id=487-40121&embed-host=share"
273+
}
274+
]
192275
},
193276
{
194-
"title": "Size"
277+
"title": "Size",
278+
"description": "Badge basic and minimum shape is a circle. Badge expands horizontally according to value width maintaining fixed padding. ",
279+
"content": [
280+
{
281+
"value": "https://embed.figma.com/design/xFjvYNkGTmYTGYMLrmz9Ir/Docs-Assets?node-id=487-40267&embed-host=share"
282+
}
283+
]
195284
}
196285
],
197286
"title": "Spec",

0 commit comments

Comments
 (0)