|
129 | 129 | ],
|
130 | 130 | "items": [
|
131 | 131 | {
|
132 |
| - "title": "**Active**", |
| 132 | + "title": "Active", |
133 | 133 | "description": "Border: $outlinePrimary \nNumber: subtext, $textPrimary \nStep label: bodySmallBold, $textNuetralHeavy ",
|
134 | 134 | "content": [
|
135 | 135 | {
|
|
138 | 138 | ]
|
139 | 139 | },
|
140 | 140 | {
|
141 |
| - "title": "**Next (enabled)**", |
| 141 | + "title": "Next (enabled)", |
142 | 142 | "description": "Border: $outlineDisabled \nNumber: subtext, $textNuetralHeavy ",
|
143 | 143 | "content": [
|
144 | 144 | {
|
|
147 | 147 | ]
|
148 | 148 | },
|
149 | 149 | {
|
150 |
| - "title": "**Next (disabled)** ", |
| 150 | + "title": "Next (disabled)", |
151 | 151 | "description": "Border: $outlineDisabled \nNumber: subtext, $textDisabled ",
|
152 | 152 | "content": [
|
153 | 153 | {
|
|
156 | 156 | ]
|
157 | 157 | },
|
158 | 158 | {
|
159 |
| - "title": "**Completed** ", |
| 159 | + "title": "Completed", |
160 | 160 | "description": "Border: $outlineDisabled \nIcon: $iconNuetral ",
|
161 | 161 | "content": [
|
162 | 162 | {
|
|
165 | 165 | ]
|
166 | 166 | },
|
167 | 167 | {
|
168 |
| - "title": "**Skipped** ", |
| 168 | + "title": "Skipped", |
169 | 169 | "description": "Border: $outlineDanger \nNumber: subtext, $textDangerLight ",
|
170 | 170 | "content": [
|
171 | 171 | {
|
|
174 | 174 | ]
|
175 | 175 | },
|
176 | 176 | {
|
177 |
| - "title": "**Error** ", |
| 177 | + "title": "Error", |
178 | 178 | "description": "Border: $outlineDanger \nIcon: $iconDangerLight",
|
179 | 179 | "content": [
|
180 | 180 | {
|
|
192 | 192 | "value": "https://wixmp-1d257fba8470f1b562a0f5f2.wixmp.com/mads-docs-assets/assets/Components Docs/Wizard/wizard_overview_section_spec.png"
|
193 | 193 | }
|
194 | 194 | ],
|
195 |
| - "description": "**Spacing Between Steps** \nAll steps are distributed evenly, leaving S5 margins. \nMin spacing between steps: S3 \n\n**Maximum Step Width** \nCurrent step’s text box shouldnt be larger than 40% of the screen’s width. \nIf the label will be larger it will get ellipsis. \ne.g. : For 375px screen : 40% = 150px" |
| 195 | + "description": "markdown: **Spacing Between Steps** \nAll steps are distributed evenly, leaving S5 margins. \nMin spacing between steps: S3 \n\n**Maximum Step Width** \nCurrent step’s text box shouldnt be larger than 40% of the screen’s width. \nIf the label will be larger it will get ellipsis. \ne.g. : For 375px screen : 40% = 150px" |
196 | 196 | },
|
197 | 197 | {
|
198 | 198 | "type": "section",
|
|
0 commit comments