diff --git a/src/components/Carousel/Carousel.types.ts b/src/components/Carousel/Carousel.types.ts index b7cf7f009..f6956a144 100644 --- a/src/components/Carousel/Carousel.types.ts +++ b/src/components/Carousel/Carousel.types.ts @@ -108,8 +108,8 @@ export interface CarouselProps */ nextIconButtonAriaLabel?: string; /** - Callback fired on mouse enter event. - */ + * Callback fired on mouse enter event. + */ onMouseEnter?: () => React.MouseEventHandler; /** * Callback fired when a Carousel transition ends. diff --git a/src/components/Locale/Default.tsx b/src/components/Locale/Default.tsx index 0b5886fc4..a1a9cab58 100644 --- a/src/components/Locale/Default.tsx +++ b/src/components/Locale/Default.tsx @@ -5,6 +5,7 @@ import Dialog from '../Dialog/BaseDialog/Locale/en_US'; import InfoBar from '../InfoBar/Locale/en_US'; import Pagination from '../Pagination/Locale/en_US'; import Panel from '../Panel/Locale/en_US'; +import Stepper from '../Stepper/Locale/en_US'; import Table from '../Table/Locale/en_US'; import TimePicker from '../DateTimePicker/TimePicker/Locale/en_US'; import Upload from '../Upload/Locale/en_US'; @@ -71,6 +72,7 @@ const localeValues: Locale = { InfoBar, Pagination, Panel, + Stepper, Table, TimePicker, Upload, diff --git a/src/components/Locale/cs_CZ.tsx b/src/components/Locale/cs_CZ.tsx index 1517b2b27..c6cae7b2a 100644 --- a/src/components/Locale/cs_CZ.tsx +++ b/src/components/Locale/cs_CZ.tsx @@ -1,9 +1,10 @@ import type { Locale } from '../LocaleProvider'; import DatePicker from '../DateTimePicker/DatePicker/Locale/cs_CZ'; import Dialog from '../Dialog/BaseDialog/Locale/cs_CZ'; +import InfoBar from '../InfoBar/Locale/cs_CZ'; import Pagination from '../Pagination/Locale/cs_CZ'; import Panel from '../Panel/Locale/cs_CZ'; -import InfoBar from '../InfoBar/Locale/cs_CZ'; +import Stepper from '../Stepper/Locale/cs_CZ'; import Table from '../Table/Locale/cs_CZ'; import TimePicker from '../DateTimePicker/TimePicker/Locale/cs_CZ'; import Upload from '../Upload/Locale/cs_CZ'; @@ -18,6 +19,7 @@ const localeValues: Locale = { InfoBar, Pagination, Panel, + Stepper, Table, TimePicker, Upload, diff --git a/src/components/Locale/da_DK.tsx b/src/components/Locale/da_DK.tsx index 346774c8d..26dd3f874 100644 --- a/src/components/Locale/da_DK.tsx +++ b/src/components/Locale/da_DK.tsx @@ -4,6 +4,7 @@ import Dialog from '../Dialog/BaseDialog/Locale/da_DK'; import InfoBar from '../InfoBar/Locale/da_DK'; import Pagination from '../Pagination/Locale/da_DK'; import Panel from '../Panel/Locale/da_DK'; +import Stepper from '../Stepper/Locale/da_DK'; import Table from '../Table/Locale/da_DK'; import TimePicker from '../DateTimePicker/TimePicker/Locale/da_DK'; import Upload from '../Upload/Locale/da_DK'; @@ -15,6 +16,7 @@ const localeValues: Locale = { InfoBar, Pagination, Panel, + Stepper, Table, TimePicker, Upload, diff --git a/src/components/Locale/de_DE.tsx b/src/components/Locale/de_DE.tsx index cc1606a70..8f79a7983 100644 --- a/src/components/Locale/de_DE.tsx +++ b/src/components/Locale/de_DE.tsx @@ -5,6 +5,7 @@ import Dialog from '../Dialog/BaseDialog/Locale/de_DE'; import InfoBar from '../InfoBar/Locale/de_DE'; import Pagination from '../Pagination/Locale/de_DE'; import Panel from '../Panel/Locale/de_DE'; +import Stepper from '../Stepper/Locale/de_DE'; import Table from '../Table/Locale/de_DE'; import TimePicker from '../DateTimePicker/TimePicker/Locale/de_DE'; import Upload from '../Upload/Locale/de_DE'; @@ -70,6 +71,7 @@ const localeValues: Locale = { InfoBar, Pagination, Panel, + Stepper, Table, TimePicker, Upload, diff --git a/src/components/Locale/el_GR.tsx b/src/components/Locale/el_GR.tsx index ad0b8952d..6f2c16580 100644 --- a/src/components/Locale/el_GR.tsx +++ b/src/components/Locale/el_GR.tsx @@ -4,6 +4,7 @@ import Dialog from '../Dialog/BaseDialog/Locale/el_GR'; import InfoBar from '../InfoBar/Locale/el_GR'; import Pagination from '../Pagination/Locale/el_GR'; import Panel from '../Panel/Locale/el_GR'; +import Stepper from '../Stepper/Locale/el_GR'; import Table from '../Table/Locale/el_GR'; import TimePicker from '../DateTimePicker/TimePicker/Locale/el_GR'; import Upload from '../Upload/Locale/el_GR'; @@ -15,6 +16,7 @@ const localeValues: Locale = { InfoBar, Pagination, Panel, + Stepper, Table, TimePicker, Upload, diff --git a/src/components/Locale/en_GB.tsx b/src/components/Locale/en_GB.tsx index 919af8056..bf971e508 100644 --- a/src/components/Locale/en_GB.tsx +++ b/src/components/Locale/en_GB.tsx @@ -5,6 +5,7 @@ import Dialog from '../Dialog/BaseDialog/Locale/en_GB'; import InfoBar from '../InfoBar/Locale/en_GB'; import Pagination from '../Pagination/Locale/en_GB'; import Panel from '../Panel/Locale/en_GB'; +import Stepper from '../Stepper/Locale/en_GB'; import Table from '../Table/Locale/en_GB'; import TimePicker from '../DateTimePicker/TimePicker/Locale/en_GB'; import Upload from '../Upload/Locale/en_GB'; @@ -71,6 +72,7 @@ const localeValues: Locale = { InfoBar, Pagination, Panel, + Stepper, Table, TimePicker, Upload, diff --git a/src/components/Locale/es_DO.tsx b/src/components/Locale/es_DO.tsx index de7389ae7..b966f87e9 100644 --- a/src/components/Locale/es_DO.tsx +++ b/src/components/Locale/es_DO.tsx @@ -5,6 +5,7 @@ import Dialog from '../Dialog/BaseDialog/Locale/es_DO'; import InfoBar from '../InfoBar/Locale/es_DO'; import Pagination from '../Pagination/Locale/es_DO'; import Panel from '../Panel/Locale/es_DO'; +import Stepper from '../Stepper/Locale/es_DO'; import Table from '../Table/Locale/es_DO'; import TimePicker from '../DateTimePicker/TimePicker/Locale/es_DO'; import Upload from '../Upload/Locale/es_DO'; @@ -71,6 +72,7 @@ const localeValues: Locale = { InfoBar, Pagination, Panel, + Stepper, Table, TimePicker, Upload, diff --git a/src/components/Locale/es_ES.tsx b/src/components/Locale/es_ES.tsx index d77197455..4d94c6713 100644 --- a/src/components/Locale/es_ES.tsx +++ b/src/components/Locale/es_ES.tsx @@ -5,6 +5,7 @@ import Dialog from '../Dialog/BaseDialog/Locale/es_ES'; import InfoBar from '../InfoBar/Locale/es_ES'; import Pagination from '../Pagination/Locale/es_ES'; import Panel from '../Panel/Locale/es_ES'; +import Stepper from '../Stepper/Locale/es_ES'; import Table from '../Table/Locale/es_ES'; import TimePicker from '../DateTimePicker/TimePicker/Locale/es_ES'; import Upload from '../Upload/Locale/es_ES'; @@ -71,6 +72,7 @@ const localeValues: Locale = { InfoBar, Pagination, Panel, + Stepper, Table, TimePicker, Upload, diff --git a/src/components/Locale/es_MX.tsx b/src/components/Locale/es_MX.tsx index 32cfef795..a5c7309e7 100644 --- a/src/components/Locale/es_MX.tsx +++ b/src/components/Locale/es_MX.tsx @@ -5,6 +5,7 @@ import Dialog from '../Dialog/BaseDialog/Locale/es_MX'; import InfoBar from '../InfoBar/Locale/es_MX'; import Pagination from '../Pagination/Locale/es_MX'; import Panel from '../Panel/Locale/es_MX'; +import Stepper from '../Stepper/Locale/es_MX'; import Table from '../Table/Locale/es_MX'; import TimePicker from '../DateTimePicker/TimePicker/Locale/es_MX'; import Upload from '../Upload/Locale/es_MX'; @@ -71,6 +72,7 @@ const localeValues: Locale = { InfoBar, Pagination, Panel, + Stepper, Table, TimePicker, Upload, diff --git a/src/components/Locale/fi_FI.tsx b/src/components/Locale/fi_FI.tsx index 2b60074de..5ad6856ba 100644 --- a/src/components/Locale/fi_FI.tsx +++ b/src/components/Locale/fi_FI.tsx @@ -4,6 +4,7 @@ import Dialog from '../Dialog/BaseDialog/Locale/fi_FI'; import InfoBar from '../InfoBar/Locale/fi_FI'; import Pagination from '../Pagination/Locale/fi_FI'; import Panel from '../Panel/Locale/fi_FI'; +import Stepper from '../Stepper/Locale/fi_FI'; import Table from '../Table/Locale/fi_FI'; import TimePicker from '../DateTimePicker/TimePicker/Locale/fi_FI'; import Upload from '../Upload/Locale/fi_FI'; @@ -15,6 +16,7 @@ const localeValues: Locale = { InfoBar, Pagination, Panel, + Stepper, Table, TimePicker, Upload, diff --git a/src/components/Locale/fr_BE.tsx b/src/components/Locale/fr_BE.tsx index e5246ed25..91b7de4cc 100644 --- a/src/components/Locale/fr_BE.tsx +++ b/src/components/Locale/fr_BE.tsx @@ -4,6 +4,7 @@ import Dialog from '../Dialog/BaseDialog/Locale/fr_BE'; import InfoBar from '../InfoBar/Locale/fr_BE'; import Pagination from '../Pagination/Locale/fr_BE'; import Panel from '../Panel/Locale/fr_BE'; +import Stepper from '../Stepper/Locale/fr_BE'; import Table from '../Table/Locale/fr_BE'; import TimePicker from '../DateTimePicker/TimePicker/Locale/fr_BE'; import Upload from '../Upload/Locale/fr_BE'; @@ -15,6 +16,7 @@ const localeValues: Locale = { InfoBar, Pagination, Panel, + Stepper, Table, TimePicker, Upload, diff --git a/src/components/Locale/fr_CA.tsx b/src/components/Locale/fr_CA.tsx index 32210279f..c94cf7458 100644 --- a/src/components/Locale/fr_CA.tsx +++ b/src/components/Locale/fr_CA.tsx @@ -4,6 +4,7 @@ import Dialog from '../Dialog/BaseDialog/Locale/fr_CA'; import InfoBar from '../InfoBar/Locale/fr_CA'; import Pagination from '../Pagination/Locale/fr_CA'; import Panel from '../Panel/Locale/fr_CA'; +import Stepper from '../Stepper/Locale/fr_CA'; import Table from '../Table/Locale/fr_CA'; import TimePicker from '../DateTimePicker/TimePicker/Locale/fr_CA'; import Upload from '../Upload/Locale/fr_CA'; @@ -15,6 +16,7 @@ const localeValues: Locale = { InfoBar, Pagination, Panel, + Stepper, Table, TimePicker, Upload, diff --git a/src/components/Locale/fr_FR.tsx b/src/components/Locale/fr_FR.tsx index 727b592b3..c45b740b0 100644 --- a/src/components/Locale/fr_FR.tsx +++ b/src/components/Locale/fr_FR.tsx @@ -5,6 +5,7 @@ import Dialog from '../Dialog/BaseDialog/Locale/fr_FR'; import InfoBar from '../InfoBar/Locale/fr_FR'; import Pagination from '../Pagination/Locale/fr_FR'; import Panel from '../Panel/Locale/fr_FR'; +import Stepper from '../Stepper/Locale/fr_FR'; import Table from '../Table/Locale/fr_FR'; import TimePicker from '../DateTimePicker/TimePicker/Locale/fr_FR'; import Upload from '../Upload/Locale/fr_FR'; @@ -72,6 +73,7 @@ const localeValues: Locale = { InfoBar, Pagination, Panel, + Stepper, Table, TimePicker, Upload, diff --git a/src/components/Locale/he_IL.tsx b/src/components/Locale/he_IL.tsx index 9bbc8d4f5..37de2276d 100644 --- a/src/components/Locale/he_IL.tsx +++ b/src/components/Locale/he_IL.tsx @@ -5,6 +5,7 @@ import Dialog from '../Dialog/BaseDialog/Locale/he_IL'; import InfoBar from '../InfoBar/Locale/he_IL'; import Pagination from '../Pagination/Locale/he_IL'; import Panel from '../Panel/Locale/he_IL'; +import Stepper from '../Stepper/Locale/he_IL'; import Table from '../Table/Locale/he_IL'; import TimePicker from '../DateTimePicker/TimePicker/Locale/he_IL'; import Upload from '../Upload/Locale/he_IL'; @@ -70,6 +71,7 @@ const localeValues: Locale = { InfoBar, Pagination, Panel, + Stepper, Table, TimePicker, Upload, diff --git a/src/components/Locale/hr_HR.tsx b/src/components/Locale/hr_HR.tsx index 9e37f2da1..ff3ba299a 100644 --- a/src/components/Locale/hr_HR.tsx +++ b/src/components/Locale/hr_HR.tsx @@ -5,6 +5,7 @@ import Dialog from '../Dialog/BaseDialog/Locale/hr_HR'; import InfoBar from '../InfoBar/Locale/hr_HR'; import Pagination from '../Pagination/Locale/hr_HR'; import Panel from '../Panel/Locale/hr_HR'; +import Stepper from '../Stepper/Locale/hr_HR'; import Table from '../Table/Locale/hr_HR'; import TimePicker from '../DateTimePicker/TimePicker/Locale/hr_HR'; import Upload from '../Upload/Locale/hr_HR'; @@ -71,6 +72,7 @@ const localeValues: Locale = { InfoBar, Pagination, Panel, + Stepper, Table, TimePicker, Upload, diff --git a/src/components/Locale/ht_HT.tsx b/src/components/Locale/ht_HT.tsx index c99a39240..4a9578084 100644 --- a/src/components/Locale/ht_HT.tsx +++ b/src/components/Locale/ht_HT.tsx @@ -5,6 +5,7 @@ import Dialog from '../Dialog/BaseDialog/Locale/ht_HT'; import InfoBar from '../InfoBar/Locale/ht_HT'; import Pagination from '../Pagination/Locale/ht_HT'; import Panel from '../Panel/Locale/ht_HT'; +import Stepper from '../Stepper/Locale/ht_HT'; import Table from '../Table/Locale/ht_HT'; import TimePicker from '../DateTimePicker/TimePicker/Locale/ht_HT'; import Upload from '../Upload/Locale/ht_HT'; @@ -72,6 +73,7 @@ const localeValues: Locale = { InfoBar, Pagination, Panel, + Stepper, Table, TimePicker, Upload, diff --git a/src/components/Locale/hu_HU.tsx b/src/components/Locale/hu_HU.tsx index 98f8bc36f..8e1b32478 100644 --- a/src/components/Locale/hu_HU.tsx +++ b/src/components/Locale/hu_HU.tsx @@ -4,6 +4,7 @@ import Dialog from '../Dialog/BaseDialog/Locale/hu_HU'; import InfoBar from '../InfoBar/Locale/hu_HU'; import Pagination from '../Pagination/Locale/hu_HU'; import Panel from '../Panel/Locale/hu_HU'; +import Stepper from '../Stepper/Locale/hu_HU'; import Table from '../Table/Locale/hu_HU'; import TimePicker from '../DateTimePicker/TimePicker/Locale/hu_HU'; import Upload from '../Upload/Locale/hu_HU'; @@ -15,6 +16,7 @@ const localeValues: Locale = { InfoBar, Pagination, Panel, + Stepper, Table, TimePicker, Upload, diff --git a/src/components/Locale/it_IT.tsx b/src/components/Locale/it_IT.tsx index 5684dccbd..248045f10 100644 --- a/src/components/Locale/it_IT.tsx +++ b/src/components/Locale/it_IT.tsx @@ -4,6 +4,7 @@ import Dialog from '../Dialog/BaseDialog/Locale/it_IT'; import InfoBar from '../InfoBar/Locale/it_IT'; import Pagination from '../Pagination/Locale/it_IT'; import Panel from '../Panel/Locale/it_IT'; +import Stepper from '../Stepper/Locale/it_IT'; import Table from '../Table/Locale/it_IT'; import TimePicker from '../DateTimePicker/TimePicker/Locale/it_IT'; import Upload from '../Upload/Locale/it_IT'; @@ -15,6 +16,7 @@ const localeValues: Locale = { InfoBar, Pagination, Panel, + Stepper, Table, TimePicker, Upload, diff --git a/src/components/Locale/ja_JP.tsx b/src/components/Locale/ja_JP.tsx index e4f1c992e..ea3fda74c 100644 --- a/src/components/Locale/ja_JP.tsx +++ b/src/components/Locale/ja_JP.tsx @@ -5,6 +5,7 @@ import Dialog from '../Dialog/BaseDialog/Locale/ja_JP'; import InfoBar from '../InfoBar/Locale/ja_JP'; import Pagination from '../Pagination/Locale/ja_JP'; import Panel from '../Panel/Locale/ja_JP'; +import Stepper from '../Stepper/Locale/ja_JP'; import Table from '../Table/Locale/ja_JP'; import TimePicker from '../DateTimePicker/TimePicker/Locale/ja_JP'; import Upload from '../Upload/Locale/ja_JP'; @@ -67,6 +68,7 @@ const localeValues: Locale = { InfoBar, Pagination, Panel, + Stepper, Table, TimePicker, Upload, diff --git a/src/components/Locale/ko_KR.tsx b/src/components/Locale/ko_KR.tsx index 20ef0d99b..bdf76061e 100644 --- a/src/components/Locale/ko_KR.tsx +++ b/src/components/Locale/ko_KR.tsx @@ -5,6 +5,7 @@ import Dialog from '../Dialog/BaseDialog/Locale/ko_KR'; import InfoBar from '../InfoBar/Locale/ko_KR'; import Pagination from '../Pagination/Locale/ko_KR'; import Panel from '../Panel/Locale/ko_KR'; +import Stepper from '../Stepper/Locale/ko_KR'; import Table from '../Table/Locale/ko_KR'; import TimePicker from '../DateTimePicker/TimePicker/Locale/ko_KR'; import Upload from '../Upload/Locale/ko_KR'; @@ -67,6 +68,7 @@ const localeValues: Locale = { InfoBar, Pagination, Panel, + Stepper, Table, TimePicker, Upload, diff --git a/src/components/Locale/ms_MY.tsx b/src/components/Locale/ms_MY.tsx index 203425ec4..b1ae8085f 100644 --- a/src/components/Locale/ms_MY.tsx +++ b/src/components/Locale/ms_MY.tsx @@ -4,6 +4,7 @@ import Dialog from '../Dialog/BaseDialog/Locale/ms_MY'; import InfoBar from '../InfoBar/Locale/ms_MY'; import Pagination from '../Pagination/Locale/ms_MY'; import Panel from '../Panel/Locale/ms_MY'; +import Stepper from '../Stepper/Locale/ms_MY'; import Table from '../Table/Locale/ms_MY'; import TimePicker from '../DateTimePicker/TimePicker/Locale/ms_MY'; import Upload from '../Upload/Locale/ms_MY'; @@ -18,6 +19,7 @@ const localeValues: Locale = { InfoBar, Pagination, Panel, + Stepper, Table, TimePicker, Upload, diff --git a/src/components/Locale/nb_NO.tsx b/src/components/Locale/nb_NO.tsx index 23b403987..2f0f3defc 100644 --- a/src/components/Locale/nb_NO.tsx +++ b/src/components/Locale/nb_NO.tsx @@ -5,6 +5,7 @@ import Dialog from '../Dialog/BaseDialog/Locale/nb_NO'; import InfoBar from '../InfoBar/Locale/nb_NO'; import Pagination from '../Pagination/Locale/nb_NO'; import Panel from '../Panel/Locale/nb_NO'; +import Stepper from '../Stepper/Locale/nb_NO'; import Table from '../Table/Locale/nb_NO'; import TimePicker from '../DateTimePicker/TimePicker/Locale/nb_NO'; import Upload from '../Upload/Locale/nb_NO'; @@ -70,6 +71,7 @@ const localeValues: Locale = { InfoBar, Pagination, Panel, + Stepper, Table, TimePicker, Upload, diff --git a/src/components/Locale/nl_BE.tsx b/src/components/Locale/nl_BE.tsx index 64a466075..cf3f88d48 100644 --- a/src/components/Locale/nl_BE.tsx +++ b/src/components/Locale/nl_BE.tsx @@ -5,6 +5,7 @@ import Dialog from '../Dialog/BaseDialog/Locale/nl_BE'; import InfoBar from '../InfoBar/Locale/nl_BE'; import Pagination from '../Pagination/Locale/nl_BE'; import Panel from '../Panel/Locale/nl_BE'; +import Stepper from '../Stepper/Locale/nl_BE'; import Table from '../Table/Locale/nl_BE'; import TimePicker from '../DateTimePicker/TimePicker/Locale/nl_BE'; import Upload from '../Upload/Locale/nl_BE'; @@ -71,6 +72,7 @@ const localeValues: Locale = { InfoBar, Pagination, Panel, + Stepper, Table, TimePicker, Upload, diff --git a/src/components/Locale/nl_NL.tsx b/src/components/Locale/nl_NL.tsx index ec70b06a2..614007f49 100644 --- a/src/components/Locale/nl_NL.tsx +++ b/src/components/Locale/nl_NL.tsx @@ -5,6 +5,7 @@ import Dialog from '../Dialog/BaseDialog/Locale/nl_NL'; import InfoBar from '../InfoBar/Locale/nl_NL'; import Pagination from '../Pagination/Locale/nl_NL'; import Panel from '../Panel/Locale/nl_NL'; +import Stepper from '../Stepper/Locale/nl_NL'; import Table from '../Table/Locale/nl_NL'; import TimePicker from '../DateTimePicker/TimePicker/Locale/nl_NL'; import Upload from '../Upload/Locale/nl_NL'; @@ -71,6 +72,7 @@ const localeValues: Locale = { InfoBar, Pagination, Panel, + Stepper, Table, TimePicker, Upload, diff --git a/src/components/Locale/pl_PL.tsx b/src/components/Locale/pl_PL.tsx index 84563c186..069d4b843 100644 --- a/src/components/Locale/pl_PL.tsx +++ b/src/components/Locale/pl_PL.tsx @@ -5,6 +5,7 @@ import Dialog from '../Dialog/BaseDialog/Locale/pl_PL'; import InfoBar from '../InfoBar/Locale/pl_PL'; import Pagination from '../Pagination/Locale/pl_PL'; import Panel from '../Panel/Locale/pl_PL'; +import Stepper from '../Stepper/Locale/pl_PL'; import Table from '../Table/Locale/pl_PL'; import TimePicker from '../DateTimePicker/TimePicker/Locale/pl_PL'; import Upload from '../Upload/Locale/pl_PL'; @@ -71,6 +72,7 @@ const localeValues: Locale = { InfoBar, Pagination, Panel, + Stepper, Table, TimePicker, Upload, diff --git a/src/components/Locale/pt_BR.tsx b/src/components/Locale/pt_BR.tsx index 4d1d1dfe3..b911d44bd 100644 --- a/src/components/Locale/pt_BR.tsx +++ b/src/components/Locale/pt_BR.tsx @@ -5,6 +5,7 @@ import Dialog from '../Dialog/BaseDialog/Locale/pt_BR'; import InfoBar from '../InfoBar/Locale/pt_BR'; import Pagination from '../Pagination/Locale/pt_BR'; import Panel from '../Panel/Locale/pt_BR'; +import Stepper from '../Stepper/Locale/pt_BR'; import Table from '../Table/Locale/pt_BR'; import TimePicker from '../DateTimePicker/TimePicker/Locale/pt_BR'; import Upload from '../Upload/Locale/pt_BR'; @@ -71,6 +72,7 @@ const localeValues: Locale = { InfoBar, Pagination, Panel, + Stepper, Table, TimePicker, Upload, diff --git a/src/components/Locale/pt_PT.tsx b/src/components/Locale/pt_PT.tsx index 0bf18992c..9083b5503 100644 --- a/src/components/Locale/pt_PT.tsx +++ b/src/components/Locale/pt_PT.tsx @@ -4,6 +4,7 @@ import Dialog from '../Dialog/BaseDialog/Locale/pt_PT'; import InfoBar from '../InfoBar/Locale/pt_PT'; import Pagination from '../Pagination/Locale/pt_PT'; import Panel from '../Panel/Locale/pt_PT'; +import Stepper from '../Stepper/Locale/pt_PT'; import Table from '../Table/Locale/pt_PT'; import TimePicker from '../DateTimePicker/TimePicker/Locale/pt_PT'; import Upload from '../Upload/Locale/pt_PT'; @@ -15,6 +16,7 @@ const localeValues: Locale = { InfoBar, Pagination, Panel, + Stepper, Table, TimePicker, Upload, diff --git a/src/components/Locale/ru_RU.tsx b/src/components/Locale/ru_RU.tsx index 4766e44ad..fe21b8cb6 100644 --- a/src/components/Locale/ru_RU.tsx +++ b/src/components/Locale/ru_RU.tsx @@ -5,6 +5,7 @@ import Dialog from '../Dialog/BaseDialog/Locale/ru_RU'; import InfoBar from '../InfoBar/Locale/ru_RU'; import Pagination from '../Pagination/Locale/ru_RU'; import Panel from '../Panel/Locale/ru_RU'; +import Stepper from '../Stepper/Locale/ru_RU'; import Table from '../Table/Locale/ru_RU'; import TimePicker from '../DateTimePicker/TimePicker/Locale/ru_RU'; import Upload from '../Upload/Locale/ru_RU'; @@ -70,6 +71,7 @@ const localeValues: Locale = { InfoBar, Pagination, Panel, + Stepper, Table, TimePicker, Upload, diff --git a/src/components/Locale/sv_SE.tsx b/src/components/Locale/sv_SE.tsx index 7581077e9..d7818f203 100644 --- a/src/components/Locale/sv_SE.tsx +++ b/src/components/Locale/sv_SE.tsx @@ -5,6 +5,7 @@ import Dialog from '../Dialog/BaseDialog/Locale/sv_SE'; import InfoBar from '../InfoBar/Locale/sv_SE'; import Pagination from '../Pagination/Locale/sv_SE'; import Panel from '../Panel/Locale/sv_SE'; +import Stepper from '../Stepper/Locale/sv_SE'; import Table from '../Table/Locale/sv_SE'; import TimePicker from '../DateTimePicker/TimePicker/Locale/sv_SE'; import Upload from '../Upload/Locale/sv_SE'; @@ -71,6 +72,7 @@ const localeValues: Locale = { InfoBar, Pagination, Panel, + Stepper, Table, TimePicker, Upload, diff --git a/src/components/Locale/th_TH.tsx b/src/components/Locale/th_TH.tsx index 3fce4424a..dd98aed30 100644 --- a/src/components/Locale/th_TH.tsx +++ b/src/components/Locale/th_TH.tsx @@ -5,6 +5,7 @@ import Dialog from '../Dialog/BaseDialog/Locale/th_TH'; import InfoBar from '../InfoBar/Locale/th_TH'; import Pagination from '../Pagination/Locale/th_TH'; import Panel from '../Panel/Locale/th_TH'; +import Stepper from '../Stepper/Locale/th_TH'; import Table from '../Table/Locale/th_TH'; import TimePicker from '../DateTimePicker/TimePicker/Locale/th_TH'; import Upload from '../Upload/Locale/th_TH'; @@ -71,6 +72,7 @@ const localeValues: Locale = { InfoBar, Pagination, Panel, + Stepper, Table, TimePicker, Upload, diff --git a/src/components/Locale/tr_TR.tsx b/src/components/Locale/tr_TR.tsx index cbdf7a8b8..c15ee67ef 100644 --- a/src/components/Locale/tr_TR.tsx +++ b/src/components/Locale/tr_TR.tsx @@ -5,6 +5,7 @@ import Dialog from '../Dialog/BaseDialog/Locale/tr_TR'; import InfoBar from '../InfoBar/Locale/tr_TR'; import Pagination from '../Pagination/Locale/tr_TR'; import Panel from '../Panel/Locale/tr_TR'; +import Stepper from '../Stepper/Locale/tr_TR'; import Table from '../Table/Locale/tr_TR'; import TimePicker from '../DateTimePicker/TimePicker/Locale/tr_TR'; import Upload from '../Upload/Locale/tr_TR'; @@ -71,6 +72,7 @@ const localeValues: Locale = { InfoBar, Pagination, Panel, + Stepper, Table, TimePicker, Upload, diff --git a/src/components/Locale/uk_UA.tsx b/src/components/Locale/uk_UA.tsx index 07ac41a0f..de56a8a6e 100644 --- a/src/components/Locale/uk_UA.tsx +++ b/src/components/Locale/uk_UA.tsx @@ -5,6 +5,7 @@ import Dialog from '../Dialog/BaseDialog/Locale/uk_UA'; import InfoBar from '../InfoBar/Locale/uk_UA'; import Pagination from '../Pagination/Locale/uk_UA'; import Panel from '../Panel/Locale/uk_UA'; +import Stepper from '../Stepper/Locale/uk_UA'; import Table from '../Table/Locale/uk_UA'; import TimePicker from '../DateTimePicker/TimePicker/Locale/uk_UA'; import Upload from '../Upload/Locale/uk_UA'; @@ -71,6 +72,7 @@ const localeValues: Locale = { InfoBar, Pagination, Panel, + Stepper, Table, TimePicker, Upload, diff --git a/src/components/Locale/zh_CN.tsx b/src/components/Locale/zh_CN.tsx index 2c35d9252..33f6cfe0a 100644 --- a/src/components/Locale/zh_CN.tsx +++ b/src/components/Locale/zh_CN.tsx @@ -5,6 +5,7 @@ import Dialog from '../Dialog/BaseDialog/Locale/zh_CN'; import InfoBar from '../InfoBar/Locale/zh_CN'; import Pagination from '../Pagination/Locale/zh_CN'; import Panel from '../Panel/Locale/zh_CN'; +import Stepper from '../Stepper/Locale/zh_CN'; import Table from '../Table/Locale/zh_CN'; import TimePicker from '../DateTimePicker/TimePicker/Locale/zh_CN'; import Upload from '../Upload/Locale/zh_CN'; @@ -71,6 +72,7 @@ const localeValues: Locale = { InfoBar, Pagination, Panel, + Stepper, Table, TimePicker, Upload, diff --git a/src/components/Locale/zh_TW.tsx b/src/components/Locale/zh_TW.tsx index d85927890..059a63cc4 100644 --- a/src/components/Locale/zh_TW.tsx +++ b/src/components/Locale/zh_TW.tsx @@ -5,6 +5,7 @@ import Dialog from '../Dialog/BaseDialog/Locale/zh_TW'; import InfoBar from '../InfoBar/Locale/zh_TW'; import Pagination from '../Pagination/Locale/zh_TW'; import Panel from '../Panel/Locale/zh_TW'; +import Stepper from '../Stepper/Locale/zh_TW'; import Table from '../Table/Locale/zh_TW'; import TimePicker from '../DateTimePicker/TimePicker/Locale/zh_TW'; import Upload from '../Upload/Locale/zh_TW'; @@ -71,6 +72,7 @@ const localeValues: Locale = { InfoBar, Pagination, Panel, + Stepper, Table, TimePicker, Upload, diff --git a/src/components/LocaleProvider/index.tsx b/src/components/LocaleProvider/index.tsx index 522eb042b..135a477e8 100644 --- a/src/components/LocaleProvider/index.tsx +++ b/src/components/LocaleProvider/index.tsx @@ -5,6 +5,7 @@ import type { PaginationLocale } from '../Pagination'; import type { PanelLocale } from '../Panel'; import type { InfoBarLocale } from '../InfoBar'; import type { PickerLocale as DatePickerLocale } from '../DateTimePicker/DatePicker/Generate/Generate.types'; +import type { StepperLocale } from '../Stepper'; import type { TableLocale } from '../Table/Table.types'; import type { UploadLocale } from '../Upload/Upload.types'; import type { ValidateMessages } from '../Form/Internal/OcForm.types'; @@ -22,6 +23,7 @@ export interface Locale { InfoBar?: InfoBarLocale; Pagination?: PaginationLocale; Panel?: PanelLocale; + Stepper?: StepperLocale; Table?: TableLocale; TimePicker?: Record; Upload?: UploadLocale; diff --git a/src/components/Stepper/Locale/cs_CZ.tsx b/src/components/Stepper/Locale/cs_CZ.tsx new file mode 100644 index 000000000..a3c25d7bd --- /dev/null +++ b/src/components/Stepper/Locale/cs_CZ.tsx @@ -0,0 +1,15 @@ +import type { StepperLocale } from '../Stepper.types'; + +const locale: StepperLocale = { + lang: { + locale: 'cs_CZ', + completeAriaLabelText: 'kompletní', + nodeAriaLabelText: 'Uzel', + scrollDownAriaLabelText: 'Posunout dolů', + scrollLeftAriaLabelText: 'Posuňte se doleva', + scrollRightAriaLabelText: 'Posuňte se doprava', + scrollUpAriaLabelText: 'Posunout nahoru', + }, +}; + +export default locale; diff --git a/src/components/Stepper/Locale/da_DK.tsx b/src/components/Stepper/Locale/da_DK.tsx new file mode 100644 index 000000000..9e94b5c2e --- /dev/null +++ b/src/components/Stepper/Locale/da_DK.tsx @@ -0,0 +1,15 @@ +import type { StepperLocale } from '../Stepper.types'; + +const locale: StepperLocale = { + lang: { + locale: 'da_DK', + completeAriaLabelText: 'komplet', + nodeAriaLabelText: 'Knude', + scrollDownAriaLabelText: 'Rul ned', + scrollLeftAriaLabelText: 'Rul til venstre', + scrollRightAriaLabelText: 'Rul til højre', + scrollUpAriaLabelText: 'Rul op', + }, +}; + +export default locale; diff --git a/src/components/Stepper/Locale/de_DE.tsx b/src/components/Stepper/Locale/de_DE.tsx new file mode 100644 index 000000000..694ca95b0 --- /dev/null +++ b/src/components/Stepper/Locale/de_DE.tsx @@ -0,0 +1,15 @@ +import type { StepperLocale } from '../Stepper.types'; + +const locale: StepperLocale = { + lang: { + locale: 'de_DE', + completeAriaLabelText: 'vollständig', + nodeAriaLabelText: 'Knoten', + scrollDownAriaLabelText: 'Zurückrollen', + scrollLeftAriaLabelText: 'Nach links scrollen', + scrollRightAriaLabelText: 'Nach rechts scrollen', + scrollUpAriaLabelText: 'Nach oben scrollen', + }, +}; + +export default locale; diff --git a/src/components/Stepper/Locale/el_GR.tsx b/src/components/Stepper/Locale/el_GR.tsx new file mode 100644 index 000000000..2d270f778 --- /dev/null +++ b/src/components/Stepper/Locale/el_GR.tsx @@ -0,0 +1,15 @@ +import type { StepperLocale } from '../Stepper.types'; + +const locale: StepperLocale = { + lang: { + locale: 'el_GR', + completeAriaLabelText: 'πλήρης', + nodeAriaLabelText: 'Κόμβος', + scrollDownAriaLabelText: 'Κύλιση προς τα κάτω', + scrollLeftAriaLabelText: 'Κύλιση προς τα αριστερά', + scrollRightAriaLabelText: 'Κύλιση προς τα δεξιά', + scrollUpAriaLabelText: 'Κύλιση προς τα επάνω', + }, +}; + +export default locale; diff --git a/src/components/Stepper/Locale/en_GB.tsx b/src/components/Stepper/Locale/en_GB.tsx new file mode 100644 index 000000000..ce48dcb1c --- /dev/null +++ b/src/components/Stepper/Locale/en_GB.tsx @@ -0,0 +1,15 @@ +import type { StepperLocale } from '../Stepper.types'; + +const locale: StepperLocale = { + lang: { + locale: 'en_GB', + completeAriaLabelText: 'complete', + nodeAriaLabelText: 'Node', + scrollDownAriaLabelText: 'Scroll down', + scrollLeftAriaLabelText: 'Scroll left', + scrollRightAriaLabelText: 'Scroll right', + scrollUpAriaLabelText: 'Scroll up', + }, +}; + +export default locale; diff --git a/src/components/Stepper/Locale/en_US.tsx b/src/components/Stepper/Locale/en_US.tsx new file mode 100644 index 000000000..1befb3167 --- /dev/null +++ b/src/components/Stepper/Locale/en_US.tsx @@ -0,0 +1,15 @@ +import type { StepperLocale } from '../Stepper.types'; + +const locale: StepperLocale = { + lang: { + locale: 'en_US', + completeAriaLabelText: 'complete', + nodeAriaLabelText: 'Node', + scrollDownAriaLabelText: 'Scroll down', + scrollLeftAriaLabelText: 'Scroll left', + scrollRightAriaLabelText: 'Scroll right', + scrollUpAriaLabelText: 'Scroll up', + }, +}; + +export default locale; diff --git a/src/components/Stepper/Locale/es_DO.tsx b/src/components/Stepper/Locale/es_DO.tsx new file mode 100644 index 000000000..aacb19b8e --- /dev/null +++ b/src/components/Stepper/Locale/es_DO.tsx @@ -0,0 +1,15 @@ +import type { StepperLocale } from '../Stepper.types'; + +const locale: StepperLocale = { + lang: { + locale: 'es_DO', + completeAriaLabelText: 'íntegro', + nodeAriaLabelText: 'Nodo', + scrollDownAriaLabelText: 'Desplácese hacia abajo', + scrollLeftAriaLabelText: 'Desplácese hacia la izquierda', + scrollRightAriaLabelText: 'Desplácese hacia la derecha', + scrollUpAriaLabelText: 'Desplácese hacia arriba', + }, +}; + +export default locale; diff --git a/src/components/Stepper/Locale/es_ES.tsx b/src/components/Stepper/Locale/es_ES.tsx new file mode 100644 index 000000000..8606f0ec4 --- /dev/null +++ b/src/components/Stepper/Locale/es_ES.tsx @@ -0,0 +1,15 @@ +import type { StepperLocale } from '../Stepper.types'; + +const locale: StepperLocale = { + lang: { + locale: 'es_ES', + completeAriaLabelText: 'íntegro', + nodeAriaLabelText: 'Nodo', + scrollDownAriaLabelText: 'Desplácese hacia abajo', + scrollLeftAriaLabelText: 'Desplácese hacia la izquierda', + scrollRightAriaLabelText: 'Desplácese hacia la derecha', + scrollUpAriaLabelText: 'Desplácese hacia arriba', + }, +}; + +export default locale; diff --git a/src/components/Stepper/Locale/es_MX.tsx b/src/components/Stepper/Locale/es_MX.tsx new file mode 100644 index 000000000..81a4b9ae8 --- /dev/null +++ b/src/components/Stepper/Locale/es_MX.tsx @@ -0,0 +1,15 @@ +import type { StepperLocale } from '../Stepper.types'; + +const locale: StepperLocale = { + lang: { + locale: 'es_MX', + completeAriaLabelText: 'íntegro', + nodeAriaLabelText: 'Nodo', + scrollDownAriaLabelText: 'Desplácese hacia abajo', + scrollLeftAriaLabelText: 'Desplácese hacia la izquierda', + scrollRightAriaLabelText: 'Desplácese hacia la derecha', + scrollUpAriaLabelText: 'Desplácese hacia arriba', + }, +}; + +export default locale; diff --git a/src/components/Stepper/Locale/fi_FI.tsx b/src/components/Stepper/Locale/fi_FI.tsx new file mode 100644 index 000000000..48eb8d949 --- /dev/null +++ b/src/components/Stepper/Locale/fi_FI.tsx @@ -0,0 +1,15 @@ +import type { StepperLocale } from '../Stepper.types'; + +const locale: StepperLocale = { + lang: { + locale: 'fi_FI', + completeAriaLabelText: 'täydellinen', + nodeAriaLabelText: 'Solmu', + scrollDownAriaLabelText: 'Vieritä alas', + scrollLeftAriaLabelText: 'Vieritä vasemmalle', + scrollRightAriaLabelText: 'Vieritä oikealle', + scrollUpAriaLabelText: 'Vieritä ylös', + }, +}; + +export default locale; diff --git a/src/components/Stepper/Locale/fr_BE.tsx b/src/components/Stepper/Locale/fr_BE.tsx new file mode 100644 index 000000000..a93971c90 --- /dev/null +++ b/src/components/Stepper/Locale/fr_BE.tsx @@ -0,0 +1,15 @@ +import type { StepperLocale } from '../Stepper.types'; + +const locale: StepperLocale = { + lang: { + locale: 'fr_BE', + completeAriaLabelText: 'complet', + nodeAriaLabelText: 'Noeud', + scrollDownAriaLabelText: 'Faites défiler', + scrollLeftAriaLabelText: 'Faites défiler vers la gauche', + scrollRightAriaLabelText: 'Faites défiler vers la droite', + scrollUpAriaLabelText: 'Faites défiler vers le haut', + }, +}; + +export default locale; diff --git a/src/components/Stepper/Locale/fr_CA.tsx b/src/components/Stepper/Locale/fr_CA.tsx new file mode 100644 index 000000000..513c73075 --- /dev/null +++ b/src/components/Stepper/Locale/fr_CA.tsx @@ -0,0 +1,15 @@ +import type { StepperLocale } from '../Stepper.types'; + +const locale: StepperLocale = { + lang: { + locale: 'fr_CA', + completeAriaLabelText: 'terminé', + nodeAriaLabelText: 'Nœud', + scrollDownAriaLabelText: 'Faites défiler vers le bas', + scrollLeftAriaLabelText: 'Faites défiler vers la gauche', + scrollRightAriaLabelText: 'Faites défiler vers la droite', + scrollUpAriaLabelText: 'Faites défiler vers le haut', + }, +}; + +export default locale; diff --git a/src/components/Stepper/Locale/fr_FR.tsx b/src/components/Stepper/Locale/fr_FR.tsx new file mode 100644 index 000000000..054f042ed --- /dev/null +++ b/src/components/Stepper/Locale/fr_FR.tsx @@ -0,0 +1,15 @@ +import type { StepperLocale } from '../Stepper.types'; + +const locale: StepperLocale = { + lang: { + locale: 'fr_FR', + completeAriaLabelText: 'complet', + nodeAriaLabelText: 'Noeud', + scrollDownAriaLabelText: 'Faites défiler', + scrollLeftAriaLabelText: 'Faites défiler vers la gauche', + scrollRightAriaLabelText: 'Faites défiler vers la droite', + scrollUpAriaLabelText: 'Faites défiler vers le haut', + }, +}; + +export default locale; diff --git a/src/components/Stepper/Locale/he_IL.tsx b/src/components/Stepper/Locale/he_IL.tsx new file mode 100644 index 000000000..037d97ccd --- /dev/null +++ b/src/components/Stepper/Locale/he_IL.tsx @@ -0,0 +1,15 @@ +import type { StepperLocale } from '../Stepper.types'; + +const locale: StepperLocale = { + lang: { + locale: 'he_IL', + completeAriaLabelText: 'להשלים', + nodeAriaLabelText: 'צומת', + scrollDownAriaLabelText: 'גלול מטה', + scrollLeftAriaLabelText: 'גלילה שמאלה', + scrollRightAriaLabelText: 'גלילה ימינה', + scrollUpAriaLabelText: 'גלילה למעלה', + }, +}; + +export default locale; diff --git a/src/components/Stepper/Locale/hr_HR.tsx b/src/components/Stepper/Locale/hr_HR.tsx new file mode 100644 index 000000000..0820c5d74 --- /dev/null +++ b/src/components/Stepper/Locale/hr_HR.tsx @@ -0,0 +1,15 @@ +import type { StepperLocale } from '../Stepper.types'; + +const locale: StepperLocale = { + lang: { + locale: 'hr_HR', + completeAriaLabelText: 'cjelovit', + nodeAriaLabelText: 'Čvor', + scrollDownAriaLabelText: 'Pomaknite se prema dolje', + scrollLeftAriaLabelText: 'Pomicanje ulijevo', + scrollRightAriaLabelText: 'Pomicanje udesno', + scrollUpAriaLabelText: 'Pomicanje prema gore', + }, +}; + +export default locale; diff --git a/src/components/Stepper/Locale/ht_HT.tsx b/src/components/Stepper/Locale/ht_HT.tsx new file mode 100644 index 000000000..caf7a6d15 --- /dev/null +++ b/src/components/Stepper/Locale/ht_HT.tsx @@ -0,0 +1,15 @@ +import type { StepperLocale } from '../Stepper.types'; + +const locale: StepperLocale = { + lang: { + locale: 'ht_HT', + completeAriaLabelText: 'konplete', + nodeAriaLabelText: 'Node', + scrollDownAriaLabelText: 'Desann', + scrollLeftAriaLabelText: 'Woulo kite', + scrollRightAriaLabelText: 'Woulo liv', + scrollUpAriaLabelText: 'Defile moute', + }, +}; + +export default locale; diff --git a/src/components/Stepper/Locale/hu_HU.tsx b/src/components/Stepper/Locale/hu_HU.tsx new file mode 100644 index 000000000..453cadc03 --- /dev/null +++ b/src/components/Stepper/Locale/hu_HU.tsx @@ -0,0 +1,15 @@ +import type { StepperLocale } from '../Stepper.types'; + +const locale: StepperLocale = { + lang: { + locale: 'hu_HU', + completeAriaLabelText: 'teljes', + nodeAriaLabelText: 'Csomópont', + scrollDownAriaLabelText: 'Görgess lejjebb', + scrollLeftAriaLabelText: 'Görgetés balra', + scrollRightAriaLabelText: 'Görgetés jobbra', + scrollUpAriaLabelText: 'Görgetés felfelé', + }, +}; + +export default locale; diff --git a/src/components/Stepper/Locale/it_IT.tsx b/src/components/Stepper/Locale/it_IT.tsx new file mode 100644 index 000000000..e0fdc3868 --- /dev/null +++ b/src/components/Stepper/Locale/it_IT.tsx @@ -0,0 +1,15 @@ +import type { StepperLocale } from '../Stepper.types'; + +const locale: StepperLocale = { + lang: { + locale: 'it_IT', + completeAriaLabelText: 'completo', + nodeAriaLabelText: 'Nodo', + scrollDownAriaLabelText: 'Scorri verso il basso', + scrollLeftAriaLabelText: 'Scorri verso sinistra', + scrollRightAriaLabelText: 'Scorri verso destra', + scrollUpAriaLabelText: "Scorri verso l'alto", + }, +}; + +export default locale; diff --git a/src/components/Stepper/Locale/ja_JP.tsx b/src/components/Stepper/Locale/ja_JP.tsx new file mode 100644 index 000000000..533cc624a --- /dev/null +++ b/src/components/Stepper/Locale/ja_JP.tsx @@ -0,0 +1,15 @@ +import type { StepperLocale } from '../Stepper.types'; + +const locale: StepperLocale = { + lang: { + locale: 'ja_JP', + completeAriaLabelText: '完成', + nodeAriaLabelText: 'ノード', + scrollDownAriaLabelText: 'スクロールダウン', + scrollLeftAriaLabelText: '左にスクロール', + scrollRightAriaLabelText: '右にスクロール', + scrollUpAriaLabelText: '上にスクロール', + }, +}; + +export default locale; diff --git a/src/components/Stepper/Locale/ko_KR.tsx b/src/components/Stepper/Locale/ko_KR.tsx new file mode 100644 index 000000000..d07df904e --- /dev/null +++ b/src/components/Stepper/Locale/ko_KR.tsx @@ -0,0 +1,15 @@ +import type { StepperLocale } from '../Stepper.types'; + +const locale: StepperLocale = { + lang: { + locale: 'ko_KR', + completeAriaLabelText: '완성하다', + nodeAriaLabelText: '노드', + scrollDownAriaLabelText: '아래로 스크롤', + scrollLeftAriaLabelText: '왼쪽으로 스크롤', + scrollRightAriaLabelText: '오른쪽으로 스크롤', + scrollUpAriaLabelText: '위로 스크롤', + }, +}; + +export default locale; diff --git a/src/components/Stepper/Locale/ms_MY.tsx b/src/components/Stepper/Locale/ms_MY.tsx new file mode 100644 index 000000000..610de0cdd --- /dev/null +++ b/src/components/Stepper/Locale/ms_MY.tsx @@ -0,0 +1,15 @@ +import type { StepperLocale } from '../Stepper.types'; + +const locale: StepperLocale = { + lang: { + locale: 'ms_MY', + completeAriaLabelText: 'Lengkap', + nodeAriaLabelText: 'Nod', + scrollDownAriaLabelText: 'Skrol ke bawah', + scrollLeftAriaLabelText: 'Skrol ke kiri', + scrollRightAriaLabelText: 'Skrol ke kanan', + scrollUpAriaLabelText: 'Skrol ke atas', + }, +}; + +export default locale; diff --git a/src/components/Stepper/Locale/nb_NO.tsx b/src/components/Stepper/Locale/nb_NO.tsx new file mode 100644 index 000000000..8a319bb3e --- /dev/null +++ b/src/components/Stepper/Locale/nb_NO.tsx @@ -0,0 +1,15 @@ +import type { StepperLocale } from '../Stepper.types'; + +const locale: StepperLocale = { + lang: { + locale: 'nb_NO', + completeAriaLabelText: 'fullstendig', + nodeAriaLabelText: 'Node', + scrollDownAriaLabelText: 'Bla nedover', + scrollLeftAriaLabelText: 'Rulle mot venstre', + scrollRightAriaLabelText: 'Rulle til høyre', + scrollUpAriaLabelText: 'Bla opp', + }, +}; + +export default locale; diff --git a/src/components/Stepper/Locale/nl_BE.tsx b/src/components/Stepper/Locale/nl_BE.tsx new file mode 100644 index 000000000..5a126997e --- /dev/null +++ b/src/components/Stepper/Locale/nl_BE.tsx @@ -0,0 +1,15 @@ +import type { StepperLocale } from '../Stepper.types'; + +const locale: StepperLocale = { + lang: { + locale: 'nl_BE', + completeAriaLabelText: 'compleet', + nodeAriaLabelText: 'Knoop', + scrollDownAriaLabelText: 'Scroll naar beneden', + scrollLeftAriaLabelText: 'Scroll naar links', + scrollRightAriaLabelText: 'Scroll naar rechts', + scrollUpAriaLabelText: 'Scroll omhoog', + }, +}; + +export default locale; diff --git a/src/components/Stepper/Locale/nl_NL.tsx b/src/components/Stepper/Locale/nl_NL.tsx new file mode 100644 index 000000000..151633538 --- /dev/null +++ b/src/components/Stepper/Locale/nl_NL.tsx @@ -0,0 +1,15 @@ +import type { StepperLocale } from '../Stepper.types'; + +const locale: StepperLocale = { + lang: { + locale: 'nl_NL', + completeAriaLabelText: 'compleet', + nodeAriaLabelText: 'Knoop', + scrollDownAriaLabelText: 'Scroll naar beneden', + scrollLeftAriaLabelText: 'Scroll naar links', + scrollRightAriaLabelText: 'Scroll naar rechts', + scrollUpAriaLabelText: 'Scroll omhoog', + }, +}; + +export default locale; diff --git a/src/components/Stepper/Locale/pl_PL.tsx b/src/components/Stepper/Locale/pl_PL.tsx new file mode 100644 index 000000000..521ac2005 --- /dev/null +++ b/src/components/Stepper/Locale/pl_PL.tsx @@ -0,0 +1,15 @@ +import type { StepperLocale } from '../Stepper.types'; + +const locale: StepperLocale = { + lang: { + locale: 'pl_PL', + completeAriaLabelText: 'ukończyć', + nodeAriaLabelText: 'Węzeł', + scrollDownAriaLabelText: 'Przewiń w dół', + scrollLeftAriaLabelText: 'Przewiń w lewo', + scrollRightAriaLabelText: 'Przewiń w prawo', + scrollUpAriaLabelText: 'Przewiń w górę', + }, +}; + +export default locale; diff --git a/src/components/Stepper/Locale/pt_BR.tsx b/src/components/Stepper/Locale/pt_BR.tsx new file mode 100644 index 000000000..0a515741b --- /dev/null +++ b/src/components/Stepper/Locale/pt_BR.tsx @@ -0,0 +1,15 @@ +import type { StepperLocale } from '../Stepper.types'; + +const locale: StepperLocale = { + lang: { + locale: 'pt_BR', + completeAriaLabelText: 'completar', + nodeAriaLabelText: 'Nodo', + scrollDownAriaLabelText: 'Rolar para baixo', + scrollLeftAriaLabelText: 'Rolar para a esquerda', + scrollRightAriaLabelText: 'Rolar para a direita', + scrollUpAriaLabelText: 'Rolar para cima', + }, +}; + +export default locale; diff --git a/src/components/Stepper/Locale/pt_PT.tsx b/src/components/Stepper/Locale/pt_PT.tsx new file mode 100644 index 000000000..51213ede8 --- /dev/null +++ b/src/components/Stepper/Locale/pt_PT.tsx @@ -0,0 +1,15 @@ +import type { StepperLocale } from '../Stepper.types'; + +const locale: StepperLocale = { + lang: { + locale: 'pt_PT', + completeAriaLabelText: 'completar', + nodeAriaLabelText: 'Nó', + scrollDownAriaLabelText: 'Rolar para baixo', + scrollLeftAriaLabelText: 'Rolar para a esquerda', + scrollRightAriaLabelText: 'Rolar para a direita', + scrollUpAriaLabelText: 'Rolar para cima', + }, +}; + +export default locale; diff --git a/src/components/Stepper/Locale/ru_RU.tsx b/src/components/Stepper/Locale/ru_RU.tsx new file mode 100644 index 000000000..7453d08ed --- /dev/null +++ b/src/components/Stepper/Locale/ru_RU.tsx @@ -0,0 +1,15 @@ +import type { StepperLocale } from '../Stepper.types'; + +const locale: StepperLocale = { + lang: { + locale: 'ru_RU', + completeAriaLabelText: 'полный', + nodeAriaLabelText: 'Узел', + scrollDownAriaLabelText: 'Прокрутите вниз', + scrollLeftAriaLabelText: 'Прокрутите влево', + scrollRightAriaLabelText: 'Прокрутка вправо', + scrollUpAriaLabelText: 'Прокрутка вверх', + }, +}; + +export default locale; diff --git a/src/components/Stepper/Locale/sv_SE.tsx b/src/components/Stepper/Locale/sv_SE.tsx new file mode 100644 index 000000000..138b94e82 --- /dev/null +++ b/src/components/Stepper/Locale/sv_SE.tsx @@ -0,0 +1,15 @@ +import type { StepperLocale } from '../Stepper.types'; + +const locale: StepperLocale = { + lang: { + locale: 'sv_SE', + completeAriaLabelText: 'komplett', + nodeAriaLabelText: 'Nod', + scrollDownAriaLabelText: 'Rulla nedåt', + scrollLeftAriaLabelText: 'Bläddra åt vänster', + scrollRightAriaLabelText: 'Bläddra åt höger', + scrollUpAriaLabelText: 'Rulla uppåt', + }, +}; + +export default locale; diff --git a/src/components/Stepper/Locale/th_TH.tsx b/src/components/Stepper/Locale/th_TH.tsx new file mode 100644 index 000000000..37865082c --- /dev/null +++ b/src/components/Stepper/Locale/th_TH.tsx @@ -0,0 +1,15 @@ +import type { StepperLocale } from '../Stepper.types'; + +const locale: StepperLocale = { + lang: { + locale: 'th_TH', + completeAriaLabelText: 'สมบูรณ์', + nodeAriaLabelText: 'ปุ่ม', + scrollDownAriaLabelText: 'เลื่อนลง', + scrollLeftAriaLabelText: 'เลื่อนไปทางซ้าย', + scrollRightAriaLabelText: 'เลื่อนไปทางขวา', + scrollUpAriaLabelText: 'เลื่อนขึ้น', + }, +}; + +export default locale; diff --git a/src/components/Stepper/Locale/tr_TR.tsx b/src/components/Stepper/Locale/tr_TR.tsx new file mode 100644 index 000000000..cca70cb85 --- /dev/null +++ b/src/components/Stepper/Locale/tr_TR.tsx @@ -0,0 +1,15 @@ +import type { StepperLocale } from '../Stepper.types'; + +const locale: StepperLocale = { + lang: { + locale: 'tr_TR', + completeAriaLabelText: 'tamamlamak', + nodeAriaLabelText: 'Düğüm', + scrollDownAriaLabelText: 'Aşağı kaydırın', + scrollLeftAriaLabelText: 'Sola kaydırın', + scrollRightAriaLabelText: 'Sağa kaydırın', + scrollUpAriaLabelText: 'Yukarı kaydırın', + }, +}; + +export default locale; diff --git a/src/components/Stepper/Locale/uk_UA.tsx b/src/components/Stepper/Locale/uk_UA.tsx new file mode 100644 index 000000000..ec2ee5786 --- /dev/null +++ b/src/components/Stepper/Locale/uk_UA.tsx @@ -0,0 +1,15 @@ +import type { StepperLocale } from '../Stepper.types'; + +const locale: StepperLocale = { + lang: { + locale: 'uk_UA', + completeAriaLabelText: 'Повний', + nodeAriaLabelText: 'Вузол', + scrollDownAriaLabelText: 'Прокрутити вниз', + scrollLeftAriaLabelText: 'Прокручування вліво', + scrollRightAriaLabelText: 'Прокручування вправо', + scrollUpAriaLabelText: 'Прокручування вгору', + }, +}; + +export default locale; diff --git a/src/components/Stepper/Locale/zh_CN.tsx b/src/components/Stepper/Locale/zh_CN.tsx new file mode 100644 index 000000000..21090cb1e --- /dev/null +++ b/src/components/Stepper/Locale/zh_CN.tsx @@ -0,0 +1,15 @@ +import type { StepperLocale } from '../Stepper.types'; + +const locale: StepperLocale = { + lang: { + locale: 'zh_CN', + completeAriaLabelText: '完成', + nodeAriaLabelText: '节点', + scrollDownAriaLabelText: '向下滚动', + scrollLeftAriaLabelText: '向左滚动', + scrollRightAriaLabelText: '向右滚动', + scrollUpAriaLabelText: '向上滚动', + }, +}; + +export default locale; diff --git a/src/components/Stepper/Locale/zh_TW.tsx b/src/components/Stepper/Locale/zh_TW.tsx new file mode 100644 index 000000000..c8b60a09d --- /dev/null +++ b/src/components/Stepper/Locale/zh_TW.tsx @@ -0,0 +1,15 @@ +import type { StepperLocale } from '../Stepper.types'; + +const locale: StepperLocale = { + lang: { + locale: 'zh_TW', + completeAriaLabelText: '完成', + nodeAriaLabelText: '節點', + scrollDownAriaLabelText: '向下滾動', + scrollLeftAriaLabelText: '向左滾動', + scrollRightAriaLabelText: '向右滾動', + scrollUpAriaLabelText: '向上滾動', + }, +}; + +export default locale; diff --git a/src/components/Stepper/Stepper.stories.tsx b/src/components/Stepper/Stepper.stories.tsx new file mode 100644 index 000000000..d549a2c88 --- /dev/null +++ b/src/components/Stepper/Stepper.stories.tsx @@ -0,0 +1,188 @@ +import React from 'react'; +import { Stories } from '@storybook/addon-docs'; +import { ComponentMeta, ComponentStory } from '@storybook/react'; +import { Step, Stepper, StepperSize, StepperVariant } from './'; +import { Col, Row } from '../Grid'; + +export default { + title: 'Stepper', + parameters: { + docs: { + page: (): JSX.Element => ( +
+
+
+

Stepper

+

+ The Stepper component should be used with a small number of + steps, and should display next to the items to be completed in + numerical order. The Stepper indicated the number of steps, and + whether or not the steps have been completed. +

+
+
+ +
+
+
+ ), + }, + }, + argTypes: { + activeStepIndex: { + control: { type: 'number' }, + }, + classNames: { + control: 'text', + }, + completeAriaLabelText: { + control: 'text', + }, + height: { + control: { type: 'number' }, + }, + id: { + control: 'text', + }, + index: { + control: { type: 'number' }, + }, + layout: { + options: ['horizontal', 'vertical'], + control: { type: 'inline-radio' }, + }, + nodeAriaLabelText: { + control: 'text', + }, + readonly: { + control: 'boolean', + }, + required: { + control: 'boolean', + }, + scrollable: { + control: 'boolean', + }, + scrollDownAriaLabelText: { + control: 'text', + }, + scrollLeftAriaLabelText: { + control: 'text', + }, + scrollRightAriaLabelText: { + control: 'text', + }, + scrollUpAriaLabelText: { + control: 'text', + }, + size: { + options: [StepperSize.Medium, StepperSize.Small], + control: { type: 'inline-radio' }, + }, + steps: { + control: 'object', + }, + variant: { + options: [StepperVariant.Default, StepperVariant.Timeline], + control: { type: 'inline-radio' }, + }, + width: { + control: { type: 'number' }, + }, + }, +} as ComponentMeta; + +const Default_Story: ComponentStory = (args) => { + const workflow: Step[] = [1, 2, 3, 4, 5].map((i) => ({ + index: i, + content: `Step label ${i}`, + complete: i > args.index ? false : true, + })); + + return ( + + + + + + ); +}; + +export const Default_Horizontal_Small = Default_Story.bind({}); +export const Default_Horizontal_Small_Required = Default_Story.bind({}); +export const Default_Horizontal_Small_Read_Only = Default_Story.bind({}); +export const Default_Horizontal_Medium = Default_Story.bind({}); +export const Default_Horizontal_Medium_Required = Default_Story.bind({}); +export const Default_Horizontal_Medium_Read_Only = Default_Story.bind({}); +export const Default_Vertical = Default_Story.bind({}); +export const Default_Vertical_Required = Default_Story.bind({}); +export const Default_Vertical_Read_Only = Default_Story.bind({}); +export const Default_Vertical_Scroll = Default_Story.bind({}); + +const stepperArgs: Object = { + activeStepIndex: 2, + classNames: 'my-stepper', + id: 'myStepperId', + index: 2, + layout: 'horizontal', + readonly: false, + required: false, + size: StepperSize.Medium, + steps: [], + variant: StepperVariant.Default, + 'data-test-id': 'myStepperTestId', +}; + +Default_Horizontal_Small.args = { + ...stepperArgs, + size: StepperSize.Small, +}; + +Default_Horizontal_Small_Required.args = { + ...stepperArgs, + required: true, + size: StepperSize.Small, +}; + +Default_Horizontal_Small_Read_Only.args = { + ...stepperArgs, + readonly: true, + size: StepperSize.Small, +}; + +Default_Horizontal_Medium.args = { + ...stepperArgs, +}; + +Default_Horizontal_Medium_Required.args = { + ...stepperArgs, + required: true, +}; + +Default_Horizontal_Medium_Read_Only.args = { + ...stepperArgs, + readonly: true, +}; + +Default_Vertical.args = { + ...stepperArgs, + layout: 'vertical', +}; + +Default_Vertical_Required.args = { + ...stepperArgs, + layout: 'vertical', + required: true, +}; + +Default_Vertical_Read_Only.args = { + ...stepperArgs, + layout: 'vertical', + readonly: true, +}; + +Default_Vertical_Scroll.args = { + ...stepperArgs, + height: 400, + layout: 'vertical', +}; diff --git a/src/components/Stepper/Stepper.tsx b/src/components/Stepper/Stepper.tsx new file mode 100644 index 000000000..2a990671a --- /dev/null +++ b/src/components/Stepper/Stepper.tsx @@ -0,0 +1,479 @@ +import React, { + FC, + Ref, + useEffect, + useLayoutEffect, + useRef, + useState, +} from 'react'; +import { + Step, + StepIndex, + StepperLocale, + StepperProps, + StepperSize, + StepperVariant, +} from './Stepper.types'; +import { + ButtonShape, + ButtonSize, + NeutralButton, + PrimaryButton, + SecondaryButton, +} from '../Button'; +import { Icon, IconName, IconSize } from '../Icon'; +import LocaleReceiver, { + useLocaleReceiver, +} from '../LocaleProvider/LocaleReceiver'; +import { ResizeObserver } from '../../shared/ResizeObserver/ResizeObserver'; +import { useCanvasDirection } from '../../hooks/useCanvasDirection'; +import { mergeClasses } from '../../shared/utilities'; +import enUS from './Locale/en_US'; + +import styles from './stepper.module.scss'; + +export const Stepper: FC = React.forwardRef( + (props: StepperProps, ref: Ref) => { + const { + activeStepIndex = 0, + completeAriaLabelText: defaultCompleteAriaLabelText, + classNames, + height, + index = 0, + layout = 'horizontal', + locale = enUS, + nodeAriaLabelText: defaultNodeAriaLabelText, + onChange, + readonly = true, + required = false, + scrollable, + scrollDownAriaLabelText: defaultScrollDownAriaLabelText, + scrollLeftAriaLabelText: defaultScrollLeftAriaLabelText, + scrollRightAriaLabelText: defaultScrollRightAriaLabelText, + scrollUpAriaLabelText: defaultScrollUpAriaLabelText, + size = StepperSize.Medium, + steps, + style, + variant = StepperVariant.Default, + width, + 'data-test-id': dataTestId, + ...rest + } = props; + const htmlDir: string = useCanvasDirection(); + + const stepsContainerRef: React.MutableRefObject = + useRef(null); + const stepsRef: React.MutableRefObject = + useRef(null); + const [currentActiveStep, setCurrentActiveStep] = + useState(index); + const [_scrollable, setScrollable] = useState(false); + const [nextDisabled, setNextDisabled] = useState(false); + const [previousDisabled, setPreviousDisabled] = useState(false); + + const mergedScrollabe: boolean = props.scrollable + ? props.scrollable + : _scrollable; + + useEffect(() => { + setCurrentActiveStep(index); + }, [index]); + + // ============================ Strings =========================== + const [stepperLocale] = useLocaleReceiver('Stepper'); + let mergedLocale: StepperLocale; + + if (props.locale) { + mergedLocale = props.locale; + } else { + mergedLocale = stepperLocale || props.locale; + } + + const [completeAriaLabelText, setCompleteAriaLabelText] = useState( + defaultCompleteAriaLabelText + ); + + // TODO: Use when Timeline variant is ready + const [nodeAriaLabelText, setNodeAriaLabelText] = useState( + defaultNodeAriaLabelText + ); + + const [scrollDownAriaLabelText, setScrollDownAriaLabelText] = + useState(defaultScrollDownAriaLabelText); + const [scrollLeftAriaLabelText, setScrollLeftAriaLabelText] = + useState(defaultScrollLeftAriaLabelText); + const [scrollRightAriaLabelText, setScrollRightAriaLabelText] = + useState(defaultScrollRightAriaLabelText); + const [scrollUpAriaLabelText, setScrollUpAriaLabelText] = useState( + defaultScrollUpAriaLabelText + ); + + // Locs: if the prop isn't provided use the loc defaults. + // If the mergedLocale is changed, update. + useEffect(() => { + setCompleteAriaLabelText( + props.completeAriaLabelText + ? props.completeAriaLabelText + : mergedLocale.lang!.completeAriaLabelText + ); + setNodeAriaLabelText( + props.nodeAriaLabelText + ? props.nodeAriaLabelText + : mergedLocale.lang!.nodeAriaLabelText + ); + setScrollDownAriaLabelText( + props.scrollDownAriaLabelText + ? props.scrollDownAriaLabelText + : mergedLocale.lang!.scrollDownAriaLabelText + ); + setScrollLeftAriaLabelText( + props.scrollLeftAriaLabelText + ? props.scrollLeftAriaLabelText + : mergedLocale.lang!.scrollLeftAriaLabelText + ); + setScrollRightAriaLabelText( + props.scrollRightAriaLabelText + ? props.scrollRightAriaLabelText + : mergedLocale.lang!.scrollRightAriaLabelText + ); + setScrollUpAriaLabelText( + props.scrollUpAriaLabelText + ? props.scrollUpAriaLabelText + : mergedLocale.lang!.scrollUpAriaLabelText + ); + }, [mergedLocale]); + + const stepperClassNames: string = mergeClasses([ + styles.stepper, + { + [styles.medium]: size === StepperSize.Medium, + [styles.small]: size === StepperSize.Small, + [styles.vertical]: layout === 'vertical', + [styles.stepperRtl]: htmlDir === 'rtl', + }, + ]); + + const activeCircleClassNames: string = mergeClasses([ + styles.circle, + styles.active, + ]); + + const visitedCircleClassNames: string = mergeClasses([ + styles.circle, + styles.visited, + ]); + + const circle = (index: number, classes: string): JSX.Element => ( +
{index + 1}
+ ); + + const handleOnClick = ( + event: React.MouseEvent, + index?: number + ): void => { + setCurrentActiveStep(index); + onChange?.(index, event); + }; + + const handleScroll = (): void => { + const steps: HTMLDivElement = stepsContainerRef.current; + if (layout === 'horizontal') { + setNextDisabled( + htmlDir === 'rtl' + ? steps?.scrollLeft === steps?.offsetWidth - steps?.scrollWidth + : steps?.scrollLeft === steps?.scrollWidth - steps?.offsetWidth + ); + setPreviousDisabled(steps?.scrollLeft === 0); + } else { + setNextDisabled( + steps?.scrollTop === steps?.scrollHeight - steps?.offsetHeight + ); + setPreviousDisabled(steps?.scrollTop === 0); + } + }; + + const onNextClick = (_event: React.MouseEvent): void => { + if (layout === 'horizontal') { + stepsContainerRef.current?.scrollBy({ + left: stepsContainerRef.current?.offsetWidth, + behavior: 'smooth', + }); + } else { + stepsContainerRef.current?.scrollBy({ + top: stepsContainerRef.current?.offsetHeight, + behavior: 'smooth', + }); + } + }; + + const onPreviousClick = ( + _event: React.MouseEvent + ): void => { + if (layout === 'horizontal') { + stepsContainerRef.current?.scrollBy({ + left: -stepsContainerRef.current?.offsetWidth, + behavior: 'smooth', + }); + } else { + stepsContainerRef.current?.scrollBy({ + top: -stepsContainerRef.current?.offsetHeight, + behavior: 'smooth', + }); + } + }; + + const primaryButton = ( + index: number, + complete: boolean, + active?: boolean + ): JSX.Element => ( + ) => + handleOnClick(event, index) + } + shape={ButtonShape.Round} + size={ButtonSize.Large} + text={complete ? null : `${index + 1}`} + /> + ); + + const secondaryButton = (index: number): JSX.Element => ( + ) => + handleOnClick(event, index) + } + shape={ButtonShape.Round} + size={ButtonSize.Large} + text={`${index + 1}`} + /> + ); + + const nextAriaLabel = (): string => { + let labelText: string; + if (layout === 'horizontal') { + if (htmlDir === 'rtl') { + labelText = scrollLeftAriaLabelText; + } else { + labelText = scrollRightAriaLabelText; + } + } else { + labelText = scrollDownAriaLabelText; + } + return labelText; + }; + + const previousAriaLabel = (): string => { + let labelText: string; + if (layout === 'horizontal') { + if (htmlDir === 'rtl') { + labelText = scrollRightAriaLabelText; + } else { + labelText = scrollLeftAriaLabelText; + } + } else { + labelText = scrollUpAriaLabelText; + } + return labelText; + }; + + const updateLayout = (): void => { + const steps: HTMLUListElement = stepsRef.current; + + if (layout === 'horizontal') { + setScrollable(steps?.scrollWidth > steps?.clientWidth); + } + + if (layout === 'vertical') { + setScrollable(steps?.scrollHeight > steps?.clientHeight); + } + + handleScroll(); + }; + + useLayoutEffect(() => { + updateLayout(); + }, [mergedScrollabe, steps]); + + return ( + + {(_contextLocale: StepperLocale) => { + return ( + +
+ {mergedScrollabe && ( + + )} +
+
    + {steps.map((step: Step, index: number) => { + let stepItem = null; + if (index < currentActiveStep) { + stepItem = ( + <> + {readonly && ( +
    + +
    + )} + {!readonly && ( + <> + {!step.complete && secondaryButton(index)} + {step.complete && + primaryButton(index, step.complete)} + + )} + {size === StepperSize.Medium && ( +
    + {step.content} +
    + )} + + ); + } else if (index === currentActiveStep) { + stepItem = ( + <> + {readonly && circle(index, activeCircleClassNames)} + {!readonly && + primaryButton(index, step.complete, true)} +
    + {step.content} +
    + + ); + } else { + stepItem = ( + <> + {readonly && circle(index, styles.circle)} + {!readonly && ( + <> + {!step.complete && + required && + index > activeStepIndex && + circle(index, styles.circle)} + {!step.complete && + !required && + secondaryButton(index)} + {!step.complete && + required && + index <= activeStepIndex && + secondaryButton(index)} + {step.complete && + primaryButton(index, step.complete)} + + )} + {size === StepperSize.Medium && ( +
    + {step.content} +
    + )} + + ); + } + return ( + + {index > 0 && + size === StepperSize.Small && + layout === 'horizontal' && ( +
    + )} +
  • + {layout === 'vertical' && ( +
    + )} + {size !== StepperSize.Small && ( +
    + )} +
    {stepItem}
    +
  • +
    + ); + })} +
+
+ {mergedScrollabe && ( + + )} +
+
+ ); + }} +
+ ); + } +); diff --git a/src/components/Stepper/Stepper.types.ts b/src/components/Stepper/Stepper.types.ts new file mode 100644 index 000000000..f436bdda8 --- /dev/null +++ b/src/components/Stepper/Stepper.types.ts @@ -0,0 +1,187 @@ +import React from 'react'; +import { OcBaseProps } from '../OcBase'; + +export type SelectStepEvent = + | React.MouseEvent + | React.KeyboardEvent; + +export type StepIndex = number; + +export type OnChangeHandler = ( + index: StepIndex, + event: SelectStepEvent +) => void; + +export type ItemLayout = 'horizontal' | 'vertical'; + +export enum StepperSize { + Medium = 'medium', + Small = 'small', +} + +export enum StepperVariant { + Default = 'default', + Timeline = 'timeline', +} + +type Locale = { + /** + * The Stepper locale. + */ + locale: string; + /** + * The Stepper `complete` button aria label string. + */ + completeAriaLabelText?: string; + /** + * The Stepper `Node` button aria label string. + */ + nodeAriaLabelText?: string; + /** + * The Stepper `Scroll down` button aria label string. + */ + scrollDownAriaLabelText?: string; + /** + * The Stepper `Scroll left` button aria label string. + */ + scrollLeftAriaLabelText?: string; + /** + * The Stepper `Scroll right` button aria label string. + */ + scrollRightAriaLabelText?: string; + /** + * The Stepper `Scroll up` button aria label string. + */ + scrollUpAriaLabelText?: string; +}; + +export type StepperLocale = { + lang: Locale; +}; + +export interface Step extends OcBaseProps { + /** + * The Step index. + */ + index?: StepIndex; + /** + * Whether the step is complete. + * Use when the stepper isn't readonly. + */ + complete?: boolean; + /** + * The Stepper custom `complete` button aria label string. + */ + completeAriaLabelText?: string; + /** + * Step content. + */ + content?: React.ReactNode; + /** + * The Stepper custom `Node` button aria label string. + */ + nodeAriaLabelText?: string; + /** + * Custom Step style. + */ + style?: React.CSSProperties; +} + +export interface StepperProps + extends Omit, 'onChange'> { + /** + * The currently active Step index. + * Use when readonly is false. + * Maintains clickability of active step. + */ + activeStepIndex?: StepIndex; + /** + * The Stepper `complete` button aria label string. + * Used when `variant` is StepperVariant.Default. + * @default 'complete' + */ + completeAriaLabelText?: string; + /** + * The Stepper height. + * Use when layout is `vertical`. + */ + height?: number; + /** + * The Step index. + */ + index?: StepIndex; + /** + * The Stepper layout direction. + * @default horizontal + */ + layout?: ItemLayout; + /** + * The Stepper locale. + * @default 'enUS' + */ + locale?: StepperLocale; + /** + * The Stepper `Node` button aria label string. + * Used when `variant` is StepperVariant.Timeline. + * @default 'Node' + */ + nodeAriaLabelText?: string; + /** + * The onChange event handler. + */ + onChange?: OnChangeHandler; + /** + * The stepper is read only. + * @default true + */ + readonly?: boolean; + /** + * Each step is required, but previous are enabled. + * Use when readonly is false. + * @default false + */ + required?: boolean; + /** + * Whether the Stepper is scrollable. + */ + scrollable?: boolean; + /** + * The Stepper `Scroll down` button aria label string. + * @default 'Scroll down' + */ + scrollDownAriaLabelText?: string; + /** + * The Stepper `Scroll left` button aria label string. + * @default 'Scroll left' + */ + scrollLeftAriaLabelText?: string; + /** + * The Stepper `Scroll right` button aria label string. + * @default 'Scroll right' + */ + scrollRightAriaLabelText?: string; + /** + * The Stepper `Scroll up` button aria label string. + * @default 'Scroll up' + */ + scrollUpAriaLabelText?: string; + /** + * The Stepper size. + */ + size?: StepperSize; + /** + * The Stepper Steps. + */ + steps?: Step[]; + /** + * The Stepper variant. + * options: Default, Timeline + * @default StepperVariant.Default + */ + variant?: StepperVariant; + /** + * The Stepper width. + * Use when layout is `horizontal`. + */ + width?: number; +} diff --git a/src/components/Stepper/Tests/Stepper.test.tsx b/src/components/Stepper/Tests/Stepper.test.tsx new file mode 100644 index 000000000..3ee466539 --- /dev/null +++ b/src/components/Stepper/Tests/Stepper.test.tsx @@ -0,0 +1,59 @@ +import React from 'react'; +import Enzyme, { mount } from 'enzyme'; +import Adapter from '@wojtekmaj/enzyme-adapter-react-17'; +import MatchMediaMock from 'jest-matchmedia-mock'; +import { StepperProps, StepperSize, StepperVariant } from '../Stepper.types'; +import { Step, Stepper } from '../'; + +Enzyme.configure({ adapter: new Adapter() }); + +let matchMedia: any; + +const stepperArgs: StepperProps = { + activeStepIndex: 2, + classNames: 'my-stepper', + id: 'myStepperId', + index: 2, + layout: 'horizontal', + readonly: false, + required: false, + size: StepperSize.Medium, + steps: [], + variant: StepperVariant.Default, + 'data-test-id': 'myStepperTestId', +}; + +const workflow: Step[] = [1, 2, 3, 4, 5].map((i) => ({ + index: i, + content: `Step label ${i}`, + complete: i > stepperArgs.index ? false : true, +})); + +describe('Stepper', () => { + beforeAll(() => { + matchMedia = new MatchMediaMock(); + }); + + afterEach(() => { + matchMedia.clear(); + }); + + test('Should render', () => { + const wrapper = mount(); + expect(wrapper.children().length).toEqual(1); + }); + + test('Stepper is medium', () => { + const wrapper = mount( + + ); + expect(wrapper.render()).toMatchSnapshot(); + }); + + test('Stepper is small', () => { + const wrapper = mount( + + ); + expect(wrapper.render()).toMatchSnapshot(); + }); +}); diff --git a/src/components/Stepper/Tests/__snapshots__/Stepper.test.tsx.snap b/src/components/Stepper/Tests/__snapshots__/Stepper.test.tsx.snap new file mode 100644 index 000000000..a2d5f7435 --- /dev/null +++ b/src/components/Stepper/Tests/__snapshots__/Stepper.test.tsx.snap @@ -0,0 +1,18268 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`Stepper Stepper is medium 1`] = ` +LoadedCheerio { + "0": Node { + "attribs": Object { + "class": "stepper medium", + "id": "myStepperId", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "steps-container", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "steps", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "inner-separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "1 complete", + "class": "circle-button circle-primary-button complete button button-primary button-large round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon check-icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 24px; height: 24px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 1", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 1", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "1 complete", + "class": "circle-button circle-primary-button complete button button-primary button-large round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon check-icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 24px; height: 24px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "1 complete", + "class": "circle-button circle-primary-button complete button button-primary button-large round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon check-icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 24px; height: 24px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 1", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 1", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "1 complete", + "class": "circle-button circle-primary-button complete button button-primary button-large round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon check-icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 24px; height: 24px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "inner-separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "inner-separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "2 complete", + "class": "circle-button circle-primary-button complete button button-primary button-large round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon check-icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 24px; height: 24px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 2", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 2", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "2 complete", + "class": "circle-button circle-primary-button complete button button-primary button-large round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon check-icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 24px; height: 24px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "2 complete", + "class": "circle-button circle-primary-button complete button button-primary button-large round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon check-icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 24px; height: 24px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 2", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 2", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "2 complete", + "class": "circle-button circle-primary-button complete button button-primary button-large round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon check-icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 24px; height: 24px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "inner-separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "inner-separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "3", + "class": "circle-button circle-primary-button active button button-primary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "3", + "class": "circle-button circle-primary-button active button button-primary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "3", + "class": "circle-button circle-primary-button active button button-primary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "3", + "class": "circle-button circle-primary-button active button button-primary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "inner-separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "inner-separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "4", + "class": "circle-button button button-secondary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "4", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 4", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 4", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "4", + "class": "circle-button button button-secondary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "4", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "4", + "class": "circle-button button button-secondary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "4", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 4", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 4", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "4", + "class": "circle-button button button-secondary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "4", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "inner-separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "inner-separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "5", + "class": "circle-button button button-secondary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "5", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 5", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 5", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "5", + "class": "circle-button button button-secondary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "5", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "5", + "class": "circle-button button button-secondary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "5", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 5", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 5", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "5", + "class": "circle-button button button-secondary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "5", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "inner-separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "inner-separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "2 complete", + "class": "circle-button circle-primary-button complete button button-primary button-large round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon check-icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 24px; height: 24px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 2", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 2", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "2 complete", + "class": "circle-button circle-primary-button complete button button-primary button-large round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon check-icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 24px; height: 24px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "2 complete", + "class": "circle-button circle-primary-button complete button button-primary button-large round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon check-icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 24px; height: 24px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 2", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 2", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "2 complete", + "class": "circle-button circle-primary-button complete button button-primary button-large round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon check-icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 24px; height: 24px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "inner-separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "inner-separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "3", + "class": "circle-button circle-primary-button active button button-primary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "3", + "class": "circle-button circle-primary-button active button button-primary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "3", + "class": "circle-button circle-primary-button active button button-primary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "3", + "class": "circle-button circle-primary-button active button button-primary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "inner-separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "inner-separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "4", + "class": "circle-button button button-secondary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "4", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 4", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 4", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "4", + "class": "circle-button button button-secondary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "4", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "4", + "class": "circle-button button button-secondary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "4", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 4", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 4", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "4", + "class": "circle-button button button-secondary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "4", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "inner-separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "inner-separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "5", + "class": "circle-button button button-secondary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "5", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 5", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 5", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "5", + "class": "circle-button button button-secondary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "5", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "5", + "class": "circle-button button button-secondary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "5", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 5", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 5", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "5", + "class": "circle-button button button-secondary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "5", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "inner-separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "inner-separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "1 complete", + "class": "circle-button circle-primary-button complete button button-primary button-large round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon check-icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 24px; height: 24px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 1", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 1", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "1 complete", + "class": "circle-button circle-primary-button complete button button-primary button-large round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon check-icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 24px; height: 24px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "1 complete", + "class": "circle-button circle-primary-button complete button button-primary button-large round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon check-icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 24px; height: 24px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 1", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 1", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "1 complete", + "class": "circle-button circle-primary-button complete button button-primary button-large round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon check-icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 24px; height: 24px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "inner-separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "inner-separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "3", + "class": "circle-button circle-primary-button active button button-primary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "3", + "class": "circle-button circle-primary-button active button button-primary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "3", + "class": "circle-button circle-primary-button active button button-primary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "3", + "class": "circle-button circle-primary-button active button button-primary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "inner-separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "inner-separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "4", + "class": "circle-button button button-secondary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "4", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 4", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 4", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "4", + "class": "circle-button button button-secondary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "4", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "4", + "class": "circle-button button button-secondary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "4", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 4", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 4", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "4", + "class": "circle-button button button-secondary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "4", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "inner-separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "inner-separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "5", + "class": "circle-button button button-secondary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "5", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 5", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 5", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "5", + "class": "circle-button button button-secondary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "5", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "5", + "class": "circle-button button button-secondary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "5", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 5", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 5", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "5", + "class": "circle-button button button-secondary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "5", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "inner-separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "inner-separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "2 complete", + "class": "circle-button circle-primary-button complete button button-primary button-large round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon check-icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 24px; height: 24px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 2", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 2", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "2 complete", + "class": "circle-button circle-primary-button complete button button-primary button-large round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon check-icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 24px; height: 24px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "2 complete", + "class": "circle-button circle-primary-button complete button button-primary button-large round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon check-icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 24px; height: 24px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 2", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 2", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "2 complete", + "class": "circle-button circle-primary-button complete button button-primary button-large round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon check-icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 24px; height: 24px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "inner-separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "inner-separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "1 complete", + "class": "circle-button circle-primary-button complete button button-primary button-large round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon check-icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 24px; height: 24px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 1", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 1", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "1 complete", + "class": "circle-button circle-primary-button complete button button-primary button-large round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon check-icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 24px; height: 24px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "1 complete", + "class": "circle-button circle-primary-button complete button button-primary button-large round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon check-icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 24px; height: 24px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 1", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 1", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "1 complete", + "class": "circle-button circle-primary-button complete button button-primary button-large round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon check-icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 24px; height: 24px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "inner-separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "inner-separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "4", + "class": "circle-button button button-secondary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "4", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 4", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 4", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "4", + "class": "circle-button button button-secondary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "4", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "4", + "class": "circle-button button button-secondary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "4", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 4", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 4", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "4", + "class": "circle-button button button-secondary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "4", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "inner-separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "inner-separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "5", + "class": "circle-button button button-secondary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "5", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 5", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 5", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "5", + "class": "circle-button button button-secondary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "5", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "5", + "class": "circle-button button button-secondary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "5", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 5", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 5", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "5", + "class": "circle-button button button-secondary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "5", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "inner-separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "inner-separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "3", + "class": "circle-button circle-primary-button active button button-primary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "3", + "class": "circle-button circle-primary-button active button button-primary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "3", + "class": "circle-button circle-primary-button active button button-primary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "3", + "class": "circle-button circle-primary-button active button button-primary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "inner-separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "inner-separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "2 complete", + "class": "circle-button circle-primary-button complete button button-primary button-large round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon check-icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 24px; height: 24px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 2", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 2", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "2 complete", + "class": "circle-button circle-primary-button complete button button-primary button-large round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon check-icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 24px; height: 24px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "2 complete", + "class": "circle-button circle-primary-button complete button button-primary button-large round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon check-icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 24px; height: 24px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 2", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 2", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "2 complete", + "class": "circle-button circle-primary-button complete button button-primary button-large round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon check-icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 24px; height: 24px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "inner-separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "inner-separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "1 complete", + "class": "circle-button circle-primary-button complete button button-primary button-large round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon check-icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 24px; height: 24px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 1", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 1", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "1 complete", + "class": "circle-button circle-primary-button complete button button-primary button-large round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon check-icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 24px; height: 24px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "1 complete", + "class": "circle-button circle-primary-button complete button button-primary button-large round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon check-icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 24px; height: 24px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 1", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 1", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "1 complete", + "class": "circle-button circle-primary-button complete button button-primary button-large round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon check-icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 24px; height: 24px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "inner-separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "inner-separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "5", + "class": "circle-button button button-secondary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "5", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 5", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 5", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "5", + "class": "circle-button button button-secondary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "5", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "5", + "class": "circle-button button button-secondary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "5", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 5", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 5", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "5", + "class": "circle-button button button-secondary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "5", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "inner-separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "inner-separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "4", + "class": "circle-button button button-secondary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "4", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 4", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 4", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "4", + "class": "circle-button button button-secondary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "4", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "4", + "class": "circle-button button button-secondary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "4", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 4", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 4", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "4", + "class": "circle-button button button-secondary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "4", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "inner-separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "inner-separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "3", + "class": "circle-button circle-primary-button active button button-primary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "3", + "class": "circle-button circle-primary-button active button button-primary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "3", + "class": "circle-button circle-primary-button active button button-primary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "3", + "class": "circle-button circle-primary-button active button button-primary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "inner-separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "inner-separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "2 complete", + "class": "circle-button circle-primary-button complete button button-primary button-large round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon check-icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 24px; height: 24px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 2", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 2", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "2 complete", + "class": "circle-button circle-primary-button complete button button-primary button-large round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon check-icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 24px; height: 24px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "2 complete", + "class": "circle-button circle-primary-button complete button button-primary button-large round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon check-icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 24px; height: 24px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 2", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 2", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "2 complete", + "class": "circle-button circle-primary-button complete button button-primary button-large round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon check-icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 24px; height: 24px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "inner-separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "inner-separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "1 complete", + "class": "circle-button circle-primary-button complete button button-primary button-large round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon check-icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 24px; height: 24px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 1", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 1", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "1 complete", + "class": "circle-button circle-primary-button complete button button-primary button-large round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon check-icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 24px; height: 24px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "1 complete", + "class": "circle-button circle-primary-button complete button button-primary button-large round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon check-icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 24px; height: 24px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 1", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 1", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "1 complete", + "class": "circle-button circle-primary-button complete button button-primary button-large round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon check-icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 24px; height: 24px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "inner-separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "ul", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": Node { + "children": Array [ + [Circular], + ], + "name": "root", + "next": null, + "parent": null, + "prev": null, + "type": "root", + }, + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + "id": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + "id": undefined, + }, + }, + "_root": LoadedCheerio { + "0": Node { + "children": Array [ + Node { + "attribs": Object {}, + "children": Array [ + Node { + "attribs": Object {}, + "children": Array [], + "name": "head", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object {}, + "children": Array [], + "name": "body", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object {}, + "x-attribsPrefix": Object {}, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object {}, + "x-attribsPrefix": Object {}, + }, + Node { + "attribs": Object {}, + "children": Array [], + "name": "body", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object {}, + "children": Array [], + "name": "head", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object {}, + "x-attribsPrefix": Object {}, + }, + "type": "tag", + "x-attribsNamespace": Object {}, + "x-attribsPrefix": Object {}, + }, + ], + "name": "html", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object {}, + "x-attribsPrefix": Object {}, + }, + ], + "name": "root", + "next": null, + "parent": null, + "prev": null, + "type": "root", + "x-mode": "quirks", + }, + "_root": [Circular], + "length": 1, + "options": Object { + "decodeEntities": true, + "xml": false, + }, + }, + "length": 1, + "options": Object { + "decodeEntities": true, + "xml": false, + }, +} +`; + +exports[`Stepper Stepper is small 1`] = ` +LoadedCheerio { + "0": Node { + "attribs": Object { + "class": "stepper small", + "id": "myStepperId", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "steps-container", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "steps", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "1 complete", + "class": "circle-button circle-primary-button complete button button-primary button-large round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon check-icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 24px; height: 24px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "2 complete", + "class": "circle-button circle-primary-button complete button button-primary button-large round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon check-icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 24px; height: 24px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "3", + "class": "circle-button circle-primary-button active button button-primary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "3", + "class": "circle-button circle-primary-button active button button-primary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "4", + "class": "circle-button button button-secondary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "4", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "5", + "class": "circle-button button button-secondary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "5", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "2 complete", + "class": "circle-button circle-primary-button complete button button-primary button-large round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon check-icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 24px; height: 24px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "3", + "class": "circle-button circle-primary-button active button button-primary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "3", + "class": "circle-button circle-primary-button active button button-primary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "4", + "class": "circle-button button button-secondary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "4", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "5", + "class": "circle-button button button-secondary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "5", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "1 complete", + "class": "circle-button circle-primary-button complete button button-primary button-large round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon check-icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 24px; height: 24px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "2 complete", + "class": "circle-button circle-primary-button complete button button-primary button-large round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon check-icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 24px; height: 24px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "3", + "class": "circle-button circle-primary-button active button button-primary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "3", + "class": "circle-button circle-primary-button active button button-primary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "4", + "class": "circle-button button button-secondary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "4", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "5", + "class": "circle-button button button-secondary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "5", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "1 complete", + "class": "circle-button circle-primary-button complete button button-primary button-large round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon check-icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 24px; height: 24px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "3", + "class": "circle-button circle-primary-button active button button-primary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "3", + "class": "circle-button circle-primary-button active button button-primary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "4", + "class": "circle-button button button-secondary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "4", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "5", + "class": "circle-button button button-secondary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "5", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "2 complete", + "class": "circle-button circle-primary-button complete button button-primary button-large round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon check-icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 24px; height: 24px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "1 complete", + "class": "circle-button circle-primary-button complete button button-primary button-large round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon check-icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 24px; height: 24px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "3", + "class": "circle-button circle-primary-button active button button-primary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "3", + "class": "circle-button circle-primary-button active button button-primary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "4", + "class": "circle-button button button-secondary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "4", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "5", + "class": "circle-button button button-secondary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "5", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "2 complete", + "class": "circle-button circle-primary-button complete button button-primary button-large round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon check-icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 24px; height: 24px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "1 complete", + "class": "circle-button circle-primary-button complete button button-primary button-large round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon check-icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 24px; height: 24px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "4", + "class": "circle-button button button-secondary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "4", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "5", + "class": "circle-button button button-secondary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "5", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "3", + "class": "circle-button circle-primary-button active button button-primary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "3", + "class": "circle-button circle-primary-button active button button-primary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "2 complete", + "class": "circle-button circle-primary-button complete button button-primary button-large round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon check-icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 24px; height: 24px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "1 complete", + "class": "circle-button circle-primary-button complete button button-primary button-large round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon check-icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 24px; height: 24px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "4", + "class": "circle-button button button-secondary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "4", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "5", + "class": "circle-button button button-secondary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "5", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "3", + "class": "circle-button circle-primary-button active button button-primary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "3", + "class": "circle-button circle-primary-button active button button-primary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "2 complete", + "class": "circle-button circle-primary-button complete button button-primary button-large round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon check-icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 24px; height: 24px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "1 complete", + "class": "circle-button circle-primary-button complete button button-primary button-large round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon check-icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 24px; height: 24px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "5", + "class": "circle-button button button-secondary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "5", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "4", + "class": "circle-button button button-secondary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "4", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "3", + "class": "circle-button circle-primary-button active button button-primary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "3", + "class": "circle-button circle-primary-button active button button-primary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "2 complete", + "class": "circle-button circle-primary-button complete button button-primary button-large round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon check-icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 24px; height: 24px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "1 complete", + "class": "circle-button circle-primary-button complete button button-primary button-large round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon check-icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 24px; height: 24px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "5", + "class": "circle-button button button-secondary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "5", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "4", + "class": "circle-button button button-secondary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "4", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "3", + "class": "circle-button circle-primary-button active button button-primary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + Node { + "attribs": Object { + "class": "content-inner", + }, + "children": Array [ + Node { + "data": "Step label 3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "3", + "class": "circle-button circle-primary-button active button button-primary button-large", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "button-text-large", + }, + "children": Array [ + Node { + "data": "3", + "next": null, + "parent": [Circular], + "prev": null, + "type": "text", + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "2 complete", + "class": "circle-button circle-primary-button complete button button-primary button-large round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon check-icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 24px; height: 24px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "separator", + }, + "children": Array [], + "name": "hr", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": Node { + "attribs": Object { + "class": "step", + }, + "children": Array [ + Node { + "attribs": Object { + "class": "content", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-disabled": "false", + "aria-label": "1 complete", + "class": "circle-button circle-primary-button complete button button-primary button-large round-shape icon-left", + }, + "children": Array [ + Node { + "attribs": Object { + "aria-hidden": "false", + "class": "icon check-icon icon-wrapper", + "role": "presentation", + }, + "children": Array [ + Node { + "attribs": Object { + "role": "presentation", + "style": "width: 24px; height: 24px;", + "viewBox": "0 0 24 24", + }, + "children": Array [ + Node { + "attribs": Object { + "d": "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z", + "style": "fill: currentColor;", + }, + "children": Array [], + "name": "path", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "d": undefined, + "style": undefined, + }, + "x-attribsPrefix": Object { + "d": undefined, + "style": undefined, + }, + }, + ], + "name": "svg", + "namespace": "http://www.w3.org/2000/svg", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + "x-attribsPrefix": Object { + "role": undefined, + "style": undefined, + "viewBox": undefined, + }, + }, + ], + "name": "span", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + "x-attribsPrefix": Object { + "aria-hidden": undefined, + "class": undefined, + "role": undefined, + }, + }, + ], + "name": "button", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + "x-attribsPrefix": Object { + "aria-disabled": undefined, + "aria-label": undefined, + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "li", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "ul", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + }, + }, + ], + "name": "div", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": Node { + "children": Array [ + [Circular], + ], + "name": "root", + "next": null, + "parent": null, + "prev": null, + "type": "root", + }, + "prev": null, + "type": "tag", + "x-attribsNamespace": Object { + "class": undefined, + "id": undefined, + }, + "x-attribsPrefix": Object { + "class": undefined, + "id": undefined, + }, + }, + "_root": LoadedCheerio { + "0": Node { + "children": Array [ + Node { + "attribs": Object {}, + "children": Array [ + Node { + "attribs": Object {}, + "children": Array [], + "name": "head", + "namespace": "http://www.w3.org/1999/xhtml", + "next": Node { + "attribs": Object {}, + "children": Array [], + "name": "body", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": [Circular], + "type": "tag", + "x-attribsNamespace": Object {}, + "x-attribsPrefix": Object {}, + }, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object {}, + "x-attribsPrefix": Object {}, + }, + Node { + "attribs": Object {}, + "children": Array [], + "name": "body", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": Node { + "attribs": Object {}, + "children": Array [], + "name": "head", + "namespace": "http://www.w3.org/1999/xhtml", + "next": [Circular], + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object {}, + "x-attribsPrefix": Object {}, + }, + "type": "tag", + "x-attribsNamespace": Object {}, + "x-attribsPrefix": Object {}, + }, + ], + "name": "html", + "namespace": "http://www.w3.org/1999/xhtml", + "next": null, + "parent": [Circular], + "prev": null, + "type": "tag", + "x-attribsNamespace": Object {}, + "x-attribsPrefix": Object {}, + }, + ], + "name": "root", + "next": null, + "parent": null, + "prev": null, + "type": "root", + "x-mode": "quirks", + }, + "_root": [Circular], + "length": 1, + "options": Object { + "decodeEntities": true, + "xml": false, + }, + }, + "length": 1, + "options": Object { + "decodeEntities": true, + "xml": false, + }, +} +`; diff --git a/src/components/Stepper/index.ts b/src/components/Stepper/index.ts new file mode 100644 index 000000000..d6a728f76 --- /dev/null +++ b/src/components/Stepper/index.ts @@ -0,0 +1,2 @@ +export * from './Stepper.types'; +export * from './Stepper'; diff --git a/src/components/Stepper/stepper.module.scss b/src/components/Stepper/stepper.module.scss new file mode 100644 index 000000000..4e910994c --- /dev/null +++ b/src/components/Stepper/stepper.module.scss @@ -0,0 +1,338 @@ +.stepper { + align-items: center; + display: flex; + flex-direction: row; + justify-content: space-between; + + .next { + align-self: flex-start; + margin-left: $space-m; + margin-top: $space-xs; + } + + .previous { + align-self: flex-start; + margin-right: $space-m; + margin-top: $space-xs; + } + + .steps-container { + overflow: hidden; + overflow-x: auto; + position: relative; + scrollbar-width: none; /* Firefox */ + width: 100%; + -ms-overflow-style: none; /* IE and Edge */ + + &::-webkit-scrollbar { + visibility: hidden; + } + + .steps { + align-items: flex-start; + color: var(--primary-color-60); + display: flex; + flex-direction: row; + justify-content: flex-start; + list-style: none; + margin-block-end: 0; + margin-block-start: 0; + padding: $space-xs 0; + width: 100%; + + .separator { + border: none; + border-bottom: 1px solid var(--primary-color-60); + margin-top: $space-xs; + min-width: 48px; + width: 100%; + } + + .step { + align-items: center; + display: flex; + flex-direction: row; + justify-content: center; + position: relative; + + .inner-separator { + border: none; + border-bottom: 1px solid var(--primary-color-60); + display: none; + top: 14px; + position: absolute; + width: 100%; + z-index: 0; + } + + .content { + align-items: flex-start; + display: flex; + flex-direction: column; + justify-content: center; + + .content-inner { + color: var(--text-secondary-color); + font-size: $text-font-size-3; + font-weight: $text-font-weight-semibold; + line-height: $text-line-height-3; + margin: $space-xs 0; + width: max-content; + } + + .circle { + align-items: center; + background: var(--background-color); + border-color: var(--accent-color-60); + border-style: solid; + border-radius: 50%; + border-width: 1px; + color: var(--primary-color-80); + display: flex; + flex-direction: row; + font-size: $text-font-size-4; + font-weight: $text-font-weight-semibold; + height: 44px; + justify-content: center; + width: 44px; + z-index: 1; + + .check-icon { + justify-content: center; + } + + &.active { + background-color: var(--accent-color-20); + color: var(--primary-color-80); + } + + &.visited { + background-color: var(--accent-color-20); + border-style: none; + color: var(--primary-color-80); + } + } + + .circle-button { + border-radius: 50%; + display: flex; + flex-direction: row; + height: 44px; + justify-content: center; + transition: background-color $motion-duration-extra-fast + $motion-easing-easeinout 0s, + border-color $motion-duration-extra-fast $motion-easing-easeinout + 0s, + color $motion-duration-extra-fast $motion-easing-easeinout 0s; + width: 44px; + z-index: 1; + + &.circle-primary-button { + border: 1px solid var(--accent-color-20); + padding: $button-padding-vertical-large - 1 + $button-padding-horizontal-large - 1; + + &.complete { + padding: 9px; + } + + &:hover:not(.active) { + border-color: var(--accent-color-60); + } + + &.active { + border-color: var(--accent-color-60); + } + } + } + + .disabled { + opacity: $disabled-alpha-value; + cursor: not-allowed; + } + } + + &:not(:last-of-type) { + .inner-separator { + display: block; + } + } + } + } + } + + &.medium { + .steps-container { + .steps { + .step { + .content { + align-items: flex-start; + flex-direction: column; + + .content-inner { + margin: $space-xs 0; + } + } + + &:not(:last-of-type) { + .content { + margin-right: $space-xxxl; + } + } + } + } + } + } + + &.small { + .steps-container { + .steps { + align-items: center; + + .step { + .content { + align-items: center; + flex-direction: row; + + .content-inner { + margin: 0 $space-xs; + } + } + } + } + } + } + + &.vertical { + align-items: flex-start; + flex-direction: column; + justify-content: flex-start; + + .next { + margin-left: $space-xs; + margin-top: $space-m; + transform: rotate(90deg); + } + + .previous { + margin-bottom: $space-m; + margin-left: $space-xs; + margin-right: unset; + margin-top: unset; + transform: rotate(90deg); + } + + .steps-container { + height: 100%; + overflow: hidden; + overflow-y: auto; + width: unset; + + .steps { + align-items: flex-start; + flex-direction: column; + height: 100%; + padding: 0 $space-xs; + width: fit-content; + + .step { + align-items: flex-start; + justify-content: flex-start; + + .inner-separator { + border-bottom: none; + border-left: 1px solid var(--primary-color-60); + height: 100%; + left: 22px; + top: $space-l; + width: 1px; + } + + .content { + flex-direction: row; + margin-right: unset; + + .content-inner { + margin: 10px; + } + } + + &:not(:last-of-type) { + .content { + margin-bottom: $space-xxxl; + } + } + } + } + } + + &.small { + .steps-container { + .steps { + .step { + &:not(:last-of-type) { + .content { + margin-bottom: $space-xl; + } + } + } + } + } + } + } + + &-rtl { + .next { + margin-left: unset; + margin-right: $space-m; + } + + .previous { + margin-left: $space-m; + margin-right: unset; + } + + &.medium { + .steps-container { + .steps { + .step { + &:not(:last-of-type) { + .content { + margin-left: $space-xxxl; + margin-right: unset; + } + } + } + } + } + } + + &.vertical { + .next { + margin-left: unset; + margin-right: $space-xs; + transform: rotate(-90deg); + } + + .previous { + margin-left: unset; + margin-right: $space-xs; + transform: rotate(-90deg); + } + + .steps-container { + .steps { + .step { + .inner-separator { + left: unset; + right: 20px; + } + .content { + margin-left: unset; + } + } + } + } + } + } +} diff --git a/src/octuple.ts b/src/octuple.ts index 235a54bd5..78e1708e4 100644 --- a/src/octuple.ts +++ b/src/octuple.ts @@ -125,6 +125,13 @@ import { TabVariant, } from './components/Tabs'; +import { + Step, + Stepper, + StepperSize, + StepperVariant, +} from './components/Stepper'; + import TimePicker from './components/DateTimePicker/TimePicker/TimePicker'; import { Tooltip, TooltipTheme, TooltipSize } from './components/Tooltip'; @@ -290,6 +297,10 @@ export { Stat, StatThemeName, StatValidationStatus, + Step, + Stepper, + StepperSize, + StepperVariant, SystemUIButton, Table, TablePaginationConfig,