Repository: geist-org/geist-ui Branch: master Commit: b48b8238e7aa Files: 761 Total size: 6.1 MB Directory structure: gitextract_2s6hwfls/ ├── .circleci/ │ └── config.yml ├── .codecov.yml ├── .eslintignore ├── .eslintrc.js ├── .github/ │ ├── CODE_OF_CONDUCT.md │ ├── CONTRIBUTING.md │ ├── ISSUE_TEMPLATE/ │ │ ├── 1-bug-report.md │ │ ├── 2-feature-request.md │ │ ├── 3-docs.md │ │ └── config.yml │ ├── PULL_REQUEST_TEMPLATE.md │ └── workflows/ │ └── publish.yml ├── .gitignore ├── .jest.config.js ├── .prettierignore ├── .travis.yml ├── .vercelignore ├── LICENSE ├── README.md ├── components/ │ ├── auto-complete/ │ │ ├── __tests__/ │ │ │ ├── __snapshots__/ │ │ │ │ ├── index.test.tsx.snap │ │ │ │ └── search.test.tsx.snap │ │ │ ├── index.test.tsx │ │ │ ├── search.test.tsx │ │ │ └── use-input.test.tsx │ │ ├── auto-complete-context.ts │ │ ├── auto-complete-dropdown.tsx │ │ ├── auto-complete-empty.tsx │ │ ├── auto-complete-item.tsx │ │ ├── auto-complete-searching.tsx │ │ ├── auto-complete.tsx │ │ └── index.ts │ ├── avatar/ │ │ ├── __tests__/ │ │ │ ├── __snapshots__/ │ │ │ │ └── index.test.tsx.snap │ │ │ └── index.test.tsx │ │ ├── avatar-group.tsx │ │ ├── avatar.tsx │ │ └── index.ts │ ├── badge/ │ │ ├── __tests__/ │ │ │ ├── __snapshots__/ │ │ │ │ ├── anchor.test.tsx.snap │ │ │ │ └── index.test.tsx.snap │ │ │ ├── anchor.test.tsx │ │ │ └── index.test.tsx │ │ ├── badge-anchor.tsx │ │ ├── badge.tsx │ │ └── index.ts │ ├── breadcrumbs/ │ │ ├── __tests__/ │ │ │ ├── __snapshots__/ │ │ │ │ └── breadcrumbs.test.tsx.snap │ │ │ └── breadcrumbs.test.tsx │ │ ├── breadcrumbs-item.tsx │ │ ├── breadcrumbs-separator.tsx │ │ ├── breadcrumbs.tsx │ │ └── index.ts │ ├── button/ │ │ ├── __tests__/ │ │ │ ├── __snapshots__/ │ │ │ │ ├── icon.test.tsx.snap │ │ │ │ └── index.test.tsx.snap │ │ │ ├── icon.test.tsx │ │ │ └── index.test.tsx │ │ ├── button-icon.tsx │ │ ├── button-loading.tsx │ │ ├── button.drip.tsx │ │ ├── button.tsx │ │ ├── index.ts │ │ ├── styles.ts │ │ └── utils.tsx │ ├── button-dropdown/ │ │ ├── __tests__/ │ │ │ ├── __snapshots__/ │ │ │ │ └── index.test.tsx.snap │ │ │ └── index.test.tsx │ │ ├── button-dropdown-context.ts │ │ ├── button-dropdown-item.tsx │ │ ├── button-dropdown.tsx │ │ ├── icon.tsx │ │ ├── index.ts │ │ └── styles.ts │ ├── button-group/ │ │ ├── __tests__/ │ │ │ ├── __snapshots__/ │ │ │ │ └── index.test.tsx.snap │ │ │ └── index.test.tsx │ │ ├── button-group-context.ts │ │ ├── button-group.tsx │ │ └── index.ts │ ├── capacity/ │ │ ├── __tests__/ │ │ │ ├── __snapshots__/ │ │ │ │ └── index.test.tsx.snap │ │ │ └── index.test.tsx │ │ ├── capacity.tsx │ │ └── index.ts │ ├── card/ │ │ ├── __tests__/ │ │ │ ├── __snapshots__/ │ │ │ │ ├── footer.test.tsx.snap │ │ │ │ └── index.test.tsx.snap │ │ │ ├── footer.test.tsx │ │ │ └── index.test.tsx │ │ ├── card-content.tsx │ │ ├── card-footer.tsx │ │ ├── card.tsx │ │ ├── index.ts │ │ └── styles.ts │ ├── checkbox/ │ │ ├── __tests__/ │ │ │ ├── __snapshots__/ │ │ │ │ ├── group.test.tsx.snap │ │ │ │ └── index.test.tsx.snap │ │ │ ├── group.test.tsx │ │ │ └── index.test.tsx │ │ ├── checkbox-context.ts │ │ ├── checkbox-group.tsx │ │ ├── checkbox.icon.tsx │ │ ├── checkbox.tsx │ │ ├── index.ts │ │ └── styles.ts │ ├── code/ │ │ ├── __tests__/ │ │ │ ├── __snapshots__/ │ │ │ │ └── index.test.tsx.snap │ │ │ └── index.test.tsx │ │ ├── code.tsx │ │ └── index.ts │ ├── col/ │ │ ├── __tests__/ │ │ │ ├── __snapshots__/ │ │ │ │ └── index.test.tsx.snap │ │ │ └── index.test.tsx │ │ ├── col.tsx │ │ └── index.ts │ ├── collapse/ │ │ ├── __tests__/ │ │ │ ├── __snapshots__/ │ │ │ │ ├── group.test.tsx.snap │ │ │ │ └── index.test.tsx.snap │ │ │ ├── group.test.tsx │ │ │ └── index.test.tsx │ │ ├── collapse-context.ts │ │ ├── collapse-group.tsx │ │ ├── collapse-icon.tsx │ │ ├── collapse.tsx │ │ └── index.ts │ ├── css-baseline/ │ │ ├── __tests__/ │ │ │ ├── __snapshots__/ │ │ │ │ └── baseline.test.tsx.snap │ │ │ └── baseline.test.tsx │ │ ├── css-baseline.tsx │ │ └── index.ts │ ├── description/ │ │ ├── __tests__/ │ │ │ ├── __snapshots__/ │ │ │ │ └── index.test.tsx.snap │ │ │ └── index.test.tsx │ │ ├── description.tsx │ │ └── index.ts │ ├── display/ │ │ ├── __tests__/ │ │ │ ├── __snapshots__/ │ │ │ │ └── index.test.tsx.snap │ │ │ └── index.test.tsx │ │ ├── display.tsx │ │ └── index.ts │ ├── divider/ │ │ ├── __tests__/ │ │ │ ├── __snapshots__/ │ │ │ │ └── index.test.tsx.snap │ │ │ └── index.test.tsx │ │ ├── divider.tsx │ │ └── index.ts │ ├── dot/ │ │ ├── __tests__/ │ │ │ ├── __snapshots__/ │ │ │ │ └── index.test.tsx.snap │ │ │ └── index.test.tsx │ │ ├── dot.tsx │ │ └── index.ts │ ├── drawer/ │ │ ├── __tests__/ │ │ │ ├── __snapshots__/ │ │ │ │ └── index.test.tsx.snap │ │ │ ├── index.test.tsx │ │ │ └── use-modal.test.tsx │ │ ├── drawer-wrapper.tsx │ │ ├── drawer.tsx │ │ ├── helper.ts │ │ └── index.ts │ ├── fieldset/ │ │ ├── __tests__/ │ │ │ ├── __snapshots__/ │ │ │ │ └── index.test.tsx.snap │ │ │ ├── group.test.tsx │ │ │ └── index.test.tsx │ │ ├── fieldset-content.tsx │ │ ├── fieldset-context.ts │ │ ├── fieldset-footer.tsx │ │ ├── fieldset-group.tsx │ │ ├── fieldset-subtitle.tsx │ │ ├── fieldset-title.tsx │ │ ├── fieldset.tsx │ │ └── index.ts │ ├── geist-provider/ │ │ ├── geist-provider.tsx │ │ ├── index.ts │ │ └── theme-provider.tsx │ ├── grid/ │ │ ├── __tests__/ │ │ │ ├── __snapshots__/ │ │ │ │ └── index.test.tsx.snap │ │ │ └── index.test.tsx │ │ ├── basic-item.tsx │ │ ├── grid-container.tsx │ │ ├── grid-types.ts │ │ ├── grid.tsx │ │ └── index.ts │ ├── image/ │ │ ├── __tests__/ │ │ │ ├── __snapshots__/ │ │ │ │ ├── browser.test.tsx.snap │ │ │ │ └── index.test.tsx.snap │ │ │ ├── browser.test.tsx │ │ │ └── index.test.tsx │ │ ├── helpers.ts │ │ ├── image-browser-https-icon.tsx │ │ ├── image-browser.tsx │ │ ├── image.skeleton.tsx │ │ ├── image.tsx │ │ ├── index.ts │ │ └── styles.ts │ ├── index.ts │ ├── input/ │ │ ├── __tests__/ │ │ │ ├── __snapshots__/ │ │ │ │ ├── index.test.tsx.snap │ │ │ │ └── password.test.tsx.snap │ │ │ ├── index.test.tsx │ │ │ └── password.test.tsx │ │ ├── index.ts │ │ ├── input-block-label.tsx │ │ ├── input-icon-clear.tsx │ │ ├── input-icon.tsx │ │ ├── input-label.tsx │ │ ├── input-props.ts │ │ ├── input.tsx │ │ ├── password-icon.tsx │ │ ├── password.tsx │ │ └── styles.ts │ ├── keyboard/ │ │ ├── __tests__/ │ │ │ ├── __snapshots__/ │ │ │ │ └── index.test.tsx.snap │ │ │ └── index.test.tsx │ │ ├── index.ts │ │ └── keyboard.tsx │ ├── link/ │ │ ├── __tests__/ │ │ │ ├── __snapshots__/ │ │ │ │ └── index.test.tsx.snap │ │ │ └── index.test.tsx │ │ ├── icon.tsx │ │ ├── index.ts │ │ └── link.tsx │ ├── loading/ │ │ ├── __tests__/ │ │ │ ├── __snapshots__/ │ │ │ │ └── index.test.tsx.snap │ │ │ └── index.test.tsx │ │ ├── index.ts │ │ └── loading.tsx │ ├── modal/ │ │ ├── __tests__/ │ │ │ ├── __snapshots__/ │ │ │ │ └── index.test.tsx.snap │ │ │ └── index.test.tsx │ │ ├── index.ts │ │ ├── modal-action.tsx │ │ ├── modal-actions.tsx │ │ ├── modal-content.tsx │ │ ├── modal-context.ts │ │ ├── modal-subtitle.tsx │ │ ├── modal-title.tsx │ │ ├── modal-wrapper.tsx │ │ └── modal.tsx │ ├── note/ │ │ ├── __tests__/ │ │ │ ├── __snapshots__/ │ │ │ │ └── index.test.tsx.snap │ │ │ └── index.test.tsx │ │ ├── index.ts │ │ └── note.tsx │ ├── page/ │ │ ├── __tests__/ │ │ │ ├── __snapshots__/ │ │ │ │ ├── child.test.tsx.snap │ │ │ │ └── index.test.tsx.snap │ │ │ ├── child.test.tsx │ │ │ └── index.test.tsx │ │ ├── index.ts │ │ ├── page-content.tsx │ │ ├── page-footer.tsx │ │ ├── page-header.tsx │ │ └── page.tsx │ ├── pagination/ │ │ ├── __tests__/ │ │ │ ├── __snapshots__/ │ │ │ │ └── pagination.test.tsx.snap │ │ │ └── pagination.test.tsx │ │ ├── index.ts │ │ ├── pagination-context.ts │ │ ├── pagination-ellipsis.tsx │ │ ├── pagination-item.tsx │ │ ├── pagination-next.tsx │ │ ├── pagination-pages.tsx │ │ ├── pagination-previous.tsx │ │ └── pagination.tsx │ ├── popover/ │ │ ├── __tests__/ │ │ │ ├── __snapshots__/ │ │ │ │ └── index.test.tsx.snap │ │ │ └── index.test.tsx │ │ ├── index.ts │ │ ├── popover-context.ts │ │ ├── popover-item.tsx │ │ └── popover.tsx │ ├── progress/ │ │ ├── __tests__/ │ │ │ ├── __snapshots__/ │ │ │ │ └── index.test.tsx.snap │ │ │ └── index.test.tsx │ │ ├── index.ts │ │ └── progress.tsx │ ├── radio/ │ │ ├── __tests__/ │ │ │ ├── __snapshots__/ │ │ │ │ ├── group.test.tsx.snap │ │ │ │ └── index.test.tsx.snap │ │ │ ├── group.test.tsx │ │ │ └── index.test.tsx │ │ ├── index.ts │ │ ├── radio-context.ts │ │ ├── radio-description.tsx │ │ ├── radio-group.tsx │ │ ├── radio.tsx │ │ └── styles.ts │ ├── rating/ │ │ ├── __tests__/ │ │ │ ├── __snapshots__/ │ │ │ │ └── index.test.tsx.snap │ │ │ └── index.test.tsx │ │ ├── index.ts │ │ ├── rating-icon.tsx │ │ └── rating.tsx │ ├── row/ │ │ ├── __tests__/ │ │ │ ├── __snapshots__/ │ │ │ │ └── index.test.tsx.snap │ │ │ └── index.test.tsx │ │ ├── index.ts │ │ └── row.tsx │ ├── select/ │ │ ├── __tests__/ │ │ │ ├── __snapshots__/ │ │ │ │ ├── index.test.tsx.snap │ │ │ │ └── multiple.test.tsx.snap │ │ │ ├── events.test.tsx │ │ │ ├── index.test.tsx │ │ │ └── multiple.test.tsx │ │ ├── index.ts │ │ ├── select-context.ts │ │ ├── select-dropdown.tsx │ │ ├── select-icon-clear.tsx │ │ ├── select-icon.tsx │ │ ├── select-input.tsx │ │ ├── select-multiple-value.tsx │ │ ├── select-option.tsx │ │ ├── select.tsx │ │ └── styles.ts │ ├── shared/ │ │ ├── __tests__/ │ │ │ ├── __snapshots__/ │ │ │ │ ├── backdrop.test.tsx.snap │ │ │ │ ├── dropdown.test.tsx.snap │ │ │ │ ├── ellipsis.test.tsx.snap │ │ │ │ └── transition.test.tsx.snap │ │ │ ├── backdrop.test.tsx │ │ │ ├── dropdown.test.tsx │ │ │ ├── ellipsis.test.tsx │ │ │ └── transition.test.tsx │ │ ├── backdrop.tsx │ │ ├── css-transition.tsx │ │ ├── dropdown.tsx │ │ ├── ellipsis.tsx │ │ ├── expand.tsx │ │ └── highlight.tsx │ ├── slider/ │ │ ├── __tests__/ │ │ │ ├── __snapshots__/ │ │ │ │ └── index.test.tsx.snap │ │ │ └── index.test.tsx │ │ ├── index.ts │ │ ├── slider-dot.tsx │ │ ├── slider-mark.tsx │ │ ├── slider.tsx │ │ └── styles.ts │ ├── snippet/ │ │ ├── __tests__/ │ │ │ ├── __snapshots__/ │ │ │ │ └── index.test.tsx.snap │ │ │ └── index.test.tsx │ │ ├── index.ts │ │ ├── snippet-icon.tsx │ │ ├── snippet.tsx │ │ └── styles.ts │ ├── spacer/ │ │ ├── __tests__/ │ │ │ ├── __snapshots__/ │ │ │ │ └── index.test.tsx.snap │ │ │ └── index.test.tsx │ │ ├── index.ts │ │ └── spacer.tsx │ ├── spinner/ │ │ ├── __tests__/ │ │ │ ├── __snapshots__/ │ │ │ │ └── index.test.tsx.snap │ │ │ └── index.test.tsx │ │ ├── index.ts │ │ └── spinner.tsx │ ├── table/ │ │ ├── __tests__/ │ │ │ ├── __snapshots__/ │ │ │ │ └── index.test.tsx.snap │ │ │ └── index.test.tsx │ │ ├── index.ts │ │ ├── table-body.tsx │ │ ├── table-cell.tsx │ │ ├── table-column.tsx │ │ ├── table-context.ts │ │ ├── table-head.tsx │ │ ├── table-types.ts │ │ └── table.tsx │ ├── tabs/ │ │ ├── __tests__/ │ │ │ ├── __snapshots__/ │ │ │ │ └── index.test.tsx.snap │ │ │ └── index.test.tsx │ │ ├── index.ts │ │ ├── tabs-context.ts │ │ ├── tabs-item.tsx │ │ └── tabs.tsx │ ├── tag/ │ │ ├── __tests__/ │ │ │ ├── __snapshots__/ │ │ │ │ └── index.test.tsx.snap │ │ │ └── index.test.tsx │ │ ├── index.ts │ │ └── tag.tsx │ ├── text/ │ │ ├── __tests__/ │ │ │ ├── __snapshots__/ │ │ │ │ └── index.test.tsx.snap │ │ │ └── index.test.tsx │ │ ├── child.tsx │ │ ├── index.ts │ │ └── text.tsx │ ├── textarea/ │ │ ├── __tests__/ │ │ │ ├── __snapshots__/ │ │ │ │ └── index.test.tsx.snap │ │ │ └── index.test.tsx │ │ ├── index.ts │ │ └── textarea.tsx │ ├── themes/ │ │ ├── index.ts │ │ ├── presets/ │ │ │ ├── dark.ts │ │ │ ├── default.ts │ │ │ ├── index.ts │ │ │ └── shared.ts │ │ └── themes.ts │ ├── toggle/ │ │ ├── __tests__/ │ │ │ ├── __snapshots__/ │ │ │ │ └── index.test.tsx.snap │ │ │ └── index.test.tsx │ │ ├── index.ts │ │ ├── styles.ts │ │ └── toggle.tsx │ ├── tooltip/ │ │ ├── __test__/ │ │ │ └── index.test.tsx │ │ ├── helper.ts │ │ ├── index.ts │ │ ├── placement.ts │ │ ├── styles.ts │ │ ├── tooltip-content.tsx │ │ ├── tooltip-icon.tsx │ │ └── tooltip.tsx │ ├── tree/ │ │ ├── __tests__/ │ │ │ ├── __snapshots__/ │ │ │ │ └── index.test.tsx.snap │ │ │ └── index.test.tsx │ │ ├── index.ts │ │ ├── tree-context.ts │ │ ├── tree-file-icon.tsx │ │ ├── tree-file.tsx │ │ ├── tree-folder-icon.tsx │ │ ├── tree-folder.tsx │ │ ├── tree-help.ts │ │ ├── tree-indents.tsx │ │ ├── tree-status-icon.tsx │ │ └── tree.tsx │ ├── use-all-themes/ │ │ ├── all-themes-context.ts │ │ └── index.ts │ ├── use-body-scroll/ │ │ ├── __tests__/ │ │ │ └── body-scroll.test.tsx │ │ ├── index.ts │ │ └── use-body-scroll.ts │ ├── use-classes/ │ │ ├── __tests__/ │ │ │ └── index.test.tsx │ │ ├── index.ts │ │ └── use-classes.ts │ ├── use-click-away/ │ │ ├── __tests__/ │ │ │ └── click-away.test.tsx │ │ ├── index.ts │ │ └── use-click-away.ts │ ├── use-clipboard/ │ │ ├── __tests__/ │ │ │ └── clipboard.test.tsx │ │ ├── index.ts │ │ └── use-clipboard.ts │ ├── use-current-state/ │ │ ├── __tests__/ │ │ │ └── current-state.test.tsx │ │ ├── index.ts │ │ └── use-current-state.ts │ ├── use-input/ │ │ ├── __tests__/ │ │ │ └── use-input.test.tsx │ │ ├── index.ts │ │ └── use-input.tsx │ ├── use-keyboard/ │ │ ├── __tests__/ │ │ │ └── keyboard.test.tsx │ │ ├── codes.ts │ │ ├── helper.ts │ │ ├── index.ts │ │ └── use-keyboard.ts │ ├── use-media-query/ │ │ ├── __tests__/ │ │ │ └── media-query.test.tsx │ │ ├── index.ts │ │ └── use-media-query.ts │ ├── use-modal/ │ │ ├── __tests__/ │ │ │ └── use-modal.test.tsx │ │ ├── index.ts │ │ └── use-modal.ts │ ├── use-scale/ │ │ ├── __tests__/ │ │ │ └── scale.test.tsx │ │ ├── index.ts │ │ ├── scale-context.ts │ │ ├── utils.ts │ │ └── with-scale.tsx │ ├── use-tabs/ │ │ ├── __tests__/ │ │ │ └── use-tabs.test.tsx │ │ ├── index.ts │ │ └── use-tabs.ts │ ├── use-theme/ │ │ ├── index.ts │ │ └── theme-context.ts │ ├── use-toasts/ │ │ ├── __tests__/ │ │ │ ├── __snapshots__/ │ │ │ │ └── index.test.tsx.snap │ │ │ └── index.test.tsx │ │ ├── helpers.tsx │ │ ├── index.ts │ │ ├── toast-container.tsx │ │ ├── toast-item.tsx │ │ └── use-toast.tsx │ ├── user/ │ │ ├── __tests__/ │ │ │ ├── __snapshots__/ │ │ │ │ └── index.test.tsx.snap │ │ │ └── index.test.tsx │ │ ├── index.ts │ │ ├── user-link.tsx │ │ └── user.tsx │ └── utils/ │ ├── __tests__/ │ │ └── calculations.test.tsx │ ├── calculations.ts │ ├── collections.ts │ ├── color.ts │ ├── layouts.ts │ ├── prop-types.ts │ ├── types.ts │ ├── use-body-scroll.ts │ ├── use-click-anywhere.ts │ ├── use-click-away.ts │ ├── use-clipboard.ts │ ├── use-context-state/ │ │ ├── create-geist-context.tsx │ │ └── use-context-state.ts │ ├── use-current-state.ts │ ├── use-default-props.ts │ ├── use-dom-observer.ts │ ├── use-drag.ts │ ├── use-geist-ui-context.ts │ ├── use-portal.ts │ ├── use-previous.ts │ ├── use-real-shape.ts │ ├── use-resize.ts │ ├── use-ssr.ts │ └── use-warning.ts ├── examples/ │ ├── create-next-app/ │ │ ├── .eslintrc.json │ │ ├── README.md │ │ ├── next-env.d.ts │ │ ├── next.config.js │ │ ├── package.json │ │ ├── pages/ │ │ │ ├── _app.tsx │ │ │ ├── _document.js │ │ │ └── index.tsx │ │ └── tsconfig.json │ ├── create-react-app/ │ │ └── README.md │ ├── custom-styles/ │ │ ├── README.md │ │ ├── package.json │ │ ├── public/ │ │ │ └── index.html │ │ └── src/ │ │ ├── home.jsx │ │ ├── index.jsx │ │ └── style.css │ ├── custom-themes/ │ │ ├── README.md │ │ ├── package.json │ │ ├── public/ │ │ │ └── index.html │ │ └── src/ │ │ ├── home.jsx │ │ ├── index.jsx │ │ └── theme.js │ ├── extends-components/ │ │ ├── README.md │ │ ├── package.json │ │ ├── public/ │ │ │ └── index.html │ │ ├── src/ │ │ │ ├── app.tsx │ │ │ ├── index.tsx │ │ │ ├── my-input.tsx │ │ │ └── react-app-env.d.ts │ │ └── tsconfig.json │ ├── remix/ │ │ ├── README.md │ │ ├── api/ │ │ │ └── index.js │ │ ├── app/ │ │ │ ├── entry.client.tsx │ │ │ ├── entry.server.tsx │ │ │ ├── root.tsx │ │ │ └── routes/ │ │ │ └── index.tsx │ │ ├── package.json │ │ ├── remix.config.js │ │ ├── remix.env.d.ts │ │ ├── tsconfig.json │ │ └── vercel.json │ ├── tree-shaking-create-react-app/ │ │ ├── README.md │ │ ├── build/ │ │ │ ├── asset-manifest.json │ │ │ ├── index.html │ │ │ └── static/ │ │ │ └── js/ │ │ │ ├── main.c0df7028.js │ │ │ └── main.c0df7028.js.LICENSE.txt │ │ ├── package.json │ │ ├── public/ │ │ │ └── index.html │ │ └── src/ │ │ ├── home.jsx │ │ └── index.jsx │ ├── tree-shaking-nextjs/ │ │ ├── README.md │ │ ├── next.config.js │ │ ├── package.json │ │ └── pages/ │ │ ├── _app.js │ │ ├── _document.js │ │ └── index.js │ ├── tree-shaking-webpack/ │ │ ├── .babelrc │ │ ├── README.md │ │ ├── package.json │ │ ├── src/ │ │ │ ├── index.html │ │ │ └── index.js │ │ └── webpack.config.js │ └── with-typescript/ │ └── README.md ├── lib/ │ ├── components/ │ │ ├── attributes/ │ │ │ ├── attributes-table.tsx │ │ │ ├── attributes-title.tsx │ │ │ ├── attributes.tsx │ │ │ ├── contributors.tsx │ │ │ └── index.ts │ │ ├── customization/ │ │ │ ├── codes.tsx │ │ │ ├── colors.tsx │ │ │ ├── demo.tsx │ │ │ ├── editor-color-item.tsx │ │ │ ├── editor-input-item.tsx │ │ │ ├── editor.tsx │ │ │ └── layout.tsx │ │ ├── index.ts │ │ ├── layout/ │ │ │ ├── header.tsx │ │ │ ├── index.tsx │ │ │ ├── layout.tsx │ │ │ ├── menu/ │ │ │ │ ├── index.tsx │ │ │ │ ├── menu-mobile.tsx │ │ │ │ ├── menu-skeleton.tsx │ │ │ │ └── menu.tsx │ │ │ ├── powered-by/ │ │ │ │ ├── index.ts │ │ │ │ └── powered-by.tsx │ │ │ └── sidebar/ │ │ │ ├── active-catalog.tsx │ │ │ ├── active-link.tsx │ │ │ ├── index.tsx │ │ │ ├── side-item.tsx │ │ │ ├── sidebar-skeleton.tsx │ │ │ └── sidebar.tsx │ │ ├── mdx-widgets/ │ │ │ ├── README.md │ │ │ ├── colors/ │ │ │ │ ├── colors-data.ts │ │ │ │ └── index.tsx │ │ │ ├── example-block.tsx │ │ │ ├── grid-demo.tsx │ │ │ ├── home-cell.tsx │ │ │ ├── hybrid-code.tsx │ │ │ ├── hybrid-link.tsx │ │ │ ├── icons-gallery/ │ │ │ │ ├── icons-cell.tsx │ │ │ │ ├── icons-gallery.tsx │ │ │ │ └── index.tsx │ │ │ ├── index.ts │ │ │ ├── mock-page.tsx │ │ │ └── parsed-codes/ │ │ │ ├── clock.tsx │ │ │ ├── greeting.tsx │ │ │ ├── index.ts │ │ │ └── types.tsx │ │ ├── playground/ │ │ │ ├── code-theme.ts │ │ │ ├── dynamic-live.tsx │ │ │ ├── editor.tsx │ │ │ ├── index.ts │ │ │ ├── playground.tsx │ │ │ └── title.tsx │ │ ├── pures/ │ │ │ ├── anchor/ │ │ │ │ ├── anchor-icon.tsx │ │ │ │ └── index.tsx │ │ │ ├── controls.tsx │ │ │ └── index.ts │ │ └── search/ │ │ ├── helper.ts │ │ ├── index.tsx │ │ ├── search-icon.tsx │ │ ├── search-item.tsx │ │ ├── search-items.tsx │ │ └── search.tsx │ ├── config-context.ts │ ├── config-provider.tsx │ ├── constants.ts │ ├── data/ │ │ ├── index.ts │ │ ├── metadata-en-us.json │ │ ├── metadata-zh-cn.json │ │ ├── seeds-en-us.json │ │ ├── seeds-zh-cn.json │ │ └── seeds.ts │ ├── redirect.tsx │ ├── use-dom-clean.ts │ └── use-locale.ts ├── next-env.d.ts ├── next.config.js ├── now.json ├── package.json ├── pages/ │ ├── _app.tsx │ ├── _document.tsx │ ├── en-us/ │ │ ├── components/ │ │ │ ├── auto-complete.mdx │ │ │ ├── avatar.mdx │ │ │ ├── badge.mdx │ │ │ ├── breadcrumbs.mdx │ │ │ ├── button-dropdown.mdx │ │ │ ├── button-group.mdx │ │ │ ├── button.mdx │ │ │ ├── capacity.mdx │ │ │ ├── card.mdx │ │ │ ├── checkbox.mdx │ │ │ ├── code.mdx │ │ │ ├── collapse.mdx │ │ │ ├── description.mdx │ │ │ ├── display.mdx │ │ │ ├── divider.mdx │ │ │ ├── dot.mdx │ │ │ ├── drawer.mdx │ │ │ ├── fieldset.mdx │ │ │ ├── file-tree.mdx │ │ │ ├── grid.mdx │ │ │ ├── icons.mdx │ │ │ ├── image.mdx │ │ │ ├── index.js │ │ │ ├── input.mdx │ │ │ ├── keyboard.mdx │ │ │ ├── link.mdx │ │ │ ├── loading.mdx │ │ │ ├── modal.mdx │ │ │ ├── note.mdx │ │ │ ├── page.mdx │ │ │ ├── pagination.mdx │ │ │ ├── popover.mdx │ │ │ ├── progress.mdx │ │ │ ├── radio.mdx │ │ │ ├── rating.mdx │ │ │ ├── select.mdx │ │ │ ├── slider.mdx │ │ │ ├── snippet.mdx │ │ │ ├── spacer.mdx │ │ │ ├── spinner.mdx │ │ │ ├── table.mdx │ │ │ ├── tabs.mdx │ │ │ ├── tag.mdx │ │ │ ├── text.mdx │ │ │ ├── textarea.mdx │ │ │ ├── toast.mdx │ │ │ ├── toggle.mdx │ │ │ ├── tooltip.mdx │ │ │ └── user.mdx │ │ ├── guide/ │ │ │ ├── bundle-size.mdx │ │ │ ├── colors.mdx │ │ │ ├── index.js │ │ │ ├── installation.mdx │ │ │ ├── introduction.mdx │ │ │ ├── scale.mdx │ │ │ ├── server-render.mdx │ │ │ └── themes.mdx │ │ ├── hooks/ │ │ │ ├── index.js │ │ │ ├── use-body-scroll.mdx │ │ │ ├── use-classes.mdx │ │ │ ├── use-click-away.mdx │ │ │ ├── use-clipboard.mdx │ │ │ ├── use-current-state.mdx │ │ │ ├── use-input.mdx │ │ │ ├── use-keyboard.mdx │ │ │ ├── use-media-query.mdx │ │ │ ├── use-modal.mdx │ │ │ ├── use-scale.mdx │ │ │ ├── use-tabs.mdx │ │ │ ├── use-theme.mdx │ │ │ └── use-toast.mdx │ │ └── index.tsx │ └── zh-cn/ │ ├── components/ │ │ ├── auto-complete.mdx │ │ ├── avatar.mdx │ │ ├── badge.mdx │ │ ├── breadcrumbs.mdx │ │ ├── button-dropdown.mdx │ │ ├── button-group.mdx │ │ ├── button.mdx │ │ ├── capacity.mdx │ │ ├── card.mdx │ │ ├── checkbox.mdx │ │ ├── code.mdx │ │ ├── collapse.mdx │ │ ├── description.mdx │ │ ├── display.mdx │ │ ├── divider.mdx │ │ ├── dot.mdx │ │ ├── drawer.mdx │ │ ├── fieldset.mdx │ │ ├── file-tree.mdx │ │ ├── grid.mdx │ │ ├── icons.mdx │ │ ├── image.mdx │ │ ├── index.js │ │ ├── input.mdx │ │ ├── keyboard.mdx │ │ ├── link.mdx │ │ ├── loading.mdx │ │ ├── modal.mdx │ │ ├── note.mdx │ │ ├── page.mdx │ │ ├── pagination.mdx │ │ ├── popover.mdx │ │ ├── progress.mdx │ │ ├── radio.mdx │ │ ├── rating.mdx │ │ ├── select.mdx │ │ ├── slider.mdx │ │ ├── snippet.mdx │ │ ├── spacer.mdx │ │ ├── spinner.mdx │ │ ├── table.mdx │ │ ├── tabs.mdx │ │ ├── tag.mdx │ │ ├── text.mdx │ │ ├── textarea.mdx │ │ ├── toast.mdx │ │ ├── toggle.mdx │ │ ├── tooltip.mdx │ │ └── user.mdx │ ├── guide/ │ │ ├── bundle-size.mdx │ │ ├── colors.mdx │ │ ├── index.js │ │ ├── installation.mdx │ │ ├── introduction.mdx │ │ ├── scale.mdx │ │ ├── server-render.mdx │ │ └── themes.mdx │ ├── hooks/ │ │ ├── index.js │ │ ├── use-body-scroll.mdx │ │ ├── use-classes.mdx │ │ ├── use-click-away.mdx │ │ ├── use-clipboard.mdx │ │ ├── use-current-state.mdx │ │ ├── use-input.mdx │ │ ├── use-keyboard.mdx │ │ ├── use-media-query.mdx │ │ ├── use-modal.mdx │ │ ├── use-scale.mdx │ │ ├── use-tabs.mdx │ │ ├── use-theme.mdx │ │ └── use-toast.mdx │ └── index.tsx ├── public/ │ └── _redirects ├── scripts/ │ ├── babel.config.js │ ├── built-in/ │ │ ├── styled-jsx-server.es.js │ │ ├── styled-jsx.cjs.js │ │ └── styled-jsx.es.js │ ├── collect-meta.js │ ├── locales.js │ ├── move-built-in.js │ ├── rollup.config.js │ ├── seeds/ │ │ ├── codesandbox.json │ │ ├── links.json │ │ ├── presets.js │ │ └── update.js │ ├── side-effects.js │ ├── tsconfig.json │ ├── tsconfig.test.json │ └── webpack.config.js ├── tests/ │ ├── .babelrc.js │ ├── __mocks__/ │ │ └── styled-jsx/ │ │ └── css.js │ ├── setup.ts │ └── utils.ts ├── tsconfig.json └── typings/ ├── mdx.d.ts ├── meta.d.ts └── styled.d.ts ================================================ FILE CONTENTS ================================================ ================================================ FILE: .circleci/config.yml ================================================ version: 2 jobs: test: docker: - image: circleci/node:14.15.0 working_directory: ~/repo steps: - checkout - restore_cache: keys: - v2-dependencies-{{ checksum "package.json" }} - v2-dependencies- - run: yarn - save_cache: paths: - node_modules key: v2-dependencies-{{ checksum "package.json" }} - run: yarn run lint - run: yarn test -w 1 --coverage - run: bash <(curl -s https://codecov.io/bash) build: docker: - image: circleci/node:14.15.0 working_directory: ~/repo steps: - checkout - restore_cache: keys: - v2-dependencies-{{ checksum "package.json" }} - v2-dependencies- - run: yarn - save_cache: paths: - node_modules key: v2-dependencies-{{ checksum "package.json" }} - run: yarn run build workflows: version: 2 build_and_test: jobs: - test - build ================================================ FILE: .codecov.yml ================================================ codecov: require_ci_to_pass: yes comment: layout: "reach, diff, flags, files" behavior: default require_changes: false branches: - "master" ================================================ FILE: .eslintignore ================================================ .now/* .next/* examples/* dist/* esm/* public/* scripts/* tests/* *.config.js ================================================ FILE: .eslintrc.js ================================================ module.exports = { parser: '@typescript-eslint/parser', extends: ['eslint-config-ts-lambdas', 'eslint-config-ts-lambdas/react', 'prettier'], plugins: ['@typescript-eslint'], settings: { react: { pragma: 'React', version: 'detect', }, }, parserOptions: { project: './tsconfig.json', ecmaFeatures: { jsx: true, }, }, rules: { indent: 0, '@typescript-eslint/indent': 0, '@typescript-eslint/member-delimiter-style': 0, }, } ================================================ FILE: .github/CODE_OF_CONDUCT.md ================================================ # Contributor Covenant Code of Conduct ## Our Pledge We as members, contributors, and leaders pledge to make participation in our community a harassment-free experience for everyone, regardless of age, body size, visible or invisible disability, ethnicity, sex characteristics, gender identity and expression, level of experience, education, socio-economic status, nationality, personal appearance, race, religion, or sexual identity and orientation. We pledge to act and interact in ways that contribute to an open, welcoming, diverse, inclusive, and healthy community. ## Our Standards Examples of behavior that contributes to a positive environment for our community include: * Demonstrating empathy and kindness toward other people * Being respectful of differing opinions, viewpoints, and experiences * Giving and gracefully accepting constructive feedback * Accepting responsibility and apologizing to those affected by our mistakes, and learning from the experience * Focusing on what is best not just for us as individuals, but for the overall community Examples of unacceptable behavior include: * The use of sexualized language or imagery, and sexual attention or advances of any kind * Trolling, insulting or derogatory comments, and personal or political attacks * Public or private harassment * Publishing others' private information, such as a physical or email address, without their explicit permission * Other conduct which could reasonably be considered inappropriate in a professional setting ## Enforcement Responsibilities Community leaders are responsible for clarifying and enforcing our standards of acceptable behavior and will take appropriate and fair corrective action in response to any behavior that they deem inappropriate, threatening, offensive, or harmful. Community leaders have the right and responsibility to remove, edit, or reject comments, commits, code, wiki edits, issues, and other contributions that are not aligned to this Code of Conduct, and will communicate reasons for moderation decisions when appropriate. ## Scope This Code of Conduct applies within all community spaces, and also applies when an individual is officially representing the community in public spaces. Examples of representing our community include using an official e-mail address, posting via an official social media account, or acting as an appointed representative at an online or offline event. ## Enforcement Instances of abusive, harassing, or otherwise unacceptable behavior may be reported to the community leaders responsible for enforcement at unix.bio@gmail.com. All complaints will be reviewed and investigated promptly and fairly. All community leaders are obligated to respect the privacy and security of the reporter of any incident. ## Enforcement Guidelines Community leaders will follow these Community Impact Guidelines in determining the consequences for any action they deem in violation of this Code of Conduct: ### 1. Correction **Community Impact**: Use of inappropriate language or other behavior deemed unprofessional or unwelcome in the community. **Consequence**: A private, written warning from community leaders, providing clarity around the nature of the violation and an explanation of why the behavior was inappropriate. A public apology may be requested. ### 2. Warning **Community Impact**: A violation through a single incident or series of actions. **Consequence**: A warning with consequences for continued behavior. No interaction with the people involved, including unsolicited interaction with those enforcing the Code of Conduct, for a specified period of time. This includes avoiding interactions in community spaces as well as external channels like social media. Violating these terms may lead to a temporary or permanent ban. ### 3. Temporary Ban **Community Impact**: A serious violation of community standards, including sustained inappropriate behavior. **Consequence**: A temporary ban from any sort of interaction or public communication with the community for a specified period of time. No public or private interaction with the people involved, including unsolicited interaction with those enforcing the Code of Conduct, is allowed during this period. Violating these terms may lead to a permanent ban. ### 4. Permanent Ban **Community Impact**: Demonstrating a pattern of violation of community standards, including sustained inappropriate behavior, harassment of an individual, or aggression toward or disparagement of classes of individuals. **Consequence**: A permanent ban from any sort of public interaction within the community. ## Attribution This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 2.0, available at https://www.contributor-covenant.org/version/2/0/code_of_conduct.html. Community Impact Guidelines were inspired by [Mozilla's code of conduct enforcement ladder](https://github.com/mozilla/diversity). [homepage]: https://www.contributor-covenant.org For answers to common questions about this code of conduct, see the FAQ at https://www.contributor-covenant.org/faq. Translations are available at https://www.contributor-covenant.org/translations. ================================================ FILE: .github/CONTRIBUTING.md ================================================ ## Geist UI - React Contributing Guide ### Ready to start We welcome everyone to join in the construction of the project. As a pre requirement, you need to have a preliminary understanding of React, this is a good [learning document for React](https://reactjs.org/docs/getting-started.html). For basic operation of Git, you can refer to [GitHub's help documentation](https://help.github.com/en/github/using-git). 1. [Fork this repository](https://help.github.com/en/github/getting-started-with-github/fork-a-repo) to your own account and then clone it. 2. Create a new branch for your changes: `git checkout -b {BRANCH_NAME}`. 3. Install [Yarn](https://classic.yarnpkg.com/en/docs/install#mac-stable) and then update project dependenices: `yarn`. 4. Run `yarn dev` and view your changes on your local document site. (If you add a new document page, you need to run `yarn dev` again) At any time, you think it's ok, you can start the following steps to submit your amazing works: 1. Run `yarn lint` check the code style. 2. Run `yarn test:update` to update & run your testcase. 3. Run `git commit -ma '{YOUR_MESSAGE}'` to commit changes. Commit info should be formatted by the [rules](https://github.com/conventional-changelog/commitlint/blob/master/%40commitlint/config-conventional/README.md). 4. Push code to your own repo and [create PullRequest](https://help.github.com/en/github/collaborating-with-issues-and-pull-requests/about-pull-requests) at GitHub. ### Common steps #### **Create component** 1. Create a folder in `components`, and add `import` to `components/index.ts`. 2. Create a document file in `pages/en-us/components/`. 3. Restart local server view changes: `yarn dev`. #### **About document page** 1. Document page must have `meta` field. refer to [here](https://github.com/geist-org/geist-ui/blame/master/pages/en-us/components/avatar.mdx#L4). 2. If you are creating a new component, please provide at least one document. 3. Do Document using [mdx-js](https://github.com/mdx-js/mdx), here is [vs-code plug-in](https://github.com/silvenon/vscode-mdx). #### **Create testcase** 1. If you are creating a new component, the testcase is required. 2. If you only modify components, please note update **test snapshot**: `yarn test-update`. 3. (Optional) Modifying `testRegex` in `.jest.config.js` allows you to test only a single component. 4. Please check coverage locally before submit. ### Q & A > How to choose the target branch of PR ? - If this is a `feature`, set to `rc` branch. All the others are set to `master` branch. > How to check my code style? - Run `yarn prettier` > I added a new document page, but it was not displayed locally ? - Run `yarn dev` again. > How can I update remote origin ? - refer to [here](https://git-scm.com/book/en/v2/Git-Basics-Working-with-Remotes). ### Get stuck - Create new issue to tell us: [create issue](https://github.com/geist-org/geist-ui/issues/new/choose). - Ask on [GitHub Discussions](https://github.com/geist-org/geist-ui/discussions). ================================================ FILE: .github/ISSUE_TEMPLATE/1-bug-report.md ================================================ --- name: "Bug report 🐞" about: "If something isn't working as expected 🤔." --- # Bug report 🐞 ## Version & Environment - Version of browser - Version of `geist-ui/core` ## Expected Behaviour The behavior I expect is ... ## Actual results (or Errors) I got an error: ``` code ``` ================================================ FILE: .github/ISSUE_TEMPLATE/2-feature-request.md ================================================ --- name: "Feature request 🚀" about: "I have a suggestion!" --- # Feature request 🚀 - [ ] I will create Pull Request - [x] It's just a suggestion ### Expected - Component or something else ### Examples ```jsx ``` ### Programme (Optional) ### Others (Optional) ================================================ FILE: .github/ISSUE_TEMPLATE/3-docs.md ================================================ --- name: "About `docs` 🛠️" about: "Issues and feature requests for docs" --- # About `docs` This is a document site related issue. ### Languages - [x] English - [ ] Chinese ### Description ### Page Links (Optional) ================================================ FILE: .github/ISSUE_TEMPLATE/config.yml ================================================ contact_links: - name: Help or Questions 🙀 url: https://github.com/geist-org/geist-ui/discussions about: This issue tracker is not for support questions. Please refer to the Github's Discussions. ================================================ FILE: .github/PULL_REQUEST_TEMPLATE.md ================================================ ## Checklist - [ ] Fix linting errors - [ ] Tests have been added / updated (or snapshots) ## Change information ================================================ FILE: .github/workflows/publish.yml ================================================ name: Publish on: release: types: [created] jobs: build: runs-on: ubuntu-latest steps: - uses: actions/checkout@v1 - name: checkout uses: actions/setup-node@v1 with: node-version: 12 - name: install run: yarn install --check-files --frozen-lockfile - name: lint run: yarn lint - name: lint run: yarn test - name: build run: yarn build publish: needs: build runs-on: ubuntu-latest steps: - uses: actions/checkout@v1 - name: checkout uses: actions/setup-node@v1 with: node-version: 12 registry-url: https://registry.npmjs.org/ - name: install run: yarn install --check-files --frozen-lockfile - name: set dist-tag run: | case "${{github.event.release.name}}" in *"rc"* | *"canary"*) echo "r_tag=canary" >> $GITHUB_ENV;; *"dev"*) echo "r_tag=dev" >> $GITHUB_ENV;; *"beta"*) echo "r_tag=beta" >> $GITHUB_ENV;; *) echo "r_tag=latest" >> $GITHUB_ENV;; esac - name: publish run: | echo ">> dist-tag: ${{ env.r_tag }}" yarn release --tag ${{ env.r_tag }} env: NODE_AUTH_TOKEN: ${{secrets.npm_token}} ================================================ FILE: .gitignore ================================================ # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. # dependencies /node_modules /.pnp .pnp.js # testing /coverage # next.js /.next/ /out/ # production /build # misc .DS_Store .env* .idea # debug npm-debug.log* yarn-debug.log* yarn-error.log* .now dist esm examples/**/yarn.lock examples/**/out examples/**/.next examples/**/node_modules examples/**/_build examples/**/.cache # Local Netlify folder .netlify ================================================ FILE: .jest.config.js ================================================ module.exports = { verbose: true, testEnvironment: 'jsdom', setupFilesAfterEnv: ['./tests/setup.ts'], moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx'], testPathIgnorePatterns: ['/pages/', '/dist/', '/lib/', '/esm/'], transform: { '^.+\\.tsx?$': ['babel-jest', { configFile: './tests/.babelrc.js' }], }, testRegex: '.*\\.test\\.(j|t)sx?$', // testRegex: 'use-classes\\/.*\\.test\\.(j|t)sx?$', collectCoverageFrom: [ 'components/**/*.{ts,tsx}', '!components/**/styles.{ts,tsx}', '!components/**/*types.{ts,tsx}', '!components/use-theme/*', '!components/use-all-themes/*', '!components/themes/*', '!components/geist-provider/*', '!components/index.ts', '!components/utils/**/*', ], moduleNameMapper: { 'tests/(.*)$': '/tests/$1', components: '/components/index.ts', }, } ================================================ FILE: .prettierignore ================================================ .github .next .now .circleci dist coverage public esm *.json *.d.ts *.yml *.snap ================================================ FILE: .travis.yml ================================================ language: node_js node_js: - 13.9.0 cache: directories: - "node_modules" notifications: email: on_success: never branches: only: - master install: - yarn script: - yarn run build ================================================ FILE: .vercelignore ================================================ .hg .git .gitmodules .svn .cache .next .now .vercel .npmignore .dockerignore .gitignore .*.swp .DS_Store .wafpicke-* .lock-wscript .env.local .env.*.local .venv npm-debug.log config.gypi node_modules __pycache__ venv CVS examples esm dist coverage .circleci ================================================ FILE: LICENSE ================================================ MIT License Copyright (c) 2020 Geist UI Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. ================================================ FILE: README.md ================================================

Codecov CircleCI npm (scoped)

> Modern and minimalist React UI library, originating from Vercel's design. > **NOTE: This is a COMMUNITY PROJECT, [not associated with Vercel](https://github.com/geist-org/geist-ui/issues/635).**
## Quick Start 1. run `yarn add @geist-ui/core` or `npm i @geist-ui/core` install it. 2. import into project: ```jsx import { GeistProvider, CssBaseline } from '@geist-ui/core' const Application = () => ( // ---> Normalize styles // ---> Your App Component ) ``` ## Documentation - [Document Site](https://geist-ui.dev) - [中文文档](https://geist-ui.dev/zh-cn) ## Development - [Contributing Guide](https://github.com/geist-org/geist-ui/blob/master/.github/CONTRIBUTING.md) ## Showcases - [Secret](https://secret.gl/) - [Article view count](https://views-docs.unix.bio/) - [Tree viewer for CDN](https://cdn.unix.bio/) - [Better social image](https://img.unix.bio/) - [SentiNEO: Near-Earth Objects Viewer](https://sentineo.app) - [Dashboard Design](https://github.com/ofekashery/react-dashboard-design) - [Regex-Vis: Regex visualizer & editor](https://github.com/Bowen7/regex-vis) - [Add here](https://github.com/geist-org/geist-ui/issues/new) ## LICENSE [MIT](./LICENSE) ================================================ FILE: components/auto-complete/__tests__/__snapshots__/index.test.tsx.snap ================================================ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`AutoComplete should render correctly 1`] = ``; ================================================ FILE: components/auto-complete/__tests__/__snapshots__/search.test.tsx.snap ================================================ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`AutoComplete Search should hide empty component 1`] = ` LoadedCheerio { "0": Node { "attribs": Object { "class": "auto-complete", }, "children": Array [ Node { "attribs": Object { "class": "with-label", }, "children": Array [ Node { "attribs": Object { "class": "input-container", }, "children": Array [ Node { "attribs": Object { "class": "input-wrapper", }, "children": Array [ Node { "attribs": Object { "autocomplete": "off", "class": "", "placeholder": "Enter here", "type": "text", "value": "", }, "children": Array [], "name": "input", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "autocomplete": undefined, "class": undefined, "placeholder": undefined, "type": undefined, "value": undefined, }, "x-attribsPrefix": Object { "autocomplete": undefined, "class": undefined, "placeholder": undefined, "type": undefined, "value": 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": Node { "attribs": Object {}, "children": Array [ Node { "data": " .with-label { display: inline-block; box-sizing: border-box; -webkit-box-align: center; --input-height: calc(2.25 * 16px); font-size: calc(0.875 * 16px); width: initial; padding: 0 0 0 0; margin: 0 0 0 0; } .input-container { display: inline-flex; align-items: center; width: initial; height: var(--input-height); } .input-wrapper { display: inline-flex; vertical-align: middle; align-items: center; height: 100%; flex: 1; user-select: none; border-radius: 6px; border: 1px solid #eaeaea; transition: border 0.2s ease 0s, color 0.2s ease 0s; } .input-wrapper.left-label { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-wrapper.right-label { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-wrapper.disabled { background-color: #fafafa; border-color: #eaeaea; cursor: not-allowed; } input.disabled { cursor: not-allowed; } .input-wrapper.hover { border-color: #666; } input { margin: 0.25em 0.625em; padding: 0; box-shadow: none; font-size: calc(0.875 * 16px); background-color: transparent; border: none; color: #000; outline: none; border-radius: 0; width: 100%; min-width: 0; -webkit-appearance: none; } input.left-icon { margin-left: 0; } input.right-icon { margin-right: 0; } ::placeholder, ::-moz-placeholder, :-ms-input-placeholder, ::-webkit-input-placeholder { color: #999; } ::-ms-reveal { display: none !important; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:active, input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 30px #fff inset !important; -webkit-text-fill-color: #000 !important; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .with-label { display: inline-block; box-sizing: border-box; -webkit-box-align: center; --input-height: calc(2.25 * 16px); font-size: calc(0.875 * 16px); width: initial; padding: 0 0 0 0; margin: 0 0 0 0; } .input-container { display: inline-flex; align-items: center; width: initial; height: var(--input-height); } .input-wrapper { display: inline-flex; vertical-align: middle; align-items: center; height: 100%; flex: 1; user-select: none; border-radius: 6px; border: 1px solid #eaeaea; transition: border 0.2s ease 0s, color 0.2s ease 0s; } .input-wrapper.left-label { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-wrapper.right-label { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-wrapper.disabled { background-color: #fafafa; border-color: #eaeaea; cursor: not-allowed; } input.disabled { cursor: not-allowed; } .input-wrapper.hover { border-color: #666; } input { margin: 0.25em 0.625em; padding: 0; box-shadow: none; font-size: calc(0.875 * 16px); background-color: transparent; border: none; color: #000; outline: none; border-radius: 0; width: 100%; min-width: 0; -webkit-appearance: none; } input.left-icon { margin-left: 0; } input.right-icon { margin-right: 0; } ::placeholder, ::-moz-placeholder, :-ms-input-placeholder, ::-webkit-input-placeholder { color: #999; } ::-ms-reveal { display: none !important; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:active, input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 30px #fff inset !important; -webkit-text-fill-color: #000 !important; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "input-container", }, "children": Array [ Node { "attribs": Object { "class": "input-wrapper", }, "children": Array [ Node { "attribs": Object { "autocomplete": "off", "class": "", "placeholder": "Enter here", "type": "text", "value": "", }, "children": Array [], "name": "input", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "autocomplete": undefined, "class": undefined, "placeholder": undefined, "type": undefined, "value": undefined, }, "x-attribsPrefix": Object { "autocomplete": undefined, "class": undefined, "placeholder": undefined, "type": undefined, "value": 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": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .auto-complete { width: max-content; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .auto-complete :global(.loading) { width: max-content; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .auto-complete { width: max-content; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .auto-complete :global(.loading) { width: max-content; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "with-label", }, "children": Array [ Node { "attribs": Object { "class": "input-container", }, "children": Array [ Node { "attribs": Object { "class": "input-wrapper", }, "children": Array [ Node { "attribs": Object { "autocomplete": "off", "class": "", "placeholder": "Enter here", "type": "text", "value": "", }, "children": Array [], "name": "input", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "autocomplete": undefined, "class": undefined, "placeholder": undefined, "type": undefined, "value": undefined, }, "x-attribsPrefix": Object { "autocomplete": undefined, "class": undefined, "placeholder": undefined, "type": undefined, "value": 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": Node { "attribs": Object {}, "children": Array [ Node { "data": " .with-label { display: inline-block; box-sizing: border-box; -webkit-box-align: center; --input-height: calc(2.25 * 16px); font-size: calc(0.875 * 16px); width: initial; padding: 0 0 0 0; margin: 0 0 0 0; } .input-container { display: inline-flex; align-items: center; width: initial; height: var(--input-height); } .input-wrapper { display: inline-flex; vertical-align: middle; align-items: center; height: 100%; flex: 1; user-select: none; border-radius: 6px; border: 1px solid #eaeaea; transition: border 0.2s ease 0s, color 0.2s ease 0s; } .input-wrapper.left-label { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-wrapper.right-label { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-wrapper.disabled { background-color: #fafafa; border-color: #eaeaea; cursor: not-allowed; } input.disabled { cursor: not-allowed; } .input-wrapper.hover { border-color: #666; } input { margin: 0.25em 0.625em; padding: 0; box-shadow: none; font-size: calc(0.875 * 16px); background-color: transparent; border: none; color: #000; outline: none; border-radius: 0; width: 100%; min-width: 0; -webkit-appearance: none; } input.left-icon { margin-left: 0; } input.right-icon { margin-right: 0; } ::placeholder, ::-moz-placeholder, :-ms-input-placeholder, ::-webkit-input-placeholder { color: #999; } ::-ms-reveal { display: none !important; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:active, input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 30px #fff inset !important; -webkit-text-fill-color: #000 !important; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .with-label { display: inline-block; box-sizing: border-box; -webkit-box-align: center; --input-height: calc(2.25 * 16px); font-size: calc(0.875 * 16px); width: initial; padding: 0 0 0 0; margin: 0 0 0 0; } .input-container { display: inline-flex; align-items: center; width: initial; height: var(--input-height); } .input-wrapper { display: inline-flex; vertical-align: middle; align-items: center; height: 100%; flex: 1; user-select: none; border-radius: 6px; border: 1px solid #eaeaea; transition: border 0.2s ease 0s, color 0.2s ease 0s; } .input-wrapper.left-label { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-wrapper.right-label { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-wrapper.disabled { background-color: #fafafa; border-color: #eaeaea; cursor: not-allowed; } input.disabled { cursor: not-allowed; } .input-wrapper.hover { border-color: #666; } input { margin: 0.25em 0.625em; padding: 0; box-shadow: none; font-size: calc(0.875 * 16px); background-color: transparent; border: none; color: #000; outline: none; border-radius: 0; width: 100%; min-width: 0; -webkit-appearance: none; } input.left-icon { margin-left: 0; } input.right-icon { margin-right: 0; } ::placeholder, ::-moz-placeholder, :-ms-input-placeholder, ::-webkit-input-placeholder { color: #999; } ::-ms-reveal { display: none !important; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:active, input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 30px #fff inset !important; -webkit-text-fill-color: #000 !important; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "input-container", }, "children": Array [ Node { "attribs": Object { "class": "input-wrapper", }, "children": Array [ Node { "attribs": Object { "autocomplete": "off", "class": "", "placeholder": "Enter here", "type": "text", "value": "", }, "children": Array [], "name": "input", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "autocomplete": undefined, "class": undefined, "placeholder": undefined, "type": undefined, "value": undefined, }, "x-attribsPrefix": Object { "autocomplete": undefined, "class": undefined, "placeholder": undefined, "type": undefined, "value": 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": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "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, }, "x-attribsPrefix": Object { "class": 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[`AutoComplete Search should hide empty component 2`] = ` LoadedCheerio { "0": Node { "attribs": Object { "class": "auto-complete", }, "children": Array [ Node { "attribs": Object { "class": "with-label", }, "children": Array [ Node { "attribs": Object { "class": "input-container", }, "children": Array [ Node { "attribs": Object { "class": "input-wrapper", }, "children": Array [ Node { "attribs": Object { "autocomplete": "off", "class": "", "placeholder": "Enter here", "type": "text", "value": "", }, "children": Array [], "name": "input", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "autocomplete": undefined, "class": undefined, "placeholder": undefined, "type": undefined, "value": undefined, }, "x-attribsPrefix": Object { "autocomplete": undefined, "class": undefined, "placeholder": undefined, "type": undefined, "value": 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": Node { "attribs": Object {}, "children": Array [ Node { "data": " .with-label { display: inline-block; box-sizing: border-box; -webkit-box-align: center; --input-height: calc(2.25 * 16px); font-size: calc(0.875 * 16px); width: initial; padding: 0 0 0 0; margin: 0 0 0 0; } .input-container { display: inline-flex; align-items: center; width: initial; height: var(--input-height); } .input-wrapper { display: inline-flex; vertical-align: middle; align-items: center; height: 100%; flex: 1; user-select: none; border-radius: 6px; border: 1px solid #eaeaea; transition: border 0.2s ease 0s, color 0.2s ease 0s; } .input-wrapper.left-label { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-wrapper.right-label { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-wrapper.disabled { background-color: #fafafa; border-color: #eaeaea; cursor: not-allowed; } input.disabled { cursor: not-allowed; } .input-wrapper.hover { border-color: #666; } input { margin: 0.25em 0.625em; padding: 0; box-shadow: none; font-size: calc(0.875 * 16px); background-color: transparent; border: none; color: #000; outline: none; border-radius: 0; width: 100%; min-width: 0; -webkit-appearance: none; } input.left-icon { margin-left: 0; } input.right-icon { margin-right: 0; } ::placeholder, ::-moz-placeholder, :-ms-input-placeholder, ::-webkit-input-placeholder { color: #999; } ::-ms-reveal { display: none !important; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:active, input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 30px #fff inset !important; -webkit-text-fill-color: #000 !important; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .with-label { display: inline-block; box-sizing: border-box; -webkit-box-align: center; --input-height: calc(2.25 * 16px); font-size: calc(0.875 * 16px); width: initial; padding: 0 0 0 0; margin: 0 0 0 0; } .input-container { display: inline-flex; align-items: center; width: initial; height: var(--input-height); } .input-wrapper { display: inline-flex; vertical-align: middle; align-items: center; height: 100%; flex: 1; user-select: none; border-radius: 6px; border: 1px solid #eaeaea; transition: border 0.2s ease 0s, color 0.2s ease 0s; } .input-wrapper.left-label { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-wrapper.right-label { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-wrapper.disabled { background-color: #fafafa; border-color: #eaeaea; cursor: not-allowed; } input.disabled { cursor: not-allowed; } .input-wrapper.hover { border-color: #666; } input { margin: 0.25em 0.625em; padding: 0; box-shadow: none; font-size: calc(0.875 * 16px); background-color: transparent; border: none; color: #000; outline: none; border-radius: 0; width: 100%; min-width: 0; -webkit-appearance: none; } input.left-icon { margin-left: 0; } input.right-icon { margin-right: 0; } ::placeholder, ::-moz-placeholder, :-ms-input-placeholder, ::-webkit-input-placeholder { color: #999; } ::-ms-reveal { display: none !important; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:active, input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 30px #fff inset !important; -webkit-text-fill-color: #000 !important; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "input-container", }, "children": Array [ Node { "attribs": Object { "class": "input-wrapper", }, "children": Array [ Node { "attribs": Object { "autocomplete": "off", "class": "", "placeholder": "Enter here", "type": "text", "value": "", }, "children": Array [], "name": "input", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "autocomplete": undefined, "class": undefined, "placeholder": undefined, "type": undefined, "value": undefined, }, "x-attribsPrefix": Object { "autocomplete": undefined, "class": undefined, "placeholder": undefined, "type": undefined, "value": 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": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .auto-complete { width: max-content; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .auto-complete :global(.loading) { width: max-content; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .auto-complete { width: max-content; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .auto-complete :global(.loading) { width: max-content; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "with-label", }, "children": Array [ Node { "attribs": Object { "class": "input-container", }, "children": Array [ Node { "attribs": Object { "class": "input-wrapper", }, "children": Array [ Node { "attribs": Object { "autocomplete": "off", "class": "", "placeholder": "Enter here", "type": "text", "value": "", }, "children": Array [], "name": "input", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "autocomplete": undefined, "class": undefined, "placeholder": undefined, "type": undefined, "value": undefined, }, "x-attribsPrefix": Object { "autocomplete": undefined, "class": undefined, "placeholder": undefined, "type": undefined, "value": 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": Node { "attribs": Object {}, "children": Array [ Node { "data": " .with-label { display: inline-block; box-sizing: border-box; -webkit-box-align: center; --input-height: calc(2.25 * 16px); font-size: calc(0.875 * 16px); width: initial; padding: 0 0 0 0; margin: 0 0 0 0; } .input-container { display: inline-flex; align-items: center; width: initial; height: var(--input-height); } .input-wrapper { display: inline-flex; vertical-align: middle; align-items: center; height: 100%; flex: 1; user-select: none; border-radius: 6px; border: 1px solid #eaeaea; transition: border 0.2s ease 0s, color 0.2s ease 0s; } .input-wrapper.left-label { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-wrapper.right-label { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-wrapper.disabled { background-color: #fafafa; border-color: #eaeaea; cursor: not-allowed; } input.disabled { cursor: not-allowed; } .input-wrapper.hover { border-color: #666; } input { margin: 0.25em 0.625em; padding: 0; box-shadow: none; font-size: calc(0.875 * 16px); background-color: transparent; border: none; color: #000; outline: none; border-radius: 0; width: 100%; min-width: 0; -webkit-appearance: none; } input.left-icon { margin-left: 0; } input.right-icon { margin-right: 0; } ::placeholder, ::-moz-placeholder, :-ms-input-placeholder, ::-webkit-input-placeholder { color: #999; } ::-ms-reveal { display: none !important; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:active, input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 30px #fff inset !important; -webkit-text-fill-color: #000 !important; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .with-label { display: inline-block; box-sizing: border-box; -webkit-box-align: center; --input-height: calc(2.25 * 16px); font-size: calc(0.875 * 16px); width: initial; padding: 0 0 0 0; margin: 0 0 0 0; } .input-container { display: inline-flex; align-items: center; width: initial; height: var(--input-height); } .input-wrapper { display: inline-flex; vertical-align: middle; align-items: center; height: 100%; flex: 1; user-select: none; border-radius: 6px; border: 1px solid #eaeaea; transition: border 0.2s ease 0s, color 0.2s ease 0s; } .input-wrapper.left-label { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-wrapper.right-label { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-wrapper.disabled { background-color: #fafafa; border-color: #eaeaea; cursor: not-allowed; } input.disabled { cursor: not-allowed; } .input-wrapper.hover { border-color: #666; } input { margin: 0.25em 0.625em; padding: 0; box-shadow: none; font-size: calc(0.875 * 16px); background-color: transparent; border: none; color: #000; outline: none; border-radius: 0; width: 100%; min-width: 0; -webkit-appearance: none; } input.left-icon { margin-left: 0; } input.right-icon { margin-right: 0; } ::placeholder, ::-moz-placeholder, :-ms-input-placeholder, ::-webkit-input-placeholder { color: #999; } ::-ms-reveal { display: none !important; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:active, input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 30px #fff inset !important; -webkit-text-fill-color: #000 !important; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "input-container", }, "children": Array [ Node { "attribs": Object { "class": "input-wrapper", }, "children": Array [ Node { "attribs": Object { "autocomplete": "off", "class": "", "placeholder": "Enter here", "type": "text", "value": "", }, "children": Array [], "name": "input", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "autocomplete": undefined, "class": undefined, "placeholder": undefined, "type": undefined, "value": undefined, }, "x-attribsPrefix": Object { "autocomplete": undefined, "class": undefined, "placeholder": undefined, "type": undefined, "value": 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": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "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, }, "x-attribsPrefix": Object { "class": 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, }, } `; ================================================ FILE: components/auto-complete/__tests__/index.test.tsx ================================================ import React from 'react' import { mount } from 'enzyme' import { AutoComplete } from 'components' import { nativeEvent } from 'tests/utils' import { act } from 'react-dom/test-utils' describe('AutoComplete', () => { it('should render correctly', () => { const wrapper = mount() expect(() => wrapper.unmount()).not.toThrow() expect().toMatchSnapshot() }) it('should support sizes and status', () => { const wrapper = mount(
, ) expect(() => wrapper.unmount()).not.toThrow() }) it('should set input value from initial value', () => { let wrapper = mount() let input = wrapper.find('input').at(0).getDOMNode() expect((input as HTMLInputElement).value).toEqual('value') wrapper = mount() input = wrapper.find('input').at(0).getDOMNode() expect((input as HTMLInputElement).value).toEqual('value2') }) it('should render clear icon', async () => { const wrapper = mount() expect(wrapper.find('svg').length).toBe(0) await act(async () => { wrapper.setProps({ clearable: true }) }) expect(wrapper.find('svg').length).toBe(1) wrapper.find('svg').simulate('click', nativeEvent) const input = wrapper.find('input').at(0).getDOMNode() expect((input as HTMLInputElement).value).toEqual('') }) it('should reponse width change', async () => { const wrapper = mount() expect(wrapper.prop('width')).toEqual('100px') await act(async () => { wrapper.setProps({ width: '200px' }) }) expect(wrapper.prop('width')).toEqual('200px') }) it('should forward ref by default', () => { const ref = React.createRef() const wrapper = mount() expect(ref.current).not.toBeNull() expect(() => wrapper.unmount()).not.toThrow() }) }) ================================================ FILE: components/auto-complete/__tests__/search.test.tsx ================================================ import React from 'react' import { mount, render } from 'enzyme' import { AutoComplete } from 'components' import { nativeEvent, updateWrapper } from 'tests/utils' import { act } from 'react-dom/test-utils' const mockOptions = [{ label: 'London', value: 'london' }] describe('AutoComplete Search', () => { it('should render options element', () => { const wrapper = mount() wrapper.find('input').at(0).simulate('focus') let dropdown = wrapper.find('.auto-complete-dropdown').children() expect(dropdown.length).not.toBe(0) wrapper.find('input').at(0).simulate('blur') expect(() => wrapper.unmount()).not.toThrow() }) it('should update value when dropdown clicked', () => { let value = '' const wrapper = mount( (value = val)} />, ) wrapper.find('input').at(0).simulate('focus') wrapper.find('.item').at(0).simulate('click', nativeEvent) expect(value).toEqual('london') }) it('should ignore events when disabled', () => { let value = '' const wrapper = mount( (value = val)} />, ) wrapper.find('input').at(0).simulate('focus') wrapper.find('.item').at(0).simulate('click', nativeEvent) expect(value).not.toEqual('london') }) it('should render searching component', async () => { let wrapper = mount() await act(async () => { wrapper.setProps({ searching: true }) }) wrapper.find('input').at(0).simulate('focus') let dropdown = wrapper.find('.auto-complete-dropdown') expect(dropdown.text()).not.toContain('london') const loading = wrapper.find('.loading') expect(loading.length).not.toBe(0) wrapper = mount( waiting... , ) wrapper.find('input').at(0).simulate('focus') dropdown = wrapper.find('.auto-complete-dropdown') expect(dropdown.text()).toContain('waiting') }) it('should hide empty component', () => { let wrapper = render( , ) expect(wrapper).toMatchSnapshot() wrapper = render( empty , ) expect(wrapper).toMatchSnapshot() const mountWrapper = mount( empty , ) mountWrapper.find('input').at(0).simulate('focus') const text = mountWrapper.find('.auto-complete-dropdown').text() expect(text).toContain('empty') const mountWrapper2 = mount( , ) mountWrapper2.find('input').at(0).simulate('focus') const text2 = mountWrapper2.find('.auto-complete-dropdown').text() expect(text2).not.toContain('empty') }) it('should trigger search handler', () => { const handler = jest.fn() const wrapper = mount() const input = wrapper.find('input').at(0) input.simulate('focus') input.simulate('change') ;(input.getDOMNode() as HTMLInputElement).value = 'value' expect(handler).toHaveBeenCalled() }) it('should trigger select and change handler', () => { const selectHandler = jest.fn() const changeHandler = jest.fn() const wrapper = mount( , ) wrapper.find('input').at(0).simulate('focus') wrapper.find('.item').at(0).simulate('click', nativeEvent) expect(selectHandler).toHaveBeenCalled() expect(changeHandler).toHaveBeenCalled() }) it('should work with custom options', () => { const changeHandler = jest.fn() const makeOption = (label: string, value: string): any => ( {label} ) const options = mockOptions.map( ({ label, value }) => makeOption(label, value) as typeof AutoComplete.Option, ) const wrapper = mount() wrapper.find('input').at(0).simulate('focus') wrapper.find('.item').at(0).simulate('click', nativeEvent) expect(changeHandler).toHaveBeenCalled() }) it('should work correctly without options', () => { const wrapper = mount() expect(() => wrapper.unmount()).not.toThrow() }) it('value should be reset when freeSolo disabled', async () => { const wrapper = mount() const input = wrapper.find('input').at(0) input.simulate('focus') input.simulate('change', { target: { value: 'test' } }) expect((input.getDOMNode() as HTMLInputElement).value).toEqual('test') input.simulate('blur') await updateWrapper(wrapper, 200) expect((input.getDOMNode() as HTMLInputElement).value).toEqual('value') }) }) ================================================ FILE: components/auto-complete/__tests__/use-input.test.tsx ================================================ import React, { useEffect } from 'react' import { mount } from 'enzyme' import { AutoComplete, useInput } from 'components' describe('UseInput', () => { it('should follow change with use-input', () => { let log = '' const logSpy = jest.spyOn(console, 'log').mockImplementation(msg => (log = msg)) const MockInput: React.FC<{ value?: string }> = ({ value }) => { const { state, setState, bindings } = useInput('') useEffect(() => { if (value) setState(value) }, [value]) useEffect(() => { if (state) console.log(state) }, [state]) return } const wrapper = mount() wrapper.setProps({ value: 'test' }) const input = wrapper.find('input').at(0).getDOMNode() as HTMLInputElement expect(input.value).toEqual('test') expect(log).toContain('test') log = '' wrapper .find('input') .at(0) .simulate('change', { target: { value: 'test-change' } }) expect(log).toContain('test-change') logSpy.mockRestore() }) it('should follow change with use-input', () => { const MockInput: React.FC<{ value?: string; resetValue?: boolean }> = ({ value, resetValue, }) => { const { reset, setState, bindings } = useInput('') useEffect(() => { if (value) setState(value) }, [value]) useEffect(() => { if (resetValue) reset() }, [resetValue]) return } const wrapper = mount() wrapper.setProps({ value: 'test' }) let input = wrapper.find('input').at(0).getDOMNode() as HTMLInputElement expect(input.value).toEqual('test') wrapper.setProps({ resetValue: true }) input = wrapper.find('input').at(0).getDOMNode() as HTMLInputElement expect(input.value).toEqual('') }) }) ================================================ FILE: components/auto-complete/auto-complete-context.ts ================================================ import React, { MutableRefObject } from 'react' export interface AutoCompleteConfig { value?: string updateValue?: (val: string) => unknown visible?: boolean updateVisible?: (next: boolean) => unknown ref?: MutableRefObject } const defaultContext = { visible: false, } export const AutoCompleteContext = React.createContext(defaultContext) export const useAutoCompleteContext = (): AutoCompleteConfig => React.useContext(AutoCompleteContext) ================================================ FILE: components/auto-complete/auto-complete-dropdown.tsx ================================================ import React, { CSSProperties, useMemo } from 'react' import useTheme from '../use-theme' import { useAutoCompleteContext } from './auto-complete-context' import Dropdown from '../shared/dropdown' import useClasses from '../use-classes' interface Props { visible: boolean className?: string disableMatchWidth?: boolean dropdownStyle?: CSSProperties getPopupContainer?: () => HTMLElement | null } const defaultProps = { className: '', dropdownStyle: {}, } type NativeAttrs = Omit, keyof Props> export type AutoCompleteDropdownProps = Props & NativeAttrs const AutoCompleteDropdown: React.FC< React.PropsWithChildren > = ({ children, visible, className, dropdownStyle, disableMatchWidth, getPopupContainer, }: React.PropsWithChildren & typeof defaultProps) => { const theme = useTheme() const { ref } = useAutoCompleteContext() const isEmpty = useMemo(() => { return !visible || React.Children.count(children) === 0 }, [children, visible]) const classes = useClasses('auto-complete-dropdown', className) const clickHandler = (event: React.MouseEvent) => { event.preventDefault() event.stopPropagation() event.nativeEvent.stopImmediatePropagation() } return (
{children}
) } AutoCompleteDropdown.defaultProps = defaultProps AutoCompleteDropdown.displayName = 'GeistAutoCompleteDropdown' export default AutoCompleteDropdown ================================================ FILE: components/auto-complete/auto-complete-empty.tsx ================================================ import React from 'react' import AutoCompleteSearch from './auto-complete-searching' interface Props { hidden?: boolean className?: string } const defaultProps = { hidden: false, className: '', } export type AutoCompleteEmptyProps = Props & React.HTMLAttributes const AutoCompleteEmpty: React.FC> = ({ children, hidden, className, }: React.PropsWithChildren & typeof defaultProps) => { if (hidden) return null return {children} } AutoCompleteEmpty.defaultProps = defaultProps AutoCompleteEmpty.displayName = 'GeistAutoCompleteEmpty' export default AutoCompleteEmpty ================================================ FILE: components/auto-complete/auto-complete-item.tsx ================================================ import React, { useMemo } from 'react' import useTheme from '../use-theme' import { useAutoCompleteContext } from './auto-complete-context' import Ellipsis from '../shared/ellipsis' import useScale, { withScale } from '../use-scale' import useClasses from '../use-classes' interface Props { value: string // The 'isLabelOnly' is only used inside the component, // Automatically adjust width when only label children is included. isLabelOnly?: boolean } const defaultProps = {} export type AutoCompleteItemProps = Props & React.HTMLAttributes const AutoCompleteItemComponent: React.FC< React.PropsWithChildren > = ({ value: identValue, children, isLabelOnly, }: React.PropsWithChildren & typeof defaultProps) => { const theme = useTheme() const { SCALES } = useScale() const { value, updateValue, updateVisible } = useAutoCompleteContext() const selectHandler = () => { updateValue && updateValue(identValue) updateVisible && updateVisible(false) } const isActive = useMemo(() => value === identValue, [identValue, value]) const classes = useClasses('item', { active: isActive, }) return (
{isLabelOnly ? {children} : children}
) } AutoCompleteItemComponent.defaultProps = defaultProps AutoCompleteItemComponent.displayName = 'GeistAutoCompleteItem' const AutoCompleteItem = withScale(AutoCompleteItemComponent) export default AutoCompleteItem ================================================ FILE: components/auto-complete/auto-complete-searching.tsx ================================================ import React from 'react' import useTheme from '../use-theme' import useScale, { withScale } from '../use-scale' interface Props { className?: string } const defaultProps = { className: '', } export type AutoCompleteSearchProps = Props & React.HTMLAttributes const AutoCompleteSearchComponent: React.FC< React.PropsWithChildren > = ({ children, className, }: React.PropsWithChildren & typeof defaultProps) => { const theme = useTheme() const { SCALES } = useScale() return (
{children}
) } AutoCompleteSearchComponent.defaultProps = defaultProps AutoCompleteSearchComponent.displayName = 'GeistAutoCompleteSearch' const AutoCompleteSearch = withScale(AutoCompleteSearchComponent) export default AutoCompleteSearch ================================================ FILE: components/auto-complete/auto-complete.tsx ================================================ import React, { CSSProperties, useEffect, useImperativeHandle, useMemo, useRef, useState, } from 'react' import Input from '../input' import AutoCompleteItem, { AutoCompleteItemProps } from './auto-complete-item' import AutoCompleteDropdown from './auto-complete-dropdown' import AutoCompleteSearching from './auto-complete-searching' import AutoCompleteEmpty from './auto-complete-empty' import { AutoCompleteContext, AutoCompleteConfig } from './auto-complete-context' import { NormalTypes } from '../utils/prop-types' import Loading from '../loading' import { pickChild } from '../utils/collections' import useCurrentState from '../utils/use-current-state' import useScale, { withScale } from '../use-scale' export type AutoCompleteTypes = NormalTypes export type AutoCompleteOption = { label: string value: string } export type AutoCompleteOptions = Array< typeof AutoCompleteItem | AutoCompleteOption | React.ReactElement > interface Props { options?: AutoCompleteOptions type?: AutoCompleteTypes initialValue?: string value?: string onChange?: (value: string) => void onSearch?: (value: string) => void onSelect?: (value: string) => void searching?: boolean | undefined clearable?: boolean dropdownClassName?: string dropdownStyle?: CSSProperties disableMatchWidth?: boolean disableFreeSolo?: boolean className?: string getPopupContainer?: () => HTMLElement | null } const defaultProps = { options: [] as AutoCompleteOptions, initialValue: '', disabled: false, clearable: false, type: 'default' as AutoCompleteTypes, disableMatchWidth: false, disableFreeSolo: false, className: '', } type NativeAttrs = Omit, keyof Props> export type AutoCompleteProps = Props & NativeAttrs const childrenToOptionsNode = (options: Array) => options.map((item, index) => { const key = `auto-complete-item-${index}` if (React.isValidElement(item)) return React.cloneElement(item, { key }) const validItem = item as AutoCompleteOption return ( {validItem.label} ) }) // When the search is not set, the "clearable" icon can be displayed in the original location. // When the search is seted, at least one element should exist to avoid re-render. const getSearchIcon = (searching?: boolean, scale: string | number = 1) => { if (searching === undefined) return null return searching ? : } const AutoCompleteComponent = React.forwardRef< HTMLInputElement, React.PropsWithChildren >( ( { options, initialValue: customInitialValue, onSelect, onSearch, onChange, searching, children, type, value, clearable, disabled, dropdownClassName, dropdownStyle, disableMatchWidth, disableFreeSolo, getPopupContainer, ...props }: React.PropsWithChildren & typeof defaultProps, userRef: React.Ref, ) => { const resetTimer = useRef() const { SCALES, getScaleProps } = useScale() const ref = useRef(null) const inputRef = useRef(null) const [state, setState, stateRef] = useCurrentState(customInitialValue) const [selectVal, setSelectVal] = useState(customInitialValue) const [visible, setVisible] = useState(false) useImperativeHandle(userRef, () => inputRef.current) const [, searchChild] = pickChild(children, AutoCompleteSearching) const [, emptyChild] = pickChild(children, AutoCompleteEmpty) const autoCompleteItems = useMemo(() => { const hasSearchChild = searchChild && React.Children.count(searchChild) > 0 const hasEmptyChild = emptyChild && React.Children.count(emptyChild) > 0 if (searching) { return hasSearchChild ? ( searchChild ) : ( Searching... ) } if (options.length === 0) { if (state === '') return null return hasEmptyChild ? ( emptyChild ) : ( No Options ) } return childrenToOptionsNode(options as Array) }, [searching, options]) const showClearIcon = useMemo( () => clearable && searching === undefined, [clearable, searching], ) const updateValue = (val: string) => { if (disabled) return setSelectVal(val) onSelect && onSelect(val) setState(val) inputRef.current && inputRef.current.focus() } const updateVisible = (next: boolean) => setVisible(next) const onInputChange = (event: React.ChangeEvent) => { setVisible(true) onSearch && onSearch(event.target.value) setState(event.target.value) } const resetInputValue = () => { if (!disableFreeSolo) return if (!state || state === '') return if (state !== selectVal) { setState(selectVal) } } useEffect(() => { onChange && onChange(state) }, [state]) useEffect(() => { if (value === undefined) return setState(value) }, [value]) const initialValue = useMemo( () => ({ ref, value: state, updateValue, visible, updateVisible, }), [state, visible], ) const toggleFocusHandler = (next: boolean) => { clearTimeout(resetTimer.current) setVisible(next) if (next) { onSearch && onSearch(stateRef.current) } else { resetTimer.current = window.setTimeout(() => { resetInputValue() clearTimeout(resetTimer.current) }, 100) } } const inputProps = { ...props, disabled, value: state, } return (
toggleFocusHandler(true)} onBlur={() => toggleFocusHandler(false)} clearable={showClearIcon} width={SCALES.width(1, 'initial')} height={SCALES.height(2.25)} iconRight={getSearchIcon(searching, getScaleProps('scale'))} {...inputProps} /> {autoCompleteItems}
) }, ) AutoCompleteComponent.defaultProps = defaultProps AutoCompleteComponent.displayName = 'GeistAutoComplete' const AutoComplete = withScale(AutoCompleteComponent) export default AutoComplete ================================================ FILE: components/auto-complete/index.ts ================================================ import AutoComplete from './auto-complete' import AutoCompleteItem from './auto-complete-item' import AutoCompleteSearching from './auto-complete-searching' import AutoCompleteEmpty from './auto-complete-empty' export type AutoCompleteComponentType = typeof AutoComplete & { Item: typeof AutoCompleteItem Option: typeof AutoCompleteItem Searching: typeof AutoCompleteSearching Empty: typeof AutoCompleteEmpty } ;(AutoComplete as AutoCompleteComponentType).Item = AutoCompleteItem ;(AutoComplete as AutoCompleteComponentType).Option = AutoCompleteItem ;(AutoComplete as AutoCompleteComponentType).Searching = AutoCompleteSearching ;(AutoComplete as AutoCompleteComponentType).Empty = AutoCompleteEmpty export type { AutoCompleteOption, AutoCompleteOptions, AutoCompleteProps, AutoCompleteTypes, } from './auto-complete' export default AutoComplete as AutoCompleteComponentType ================================================ FILE: components/avatar/__tests__/__snapshots__/index.test.tsx.snap ================================================ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Avatar should render text element 1`] = ` LoadedCheerio { "0": Node { "attribs": Object { "class": "avatar", }, "children": Array [ Node { "attribs": Object { "class": "avatar-text", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .avatar { display: inline-block; position: relative; overflow: hidden; border: 1px solid #eaeaea; border-radius: 50%; vertical-align: top; background-color: #fff; box-sizing: border-box; width: calc(1.75 * 16px); height: calc(1.75 * 16px); padding: 0 0 0 0; margin: 0 0 0 0; } .avatar-img { display: inline-block; object-fit: cover; width: 100%; height: 100%; border-radius: 50%; user-select: none; } .avatar-text { position: absolute; left: 50%; top: 50%; font-size: calc(1 * 16px); text-align: center; transform: translate(-50%, -50%) scale(0.65); white-space: nowrap; user-select: none; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .avatar { display: inline-block; position: relative; overflow: hidden; border: 1px solid #eaeaea; border-radius: 50%; vertical-align: top; background-color: #fff; box-sizing: border-box; width: calc(1.75 * 16px); height: calc(1.75 * 16px); padding: 0 0 0 0; margin: 0 0 0 0; } .avatar-img { display: inline-block; object-fit: cover; width: 100%; height: 100%; border-radius: 50%; user-select: none; } .avatar-text { position: absolute; left: 50%; top: 50%; font-size: calc(1 * 16px); text-align: center; transform: translate(-50%, -50%) scale(0.65); white-space: nowrap; user-select: none; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "avatar-text", }, "children": Array [], "name": "span", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "span", "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, }, "x-attribsPrefix": Object { "class": 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[`Avatar should render text element 2`] = ` LoadedCheerio { "0": Node { "attribs": Object { "class": "avatar", }, "children": Array [ Node { "attribs": Object { "class": "avatar-text", }, "children": Array [ Node { "data": "text", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .avatar { display: inline-block; position: relative; overflow: hidden; border: 1px solid #eaeaea; border-radius: 50%; vertical-align: top; background-color: #fff; box-sizing: border-box; width: calc(1.75 * 16px); height: calc(1.75 * 16px); padding: 0 0 0 0; margin: 0 0 0 0; } .avatar-img { display: inline-block; object-fit: cover; width: 100%; height: 100%; border-radius: 50%; user-select: none; } .avatar-text { position: absolute; left: 50%; top: 50%; font-size: calc(1 * 16px); text-align: center; transform: translate(-50%, -50%) scale(0.65); white-space: nowrap; user-select: none; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .avatar { display: inline-block; position: relative; overflow: hidden; border: 1px solid #eaeaea; border-radius: 50%; vertical-align: top; background-color: #fff; box-sizing: border-box; width: calc(1.75 * 16px); height: calc(1.75 * 16px); padding: 0 0 0 0; margin: 0 0 0 0; } .avatar-img { display: inline-block; object-fit: cover; width: 100%; height: 100%; border-radius: 50%; user-select: none; } .avatar-text { position: absolute; left: 50%; top: 50%; font-size: calc(1 * 16px); text-align: center; transform: translate(-50%, -50%) scale(0.65); white-space: nowrap; user-select: none; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "avatar-text", }, "children": Array [ Node { "data": "text", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "span", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "span", "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, }, "x-attribsPrefix": Object { "class": 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[`Avatar should stacked when avatars are in a group 1`] = ` LoadedCheerio { "0": Node { "attribs": Object { "class": "avatar-group", }, "children": Array [ Node { "attribs": Object { "class": "avatar", }, "children": Array [ Node { "attribs": Object { "class": "avatar-text", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .avatar { display: inline-block; position: relative; overflow: hidden; border: 1px solid #eaeaea; border-radius: 50%; vertical-align: top; background-color: #fff; box-sizing: border-box; width: calc(1.75 * 16px); height: calc(1.75 * 16px); padding: 0 0 0 0; margin: 0 0 0 0; } .avatar-img { display: inline-block; object-fit: cover; width: 100%; height: 100%; border-radius: 50%; user-select: none; } .avatar-text { position: absolute; left: 50%; top: 50%; font-size: calc(1 * 16px); text-align: center; transform: translate(-50%, -50%) scale(0.65); white-space: nowrap; user-select: none; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .avatar { display: inline-block; position: relative; overflow: hidden; border: 1px solid #eaeaea; border-radius: 50%; vertical-align: top; background-color: #fff; box-sizing: border-box; width: calc(1.75 * 16px); height: calc(1.75 * 16px); padding: 0 0 0 0; margin: 0 0 0 0; } .avatar-img { display: inline-block; object-fit: cover; width: 100%; height: 100%; border-radius: 50%; user-select: none; } .avatar-text { position: absolute; left: 50%; top: 50%; font-size: calc(1 * 16px); text-align: center; transform: translate(-50%, -50%) scale(0.65); white-space: nowrap; user-select: none; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "avatar-text", }, "children": Array [], "name": "span", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "avatar", }, "children": Array [ Node { "attribs": Object { "class": "avatar-text", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .avatar { display: inline-block; position: relative; overflow: hidden; border: 1px solid #eaeaea; border-radius: 50%; vertical-align: top; background-color: #fff; box-sizing: border-box; width: calc(1.75 * 16px); height: calc(1.75 * 16px); padding: 0 0 0 0; margin: 0 0 0 0; } .avatar-img { display: inline-block; object-fit: cover; width: 100%; height: 100%; border-radius: 50%; user-select: none; } .avatar-text { position: absolute; left: 50%; top: 50%; font-size: calc(1 * 16px); text-align: center; transform: translate(-50%, -50%) scale(0.65); white-space: nowrap; user-select: none; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .avatar { display: inline-block; position: relative; overflow: hidden; border: 1px solid #eaeaea; border-radius: 50%; vertical-align: top; background-color: #fff; box-sizing: border-box; width: calc(1.75 * 16px); height: calc(1.75 * 16px); padding: 0 0 0 0; margin: 0 0 0 0; } .avatar-img { display: inline-block; object-fit: cover; width: 100%; height: 100%; border-radius: 50%; user-select: none; } .avatar-text { position: absolute; left: 50%; top: 50%; font-size: calc(1 * 16px); text-align: center; transform: translate(-50%, -50%) scale(0.65); white-space: nowrap; user-select: none; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "avatar-text", }, "children": Array [], "name": "span", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .avatar-group { display: flex; align-items: center; width: max-content; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .avatar-group :global(.avatar) { margin-left: -calc(0.625 * 16px); } .count { font-size: calc(0.875 * 16px); display: inline-flex; align-items: center; padding-left: 5.5px; color: #333; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "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": "avatar", }, "children": Array [ Node { "attribs": Object { "class": "avatar-text", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .avatar { display: inline-block; position: relative; overflow: hidden; border: 1px solid #eaeaea; border-radius: 50%; vertical-align: top; background-color: #fff; box-sizing: border-box; width: calc(1.75 * 16px); height: calc(1.75 * 16px); padding: 0 0 0 0; margin: 0 0 0 0; } .avatar-img { display: inline-block; object-fit: cover; width: 100%; height: 100%; border-radius: 50%; user-select: none; } .avatar-text { position: absolute; left: 50%; top: 50%; font-size: calc(1 * 16px); text-align: center; transform: translate(-50%, -50%) scale(0.65); white-space: nowrap; user-select: none; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .avatar { display: inline-block; position: relative; overflow: hidden; border: 1px solid #eaeaea; border-radius: 50%; vertical-align: top; background-color: #fff; box-sizing: border-box; width: calc(1.75 * 16px); height: calc(1.75 * 16px); padding: 0 0 0 0; margin: 0 0 0 0; } .avatar-img { display: inline-block; object-fit: cover; width: 100%; height: 100%; border-radius: 50%; user-select: none; } .avatar-text { position: absolute; left: 50%; top: 50%; font-size: calc(1 * 16px); text-align: center; transform: translate(-50%, -50%) scale(0.65); white-space: nowrap; user-select: none; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "avatar-text", }, "children": Array [], "name": "span", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .avatar-group { display: flex; align-items: center; width: max-content; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .avatar-group :global(.avatar) { margin-left: -calc(0.625 * 16px); } .count { font-size: calc(0.875 * 16px); display: inline-flex; align-items: center; padding-left: 5.5px; color: #333; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "class": "avatar", }, "children": Array [ Node { "attribs": Object { "class": "avatar-text", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .avatar { display: inline-block; position: relative; overflow: hidden; border: 1px solid #eaeaea; border-radius: 50%; vertical-align: top; background-color: #fff; box-sizing: border-box; width: calc(1.75 * 16px); height: calc(1.75 * 16px); padding: 0 0 0 0; margin: 0 0 0 0; } .avatar-img { display: inline-block; object-fit: cover; width: 100%; height: 100%; border-radius: 50%; user-select: none; } .avatar-text { position: absolute; left: 50%; top: 50%; font-size: calc(1 * 16px); text-align: center; transform: translate(-50%, -50%) scale(0.65); white-space: nowrap; user-select: none; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .avatar { display: inline-block; position: relative; overflow: hidden; border: 1px solid #eaeaea; border-radius: 50%; vertical-align: top; background-color: #fff; box-sizing: border-box; width: calc(1.75 * 16px); height: calc(1.75 * 16px); padding: 0 0 0 0; margin: 0 0 0 0; } .avatar-img { display: inline-block; object-fit: cover; width: 100%; height: 100%; border-radius: 50%; user-select: none; } .avatar-text { position: absolute; left: 50%; top: 50%; font-size: calc(1 * 16px); text-align: center; transform: translate(-50%, -50%) scale(0.65); white-space: nowrap; user-select: none; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "avatar-text", }, "children": Array [], "name": "span", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "span", "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 {}, "children": Array [ Node { "data": " .avatar-group { display: flex; align-items: center; width: max-content; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .avatar-group :global(.avatar) { margin-left: -calc(0.625 * 16px); } .count { font-size: calc(0.875 * 16px); display: inline-flex; align-items: center; padding-left: 5.5px; color: #333; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "avatar", }, "children": Array [ Node { "attribs": Object { "class": "avatar-text", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .avatar { display: inline-block; position: relative; overflow: hidden; border: 1px solid #eaeaea; border-radius: 50%; vertical-align: top; background-color: #fff; box-sizing: border-box; width: calc(1.75 * 16px); height: calc(1.75 * 16px); padding: 0 0 0 0; margin: 0 0 0 0; } .avatar-img { display: inline-block; object-fit: cover; width: 100%; height: 100%; border-radius: 50%; user-select: none; } .avatar-text { position: absolute; left: 50%; top: 50%; font-size: calc(1 * 16px); text-align: center; transform: translate(-50%, -50%) scale(0.65); white-space: nowrap; user-select: none; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .avatar { display: inline-block; position: relative; overflow: hidden; border: 1px solid #eaeaea; border-radius: 50%; vertical-align: top; background-color: #fff; box-sizing: border-box; width: calc(1.75 * 16px); height: calc(1.75 * 16px); padding: 0 0 0 0; margin: 0 0 0 0; } .avatar-img { display: inline-block; object-fit: cover; width: 100%; height: 100%; border-radius: 50%; user-select: none; } .avatar-text { position: absolute; left: 50%; top: 50%; font-size: calc(1 * 16px); text-align: center; transform: translate(-50%, -50%) scale(0.65); white-space: nowrap; user-select: none; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "avatar-text", }, "children": Array [], "name": "span", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "avatar", }, "children": Array [ Node { "attribs": Object { "class": "avatar-text", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .avatar { display: inline-block; position: relative; overflow: hidden; border: 1px solid #eaeaea; border-radius: 50%; vertical-align: top; background-color: #fff; box-sizing: border-box; width: calc(1.75 * 16px); height: calc(1.75 * 16px); padding: 0 0 0 0; margin: 0 0 0 0; } .avatar-img { display: inline-block; object-fit: cover; width: 100%; height: 100%; border-radius: 50%; user-select: none; } .avatar-text { position: absolute; left: 50%; top: 50%; font-size: calc(1 * 16px); text-align: center; transform: translate(-50%, -50%) scale(0.65); white-space: nowrap; user-select: none; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .avatar { display: inline-block; position: relative; overflow: hidden; border: 1px solid #eaeaea; border-radius: 50%; vertical-align: top; background-color: #fff; box-sizing: border-box; width: calc(1.75 * 16px); height: calc(1.75 * 16px); padding: 0 0 0 0; margin: 0 0 0 0; } .avatar-img { display: inline-block; object-fit: cover; width: 100%; height: 100%; border-radius: 50%; user-select: none; } .avatar-text { position: absolute; left: 50%; top: 50%; font-size: calc(1 * 16px); text-align: center; transform: translate(-50%, -50%) scale(0.65); white-space: nowrap; user-select: none; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "avatar-text", }, "children": Array [], "name": "span", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "span", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "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, }, "x-attribsPrefix": Object { "class": 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, }, } `; ================================================ FILE: components/avatar/__tests__/index.test.tsx ================================================ import React from 'react' import { mount, render, shallow } from 'enzyme' import { Avatar } from 'components' describe('Avatar', () => { it('should support square and circle', () => { const circle = shallow() expect(() => circle.unmount()).not.toThrow() const square = shallow() expect(() => square.unmount()).not.toThrow() }) it('should render text element', () => { const imageAvatar = render() expect(imageAvatar).toMatchSnapshot() const textAvatar = render() expect(textAvatar).toMatchSnapshot() }) it('should omit long chars automatically', () => { const avatar = mount() const text = avatar.find('.avatar-text').text() expect(text.length).toBeLessThan(4) }) it('stacked should be work', () => { const avatar = shallow() expect(() => avatar.unmount()).not.toThrow() }) it('group component should render all children', () => { const group = mount( , ) expect(group.find('.avatar')).toHaveLength(2) }) it('should stacked when avatars are in a group', () => { const group = render( , ) expect(group).toMatchSnapshot() }) it('should show count in group', () => { const count = 20 const group = render() const text = group.find('.count').text() expect(text).toMatch(`${count}`) }) }) ================================================ FILE: components/avatar/avatar-group.tsx ================================================ import React from 'react' import useTheme from '../use-theme' import useScale, { withScale } from '../use-scale' import useClasses from '../use-classes' interface Props { count?: number className?: string } const defaultProps = { className: '', } type NativeAttrs = Omit, keyof Props> export type AvatarGroupProps = Props & NativeAttrs const AvatarGroupComponent: React.FC> = ({ count, className, children, }: AvatarGroupProps & typeof defaultProps) => { const theme = useTheme() const { SCALES } = useScale() return (
{children} {count && +{count}}
) } AvatarGroupComponent.defaultProps = defaultProps AvatarGroupComponent.displayName = 'GeistAvatarGroup' const AvatarGroup = withScale(AvatarGroupComponent) export default AvatarGroup ================================================ FILE: components/avatar/avatar.tsx ================================================ import React from 'react' import useTheme from '../use-theme' import useScale, { withScale } from '../use-scale' import useClasses from '../use-classes' interface Props { src?: string stacked?: boolean text?: string isSquare?: boolean className?: string } const defaultProps = { stacked: false, text: '', isSquare: false, className: '', } type NativeAttrs = Omit< Partial & React.HTMLAttributes>, keyof Props > export type AvatarProps = Props & NativeAttrs const safeText = (text: string): string => { if (text.length <= 4) return text return text.slice(0, 3) } const AvatarComponent: React.FC = ({ src, stacked, text, isSquare, className, ...props }: AvatarProps & typeof defaultProps) => { const theme = useTheme() const { SCALES } = useScale() const showText = !src const radius = isSquare ? theme.layout.radius : '50%' const marginLeft = stacked ? SCALES.ml(-0.625) : SCALES.ml(0) const classes = useClasses('avatar', className) return ( {!showText && ( avatar )} {showText && ( {safeText(text)} )} ) } AvatarComponent.defaultProps = defaultProps AvatarComponent.displayName = 'GeistAvatar' const Avatar = withScale(AvatarComponent) export default Avatar ================================================ FILE: components/avatar/index.ts ================================================ import Avatar from './avatar' import AvatarGroup from './avatar-group' export type AvatarComponentType = typeof Avatar & { Group: typeof AvatarGroup } ;(Avatar as AvatarComponentType).Group = AvatarGroup export type { AvatarProps } from './avatar' export type { AvatarGroupProps } from './avatar-group' export default Avatar as AvatarComponentType ================================================ FILE: components/badge/__tests__/__snapshots__/anchor.test.tsx.snap ================================================ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`BadgeAnchor should be support multiple position 1`] = ` "
test
" `; exports[`BadgeAnchor should be support multiple position 2`] = ` "
test
" `; exports[`BadgeAnchor should be support multiple position 3`] = ` "
test
" `; ================================================ FILE: components/badge/__tests__/__snapshots__/index.test.tsx.snap ================================================ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Badge should re-render when size changed 1`] = `ReactWrapper {}`; exports[`Badge should re-render when size changed 2`] = `ReactWrapper {}`; exports[`Badge should render different types 1`] = ` LoadedCheerio { "0": Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "badge", }, "children": Array [ Node { "data": "badge", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .badge { display: inline-block; border-radius: 16px; font-variant: tabular-nums; line-height: 1; vertical-align: middle; background-color: #0070f3; color: white; border: 0; font-size: calc(0.875 * 16px); width: auto; height: auto; padding: calc(0.25 * 16px) calc(0.4375 * 16px) calc(0.25 * 16px) calc(0.4375 * 16px); margin: 0 0 0 0; } .dot { padding: calc(0.25 * 16px) calc(0.25 * 16px); border-radius: 50%; user-select: none; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .badge { display: inline-block; border-radius: 16px; font-variant: tabular-nums; line-height: 1; vertical-align: middle; background-color: #0070f3; color: white; border: 0; font-size: calc(0.875 * 16px); width: auto; height: auto; padding: calc(0.25 * 16px) calc(0.4375 * 16px) calc(0.25 * 16px) calc(0.4375 * 16px); margin: 0 0 0 0; } .dot { padding: calc(0.25 * 16px) calc(0.25 * 16px); border-radius: 50%; user-select: none; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "badge", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "badge", }, "children": Array [ Node { "data": "badge", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .badge { display: inline-block; border-radius: 16px; font-variant: tabular-nums; line-height: 1; vertical-align: middle; background-color: #666; color: white; border: 0; font-size: calc(0.875 * 16px); width: auto; height: auto; padding: calc(0.25 * 16px) calc(0.4375 * 16px) calc(0.25 * 16px) calc(0.4375 * 16px); margin: 0 0 0 0; } .dot { padding: calc(0.25 * 16px) calc(0.25 * 16px); border-radius: 50%; user-select: none; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .badge { display: inline-block; border-radius: 16px; font-variant: tabular-nums; line-height: 1; vertical-align: middle; background-color: #666; color: white; border: 0; font-size: calc(0.875 * 16px); width: auto; height: auto; padding: calc(0.25 * 16px) calc(0.4375 * 16px) calc(0.25 * 16px) calc(0.4375 * 16px); margin: 0 0 0 0; } .dot { padding: calc(0.25 * 16px) calc(0.25 * 16px); border-radius: 50%; user-select: none; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "badge", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "badge", }, "children": Array [ Node { "data": "badge", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .badge { display: inline-block; border-radius: 16px; font-variant: tabular-nums; line-height: 1; vertical-align: middle; background-color: #f5a623; color: white; border: 0; font-size: calc(0.875 * 16px); width: auto; height: auto; padding: calc(0.25 * 16px) calc(0.4375 * 16px) calc(0.25 * 16px) calc(0.4375 * 16px); margin: 0 0 0 0; } .dot { padding: calc(0.25 * 16px) calc(0.25 * 16px); border-radius: 50%; user-select: none; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .badge { display: inline-block; border-radius: 16px; font-variant: tabular-nums; line-height: 1; vertical-align: middle; background-color: #f5a623; color: white; border: 0; font-size: calc(0.875 * 16px); width: auto; height: auto; padding: calc(0.25 * 16px) calc(0.4375 * 16px) calc(0.25 * 16px) calc(0.4375 * 16px); margin: 0 0 0 0; } .dot { padding: calc(0.25 * 16px) calc(0.25 * 16px); border-radius: 50%; user-select: none; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "badge", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "badge", }, "children": Array [ Node { "data": "badge", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .badge { display: inline-block; border-radius: 16px; font-variant: tabular-nums; line-height: 1; vertical-align: middle; background-color: #e00; color: white; border: 0; font-size: calc(0.875 * 16px); width: auto; height: auto; padding: calc(0.25 * 16px) calc(0.4375 * 16px) calc(0.25 * 16px) calc(0.4375 * 16px); margin: 0 0 0 0; } .dot { padding: calc(0.25 * 16px) calc(0.25 * 16px); border-radius: 50%; user-select: none; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .badge { display: inline-block; border-radius: 16px; font-variant: tabular-nums; line-height: 1; vertical-align: middle; background-color: #e00; color: white; border: 0; font-size: calc(0.875 * 16px); width: auto; height: auto; padding: calc(0.25 * 16px) calc(0.4375 * 16px) calc(0.25 * 16px) calc(0.4375 * 16px); margin: 0 0 0 0; } .dot { padding: calc(0.25 * 16px) calc(0.25 * 16px); border-radius: 50%; user-select: none; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "badge", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "span", "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": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object { "class": "badge", }, "children": Array [ Node { "data": "badge", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .badge { display: inline-block; border-radius: 16px; font-variant: tabular-nums; line-height: 1; vertical-align: middle; background-color: #666; color: white; border: 0; font-size: calc(0.875 * 16px); width: auto; height: auto; padding: calc(0.25 * 16px) calc(0.4375 * 16px) calc(0.25 * 16px) calc(0.4375 * 16px); margin: 0 0 0 0; } .dot { padding: calc(0.25 * 16px) calc(0.25 * 16px); border-radius: 50%; user-select: none; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .badge { display: inline-block; border-radius: 16px; font-variant: tabular-nums; line-height: 1; vertical-align: middle; background-color: #666; color: white; border: 0; font-size: calc(0.875 * 16px); width: auto; height: auto; padding: calc(0.25 * 16px) calc(0.4375 * 16px) calc(0.25 * 16px) calc(0.4375 * 16px); margin: 0 0 0 0; } .dot { padding: calc(0.25 * 16px) calc(0.25 * 16px); border-radius: 50%; user-select: none; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "badge", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "badge", }, "children": Array [ Node { "data": "badge", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .badge { display: inline-block; border-radius: 16px; font-variant: tabular-nums; line-height: 1; vertical-align: middle; background-color: #f5a623; color: white; border: 0; font-size: calc(0.875 * 16px); width: auto; height: auto; padding: calc(0.25 * 16px) calc(0.4375 * 16px) calc(0.25 * 16px) calc(0.4375 * 16px); margin: 0 0 0 0; } .dot { padding: calc(0.25 * 16px) calc(0.25 * 16px); border-radius: 50%; user-select: none; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .badge { display: inline-block; border-radius: 16px; font-variant: tabular-nums; line-height: 1; vertical-align: middle; background-color: #f5a623; color: white; border: 0; font-size: calc(0.875 * 16px); width: auto; height: auto; padding: calc(0.25 * 16px) calc(0.4375 * 16px) calc(0.25 * 16px) calc(0.4375 * 16px); margin: 0 0 0 0; } .dot { padding: calc(0.25 * 16px) calc(0.25 * 16px); border-radius: 50%; user-select: none; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "badge", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "badge", }, "children": Array [ Node { "data": "badge", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .badge { display: inline-block; border-radius: 16px; font-variant: tabular-nums; line-height: 1; vertical-align: middle; background-color: #e00; color: white; border: 0; font-size: calc(0.875 * 16px); width: auto; height: auto; padding: calc(0.25 * 16px) calc(0.4375 * 16px) calc(0.25 * 16px) calc(0.4375 * 16px); margin: 0 0 0 0; } .dot { padding: calc(0.25 * 16px) calc(0.25 * 16px); border-radius: 50%; user-select: none; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .badge { display: inline-block; border-radius: 16px; font-variant: tabular-nums; line-height: 1; vertical-align: middle; background-color: #e00; color: white; border: 0; font-size: calc(0.875 * 16px); width: auto; height: auto; padding: calc(0.25 * 16px) calc(0.4375 * 16px) calc(0.25 * 16px) calc(0.4375 * 16px); margin: 0 0 0 0; } .dot { padding: calc(0.25 * 16px) calc(0.25 * 16px); border-radius: 50%; user-select: none; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "badge", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "span", "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": "badge", }, "children": Array [ Node { "data": "badge", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .badge { display: inline-block; border-radius: 16px; font-variant: tabular-nums; line-height: 1; vertical-align: middle; background-color: #0070f3; color: white; border: 0; font-size: calc(0.875 * 16px); width: auto; height: auto; padding: calc(0.25 * 16px) calc(0.4375 * 16px) calc(0.25 * 16px) calc(0.4375 * 16px); margin: 0 0 0 0; } .dot { padding: calc(0.25 * 16px) calc(0.25 * 16px); border-radius: 50%; user-select: none; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .badge { display: inline-block; border-radius: 16px; font-variant: tabular-nums; line-height: 1; vertical-align: middle; background-color: #0070f3; color: white; border: 0; font-size: calc(0.875 * 16px); width: auto; height: auto; padding: calc(0.25 * 16px) calc(0.4375 * 16px) calc(0.25 * 16px) calc(0.4375 * 16px); margin: 0 0 0 0; } .dot { padding: calc(0.25 * 16px) calc(0.25 * 16px); border-radius: 50%; user-select: none; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "badge", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "span", "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": "badge", }, "children": Array [ Node { "data": "badge", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .badge { display: inline-block; border-radius: 16px; font-variant: tabular-nums; line-height: 1; vertical-align: middle; background-color: #f5a623; color: white; border: 0; font-size: calc(0.875 * 16px); width: auto; height: auto; padding: calc(0.25 * 16px) calc(0.4375 * 16px) calc(0.25 * 16px) calc(0.4375 * 16px); margin: 0 0 0 0; } .dot { padding: calc(0.25 * 16px) calc(0.25 * 16px); border-radius: 50%; user-select: none; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .badge { display: inline-block; border-radius: 16px; font-variant: tabular-nums; line-height: 1; vertical-align: middle; background-color: #f5a623; color: white; border: 0; font-size: calc(0.875 * 16px); width: auto; height: auto; padding: calc(0.25 * 16px) calc(0.4375 * 16px) calc(0.25 * 16px) calc(0.4375 * 16px); margin: 0 0 0 0; } .dot { padding: calc(0.25 * 16px) calc(0.25 * 16px); border-radius: 50%; user-select: none; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "badge", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "badge", }, "children": Array [ Node { "data": "badge", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .badge { display: inline-block; border-radius: 16px; font-variant: tabular-nums; line-height: 1; vertical-align: middle; background-color: #e00; color: white; border: 0; font-size: calc(0.875 * 16px); width: auto; height: auto; padding: calc(0.25 * 16px) calc(0.4375 * 16px) calc(0.25 * 16px) calc(0.4375 * 16px); margin: 0 0 0 0; } .dot { padding: calc(0.25 * 16px) calc(0.25 * 16px); border-radius: 50%; user-select: none; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .badge { display: inline-block; border-radius: 16px; font-variant: tabular-nums; line-height: 1; vertical-align: middle; background-color: #e00; color: white; border: 0; font-size: calc(0.875 * 16px); width: auto; height: auto; padding: calc(0.25 * 16px) calc(0.4375 * 16px) calc(0.25 * 16px) calc(0.4375 * 16px); margin: 0 0 0 0; } .dot { padding: calc(0.25 * 16px) calc(0.25 * 16px); border-radius: 50%; user-select: none; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "badge", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "span", "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": "badge", }, "children": Array [ Node { "data": "badge", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .badge { display: inline-block; border-radius: 16px; font-variant: tabular-nums; line-height: 1; vertical-align: middle; background-color: #666; color: white; border: 0; font-size: calc(0.875 * 16px); width: auto; height: auto; padding: calc(0.25 * 16px) calc(0.4375 * 16px) calc(0.25 * 16px) calc(0.4375 * 16px); margin: 0 0 0 0; } .dot { padding: calc(0.25 * 16px) calc(0.25 * 16px); border-radius: 50%; user-select: none; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .badge { display: inline-block; border-radius: 16px; font-variant: tabular-nums; line-height: 1; vertical-align: middle; background-color: #666; color: white; border: 0; font-size: calc(0.875 * 16px); width: auto; height: auto; padding: calc(0.25 * 16px) calc(0.4375 * 16px) calc(0.25 * 16px) calc(0.4375 * 16px); margin: 0 0 0 0; } .dot { padding: calc(0.25 * 16px) calc(0.25 * 16px); border-radius: 50%; user-select: none; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "badge", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "badge", }, "children": Array [ Node { "data": "badge", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .badge { display: inline-block; border-radius: 16px; font-variant: tabular-nums; line-height: 1; vertical-align: middle; background-color: #0070f3; color: white; border: 0; font-size: calc(0.875 * 16px); width: auto; height: auto; padding: calc(0.25 * 16px) calc(0.4375 * 16px) calc(0.25 * 16px) calc(0.4375 * 16px); margin: 0 0 0 0; } .dot { padding: calc(0.25 * 16px) calc(0.25 * 16px); border-radius: 50%; user-select: none; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .badge { display: inline-block; border-radius: 16px; font-variant: tabular-nums; line-height: 1; vertical-align: middle; background-color: #0070f3; color: white; border: 0; font-size: calc(0.875 * 16px); width: auto; height: auto; padding: calc(0.25 * 16px) calc(0.4375 * 16px) calc(0.25 * 16px) calc(0.4375 * 16px); margin: 0 0 0 0; } .dot { padding: calc(0.25 * 16px) calc(0.25 * 16px); border-radius: 50%; user-select: none; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "badge", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "span", "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": "badge", }, "children": Array [ Node { "data": "badge", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .badge { display: inline-block; border-radius: 16px; font-variant: tabular-nums; line-height: 1; vertical-align: middle; background-color: #e00; color: white; border: 0; font-size: calc(0.875 * 16px); width: auto; height: auto; padding: calc(0.25 * 16px) calc(0.4375 * 16px) calc(0.25 * 16px) calc(0.4375 * 16px); margin: 0 0 0 0; } .dot { padding: calc(0.25 * 16px) calc(0.25 * 16px); border-radius: 50%; user-select: none; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .badge { display: inline-block; border-radius: 16px; font-variant: tabular-nums; line-height: 1; vertical-align: middle; background-color: #e00; color: white; border: 0; font-size: calc(0.875 * 16px); width: auto; height: auto; padding: calc(0.25 * 16px) calc(0.4375 * 16px) calc(0.25 * 16px) calc(0.4375 * 16px); margin: 0 0 0 0; } .dot { padding: calc(0.25 * 16px) calc(0.25 * 16px); border-radius: 50%; user-select: none; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "badge", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "badge", }, "children": Array [ Node { "data": "badge", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .badge { display: inline-block; border-radius: 16px; font-variant: tabular-nums; line-height: 1; vertical-align: middle; background-color: #f5a623; color: white; border: 0; font-size: calc(0.875 * 16px); width: auto; height: auto; padding: calc(0.25 * 16px) calc(0.4375 * 16px) calc(0.25 * 16px) calc(0.4375 * 16px); margin: 0 0 0 0; } .dot { padding: calc(0.25 * 16px) calc(0.25 * 16px); border-radius: 50%; user-select: none; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .badge { display: inline-block; border-radius: 16px; font-variant: tabular-nums; line-height: 1; vertical-align: middle; background-color: #f5a623; color: white; border: 0; font-size: calc(0.875 * 16px); width: auto; height: auto; padding: calc(0.25 * 16px) calc(0.4375 * 16px) calc(0.25 * 16px) calc(0.4375 * 16px); margin: 0 0 0 0; } .dot { padding: calc(0.25 * 16px) calc(0.25 * 16px); border-radius: 50%; user-select: none; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "badge", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "badge", }, "children": Array [ Node { "data": "badge", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .badge { display: inline-block; border-radius: 16px; font-variant: tabular-nums; line-height: 1; vertical-align: middle; background-color: #666; color: white; border: 0; font-size: calc(0.875 * 16px); width: auto; height: auto; padding: calc(0.25 * 16px) calc(0.4375 * 16px) calc(0.25 * 16px) calc(0.4375 * 16px); margin: 0 0 0 0; } .dot { padding: calc(0.25 * 16px) calc(0.25 * 16px); border-radius: 50%; user-select: none; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .badge { display: inline-block; border-radius: 16px; font-variant: tabular-nums; line-height: 1; vertical-align: middle; background-color: #666; color: white; border: 0; font-size: calc(0.875 * 16px); width: auto; height: auto; padding: calc(0.25 * 16px) calc(0.4375 * 16px) calc(0.25 * 16px) calc(0.4375 * 16px); margin: 0 0 0 0; } .dot { padding: calc(0.25 * 16px) calc(0.25 * 16px); border-radius: 50%; user-select: none; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "badge", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "badge", }, "children": Array [ Node { "data": "badge", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .badge { display: inline-block; border-radius: 16px; font-variant: tabular-nums; line-height: 1; vertical-align: middle; background-color: #0070f3; color: white; border: 0; font-size: calc(0.875 * 16px); width: auto; height: auto; padding: calc(0.25 * 16px) calc(0.4375 * 16px) calc(0.25 * 16px) calc(0.4375 * 16px); margin: 0 0 0 0; } .dot { padding: calc(0.25 * 16px) calc(0.25 * 16px); border-radius: 50%; user-select: none; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .badge { display: inline-block; border-radius: 16px; font-variant: tabular-nums; line-height: 1; vertical-align: middle; background-color: #0070f3; color: white; border: 0; font-size: calc(0.875 * 16px); width: auto; height: auto; padding: calc(0.25 * 16px) calc(0.4375 * 16px) calc(0.25 * 16px) calc(0.4375 * 16px); margin: 0 0 0 0; } .dot { padding: calc(0.25 * 16px) calc(0.25 * 16px); border-radius: 50%; user-select: none; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "badge", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "span", "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, }, }, ], "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 {}, "x-attribsPrefix": Object {}, }, "_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[`Badge should supoort text 1`] = ` LoadedCheerio { "0": Node { "attribs": Object { "class": "badge", }, "children": Array [ Node { "data": "count", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .badge { display: inline-block; border-radius: 16px; font-variant: tabular-nums; line-height: 1; vertical-align: middle; background-color: #000; color: #fff; border: 0; font-size: calc(0.875 * 16px); width: auto; height: auto; padding: calc(0.25 * 16px) calc(0.4375 * 16px) calc(0.25 * 16px) calc(0.4375 * 16px); margin: 0 0 0 0; } .dot { padding: calc(0.25 * 16px) calc(0.25 * 16px); border-radius: 50%; user-select: none; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .badge { display: inline-block; border-radius: 16px; font-variant: tabular-nums; line-height: 1; vertical-align: middle; background-color: #000; color: #fff; border: 0; font-size: calc(0.875 * 16px); width: auto; height: auto; padding: calc(0.25 * 16px) calc(0.4375 * 16px) calc(0.25 * 16px) calc(0.4375 * 16px); margin: 0 0 0 0; } .dot { padding: calc(0.25 * 16px) calc(0.25 * 16px); border-radius: 50%; user-select: none; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "count", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "span", "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, }, "x-attribsPrefix": Object { "class": 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, }, } `; ================================================ FILE: components/badge/__tests__/anchor.test.tsx ================================================ import React from 'react' import { mount } from 'enzyme' import { Badge } from 'components' describe('BadgeAnchor', () => { it('should render correctly', () => { const wrapper = mount( test link , ) expect(() => wrapper.unmount()).not.toThrow() }) it('should be work without Badge', () => { const wrapper = mount( link , ) expect(() => wrapper.unmount()).not.toThrow() }) it('should be support multiple position', () => { const wrapper = mount( test , ) expect(wrapper.html()).toMatchSnapshot() wrapper.setProps({ placement: 'topLeft' }) expect(wrapper.html()).toMatchSnapshot() wrapper.setProps({ placement: 'bottomRight' }) expect(wrapper.html()).toMatchSnapshot() }) }) ================================================ FILE: components/badge/__tests__/index.test.tsx ================================================ import React from 'react' import { mount, render, shallow } from 'enzyme' import Badge from '../badge' describe('Badge', () => { it('should supoort text', () => { const html = render(count) expect(html).toMatchSnapshot() const badge = mount(count) expect(() => badge.unmount()).not.toThrow() }) it('should support baisc sizes', () => { const mini = shallow(mini) expect(() => mini.unmount()).not.toThrow() const small = shallow(small) expect(() => small.unmount()).not.toThrow() const medium = shallow(medium) expect(() => medium.unmount()).not.toThrow() const large = shallow(large) expect(() => large.unmount()).not.toThrow() }) it('should re-render when size changed', () => { const badge = mount(size) badge.setProps({ size: 'small' }) expect(badge).toMatchSnapshot() badge.setProps({ size: 'mini' }) expect(badge).toMatchSnapshot() }) it('should render different types', () => { const wrapper = render(
badge badge badge badge
, ) expect(wrapper).toMatchSnapshot() }) it('should overwrite style by inline-style', () => { const badge = mount( badge , ) const span = badge.find('span') expect(span).not.toBeUndefined() expect(span.props().style).not.toBeUndefined() expect((span.props().style as any).background).toBe('white') }) it('should hide content when in dot mode', () => { const wrapper = mount(test-value) expect(wrapper.html()).not.toContain('test-value') expect(() => wrapper.unmount()).not.toThrow() }) }) ================================================ FILE: components/badge/badge-anchor.tsx ================================================ import React, { useMemo } from 'react' import { pickChild } from '../utils/collections' import { tuple } from '../utils/prop-types' import Badge from './badge' const placement = tuple('topLeft', 'topRight', 'bottomLeft', 'bottomRight') export type BadgeAnchorPlacement = typeof placement[number] interface Props { placement?: BadgeAnchorPlacement className?: string } const defaultProps = { placement: 'topRight' as BadgeAnchorPlacement, className: '', } type NativeAttrs = Omit, keyof Props> export type BadgeAnchorProps = Props & NativeAttrs type TransformStyles = { top?: string bottom?: string left?: string right?: string value: string origin: string } const getTransform = (placement: BadgeAnchorPlacement): TransformStyles => { const styles: { [key in BadgeAnchorPlacement]: TransformStyles } = { topLeft: { top: '0', left: '0', value: 'translate(-50%, -50%)', origin: '0% 0%', }, topRight: { top: '0', right: '0', value: 'translate(50%, -50%)', origin: '100% 0%', }, bottomLeft: { left: '0', bottom: '0', value: 'translate(-50%, 50%)', origin: '0% 100%', }, bottomRight: { right: '0', bottom: '0', value: 'translate(50%, 50%)', origin: '100% 100%', }, } return styles[placement] } const BadgeAnchor: React.FC> = ({ children, placement, }: BadgeAnchorProps & typeof defaultProps) => { const [withoutBadgeChildren, badgeChldren] = pickChild(children, Badge) const { top, bottom, left, right, value, origin } = useMemo( () => getTransform(placement), [placement], ) return (
{withoutBadgeChildren} {badgeChldren}
) } BadgeAnchor.defaultProps = defaultProps BadgeAnchor.displayName = 'GeistBadgeAnchor' export default BadgeAnchor ================================================ FILE: components/badge/badge.tsx ================================================ import React, { useMemo } from 'react' import useTheme from '../use-theme' import { NormalTypes } from '../utils/prop-types' import { GeistUIThemesPalette } from '../themes/presets' import useScale, { withScale } from '../use-scale' import useClasses from '../use-classes' export type BadgeTypes = NormalTypes interface Props { type?: BadgeTypes dot?: boolean className?: string } const defaultProps = { type: 'default' as BadgeTypes, dot: false, className: '', } type NativeAttrs = Omit, keyof Props> export type BadgeProps = Props & NativeAttrs const getBgColor = (type: NormalTypes, palette: GeistUIThemesPalette) => { const colors: { [key in NormalTypes]: string } = { default: palette.foreground, success: palette.success, warning: palette.warning, error: palette.error, secondary: palette.secondary, } return colors[type] } const BadgeComponent: React.FC> = ({ type, className, children, dot, ...props }: BadgeProps & typeof defaultProps) => { const theme = useTheme() const { SCALES } = useScale() const bg = useMemo(() => getBgColor(type, theme.palette), [type, theme.palette]) const color = useMemo(() => { if (!type || type === 'default') return theme.palette.background return 'white' }, [type, theme.palette.background]) const classes = useClasses('badge', { dot }, className) return ( {!dot && children} ) } BadgeComponent.defaultProps = defaultProps BadgeComponent.displayName = 'GeistBadge' const Badge = withScale(BadgeComponent) export default Badge ================================================ FILE: components/badge/index.ts ================================================ import Badge from './badge' import BadgeAnchor from './badge-anchor' export type BadgeComponentType = typeof Badge & { Anchor: typeof BadgeAnchor } ;(Badge as BadgeComponentType).Anchor = BadgeAnchor export type { BadgeProps, BadgeTypes } from './badge' export type { BadgeAnchorProps, BadgeAnchorPlacement } from './badge-anchor' export default Badge as BadgeComponentType ================================================ FILE: components/breadcrumbs/__tests__/__snapshots__/breadcrumbs.test.tsx.snap ================================================ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Breadcrumbs should redefined all separators 1`] = ` "" `; exports[`Breadcrumbs should render correctly 1`] = ` "" `; ================================================ FILE: components/breadcrumbs/__tests__/breadcrumbs.test.tsx ================================================ import React from 'react' import { mount } from 'enzyme' import { Breadcrumbs } from 'components' describe('Breadcrumbs', () => { it('should render correctly', () => { const wrapper = mount( test-1 , ) expect(wrapper.html()).toMatchSnapshot() expect(() => wrapper.unmount()).not.toThrow() }) it('should redefined all separators', () => { const wrapper = mount( test-1 test-2 , ) expect(wrapper.html()).toMatchSnapshot() expect(wrapper.html()).toContain('*') expect(() => wrapper.unmount()).not.toThrow() }) it('the specified separator should be redefined', () => { const wrapper = mount( test-1 % test-2 , ) expect(wrapper.html()).toContain('%') }) it('should render string when href missing', () => { let wrapper = mount( test-1 , ) let dom = wrapper.find('.breadcrumbs-item').at(0).getDOMNode() expect(dom.tagName).toEqual('SPAN') wrapper = mount( test-1 , ) dom = wrapper.find('.breadcrumbs-item').at(0).getDOMNode() expect(dom.tagName).toEqual('A') wrapper = mount( test-1 , ) dom = wrapper.find('.breadcrumbs-item').at(0).getDOMNode() expect(dom.tagName).toEqual('A') }) it('should trigger click event', () => { const handler = jest.fn() const wrapper = mount( test-1 , ) wrapper.find('.breadcrumbs-item').at(0).simulate('click') expect(handler).toHaveBeenCalled() }) }) ================================================ FILE: components/breadcrumbs/breadcrumbs-item.tsx ================================================ import Link from '../link' import { Props as LinkBasicProps } from '../link/link' import React, { useMemo } from 'react' import { pickChild } from '../utils/collections' import BreadcrumbsSeparator from './breadcrumbs-separator' import useClasses from '../use-classes' interface Props { href?: string nextLink?: boolean onClick?: (event: React.MouseEvent) => void className?: string } const defaultProps = { nextLink: false, className: '', } type NativeAttrs = Omit, keyof Props> type NativeLinkAttrs = Omit export type BreadcrumbsItemProps = Props & NativeLinkAttrs const BreadcrumbsItem = React.forwardRef< HTMLAnchorElement, React.PropsWithChildren >( ( { href, nextLink, onClick, children, className, ...props }: BreadcrumbsItemProps & typeof defaultProps, ref: React.Ref, ) => { const isLink = useMemo(() => href !== undefined || nextLink, [href, nextLink]) const [withoutSepChildren] = pickChild(children, BreadcrumbsSeparator) const classes = useClasses('breadcrumbs-item', className) const clickHandler = (event: React.MouseEvent) => { onClick && onClick(event) } if (!isLink) { return ( {withoutSepChildren} ) } return ( {withoutSepChildren} ) }, ) BreadcrumbsItem.defaultProps = defaultProps BreadcrumbsItem.displayName = 'GeistBreadcrumbsItem' export default BreadcrumbsItem ================================================ FILE: components/breadcrumbs/breadcrumbs-separator.tsx ================================================ import React from 'react' import useScale, { withScale } from '../use-scale' import useClasses from '../use-classes' interface Props { className?: string } const defaultProps = { className: '', } type NativeAttrs = Omit, keyof Props> export type BreadcrumbsSeparatorProps = Props & NativeAttrs const Separator: React.FC> = ({ children, className, }: BreadcrumbsSeparatorProps & typeof defaultProps) => { const { SCALES } = useScale() const classes = useClasses('separator', className) return (
{children}
) } Separator.defaultProps = defaultProps Separator.displayName = 'GeistBreadcrumbsSeparator' const BreadcrumbsSeparator = withScale(Separator) export default BreadcrumbsSeparator ================================================ FILE: components/breadcrumbs/breadcrumbs.tsx ================================================ import React, { ReactNode, useMemo } from 'react' import useTheme from '../use-theme' import BreadcrumbsSeparator from './breadcrumbs-separator' import { addColorAlpha } from '../utils/color' import useScale, { withScale } from '../use-scale' interface Props { separator?: string | ReactNode className?: string } const defaultProps = { separator: '/', className: '', } type NativeAttrs = Omit, keyof Props> export type BreadcrumbsProps = Props & NativeAttrs const BreadcrumbsComponent: React.FC> = ({ separator, children, className, }: BreadcrumbsProps & typeof defaultProps) => { const theme = useTheme() const { SCALES } = useScale() const hoverColor = useMemo(() => { return addColorAlpha(theme.palette.link, 0.85) }, [theme.palette.link]) const childrenArray = React.Children.toArray(children) const withSeparatorChildren = childrenArray.map((item, index) => { if (!React.isValidElement(item)) return item const last = childrenArray[index - 1] const lastIsSeparator = React.isValidElement(last) && last.type === BreadcrumbsSeparator const currentIsSeparator = item.type === BreadcrumbsSeparator if (!lastIsSeparator && !currentIsSeparator && index > 0) { return ( {separator} {item} ) } return item }) return ( ) } BreadcrumbsComponent.defaultProps = defaultProps BreadcrumbsComponent.displayName = 'GeistBreadcrumbs' const Breadcrumbs = withScale(BreadcrumbsComponent) export default Breadcrumbs ================================================ FILE: components/breadcrumbs/index.ts ================================================ import Breadcrumbs from './breadcrumbs' import BreadcrumbsItem from './breadcrumbs-item' import BreadcrumbsSeparator from './breadcrumbs-separator' export type BreadcrumbsComponentType = typeof Breadcrumbs & { Item: typeof BreadcrumbsItem Separator: typeof BreadcrumbsSeparator } ;(Breadcrumbs as BreadcrumbsComponentType).Item = BreadcrumbsItem ;(Breadcrumbs as BreadcrumbsComponentType).Separator = BreadcrumbsSeparator export type { BreadcrumbsProps } from './breadcrumbs' export type { BreadcrumbsItemProps } from './breadcrumbs-item' export type { BreadcrumbsSeparatorProps } from './breadcrumbs-separator' export default Breadcrumbs as BreadcrumbsComponentType ================================================ FILE: components/button/__tests__/__snapshots__/icon.test.tsx.snap ================================================ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`ButtonIcon should render correctly 1`] = ` "" `; exports[`ButtonIcon should work with right 1`] = ` "" `; exports[`ButtonIcon should work without text 1`] = ` "" `; ================================================ FILE: components/button/__tests__/__snapshots__/index.test.tsx.snap ================================================ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Button should render empty button correctly 1`] = ``; exports[`Button should render special styles 1`] = `ReactWrapper {}`; exports[`Button should render special styles 2`] = ` button `; ================================================ FILE: components/button/__tests__/icon.test.tsx ================================================ import React from 'react' import { mount } from 'enzyme' import { Button } from 'components' const Icon: React.FC = () => describe('ButtonIcon', () => { it('should render correctly', () => { const wrapper = mount() expect(wrapper.html()).toMatchSnapshot() expect(() => wrapper.unmount()).not.toThrow() }) it('should work with right', () => { const wrapper = mount() expect(wrapper.html()).toMatchSnapshot() expect(() => wrapper.unmount()).not.toThrow() }) it('should work without text', () => { const wrapper = mount(, ) const wrapper = mount() const autoHtml = autoWrapper.find('.text').html() const html = wrapper.find('.text').html() expect(html).not.toEqual(autoHtml) const mini = mount() const miniIcon = mount( , ) const miniHtml = mini.find('.text').html() const miniIconHtml = miniIcon.find('.text').html() expect(miniHtml).not.toEqual(miniIconHtml) }) }) ================================================ FILE: components/button/__tests__/index.test.tsx ================================================ import React from 'react' import { mount } from 'enzyme' import { Button } from 'components' import { sleep } from 'tests/utils' describe('Button', () => { it('should render correctly', () => { const wrapper = mount() expect(() => wrapper.unmount()).not.toThrow() }) it('should support all types', () => { const wrapper = mount(
, ) expect(() => wrapper.unmount()).not.toThrow() }) it('should render different text', () => { const wrapper = mount() expect(wrapper.text()).toContain('button') wrapper.setProps({ children: 按钮, }) expect(wrapper.text()).toContain('按钮') }) it('should render empty button correctly', () => { expect().toMatchSnapshot() }) it('should trigger callback function', () => { const WrapperButton = () => { const [state, setState] = React.useState('state1') return } const wrapper = mount() expect(wrapper.text()).toContain('state1') wrapper.simulate('click') expect(wrapper.text()).toContain('state2') }) it('should ignore events when disabled', () => { const WrapperButton = () => { const [state, setState] = React.useState('state1') return ( ) } const wrapper = mount() expect(wrapper.text()).toContain('state1') wrapper.simulate('click') expect(wrapper.text()).toContain('state1') expect(wrapper.text()).not.toContain('state2') }) it('should ignore events when loading', () => { const WrapperButton = () => { const [state, setState] = React.useState('state1') return ( ) } const wrapper = mount() wrapper.simulate('click') expect(wrapper.text()).not.toContain('state2') }) it('should render special styles', () => { const wrapper = mount(
, ) expect(wrapper).toMatchSnapshot() expect().toMatchSnapshot() }) it('should remove expired events', () => { const wrapper = mount() wrapper.simulate('click') expect(() => wrapper.unmount()).not.toThrow() }) it('should support loading change with deply', async () => { const wrapper = mount() wrapper.simulate('click') await sleep(500) wrapper.setProps({ loading: true }) await sleep(500) expect(wrapper.find('.loading-container').length).not.toBe(0) }) it('ref should be forwarded', () => { const ref = React.createRef() const wrapper = mount() expect(wrapper.find('button').getDOMNode()).toEqual(ref.current) expect(() => wrapper.unmount()).not.toThrow() }) }) ================================================ FILE: components/button/button-icon.tsx ================================================ import React from 'react' import useClasses from '../use-classes' interface Props { isRight?: boolean isSingle?: boolean className?: string } const defaultProps = { isRight: false, className: '', } type NativeAttrs = Omit, keyof Props> export type ButtonIconProps = Props & NativeAttrs const ButtonIcon: React.FC> = ({ isRight, isSingle, children, className, ...props }: ButtonIconProps & typeof defaultProps) => { const classes = useClasses('icon', { right: isRight, single: isSingle }, className) return ( {children} ) } ButtonIcon.defaultProps = defaultProps ButtonIcon.displayName = 'GeistButtonIcon' export default ButtonIcon ================================================ FILE: components/button/button-loading.tsx ================================================ import React from 'react' import Loading from '../loading' interface Props { color: string } const ButtonLoading: React.FC> = ({ color }) => { return (
) } ButtonLoading.displayName = 'GeistButtonLoading' export default ButtonLoading ================================================ FILE: components/button/button.drip.tsx ================================================ import React, { useEffect, useRef } from 'react' interface Props { x: number y: number onCompleted: () => void color: string } const defaultProps = { x: 0, y: 0, } export type ButtonDrip = Props const ButtonDrip: React.FC = ({ x, y, color, onCompleted, }: ButtonDrip & typeof defaultProps) => { const dripRef = useRef(null) /* istanbul ignore next */ const top = Number.isNaN(+y) ? 0 : y - 10 /* istanbul ignore next */ const left = Number.isNaN(+x) ? 0 : x - 10 useEffect(() => { /* istanbul ignore next */ if (!dripRef.current) return dripRef.current.addEventListener('animationend', onCompleted) return () => { /* istanbul ignore next */ if (!dripRef.current) return dripRef.current.removeEventListener('animationend', onCompleted) } }) return (
) } ButtonDrip.defaultProps = defaultProps ButtonDrip.displayName = 'GeistButtonDrip' export default ButtonDrip ================================================ FILE: components/button/button.tsx ================================================ import React, { useRef, useState, MouseEvent, useMemo, useImperativeHandle } from 'react' import useScale, { withScale } from '../use-scale' import useTheme from '../use-theme' import ButtonDrip from './button.drip' import ButtonLoading from './button-loading' import { ButtonTypes } from '../utils/prop-types' import { filterPropsWithGroup, getButtonChildrenWithIcon } from './utils' import { useButtonGroupContext } from '../button-group/button-group-context' import { getButtonColors, getButtonCursor, getButtonDripColor, getButtonHoverColors, } from './styles' import useClasses from '../use-classes' interface Props { type?: ButtonTypes ghost?: boolean loading?: boolean shadow?: boolean auto?: boolean effect?: boolean disabled?: boolean htmlType?: React.ButtonHTMLAttributes['type'] icon?: React.ReactNode iconRight?: React.ReactNode onClick?: React.MouseEventHandler className?: string } const defaultProps = { type: 'default' as ButtonTypes, htmlType: 'button' as React.ButtonHTMLAttributes['type'], ghost: false, loading: false, shadow: false, auto: false, effect: true, disabled: false, className: '', } type NativeAttrs = Omit, keyof Props> export type ButtonProps = Props & NativeAttrs const ButtonComponent = React.forwardRef< HTMLButtonElement, React.PropsWithChildren >( ( btnProps: ButtonProps & typeof defaultProps, ref: React.Ref, ) => { const theme = useTheme() const { SCALES } = useScale() const buttonRef = useRef(null) useImperativeHandle(ref, () => buttonRef.current) const [dripShow, setDripShow] = useState(false) const [dripX, setDripX] = useState(0) const [dripY, setDripY] = useState(0) const groupConfig = useButtonGroupContext() const filteredProps = filterPropsWithGroup(btnProps, groupConfig) /* eslint-disable @typescript-eslint/no-unused-vars */ const { children, disabled, type, loading, shadow, ghost, effect, onClick, auto, icon, htmlType, iconRight, className, ...props } = filteredProps /* eslint-enable @typescript-eslint/no-unused-vars */ const { bg, border, color } = useMemo( () => getButtonColors(theme.palette, filteredProps), [theme.palette, filteredProps], ) const hover = useMemo( () => getButtonHoverColors(theme.palette, filteredProps), [theme.palette, filteredProps], ) const { cursor, events } = useMemo( () => getButtonCursor(disabled, loading), [disabled, loading], ) const dripColor = useMemo( () => getButtonDripColor(theme.palette, filteredProps), [theme.palette, filteredProps], ) /* istanbul ignore next */ const dripCompletedHandle = () => { setDripShow(false) setDripX(0) setDripY(0) } const clickHandler = (event: MouseEvent) => { if (disabled || loading) return const showDrip = !shadow && !ghost && effect /* istanbul ignore next */ if (showDrip && buttonRef.current) { const rect = buttonRef.current.getBoundingClientRect() setDripShow(true) setDripX(event.clientX - rect.left) setDripY(event.clientY - rect.top) } onClick && onClick(event) } const childrenWithIcon = useMemo( () => getButtonChildrenWithIcon(auto, children, { icon, iconRight, }), [auto, children, icon, iconRight], ) const [paddingLeft, paddingRight] = [ auto ? SCALES.pl(1.15) : SCALES.pl(1.375), auto ? SCALES.pr(1.15) : SCALES.pr(1.375), ] return ( ) }, ) ButtonComponent.defaultProps = defaultProps ButtonComponent.displayName = 'GeistButton' const Button = withScale(ButtonComponent) export default Button ================================================ FILE: components/button/index.ts ================================================ import Button from './button' export type { ButtonProps } from './button' export type { ButtonTypes } from '../utils/prop-types' export default Button ================================================ FILE: components/button/styles.ts ================================================ import { GeistUIThemesPalette } from '../themes/presets' import { ButtonTypes } from '../utils/prop-types' import { ButtonProps } from './button' import { addColorAlpha } from '../utils/color' export interface ButtonColorGroup { bg: string border: string color: string } export const getButtonGhostColors = ( palette: GeistUIThemesPalette, type: ButtonTypes, ): ButtonColorGroup | null => { const colors: { [key in ButtonTypes]?: ButtonColorGroup } = { secondary: { bg: palette.background, border: palette.foreground, color: palette.foreground, }, success: { bg: palette.background, border: palette.success, color: palette.success, }, warning: { bg: palette.background, border: palette.warning, color: palette.warning, }, error: { bg: palette.background, border: palette.error, color: palette.error, }, } return colors[type] || null } export const getButtonColors = ( palette: GeistUIThemesPalette, props: ButtonProps, ): ButtonColorGroup => { const { type, disabled, ghost } = props const colors: { [key in ButtonTypes]?: ButtonColorGroup } = { default: { bg: palette.background, border: palette.border, color: palette.accents_5, }, secondary: { bg: palette.foreground, border: palette.foreground, color: palette.background, }, success: { bg: palette.success, border: palette.success, color: '#fff', }, warning: { bg: palette.warning, border: palette.warning, color: '#fff', }, error: { bg: palette.error, border: palette.error, color: '#fff', }, abort: { bg: 'transparent', border: 'transparent', color: palette.accents_5, }, } if (disabled) return { bg: palette.accents_1, border: palette.accents_2, color: '#ccc', } /** * The '-light' type is the same color as the common type, * only hover's color is different. * e.g. * Color['success'] === Color['success-light'] * Color['warning'] === Color['warning-light'] */ const withoutLightType = type?.replace('-light', '') as ButtonTypes const defaultColor = colors.default as ButtonColorGroup if (ghost) return getButtonGhostColors(palette, withoutLightType) || defaultColor return colors[withoutLightType] || defaultColor } export const getButtonGhostHoverColors = ( palette: GeistUIThemesPalette, type: ButtonTypes, ): ButtonColorGroup | null => { const colors: { [key in ButtonTypes]?: ButtonColorGroup } = { secondary: { bg: palette.foreground, border: palette.background, color: palette.background, }, success: { bg: palette.success, border: palette.background, color: 'white', }, warning: { bg: palette.warning, border: palette.background, color: 'white', }, error: { bg: palette.error, border: palette.background, color: 'white', }, } const withoutLightType = type.replace('-light', '') as ButtonTypes return colors[withoutLightType] || null } export const getButtonHoverColors = ( palette: GeistUIThemesPalette, props: ButtonProps, ): ButtonColorGroup => { const { type, disabled, loading, shadow, ghost } = props const defaultColor = getButtonColors(palette, props) const alphaBackground = addColorAlpha(defaultColor.bg, 0.85) const colors: { [key in ButtonTypes]: Omit & { color?: string } } = { default: { bg: palette.background, border: palette.foreground, }, secondary: { bg: palette.background, border: palette.foreground, }, success: { bg: palette.background, border: palette.success, }, warning: { bg: palette.background, border: palette.warning, }, error: { bg: palette.background, border: palette.error, }, abort: { bg: 'transparent', border: 'transparent', color: palette.accents_5, }, 'secondary-light': { ...defaultColor, bg: alphaBackground, }, 'success-light': { ...defaultColor, bg: alphaBackground, }, 'warning-light': { ...defaultColor, bg: alphaBackground, }, 'error-light': { ...defaultColor, bg: alphaBackground, }, } if (disabled) return { bg: palette.accents_1, border: palette.accents_2, color: '#ccc', } if (loading) return { ...defaultColor, color: 'transparent', } if (shadow) return defaultColor const hoverColor = (ghost ? getButtonGhostHoverColors(palette, type!) : colors[type!]) || colors.default return { ...hoverColor, color: hoverColor.color || hoverColor.border, } } export interface ButtonCursorGroup { cursor: string events: string } export const getButtonCursor = ( disabled: boolean, loading: boolean, ): ButtonCursorGroup => { if (disabled) return { cursor: 'not-allowed', events: 'auto', } if (loading) return { cursor: 'default', events: 'none', } return { cursor: 'pointer', events: 'auto', } } export const getButtonDripColor = (palette: GeistUIThemesPalette, props: ButtonProps) => { const { type } = props const isLightHover = type!.endsWith('light') const hoverColors = getButtonHoverColors(palette, props) return isLightHover ? addColorAlpha(hoverColors.bg, 0.65) : addColorAlpha(palette.accents_2, 0.65) } ================================================ FILE: components/button/utils.tsx ================================================ import React, { ReactNode } from 'react' import ButtonIcon from './button-icon' import { ButtonProps } from './button' import { ButtonGroupConfig } from '../button-group/button-group-context' import useClasses from '../use-classes' export const getButtonChildrenWithIcon = ( auto: boolean, children: ReactNode, icons: { icon?: React.ReactNode iconRight?: React.ReactNode }, ) => { const { icon, iconRight } = icons const hasIcon = icon || iconRight const isRight = Boolean(iconRight) const paddingForAutoMode = auto ? `calc(var(--geist-ui-button-height) / 2 + var(--geist-ui-button-icon-padding) * .5)` : 0 const classes = useClasses('text', isRight ? 'right' : 'left') if (!hasIcon) return
{children}
if (React.Children.count(children) === 0) { return ( {hasIcon} ) } return ( <> {hasIcon}
{children}
) } export const filterPropsWithGroup = >( props: T, config: ButtonGroupConfig, ): T => { if (!config.isButtonGroup) return props return { ...props, auto: true, shadow: false, ghost: config.ghost || props.ghost, type: config.type || props.type, disabled: config.disabled || props.disabled, } } ================================================ FILE: components/button-dropdown/__tests__/__snapshots__/index.test.tsx.snap ================================================ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Button Dropdown should render multiple types 1`] = ` LoadedCheerio { "0": Node { "attribs": Object { "class": "btn-dropdown", }, "children": Array [ Node { "attribs": Object { "class": "", }, "children": Array [ Node { "data": "Auto Mini", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #fff; color: #666; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #eaeaea; background-color: #fafafa; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #fff; color: #666; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #eaeaea; background-color: #fafafa; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "Auto Mini", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "button", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "dropdown-box", }, "children": Array [ Node { "attribs": Object { "fill": "none", "height": "calc(2.5 * 16px)", "shape-rendering": "geometricPrecision", "stroke": "#666", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1", "style": "color:#666", "viewBox": "0 0 24 24", "width": "calc(2.5 * 16px)", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": 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": "summary", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "", }, "children": Array [ Node { "data": "Auto Mini", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #f5a623; color: #fff; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #ab570a; background-color: #ab570a; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #f5a623; color: #fff; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #ab570a; background-color: #ab570a; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "Auto Mini", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "button", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "", }, "children": Array [ Node { "data": "Auto Mini", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #e00; color: #fff; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #c50000; background-color: #c50000; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #e00; color: #fff; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #c50000; background-color: #c50000; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "Auto Mini", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "button", "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": "", }, "children": Array [ Node { "data": "Auto Mini", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #e00; color: #fff; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #c50000; background-color: #c50000; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #e00; color: #fff; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #c50000; background-color: #c50000; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "Auto Mini", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "button", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "", }, "children": Array [ Node { "data": "Auto Mini", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #f5a623; color: #fff; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #ab570a; background-color: #ab570a; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #f5a623; color: #fff; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #ab570a; background-color: #ab570a; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "Auto Mini", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "button", "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": "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 {}, "x-attribsPrefix": Object {}, }, Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "", }, "children": Array [ Node { "data": "Auto Mini", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #f5a623; color: #fff; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #ab570a; background-color: #ab570a; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #f5a623; color: #fff; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #ab570a; background-color: #ab570a; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "Auto Mini", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "button", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "", }, "children": Array [ Node { "data": "Auto Mini", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #e00; color: #fff; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #c50000; background-color: #c50000; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #e00; color: #fff; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #c50000; background-color: #c50000; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "Auto Mini", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "button", "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": "", }, "children": Array [ Node { "data": "Auto Mini", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #e00; color: #fff; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #c50000; background-color: #c50000; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #e00; color: #fff; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #c50000; background-color: #c50000; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "Auto Mini", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "button", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "", }, "children": Array [ Node { "data": "Auto Mini", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #f5a623; color: #fff; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #ab570a; background-color: #ab570a; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #f5a623; color: #fff; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #ab570a; background-color: #ab570a; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "Auto Mini", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "button", "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": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "dropdown-box", }, "children": Array [ Node { "attribs": Object { "fill": "none", "height": "calc(2.5 * 16px)", "shape-rendering": "geometricPrecision", "stroke": "#666", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1", "style": "color:#666", "viewBox": "0 0 24 24", "width": "calc(2.5 * 16px)", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": 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": "summary", "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 { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, ], "name": "details", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .btn-dropdown { display: inline-flex; position: relative; box-sizing: border-box; border: 1px solid #eaeaea; border-radius: 6px; --geist-ui-dropdown-height: calc(2.5 * 16px); --geist-ui-dropdown-min-width: min-content; --geist-ui-dropdown-padding: 0 calc(1.15 * 16px) 0 calc(1.15 * 16px); --geist-ui-dropdown-font-size: calc(0.875 * 16px); } .btn-dropdown > :global(button) { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } details { border-top-right-radius: 6px; border-bottom-right-radius: 6px; overflow: hidden; } .dropdown-box { height: calc(2.5 * 16px); display: flex; justify-content: center; align-items: center; width: auto; } summary { box-sizing: border-box; -webkit-tap-highlight-color: transparent; list-style: none; outline: none; color: #666; background-color: #fff; height: calc(2.5 * 16px); border-left: 1px solid #eaeaea; cursor: pointer; display: flex; justify-content: center; align-items: center; width: auto; padding: 0 1px; transition: background 0.2s ease 0s, border-color 0.2s ease 0s; } summary:hover { border-color: #eaeaea; background-color: #fafafa; } .content { position: absolute; right: 0; left: 0; z-index: 90; width: 100%; border-radius: 6px; box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12); transform: translateY(8pt); background-color: #fff; } .content > :global(button:first-of-type) { border-top-left-radius: 6px; border-top-right-radius: 6px; } .content > :global(button:last-of-type) { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .dropdown-icon { display: flex; justify-content: center; align-items: center; transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "dropdown-box", }, "children": Array [ Node { "attribs": Object { "fill": "none", "height": "calc(2.5 * 16px)", "shape-rendering": "geometricPrecision", "stroke": "#666", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1", "style": "color:#666", "viewBox": "0 0 24 24", "width": "calc(2.5 * 16px)", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": 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": "summary", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "", }, "children": Array [ Node { "data": "Auto Mini", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #f5a623; color: #fff; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #ab570a; background-color: #ab570a; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #f5a623; color: #fff; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #ab570a; background-color: #ab570a; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "Auto Mini", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "button", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "", }, "children": Array [ Node { "data": "Auto Mini", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #e00; color: #fff; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #c50000; background-color: #c50000; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #e00; color: #fff; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #c50000; background-color: #c50000; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "Auto Mini", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "button", "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": "", }, "children": Array [ Node { "data": "Auto Mini", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #e00; color: #fff; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #c50000; background-color: #c50000; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #e00; color: #fff; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #c50000; background-color: #c50000; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "Auto Mini", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "button", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "", }, "children": Array [ Node { "data": "Auto Mini", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #f5a623; color: #fff; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #ab570a; background-color: #ab570a; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #f5a623; color: #fff; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #ab570a; background-color: #ab570a; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "Auto Mini", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "button", "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": "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 {}, "x-attribsPrefix": Object {}, }, Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "", }, "children": Array [ Node { "data": "Auto Mini", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #f5a623; color: #fff; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #ab570a; background-color: #ab570a; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #f5a623; color: #fff; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #ab570a; background-color: #ab570a; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "Auto Mini", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "button", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "", }, "children": Array [ Node { "data": "Auto Mini", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #e00; color: #fff; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #c50000; background-color: #c50000; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #e00; color: #fff; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #c50000; background-color: #c50000; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "Auto Mini", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "button", "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": "", }, "children": Array [ Node { "data": "Auto Mini", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #e00; color: #fff; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #c50000; background-color: #c50000; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #e00; color: #fff; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #c50000; background-color: #c50000; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "Auto Mini", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "button", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "", }, "children": Array [ Node { "data": "Auto Mini", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #f5a623; color: #fff; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #ab570a; background-color: #ab570a; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #f5a623; color: #fff; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #ab570a; background-color: #ab570a; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "Auto Mini", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "button", "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": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "dropdown-box", }, "children": Array [ Node { "attribs": Object { "fill": "none", "height": "calc(2.5 * 16px)", "shape-rendering": "geometricPrecision", "stroke": "#666", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1", "style": "color:#666", "viewBox": "0 0 24 24", "width": "calc(2.5 * 16px)", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": 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": "summary", "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 { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, ], "name": "details", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .btn-dropdown { display: inline-flex; position: relative; box-sizing: border-box; border: 1px solid #eaeaea; border-radius: 6px; --geist-ui-dropdown-height: calc(2.5 * 16px); --geist-ui-dropdown-min-width: min-content; --geist-ui-dropdown-padding: 0 calc(1.15 * 16px) 0 calc(1.15 * 16px); --geist-ui-dropdown-font-size: calc(0.875 * 16px); } .btn-dropdown > :global(button) { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } details { border-top-right-radius: 6px; border-bottom-right-radius: 6px; overflow: hidden; } .dropdown-box { height: calc(2.5 * 16px); display: flex; justify-content: center; align-items: center; width: auto; } summary { box-sizing: border-box; -webkit-tap-highlight-color: transparent; list-style: none; outline: none; color: #666; background-color: #fff; height: calc(2.5 * 16px); border-left: 1px solid #eaeaea; cursor: pointer; display: flex; justify-content: center; align-items: center; width: auto; padding: 0 1px; transition: background 0.2s ease 0s, border-color 0.2s ease 0s; } summary:hover { border-color: #eaeaea; background-color: #fafafa; } .content { position: absolute; right: 0; left: 0; z-index: 90; width: 100%; border-radius: 6px; box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12); transform: translateY(8pt); background-color: #fff; } .content > :global(button:first-of-type) { border-top-left-radius: 6px; border-top-right-radius: 6px; } .content > :global(button:last-of-type) { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .dropdown-icon { display: flex; justify-content: center; align-items: center; transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "class": "", }, "children": Array [ Node { "data": "Auto Mini", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #fff; color: #666; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #eaeaea; background-color: #fafafa; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #fff; color: #666; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #eaeaea; background-color: #fafafa; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "Auto Mini", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "button", "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 {}, "x-attribsPrefix": Object {}, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .btn-dropdown { display: inline-flex; position: relative; box-sizing: border-box; border: 1px solid #eaeaea; border-radius: 6px; --geist-ui-dropdown-height: calc(2.5 * 16px); --geist-ui-dropdown-min-width: min-content; --geist-ui-dropdown-padding: 0 calc(1.15 * 16px) 0 calc(1.15 * 16px); --geist-ui-dropdown-font-size: calc(0.875 * 16px); } .btn-dropdown > :global(button) { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } details { border-top-right-radius: 6px; border-bottom-right-radius: 6px; overflow: hidden; } .dropdown-box { height: calc(2.5 * 16px); display: flex; justify-content: center; align-items: center; width: auto; } summary { box-sizing: border-box; -webkit-tap-highlight-color: transparent; list-style: none; outline: none; color: #666; background-color: #fff; height: calc(2.5 * 16px); border-left: 1px solid #eaeaea; cursor: pointer; display: flex; justify-content: center; align-items: center; width: auto; padding: 0 1px; transition: background 0.2s ease 0s, border-color 0.2s ease 0s; } summary:hover { border-color: #eaeaea; background-color: #fafafa; } .content { position: absolute; right: 0; left: 0; z-index: 90; width: 100%; border-radius: 6px; box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12); transform: translateY(8pt); background-color: #fff; } .content > :global(button:first-of-type) { border-top-left-radius: 6px; border-top-right-radius: 6px; } .content > :global(button:last-of-type) { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .dropdown-icon { display: flex; justify-content: center; align-items: center; transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "dropdown-box", }, "children": Array [ Node { "attribs": Object { "fill": "none", "height": "calc(2.5 * 16px)", "shape-rendering": "geometricPrecision", "stroke": "#666", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1", "style": "color:#666", "viewBox": "0 0 24 24", "width": "calc(2.5 * 16px)", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": 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": "summary", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "", }, "children": Array [ Node { "data": "Auto Mini", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #f5a623; color: #fff; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #ab570a; background-color: #ab570a; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #f5a623; color: #fff; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #ab570a; background-color: #ab570a; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "Auto Mini", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "button", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "", }, "children": Array [ Node { "data": "Auto Mini", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #e00; color: #fff; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #c50000; background-color: #c50000; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #e00; color: #fff; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #c50000; background-color: #c50000; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "Auto Mini", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "button", "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": "", }, "children": Array [ Node { "data": "Auto Mini", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #e00; color: #fff; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #c50000; background-color: #c50000; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #e00; color: #fff; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #c50000; background-color: #c50000; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "Auto Mini", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "button", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "", }, "children": Array [ Node { "data": "Auto Mini", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #f5a623; color: #fff; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #ab570a; background-color: #ab570a; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #f5a623; color: #fff; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #ab570a; background-color: #ab570a; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "Auto Mini", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "button", "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": "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 {}, "x-attribsPrefix": Object {}, }, Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "", }, "children": Array [ Node { "data": "Auto Mini", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #f5a623; color: #fff; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #ab570a; background-color: #ab570a; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #f5a623; color: #fff; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #ab570a; background-color: #ab570a; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "Auto Mini", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "button", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "", }, "children": Array [ Node { "data": "Auto Mini", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #e00; color: #fff; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #c50000; background-color: #c50000; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #e00; color: #fff; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #c50000; background-color: #c50000; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "Auto Mini", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "button", "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": "", }, "children": Array [ Node { "data": "Auto Mini", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #e00; color: #fff; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #c50000; background-color: #c50000; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #e00; color: #fff; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #c50000; background-color: #c50000; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "Auto Mini", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "button", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "", }, "children": Array [ Node { "data": "Auto Mini", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #f5a623; color: #fff; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #ab570a; background-color: #ab570a; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #f5a623; color: #fff; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #ab570a; background-color: #ab570a; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "Auto Mini", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "button", "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": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "dropdown-box", }, "children": Array [ Node { "attribs": Object { "fill": "none", "height": "calc(2.5 * 16px)", "shape-rendering": "geometricPrecision", "stroke": "#666", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1", "style": "color:#666", "viewBox": "0 0 24 24", "width": "calc(2.5 * 16px)", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": 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": "summary", "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 { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, ], "name": "details", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "", }, "children": Array [ Node { "data": "Auto Mini", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #fff; color: #666; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #eaeaea; background-color: #fafafa; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #fff; color: #666; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #eaeaea; background-color: #fafafa; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "Auto Mini", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "button", "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 {}, "x-attribsPrefix": Object {}, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "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, }, "x-attribsPrefix": Object { "class": 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[`Button Dropdown should support types 1`] = ` LoadedCheerio { "0": Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "btn-dropdown", }, "children": Array [ Node { "attribs": Object { "class": "", }, "children": Array [ Node { "data": "Auto Mini", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #fff; color: #666; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #eaeaea; background-color: #fafafa; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #fff; color: #666; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #eaeaea; background-color: #fafafa; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "Auto Mini", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "button", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "dropdown-box", }, "children": Array [ Node { "attribs": Object { "fill": "none", "height": "calc(2.5 * 16px)", "shape-rendering": "geometricPrecision", "stroke": "#666", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1", "style": "color:#666", "viewBox": "0 0 24 24", "width": "calc(2.5 * 16px)", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": 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": "summary", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "content", }, "children": Array [], "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 {}, "x-attribsPrefix": Object {}, }, Node { "attribs": Object { "class": "content", }, "children": Array [], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "dropdown-box", }, "children": Array [ Node { "attribs": Object { "fill": "none", "height": "calc(2.5 * 16px)", "shape-rendering": "geometricPrecision", "stroke": "#666", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1", "style": "color:#666", "viewBox": "0 0 24 24", "width": "calc(2.5 * 16px)", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": 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": "summary", "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 { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, ], "name": "details", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .btn-dropdown { display: inline-flex; position: relative; box-sizing: border-box; border: 1px solid #eaeaea; border-radius: 6px; --geist-ui-dropdown-height: calc(2.5 * 16px); --geist-ui-dropdown-min-width: min-content; --geist-ui-dropdown-padding: 0 calc(1.15 * 16px) 0 calc(1.15 * 16px); --geist-ui-dropdown-font-size: calc(0.875 * 16px); } .btn-dropdown > :global(button) { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } details { border-top-right-radius: 6px; border-bottom-right-radius: 6px; overflow: hidden; } .dropdown-box { height: calc(2.5 * 16px); display: flex; justify-content: center; align-items: center; width: auto; } summary { box-sizing: border-box; -webkit-tap-highlight-color: transparent; list-style: none; outline: none; color: #666; background-color: #fff; height: calc(2.5 * 16px); border-left: 1px solid #eaeaea; cursor: pointer; display: flex; justify-content: center; align-items: center; width: auto; padding: 0 1px; transition: background 0.2s ease 0s, border-color 0.2s ease 0s; } summary:hover { border-color: #eaeaea; background-color: #fafafa; } .content { position: absolute; right: 0; left: 0; z-index: 90; width: 100%; border-radius: 6px; box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12); transform: translateY(8pt); background-color: #fff; } .content > :global(button:first-of-type) { border-top-left-radius: 6px; border-top-right-radius: 6px; } .content > :global(button:last-of-type) { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .dropdown-icon { display: flex; justify-content: center; align-items: center; transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "dropdown-box", }, "children": Array [ Node { "attribs": Object { "fill": "none", "height": "calc(2.5 * 16px)", "shape-rendering": "geometricPrecision", "stroke": "#666", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1", "style": "color:#666", "viewBox": "0 0 24 24", "width": "calc(2.5 * 16px)", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": 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": "summary", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "content", }, "children": Array [], "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 {}, "x-attribsPrefix": Object {}, }, Node { "attribs": Object { "class": "content", }, "children": Array [], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "dropdown-box", }, "children": Array [ Node { "attribs": Object { "fill": "none", "height": "calc(2.5 * 16px)", "shape-rendering": "geometricPrecision", "stroke": "#666", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1", "style": "color:#666", "viewBox": "0 0 24 24", "width": "calc(2.5 * 16px)", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": 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": "summary", "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 { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, ], "name": "details", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .btn-dropdown { display: inline-flex; position: relative; box-sizing: border-box; border: 1px solid #eaeaea; border-radius: 6px; --geist-ui-dropdown-height: calc(2.5 * 16px); --geist-ui-dropdown-min-width: min-content; --geist-ui-dropdown-padding: 0 calc(1.15 * 16px) 0 calc(1.15 * 16px); --geist-ui-dropdown-font-size: calc(0.875 * 16px); } .btn-dropdown > :global(button) { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } details { border-top-right-radius: 6px; border-bottom-right-radius: 6px; overflow: hidden; } .dropdown-box { height: calc(2.5 * 16px); display: flex; justify-content: center; align-items: center; width: auto; } summary { box-sizing: border-box; -webkit-tap-highlight-color: transparent; list-style: none; outline: none; color: #666; background-color: #fff; height: calc(2.5 * 16px); border-left: 1px solid #eaeaea; cursor: pointer; display: flex; justify-content: center; align-items: center; width: auto; padding: 0 1px; transition: background 0.2s ease 0s, border-color 0.2s ease 0s; } summary:hover { border-color: #eaeaea; background-color: #fafafa; } .content { position: absolute; right: 0; left: 0; z-index: 90; width: 100%; border-radius: 6px; box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12); transform: translateY(8pt); background-color: #fff; } .content > :global(button:first-of-type) { border-top-left-radius: 6px; border-top-right-radius: 6px; } .content > :global(button:last-of-type) { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .dropdown-icon { display: flex; justify-content: center; align-items: center; transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "class": "", }, "children": Array [ Node { "data": "Auto Mini", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #fff; color: #666; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #eaeaea; background-color: #fafafa; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #fff; color: #666; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #eaeaea; background-color: #fafafa; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "Auto Mini", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "button", "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 {}, "x-attribsPrefix": Object {}, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .btn-dropdown { display: inline-flex; position: relative; box-sizing: border-box; border: 1px solid #eaeaea; border-radius: 6px; --geist-ui-dropdown-height: calc(2.5 * 16px); --geist-ui-dropdown-min-width: min-content; --geist-ui-dropdown-padding: 0 calc(1.15 * 16px) 0 calc(1.15 * 16px); --geist-ui-dropdown-font-size: calc(0.875 * 16px); } .btn-dropdown > :global(button) { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } details { border-top-right-radius: 6px; border-bottom-right-radius: 6px; overflow: hidden; } .dropdown-box { height: calc(2.5 * 16px); display: flex; justify-content: center; align-items: center; width: auto; } summary { box-sizing: border-box; -webkit-tap-highlight-color: transparent; list-style: none; outline: none; color: #666; background-color: #fff; height: calc(2.5 * 16px); border-left: 1px solid #eaeaea; cursor: pointer; display: flex; justify-content: center; align-items: center; width: auto; padding: 0 1px; transition: background 0.2s ease 0s, border-color 0.2s ease 0s; } summary:hover { border-color: #eaeaea; background-color: #fafafa; } .content { position: absolute; right: 0; left: 0; z-index: 90; width: 100%; border-radius: 6px; box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12); transform: translateY(8pt); background-color: #fff; } .content > :global(button:first-of-type) { border-top-left-radius: 6px; border-top-right-radius: 6px; } .content > :global(button:last-of-type) { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .dropdown-icon { display: flex; justify-content: center; align-items: center; transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "dropdown-box", }, "children": Array [ Node { "attribs": Object { "fill": "none", "height": "calc(2.5 * 16px)", "shape-rendering": "geometricPrecision", "stroke": "#666", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1", "style": "color:#666", "viewBox": "0 0 24 24", "width": "calc(2.5 * 16px)", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": 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": "summary", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "content", }, "children": Array [], "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 {}, "x-attribsPrefix": Object {}, }, Node { "attribs": Object { "class": "content", }, "children": Array [], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "dropdown-box", }, "children": Array [ Node { "attribs": Object { "fill": "none", "height": "calc(2.5 * 16px)", "shape-rendering": "geometricPrecision", "stroke": "#666", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1", "style": "color:#666", "viewBox": "0 0 24 24", "width": "calc(2.5 * 16px)", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": 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": "summary", "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 { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, ], "name": "details", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "", }, "children": Array [ Node { "data": "Auto Mini", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #fff; color: #666; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #eaeaea; background-color: #fafafa; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #fff; color: #666; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #eaeaea; background-color: #fafafa; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "Auto Mini", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "button", "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 {}, "x-attribsPrefix": Object {}, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "btn-dropdown", }, "children": Array [ Node { "attribs": Object { "class": "", }, "children": Array [ Node { "data": "Auto Mini", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #fff; color: #666; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #eaeaea; background-color: #fafafa; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #fff; color: #666; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #eaeaea; background-color: #fafafa; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "Auto Mini", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "button", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "dropdown-box", }, "children": Array [ Node { "attribs": Object { "fill": "none", "height": "calc(2.5 * 16px)", "shape-rendering": "geometricPrecision", "stroke": "#666", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1", "style": "color:#666", "viewBox": "0 0 24 24", "width": "calc(2.5 * 16px)", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": 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": "summary", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "content", }, "children": Array [], "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 {}, "x-attribsPrefix": Object {}, }, Node { "attribs": Object { "class": "content", }, "children": Array [], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "dropdown-box", }, "children": Array [ Node { "attribs": Object { "fill": "none", "height": "calc(2.5 * 16px)", "shape-rendering": "geometricPrecision", "stroke": "#666", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1", "style": "color:#666", "viewBox": "0 0 24 24", "width": "calc(2.5 * 16px)", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": 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": "summary", "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 { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, ], "name": "details", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .btn-dropdown { display: inline-flex; position: relative; box-sizing: border-box; border: 1px solid #eaeaea; border-radius: 6px; --geist-ui-dropdown-height: calc(2.5 * 16px); --geist-ui-dropdown-min-width: calc(10.5 * 16px); --geist-ui-dropdown-padding: 0 calc(1.375 * 16px) 0 calc(1.375 * 16px); --geist-ui-dropdown-font-size: calc(0.875 * 16px); } .btn-dropdown > :global(button) { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } details { border-top-right-radius: 6px; border-bottom-right-radius: 6px; overflow: hidden; } .dropdown-box { height: calc(2.5 * 16px); display: flex; justify-content: center; align-items: center; width: auto; } summary { box-sizing: border-box; -webkit-tap-highlight-color: transparent; list-style: none; outline: none; color: #666; background-color: #fff; height: calc(2.5 * 16px); border-left: 1px solid #eaeaea; cursor: pointer; display: flex; justify-content: center; align-items: center; width: auto; padding: 0 1px; transition: background 0.2s ease 0s, border-color 0.2s ease 0s; } summary:hover { border-color: #eaeaea; background-color: #fafafa; } .content { position: absolute; right: 0; left: 0; z-index: 90; width: 100%; border-radius: 6px; box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12); transform: translateY(8pt); background-color: #fff; } .content > :global(button:first-of-type) { border-top-left-radius: 6px; border-top-right-radius: 6px; } .content > :global(button:last-of-type) { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .dropdown-icon { display: flex; justify-content: center; align-items: center; transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "dropdown-box", }, "children": Array [ Node { "attribs": Object { "fill": "none", "height": "calc(2.5 * 16px)", "shape-rendering": "geometricPrecision", "stroke": "#666", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1", "style": "color:#666", "viewBox": "0 0 24 24", "width": "calc(2.5 * 16px)", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": 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": "summary", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "content", }, "children": Array [], "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 {}, "x-attribsPrefix": Object {}, }, Node { "attribs": Object { "class": "content", }, "children": Array [], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "dropdown-box", }, "children": Array [ Node { "attribs": Object { "fill": "none", "height": "calc(2.5 * 16px)", "shape-rendering": "geometricPrecision", "stroke": "#666", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1", "style": "color:#666", "viewBox": "0 0 24 24", "width": "calc(2.5 * 16px)", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": 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": "summary", "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 { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, ], "name": "details", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .btn-dropdown { display: inline-flex; position: relative; box-sizing: border-box; border: 1px solid #eaeaea; border-radius: 6px; --geist-ui-dropdown-height: calc(2.5 * 16px); --geist-ui-dropdown-min-width: calc(10.5 * 16px); --geist-ui-dropdown-padding: 0 calc(1.375 * 16px) 0 calc(1.375 * 16px); --geist-ui-dropdown-font-size: calc(0.875 * 16px); } .btn-dropdown > :global(button) { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } details { border-top-right-radius: 6px; border-bottom-right-radius: 6px; overflow: hidden; } .dropdown-box { height: calc(2.5 * 16px); display: flex; justify-content: center; align-items: center; width: auto; } summary { box-sizing: border-box; -webkit-tap-highlight-color: transparent; list-style: none; outline: none; color: #666; background-color: #fff; height: calc(2.5 * 16px); border-left: 1px solid #eaeaea; cursor: pointer; display: flex; justify-content: center; align-items: center; width: auto; padding: 0 1px; transition: background 0.2s ease 0s, border-color 0.2s ease 0s; } summary:hover { border-color: #eaeaea; background-color: #fafafa; } .content { position: absolute; right: 0; left: 0; z-index: 90; width: 100%; border-radius: 6px; box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12); transform: translateY(8pt); background-color: #fff; } .content > :global(button:first-of-type) { border-top-left-radius: 6px; border-top-right-radius: 6px; } .content > :global(button:last-of-type) { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .dropdown-icon { display: flex; justify-content: center; align-items: center; transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "class": "", }, "children": Array [ Node { "data": "Auto Mini", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #fff; color: #666; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #eaeaea; background-color: #fafafa; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #fff; color: #666; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #eaeaea; background-color: #fafafa; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "Auto Mini", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "button", "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 {}, "x-attribsPrefix": Object {}, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .btn-dropdown { display: inline-flex; position: relative; box-sizing: border-box; border: 1px solid #eaeaea; border-radius: 6px; --geist-ui-dropdown-height: calc(2.5 * 16px); --geist-ui-dropdown-min-width: calc(10.5 * 16px); --geist-ui-dropdown-padding: 0 calc(1.375 * 16px) 0 calc(1.375 * 16px); --geist-ui-dropdown-font-size: calc(0.875 * 16px); } .btn-dropdown > :global(button) { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } details { border-top-right-radius: 6px; border-bottom-right-radius: 6px; overflow: hidden; } .dropdown-box { height: calc(2.5 * 16px); display: flex; justify-content: center; align-items: center; width: auto; } summary { box-sizing: border-box; -webkit-tap-highlight-color: transparent; list-style: none; outline: none; color: #666; background-color: #fff; height: calc(2.5 * 16px); border-left: 1px solid #eaeaea; cursor: pointer; display: flex; justify-content: center; align-items: center; width: auto; padding: 0 1px; transition: background 0.2s ease 0s, border-color 0.2s ease 0s; } summary:hover { border-color: #eaeaea; background-color: #fafafa; } .content { position: absolute; right: 0; left: 0; z-index: 90; width: 100%; border-radius: 6px; box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12); transform: translateY(8pt); background-color: #fff; } .content > :global(button:first-of-type) { border-top-left-radius: 6px; border-top-right-radius: 6px; } .content > :global(button:last-of-type) { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .dropdown-icon { display: flex; justify-content: center; align-items: center; transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "dropdown-box", }, "children": Array [ Node { "attribs": Object { "fill": "none", "height": "calc(2.5 * 16px)", "shape-rendering": "geometricPrecision", "stroke": "#666", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1", "style": "color:#666", "viewBox": "0 0 24 24", "width": "calc(2.5 * 16px)", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": 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": "summary", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "content", }, "children": Array [], "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 {}, "x-attribsPrefix": Object {}, }, Node { "attribs": Object { "class": "content", }, "children": Array [], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "dropdown-box", }, "children": Array [ Node { "attribs": Object { "fill": "none", "height": "calc(2.5 * 16px)", "shape-rendering": "geometricPrecision", "stroke": "#666", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1", "style": "color:#666", "viewBox": "0 0 24 24", "width": "calc(2.5 * 16px)", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": 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": "summary", "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 { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, ], "name": "details", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "", }, "children": Array [ Node { "data": "Auto Mini", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #fff; color: #666; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #eaeaea; background-color: #fafafa; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #fff; color: #666; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #eaeaea; background-color: #fafafa; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "Auto Mini", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "button", "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 {}, "x-attribsPrefix": Object {}, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "btn-dropdown", }, "children": Array [ Node { "attribs": Object { "class": "", }, "children": Array [ Node { "data": "Secondary Action", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #000; color: #fff; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #333; background-color: #333; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #000; color: #fff; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #333; background-color: #333; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "Secondary Action", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "button", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "dropdown-box", }, "children": Array [ Node { "attribs": Object { "fill": "none", "height": "calc(2.5 * 16px)", "shape-rendering": "geometricPrecision", "stroke": "#fff", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1", "style": "color:#fff", "viewBox": "0 0 24 24", "width": "calc(2.5 * 16px)", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": 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": "summary", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "content", }, "children": Array [], "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 {}, "x-attribsPrefix": Object {}, }, Node { "attribs": Object { "class": "content", }, "children": Array [], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "dropdown-box", }, "children": Array [ Node { "attribs": Object { "fill": "none", "height": "calc(2.5 * 16px)", "shape-rendering": "geometricPrecision", "stroke": "#fff", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1", "style": "color:#fff", "viewBox": "0 0 24 24", "width": "calc(2.5 * 16px)", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": 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": "summary", "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 { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, ], "name": "details", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .btn-dropdown { display: inline-flex; position: relative; box-sizing: border-box; border: 1px solid #eaeaea; border-radius: 6px; --geist-ui-dropdown-height: calc(2.5 * 16px); --geist-ui-dropdown-min-width: calc(10.5 * 16px); --geist-ui-dropdown-padding: 0 calc(1.375 * 16px) 0 calc(1.375 * 16px); --geist-ui-dropdown-font-size: calc(0.875 * 16px); } .btn-dropdown > :global(button) { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } details { border-top-right-radius: 6px; border-bottom-right-radius: 6px; overflow: hidden; } .dropdown-box { height: calc(2.5 * 16px); display: flex; justify-content: center; align-items: center; width: auto; } summary { box-sizing: border-box; -webkit-tap-highlight-color: transparent; list-style: none; outline: none; color: #fff; background-color: #000; height: calc(2.5 * 16px); border-left: 1px solid #333; cursor: pointer; display: flex; justify-content: center; align-items: center; width: auto; padding: 0 1px; transition: background 0.2s ease 0s, border-color 0.2s ease 0s; } summary:hover { border-color: #333; background-color: #333; } .content { position: absolute; right: 0; left: 0; z-index: 90; width: 100%; border-radius: 6px; box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12); transform: translateY(8pt); background-color: #fff; } .content > :global(button:first-of-type) { border-top-left-radius: 6px; border-top-right-radius: 6px; } .content > :global(button:last-of-type) { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .dropdown-icon { display: flex; justify-content: center; align-items: center; transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "dropdown-box", }, "children": Array [ Node { "attribs": Object { "fill": "none", "height": "calc(2.5 * 16px)", "shape-rendering": "geometricPrecision", "stroke": "#fff", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1", "style": "color:#fff", "viewBox": "0 0 24 24", "width": "calc(2.5 * 16px)", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": 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": "summary", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "content", }, "children": Array [], "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 {}, "x-attribsPrefix": Object {}, }, Node { "attribs": Object { "class": "content", }, "children": Array [], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "dropdown-box", }, "children": Array [ Node { "attribs": Object { "fill": "none", "height": "calc(2.5 * 16px)", "shape-rendering": "geometricPrecision", "stroke": "#fff", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1", "style": "color:#fff", "viewBox": "0 0 24 24", "width": "calc(2.5 * 16px)", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": 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": "summary", "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 { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, ], "name": "details", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .btn-dropdown { display: inline-flex; position: relative; box-sizing: border-box; border: 1px solid #eaeaea; border-radius: 6px; --geist-ui-dropdown-height: calc(2.5 * 16px); --geist-ui-dropdown-min-width: calc(10.5 * 16px); --geist-ui-dropdown-padding: 0 calc(1.375 * 16px) 0 calc(1.375 * 16px); --geist-ui-dropdown-font-size: calc(0.875 * 16px); } .btn-dropdown > :global(button) { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } details { border-top-right-radius: 6px; border-bottom-right-radius: 6px; overflow: hidden; } .dropdown-box { height: calc(2.5 * 16px); display: flex; justify-content: center; align-items: center; width: auto; } summary { box-sizing: border-box; -webkit-tap-highlight-color: transparent; list-style: none; outline: none; color: #fff; background-color: #000; height: calc(2.5 * 16px); border-left: 1px solid #333; cursor: pointer; display: flex; justify-content: center; align-items: center; width: auto; padding: 0 1px; transition: background 0.2s ease 0s, border-color 0.2s ease 0s; } summary:hover { border-color: #333; background-color: #333; } .content { position: absolute; right: 0; left: 0; z-index: 90; width: 100%; border-radius: 6px; box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12); transform: translateY(8pt); background-color: #fff; } .content > :global(button:first-of-type) { border-top-left-radius: 6px; border-top-right-radius: 6px; } .content > :global(button:last-of-type) { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .dropdown-icon { display: flex; justify-content: center; align-items: center; transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "class": "", }, "children": Array [ Node { "data": "Secondary Action", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #000; color: #fff; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #333; background-color: #333; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #000; color: #fff; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #333; background-color: #333; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "Secondary Action", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "button", "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 {}, "x-attribsPrefix": Object {}, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .btn-dropdown { display: inline-flex; position: relative; box-sizing: border-box; border: 1px solid #eaeaea; border-radius: 6px; --geist-ui-dropdown-height: calc(2.5 * 16px); --geist-ui-dropdown-min-width: calc(10.5 * 16px); --geist-ui-dropdown-padding: 0 calc(1.375 * 16px) 0 calc(1.375 * 16px); --geist-ui-dropdown-font-size: calc(0.875 * 16px); } .btn-dropdown > :global(button) { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } details { border-top-right-radius: 6px; border-bottom-right-radius: 6px; overflow: hidden; } .dropdown-box { height: calc(2.5 * 16px); display: flex; justify-content: center; align-items: center; width: auto; } summary { box-sizing: border-box; -webkit-tap-highlight-color: transparent; list-style: none; outline: none; color: #fff; background-color: #000; height: calc(2.5 * 16px); border-left: 1px solid #333; cursor: pointer; display: flex; justify-content: center; align-items: center; width: auto; padding: 0 1px; transition: background 0.2s ease 0s, border-color 0.2s ease 0s; } summary:hover { border-color: #333; background-color: #333; } .content { position: absolute; right: 0; left: 0; z-index: 90; width: 100%; border-radius: 6px; box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12); transform: translateY(8pt); background-color: #fff; } .content > :global(button:first-of-type) { border-top-left-radius: 6px; border-top-right-radius: 6px; } .content > :global(button:last-of-type) { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .dropdown-icon { display: flex; justify-content: center; align-items: center; transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "dropdown-box", }, "children": Array [ Node { "attribs": Object { "fill": "none", "height": "calc(2.5 * 16px)", "shape-rendering": "geometricPrecision", "stroke": "#fff", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1", "style": "color:#fff", "viewBox": "0 0 24 24", "width": "calc(2.5 * 16px)", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": 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": "summary", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "content", }, "children": Array [], "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 {}, "x-attribsPrefix": Object {}, }, Node { "attribs": Object { "class": "content", }, "children": Array [], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "dropdown-box", }, "children": Array [ Node { "attribs": Object { "fill": "none", "height": "calc(2.5 * 16px)", "shape-rendering": "geometricPrecision", "stroke": "#fff", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1", "style": "color:#fff", "viewBox": "0 0 24 24", "width": "calc(2.5 * 16px)", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": 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": "summary", "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 { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, ], "name": "details", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "", }, "children": Array [ Node { "data": "Secondary Action", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #000; color: #fff; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #333; background-color: #333; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #000; color: #fff; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #333; background-color: #333; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "Secondary Action", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "button", "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 {}, "x-attribsPrefix": Object {}, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "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": [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": "btn-dropdown", }, "children": Array [ Node { "attribs": Object { "class": "", }, "children": Array [ Node { "data": "Auto Mini", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #fff; color: #666; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #eaeaea; background-color: #fafafa; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #fff; color: #666; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #eaeaea; background-color: #fafafa; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "Auto Mini", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "button", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "dropdown-box", }, "children": Array [ Node { "attribs": Object { "fill": "none", "height": "calc(2.5 * 16px)", "shape-rendering": "geometricPrecision", "stroke": "#666", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1", "style": "color:#666", "viewBox": "0 0 24 24", "width": "calc(2.5 * 16px)", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": 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": "summary", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "content", }, "children": Array [], "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 {}, "x-attribsPrefix": Object {}, }, Node { "attribs": Object { "class": "content", }, "children": Array [], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "dropdown-box", }, "children": Array [ Node { "attribs": Object { "fill": "none", "height": "calc(2.5 * 16px)", "shape-rendering": "geometricPrecision", "stroke": "#666", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1", "style": "color:#666", "viewBox": "0 0 24 24", "width": "calc(2.5 * 16px)", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": 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": "summary", "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 { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, ], "name": "details", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .btn-dropdown { display: inline-flex; position: relative; box-sizing: border-box; border: 1px solid #eaeaea; border-radius: 6px; --geist-ui-dropdown-height: calc(2.5 * 16px); --geist-ui-dropdown-min-width: calc(10.5 * 16px); --geist-ui-dropdown-padding: 0 calc(1.375 * 16px) 0 calc(1.375 * 16px); --geist-ui-dropdown-font-size: calc(0.875 * 16px); } .btn-dropdown > :global(button) { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } details { border-top-right-radius: 6px; border-bottom-right-radius: 6px; overflow: hidden; } .dropdown-box { height: calc(2.5 * 16px); display: flex; justify-content: center; align-items: center; width: auto; } summary { box-sizing: border-box; -webkit-tap-highlight-color: transparent; list-style: none; outline: none; color: #666; background-color: #fff; height: calc(2.5 * 16px); border-left: 1px solid #eaeaea; cursor: pointer; display: flex; justify-content: center; align-items: center; width: auto; padding: 0 1px; transition: background 0.2s ease 0s, border-color 0.2s ease 0s; } summary:hover { border-color: #eaeaea; background-color: #fafafa; } .content { position: absolute; right: 0; left: 0; z-index: 90; width: 100%; border-radius: 6px; box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12); transform: translateY(8pt); background-color: #fff; } .content > :global(button:first-of-type) { border-top-left-radius: 6px; border-top-right-radius: 6px; } .content > :global(button:last-of-type) { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .dropdown-icon { display: flex; justify-content: center; align-items: center; transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "dropdown-box", }, "children": Array [ Node { "attribs": Object { "fill": "none", "height": "calc(2.5 * 16px)", "shape-rendering": "geometricPrecision", "stroke": "#666", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1", "style": "color:#666", "viewBox": "0 0 24 24", "width": "calc(2.5 * 16px)", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": 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": "summary", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "content", }, "children": Array [], "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 {}, "x-attribsPrefix": Object {}, }, Node { "attribs": Object { "class": "content", }, "children": Array [], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "dropdown-box", }, "children": Array [ Node { "attribs": Object { "fill": "none", "height": "calc(2.5 * 16px)", "shape-rendering": "geometricPrecision", "stroke": "#666", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1", "style": "color:#666", "viewBox": "0 0 24 24", "width": "calc(2.5 * 16px)", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": 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": "summary", "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 { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, ], "name": "details", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .btn-dropdown { display: inline-flex; position: relative; box-sizing: border-box; border: 1px solid #eaeaea; border-radius: 6px; --geist-ui-dropdown-height: calc(2.5 * 16px); --geist-ui-dropdown-min-width: calc(10.5 * 16px); --geist-ui-dropdown-padding: 0 calc(1.375 * 16px) 0 calc(1.375 * 16px); --geist-ui-dropdown-font-size: calc(0.875 * 16px); } .btn-dropdown > :global(button) { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } details { border-top-right-radius: 6px; border-bottom-right-radius: 6px; overflow: hidden; } .dropdown-box { height: calc(2.5 * 16px); display: flex; justify-content: center; align-items: center; width: auto; } summary { box-sizing: border-box; -webkit-tap-highlight-color: transparent; list-style: none; outline: none; color: #666; background-color: #fff; height: calc(2.5 * 16px); border-left: 1px solid #eaeaea; cursor: pointer; display: flex; justify-content: center; align-items: center; width: auto; padding: 0 1px; transition: background 0.2s ease 0s, border-color 0.2s ease 0s; } summary:hover { border-color: #eaeaea; background-color: #fafafa; } .content { position: absolute; right: 0; left: 0; z-index: 90; width: 100%; border-radius: 6px; box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12); transform: translateY(8pt); background-color: #fff; } .content > :global(button:first-of-type) { border-top-left-radius: 6px; border-top-right-radius: 6px; } .content > :global(button:last-of-type) { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .dropdown-icon { display: flex; justify-content: center; align-items: center; transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "class": "", }, "children": Array [ Node { "data": "Auto Mini", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #fff; color: #666; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #eaeaea; background-color: #fafafa; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #fff; color: #666; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #eaeaea; background-color: #fafafa; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "Auto Mini", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "button", "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 {}, "x-attribsPrefix": Object {}, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .btn-dropdown { display: inline-flex; position: relative; box-sizing: border-box; border: 1px solid #eaeaea; border-radius: 6px; --geist-ui-dropdown-height: calc(2.5 * 16px); --geist-ui-dropdown-min-width: calc(10.5 * 16px); --geist-ui-dropdown-padding: 0 calc(1.375 * 16px) 0 calc(1.375 * 16px); --geist-ui-dropdown-font-size: calc(0.875 * 16px); } .btn-dropdown > :global(button) { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } details { border-top-right-radius: 6px; border-bottom-right-radius: 6px; overflow: hidden; } .dropdown-box { height: calc(2.5 * 16px); display: flex; justify-content: center; align-items: center; width: auto; } summary { box-sizing: border-box; -webkit-tap-highlight-color: transparent; list-style: none; outline: none; color: #666; background-color: #fff; height: calc(2.5 * 16px); border-left: 1px solid #eaeaea; cursor: pointer; display: flex; justify-content: center; align-items: center; width: auto; padding: 0 1px; transition: background 0.2s ease 0s, border-color 0.2s ease 0s; } summary:hover { border-color: #eaeaea; background-color: #fafafa; } .content { position: absolute; right: 0; left: 0; z-index: 90; width: 100%; border-radius: 6px; box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12); transform: translateY(8pt); background-color: #fff; } .content > :global(button:first-of-type) { border-top-left-radius: 6px; border-top-right-radius: 6px; } .content > :global(button:last-of-type) { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .dropdown-icon { display: flex; justify-content: center; align-items: center; transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "dropdown-box", }, "children": Array [ Node { "attribs": Object { "fill": "none", "height": "calc(2.5 * 16px)", "shape-rendering": "geometricPrecision", "stroke": "#666", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1", "style": "color:#666", "viewBox": "0 0 24 24", "width": "calc(2.5 * 16px)", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": 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": "summary", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "content", }, "children": Array [], "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 {}, "x-attribsPrefix": Object {}, }, Node { "attribs": Object { "class": "content", }, "children": Array [], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "dropdown-box", }, "children": Array [ Node { "attribs": Object { "fill": "none", "height": "calc(2.5 * 16px)", "shape-rendering": "geometricPrecision", "stroke": "#666", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1", "style": "color:#666", "viewBox": "0 0 24 24", "width": "calc(2.5 * 16px)", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": 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": "summary", "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 { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, ], "name": "details", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "", }, "children": Array [ Node { "data": "Auto Mini", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #fff; color: #666; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #eaeaea; background-color: #fafafa; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #fff; color: #666; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #eaeaea; background-color: #fafafa; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "Auto Mini", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "button", "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 {}, "x-attribsPrefix": Object {}, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "btn-dropdown", }, "children": Array [ Node { "attribs": Object { "class": "", }, "children": Array [ Node { "data": "Secondary Action", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #000; color: #fff; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #333; background-color: #333; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #000; color: #fff; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #333; background-color: #333; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "Secondary Action", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "button", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "dropdown-box", }, "children": Array [ Node { "attribs": Object { "fill": "none", "height": "calc(2.5 * 16px)", "shape-rendering": "geometricPrecision", "stroke": "#fff", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1", "style": "color:#fff", "viewBox": "0 0 24 24", "width": "calc(2.5 * 16px)", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": 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": "summary", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "content", }, "children": Array [], "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 {}, "x-attribsPrefix": Object {}, }, Node { "attribs": Object { "class": "content", }, "children": Array [], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "dropdown-box", }, "children": Array [ Node { "attribs": Object { "fill": "none", "height": "calc(2.5 * 16px)", "shape-rendering": "geometricPrecision", "stroke": "#fff", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1", "style": "color:#fff", "viewBox": "0 0 24 24", "width": "calc(2.5 * 16px)", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": 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": "summary", "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 { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, ], "name": "details", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .btn-dropdown { display: inline-flex; position: relative; box-sizing: border-box; border: 1px solid #eaeaea; border-radius: 6px; --geist-ui-dropdown-height: calc(2.5 * 16px); --geist-ui-dropdown-min-width: calc(10.5 * 16px); --geist-ui-dropdown-padding: 0 calc(1.375 * 16px) 0 calc(1.375 * 16px); --geist-ui-dropdown-font-size: calc(0.875 * 16px); } .btn-dropdown > :global(button) { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } details { border-top-right-radius: 6px; border-bottom-right-radius: 6px; overflow: hidden; } .dropdown-box { height: calc(2.5 * 16px); display: flex; justify-content: center; align-items: center; width: auto; } summary { box-sizing: border-box; -webkit-tap-highlight-color: transparent; list-style: none; outline: none; color: #fff; background-color: #000; height: calc(2.5 * 16px); border-left: 1px solid #333; cursor: pointer; display: flex; justify-content: center; align-items: center; width: auto; padding: 0 1px; transition: background 0.2s ease 0s, border-color 0.2s ease 0s; } summary:hover { border-color: #333; background-color: #333; } .content { position: absolute; right: 0; left: 0; z-index: 90; width: 100%; border-radius: 6px; box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12); transform: translateY(8pt); background-color: #fff; } .content > :global(button:first-of-type) { border-top-left-radius: 6px; border-top-right-radius: 6px; } .content > :global(button:last-of-type) { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .dropdown-icon { display: flex; justify-content: center; align-items: center; transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "dropdown-box", }, "children": Array [ Node { "attribs": Object { "fill": "none", "height": "calc(2.5 * 16px)", "shape-rendering": "geometricPrecision", "stroke": "#fff", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1", "style": "color:#fff", "viewBox": "0 0 24 24", "width": "calc(2.5 * 16px)", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": 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": "summary", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "content", }, "children": Array [], "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 {}, "x-attribsPrefix": Object {}, }, Node { "attribs": Object { "class": "content", }, "children": Array [], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "dropdown-box", }, "children": Array [ Node { "attribs": Object { "fill": "none", "height": "calc(2.5 * 16px)", "shape-rendering": "geometricPrecision", "stroke": "#fff", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1", "style": "color:#fff", "viewBox": "0 0 24 24", "width": "calc(2.5 * 16px)", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": 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": "summary", "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 { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, ], "name": "details", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .btn-dropdown { display: inline-flex; position: relative; box-sizing: border-box; border: 1px solid #eaeaea; border-radius: 6px; --geist-ui-dropdown-height: calc(2.5 * 16px); --geist-ui-dropdown-min-width: calc(10.5 * 16px); --geist-ui-dropdown-padding: 0 calc(1.375 * 16px) 0 calc(1.375 * 16px); --geist-ui-dropdown-font-size: calc(0.875 * 16px); } .btn-dropdown > :global(button) { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } details { border-top-right-radius: 6px; border-bottom-right-radius: 6px; overflow: hidden; } .dropdown-box { height: calc(2.5 * 16px); display: flex; justify-content: center; align-items: center; width: auto; } summary { box-sizing: border-box; -webkit-tap-highlight-color: transparent; list-style: none; outline: none; color: #fff; background-color: #000; height: calc(2.5 * 16px); border-left: 1px solid #333; cursor: pointer; display: flex; justify-content: center; align-items: center; width: auto; padding: 0 1px; transition: background 0.2s ease 0s, border-color 0.2s ease 0s; } summary:hover { border-color: #333; background-color: #333; } .content { position: absolute; right: 0; left: 0; z-index: 90; width: 100%; border-radius: 6px; box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12); transform: translateY(8pt); background-color: #fff; } .content > :global(button:first-of-type) { border-top-left-radius: 6px; border-top-right-radius: 6px; } .content > :global(button:last-of-type) { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .dropdown-icon { display: flex; justify-content: center; align-items: center; transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "class": "", }, "children": Array [ Node { "data": "Secondary Action", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #000; color: #fff; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #333; background-color: #333; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #000; color: #fff; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #333; background-color: #333; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "Secondary Action", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "button", "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 {}, "x-attribsPrefix": Object {}, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .btn-dropdown { display: inline-flex; position: relative; box-sizing: border-box; border: 1px solid #eaeaea; border-radius: 6px; --geist-ui-dropdown-height: calc(2.5 * 16px); --geist-ui-dropdown-min-width: calc(10.5 * 16px); --geist-ui-dropdown-padding: 0 calc(1.375 * 16px) 0 calc(1.375 * 16px); --geist-ui-dropdown-font-size: calc(0.875 * 16px); } .btn-dropdown > :global(button) { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } details { border-top-right-radius: 6px; border-bottom-right-radius: 6px; overflow: hidden; } .dropdown-box { height: calc(2.5 * 16px); display: flex; justify-content: center; align-items: center; width: auto; } summary { box-sizing: border-box; -webkit-tap-highlight-color: transparent; list-style: none; outline: none; color: #fff; background-color: #000; height: calc(2.5 * 16px); border-left: 1px solid #333; cursor: pointer; display: flex; justify-content: center; align-items: center; width: auto; padding: 0 1px; transition: background 0.2s ease 0s, border-color 0.2s ease 0s; } summary:hover { border-color: #333; background-color: #333; } .content { position: absolute; right: 0; left: 0; z-index: 90; width: 100%; border-radius: 6px; box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12); transform: translateY(8pt); background-color: #fff; } .content > :global(button:first-of-type) { border-top-left-radius: 6px; border-top-right-radius: 6px; } .content > :global(button:last-of-type) { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .dropdown-icon { display: flex; justify-content: center; align-items: center; transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "dropdown-box", }, "children": Array [ Node { "attribs": Object { "fill": "none", "height": "calc(2.5 * 16px)", "shape-rendering": "geometricPrecision", "stroke": "#fff", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1", "style": "color:#fff", "viewBox": "0 0 24 24", "width": "calc(2.5 * 16px)", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": 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": "summary", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "content", }, "children": Array [], "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 {}, "x-attribsPrefix": Object {}, }, Node { "attribs": Object { "class": "content", }, "children": Array [], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "dropdown-box", }, "children": Array [ Node { "attribs": Object { "fill": "none", "height": "calc(2.5 * 16px)", "shape-rendering": "geometricPrecision", "stroke": "#fff", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1", "style": "color:#fff", "viewBox": "0 0 24 24", "width": "calc(2.5 * 16px)", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": 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": "summary", "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 { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, ], "name": "details", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "", }, "children": Array [ Node { "data": "Secondary Action", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #000; color: #fff; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #333; background-color: #333; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #000; color: #fff; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #333; background-color: #333; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "Secondary Action", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "button", "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 {}, "x-attribsPrefix": Object {}, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "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": Node { "attribs": Object { "class": "btn-dropdown", }, "children": Array [ Node { "attribs": Object { "class": "", }, "children": Array [ Node { "data": "Auto Mini", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #fff; color: #666; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #eaeaea; background-color: #fafafa; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #fff; color: #666; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #eaeaea; background-color: #fafafa; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "Auto Mini", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "button", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "dropdown-box", }, "children": Array [ Node { "attribs": Object { "fill": "none", "height": "calc(2.5 * 16px)", "shape-rendering": "geometricPrecision", "stroke": "#666", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1", "style": "color:#666", "viewBox": "0 0 24 24", "width": "calc(2.5 * 16px)", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": 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": "summary", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "content", }, "children": Array [], "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 {}, "x-attribsPrefix": Object {}, }, Node { "attribs": Object { "class": "content", }, "children": Array [], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "dropdown-box", }, "children": Array [ Node { "attribs": Object { "fill": "none", "height": "calc(2.5 * 16px)", "shape-rendering": "geometricPrecision", "stroke": "#666", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1", "style": "color:#666", "viewBox": "0 0 24 24", "width": "calc(2.5 * 16px)", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": 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": "summary", "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 { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, ], "name": "details", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .btn-dropdown { display: inline-flex; position: relative; box-sizing: border-box; border: 1px solid #eaeaea; border-radius: 6px; --geist-ui-dropdown-height: calc(2.5 * 16px); --geist-ui-dropdown-min-width: min-content; --geist-ui-dropdown-padding: 0 calc(1.15 * 16px) 0 calc(1.15 * 16px); --geist-ui-dropdown-font-size: calc(0.875 * 16px); } .btn-dropdown > :global(button) { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } details { border-top-right-radius: 6px; border-bottom-right-radius: 6px; overflow: hidden; } .dropdown-box { height: calc(2.5 * 16px); display: flex; justify-content: center; align-items: center; width: auto; } summary { box-sizing: border-box; -webkit-tap-highlight-color: transparent; list-style: none; outline: none; color: #666; background-color: #fff; height: calc(2.5 * 16px); border-left: 1px solid #eaeaea; cursor: pointer; display: flex; justify-content: center; align-items: center; width: auto; padding: 0 1px; transition: background 0.2s ease 0s, border-color 0.2s ease 0s; } summary:hover { border-color: #eaeaea; background-color: #fafafa; } .content { position: absolute; right: 0; left: 0; z-index: 90; width: 100%; border-radius: 6px; box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12); transform: translateY(8pt); background-color: #fff; } .content > :global(button:first-of-type) { border-top-left-radius: 6px; border-top-right-radius: 6px; } .content > :global(button:last-of-type) { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .dropdown-icon { display: flex; justify-content: center; align-items: center; transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "dropdown-box", }, "children": Array [ Node { "attribs": Object { "fill": "none", "height": "calc(2.5 * 16px)", "shape-rendering": "geometricPrecision", "stroke": "#666", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1", "style": "color:#666", "viewBox": "0 0 24 24", "width": "calc(2.5 * 16px)", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": 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": "summary", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "content", }, "children": Array [], "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 {}, "x-attribsPrefix": Object {}, }, Node { "attribs": Object { "class": "content", }, "children": Array [], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "dropdown-box", }, "children": Array [ Node { "attribs": Object { "fill": "none", "height": "calc(2.5 * 16px)", "shape-rendering": "geometricPrecision", "stroke": "#666", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1", "style": "color:#666", "viewBox": "0 0 24 24", "width": "calc(2.5 * 16px)", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": 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": "summary", "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 { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, ], "name": "details", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .btn-dropdown { display: inline-flex; position: relative; box-sizing: border-box; border: 1px solid #eaeaea; border-radius: 6px; --geist-ui-dropdown-height: calc(2.5 * 16px); --geist-ui-dropdown-min-width: min-content; --geist-ui-dropdown-padding: 0 calc(1.15 * 16px) 0 calc(1.15 * 16px); --geist-ui-dropdown-font-size: calc(0.875 * 16px); } .btn-dropdown > :global(button) { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } details { border-top-right-radius: 6px; border-bottom-right-radius: 6px; overflow: hidden; } .dropdown-box { height: calc(2.5 * 16px); display: flex; justify-content: center; align-items: center; width: auto; } summary { box-sizing: border-box; -webkit-tap-highlight-color: transparent; list-style: none; outline: none; color: #666; background-color: #fff; height: calc(2.5 * 16px); border-left: 1px solid #eaeaea; cursor: pointer; display: flex; justify-content: center; align-items: center; width: auto; padding: 0 1px; transition: background 0.2s ease 0s, border-color 0.2s ease 0s; } summary:hover { border-color: #eaeaea; background-color: #fafafa; } .content { position: absolute; right: 0; left: 0; z-index: 90; width: 100%; border-radius: 6px; box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12); transform: translateY(8pt); background-color: #fff; } .content > :global(button:first-of-type) { border-top-left-radius: 6px; border-top-right-radius: 6px; } .content > :global(button:last-of-type) { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .dropdown-icon { display: flex; justify-content: center; align-items: center; transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "class": "", }, "children": Array [ Node { "data": "Auto Mini", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #fff; color: #666; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #eaeaea; background-color: #fafafa; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #fff; color: #666; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #eaeaea; background-color: #fafafa; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "Auto Mini", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "button", "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 {}, "x-attribsPrefix": Object {}, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .btn-dropdown { display: inline-flex; position: relative; box-sizing: border-box; border: 1px solid #eaeaea; border-radius: 6px; --geist-ui-dropdown-height: calc(2.5 * 16px); --geist-ui-dropdown-min-width: min-content; --geist-ui-dropdown-padding: 0 calc(1.15 * 16px) 0 calc(1.15 * 16px); --geist-ui-dropdown-font-size: calc(0.875 * 16px); } .btn-dropdown > :global(button) { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } details { border-top-right-radius: 6px; border-bottom-right-radius: 6px; overflow: hidden; } .dropdown-box { height: calc(2.5 * 16px); display: flex; justify-content: center; align-items: center; width: auto; } summary { box-sizing: border-box; -webkit-tap-highlight-color: transparent; list-style: none; outline: none; color: #666; background-color: #fff; height: calc(2.5 * 16px); border-left: 1px solid #eaeaea; cursor: pointer; display: flex; justify-content: center; align-items: center; width: auto; padding: 0 1px; transition: background 0.2s ease 0s, border-color 0.2s ease 0s; } summary:hover { border-color: #eaeaea; background-color: #fafafa; } .content { position: absolute; right: 0; left: 0; z-index: 90; width: 100%; border-radius: 6px; box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12); transform: translateY(8pt); background-color: #fff; } .content > :global(button:first-of-type) { border-top-left-radius: 6px; border-top-right-radius: 6px; } .content > :global(button:last-of-type) { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .dropdown-icon { display: flex; justify-content: center; align-items: center; transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "dropdown-box", }, "children": Array [ Node { "attribs": Object { "fill": "none", "height": "calc(2.5 * 16px)", "shape-rendering": "geometricPrecision", "stroke": "#666", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1", "style": "color:#666", "viewBox": "0 0 24 24", "width": "calc(2.5 * 16px)", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": 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": "summary", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "content", }, "children": Array [], "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 {}, "x-attribsPrefix": Object {}, }, Node { "attribs": Object { "class": "content", }, "children": Array [], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "dropdown-box", }, "children": Array [ Node { "attribs": Object { "fill": "none", "height": "calc(2.5 * 16px)", "shape-rendering": "geometricPrecision", "stroke": "#666", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1", "style": "color:#666", "viewBox": "0 0 24 24", "width": "calc(2.5 * 16px)", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": 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": "summary", "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 { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, ], "name": "details", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "", }, "children": Array [ Node { "data": "Auto Mini", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #fff; color: #666; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #eaeaea; background-color: #fafafa; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #fff; color: #666; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #eaeaea; background-color: #fafafa; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "Auto Mini", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "button", "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 {}, "x-attribsPrefix": Object {}, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "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": "btn-dropdown", }, "children": Array [ Node { "attribs": Object { "class": "", }, "children": Array [ Node { "data": "Secondary Action", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #000; color: #fff; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #333; background-color: #333; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #000; color: #fff; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #333; background-color: #333; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "Secondary Action", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "button", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "dropdown-box", }, "children": Array [ Node { "attribs": Object { "fill": "none", "height": "calc(2.5 * 16px)", "shape-rendering": "geometricPrecision", "stroke": "#fff", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1", "style": "color:#fff", "viewBox": "0 0 24 24", "width": "calc(2.5 * 16px)", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": 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": "summary", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "content", }, "children": Array [], "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 {}, "x-attribsPrefix": Object {}, }, Node { "attribs": Object { "class": "content", }, "children": Array [], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "dropdown-box", }, "children": Array [ Node { "attribs": Object { "fill": "none", "height": "calc(2.5 * 16px)", "shape-rendering": "geometricPrecision", "stroke": "#fff", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1", "style": "color:#fff", "viewBox": "0 0 24 24", "width": "calc(2.5 * 16px)", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": 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": "summary", "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 { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, ], "name": "details", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .btn-dropdown { display: inline-flex; position: relative; box-sizing: border-box; border: 1px solid #eaeaea; border-radius: 6px; --geist-ui-dropdown-height: calc(2.5 * 16px); --geist-ui-dropdown-min-width: calc(10.5 * 16px); --geist-ui-dropdown-padding: 0 calc(1.375 * 16px) 0 calc(1.375 * 16px); --geist-ui-dropdown-font-size: calc(0.875 * 16px); } .btn-dropdown > :global(button) { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } details { border-top-right-radius: 6px; border-bottom-right-radius: 6px; overflow: hidden; } .dropdown-box { height: calc(2.5 * 16px); display: flex; justify-content: center; align-items: center; width: auto; } summary { box-sizing: border-box; -webkit-tap-highlight-color: transparent; list-style: none; outline: none; color: #fff; background-color: #000; height: calc(2.5 * 16px); border-left: 1px solid #333; cursor: pointer; display: flex; justify-content: center; align-items: center; width: auto; padding: 0 1px; transition: background 0.2s ease 0s, border-color 0.2s ease 0s; } summary:hover { border-color: #333; background-color: #333; } .content { position: absolute; right: 0; left: 0; z-index: 90; width: 100%; border-radius: 6px; box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12); transform: translateY(8pt); background-color: #fff; } .content > :global(button:first-of-type) { border-top-left-radius: 6px; border-top-right-radius: 6px; } .content > :global(button:last-of-type) { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .dropdown-icon { display: flex; justify-content: center; align-items: center; transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "dropdown-box", }, "children": Array [ Node { "attribs": Object { "fill": "none", "height": "calc(2.5 * 16px)", "shape-rendering": "geometricPrecision", "stroke": "#fff", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1", "style": "color:#fff", "viewBox": "0 0 24 24", "width": "calc(2.5 * 16px)", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": 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": "summary", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "content", }, "children": Array [], "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 {}, "x-attribsPrefix": Object {}, }, Node { "attribs": Object { "class": "content", }, "children": Array [], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "dropdown-box", }, "children": Array [ Node { "attribs": Object { "fill": "none", "height": "calc(2.5 * 16px)", "shape-rendering": "geometricPrecision", "stroke": "#fff", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1", "style": "color:#fff", "viewBox": "0 0 24 24", "width": "calc(2.5 * 16px)", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": 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": "summary", "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 { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, ], "name": "details", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .btn-dropdown { display: inline-flex; position: relative; box-sizing: border-box; border: 1px solid #eaeaea; border-radius: 6px; --geist-ui-dropdown-height: calc(2.5 * 16px); --geist-ui-dropdown-min-width: calc(10.5 * 16px); --geist-ui-dropdown-padding: 0 calc(1.375 * 16px) 0 calc(1.375 * 16px); --geist-ui-dropdown-font-size: calc(0.875 * 16px); } .btn-dropdown > :global(button) { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } details { border-top-right-radius: 6px; border-bottom-right-radius: 6px; overflow: hidden; } .dropdown-box { height: calc(2.5 * 16px); display: flex; justify-content: center; align-items: center; width: auto; } summary { box-sizing: border-box; -webkit-tap-highlight-color: transparent; list-style: none; outline: none; color: #fff; background-color: #000; height: calc(2.5 * 16px); border-left: 1px solid #333; cursor: pointer; display: flex; justify-content: center; align-items: center; width: auto; padding: 0 1px; transition: background 0.2s ease 0s, border-color 0.2s ease 0s; } summary:hover { border-color: #333; background-color: #333; } .content { position: absolute; right: 0; left: 0; z-index: 90; width: 100%; border-radius: 6px; box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12); transform: translateY(8pt); background-color: #fff; } .content > :global(button:first-of-type) { border-top-left-radius: 6px; border-top-right-radius: 6px; } .content > :global(button:last-of-type) { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .dropdown-icon { display: flex; justify-content: center; align-items: center; transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "class": "", }, "children": Array [ Node { "data": "Secondary Action", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #000; color: #fff; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #333; background-color: #333; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #000; color: #fff; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #333; background-color: #333; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "Secondary Action", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "button", "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 {}, "x-attribsPrefix": Object {}, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .btn-dropdown { display: inline-flex; position: relative; box-sizing: border-box; border: 1px solid #eaeaea; border-radius: 6px; --geist-ui-dropdown-height: calc(2.5 * 16px); --geist-ui-dropdown-min-width: calc(10.5 * 16px); --geist-ui-dropdown-padding: 0 calc(1.375 * 16px) 0 calc(1.375 * 16px); --geist-ui-dropdown-font-size: calc(0.875 * 16px); } .btn-dropdown > :global(button) { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } details { border-top-right-radius: 6px; border-bottom-right-radius: 6px; overflow: hidden; } .dropdown-box { height: calc(2.5 * 16px); display: flex; justify-content: center; align-items: center; width: auto; } summary { box-sizing: border-box; -webkit-tap-highlight-color: transparent; list-style: none; outline: none; color: #fff; background-color: #000; height: calc(2.5 * 16px); border-left: 1px solid #333; cursor: pointer; display: flex; justify-content: center; align-items: center; width: auto; padding: 0 1px; transition: background 0.2s ease 0s, border-color 0.2s ease 0s; } summary:hover { border-color: #333; background-color: #333; } .content { position: absolute; right: 0; left: 0; z-index: 90; width: 100%; border-radius: 6px; box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12); transform: translateY(8pt); background-color: #fff; } .content > :global(button:first-of-type) { border-top-left-radius: 6px; border-top-right-radius: 6px; } .content > :global(button:last-of-type) { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .dropdown-icon { display: flex; justify-content: center; align-items: center; transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "dropdown-box", }, "children": Array [ Node { "attribs": Object { "fill": "none", "height": "calc(2.5 * 16px)", "shape-rendering": "geometricPrecision", "stroke": "#fff", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1", "style": "color:#fff", "viewBox": "0 0 24 24", "width": "calc(2.5 * 16px)", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": 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": "summary", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "content", }, "children": Array [], "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 {}, "x-attribsPrefix": Object {}, }, Node { "attribs": Object { "class": "content", }, "children": Array [], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "dropdown-box", }, "children": Array [ Node { "attribs": Object { "fill": "none", "height": "calc(2.5 * 16px)", "shape-rendering": "geometricPrecision", "stroke": "#fff", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1", "style": "color:#fff", "viewBox": "0 0 24 24", "width": "calc(2.5 * 16px)", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": 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": "summary", "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 { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, ], "name": "details", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "", }, "children": Array [ Node { "data": "Secondary Action", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #000; color: #fff; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #333; background-color: #333; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #000; color: #fff; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #333; background-color: #333; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "Secondary Action", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "button", "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 {}, "x-attribsPrefix": Object {}, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "btn-dropdown", }, "children": Array [ Node { "attribs": Object { "class": "", }, "children": Array [ Node { "data": "Auto Mini", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #fff; color: #666; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #eaeaea; background-color: #fafafa; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #fff; color: #666; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #eaeaea; background-color: #fafafa; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "Auto Mini", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "button", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "dropdown-box", }, "children": Array [ Node { "attribs": Object { "fill": "none", "height": "calc(2.5 * 16px)", "shape-rendering": "geometricPrecision", "stroke": "#666", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1", "style": "color:#666", "viewBox": "0 0 24 24", "width": "calc(2.5 * 16px)", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": 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": "summary", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "content", }, "children": Array [], "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 {}, "x-attribsPrefix": Object {}, }, Node { "attribs": Object { "class": "content", }, "children": Array [], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "dropdown-box", }, "children": Array [ Node { "attribs": Object { "fill": "none", "height": "calc(2.5 * 16px)", "shape-rendering": "geometricPrecision", "stroke": "#666", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1", "style": "color:#666", "viewBox": "0 0 24 24", "width": "calc(2.5 * 16px)", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": 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": "summary", "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 { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, ], "name": "details", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .btn-dropdown { display: inline-flex; position: relative; box-sizing: border-box; border: 1px solid #eaeaea; border-radius: 6px; --geist-ui-dropdown-height: calc(2.5 * 16px); --geist-ui-dropdown-min-width: calc(10.5 * 16px); --geist-ui-dropdown-padding: 0 calc(1.375 * 16px) 0 calc(1.375 * 16px); --geist-ui-dropdown-font-size: calc(0.875 * 16px); } .btn-dropdown > :global(button) { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } details { border-top-right-radius: 6px; border-bottom-right-radius: 6px; overflow: hidden; } .dropdown-box { height: calc(2.5 * 16px); display: flex; justify-content: center; align-items: center; width: auto; } summary { box-sizing: border-box; -webkit-tap-highlight-color: transparent; list-style: none; outline: none; color: #666; background-color: #fff; height: calc(2.5 * 16px); border-left: 1px solid #eaeaea; cursor: pointer; display: flex; justify-content: center; align-items: center; width: auto; padding: 0 1px; transition: background 0.2s ease 0s, border-color 0.2s ease 0s; } summary:hover { border-color: #eaeaea; background-color: #fafafa; } .content { position: absolute; right: 0; left: 0; z-index: 90; width: 100%; border-radius: 6px; box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12); transform: translateY(8pt); background-color: #fff; } .content > :global(button:first-of-type) { border-top-left-radius: 6px; border-top-right-radius: 6px; } .content > :global(button:last-of-type) { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .dropdown-icon { display: flex; justify-content: center; align-items: center; transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "dropdown-box", }, "children": Array [ Node { "attribs": Object { "fill": "none", "height": "calc(2.5 * 16px)", "shape-rendering": "geometricPrecision", "stroke": "#666", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1", "style": "color:#666", "viewBox": "0 0 24 24", "width": "calc(2.5 * 16px)", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": 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": "summary", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "content", }, "children": Array [], "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 {}, "x-attribsPrefix": Object {}, }, Node { "attribs": Object { "class": "content", }, "children": Array [], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "dropdown-box", }, "children": Array [ Node { "attribs": Object { "fill": "none", "height": "calc(2.5 * 16px)", "shape-rendering": "geometricPrecision", "stroke": "#666", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1", "style": "color:#666", "viewBox": "0 0 24 24", "width": "calc(2.5 * 16px)", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": 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": "summary", "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 { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, ], "name": "details", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .btn-dropdown { display: inline-flex; position: relative; box-sizing: border-box; border: 1px solid #eaeaea; border-radius: 6px; --geist-ui-dropdown-height: calc(2.5 * 16px); --geist-ui-dropdown-min-width: calc(10.5 * 16px); --geist-ui-dropdown-padding: 0 calc(1.375 * 16px) 0 calc(1.375 * 16px); --geist-ui-dropdown-font-size: calc(0.875 * 16px); } .btn-dropdown > :global(button) { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } details { border-top-right-radius: 6px; border-bottom-right-radius: 6px; overflow: hidden; } .dropdown-box { height: calc(2.5 * 16px); display: flex; justify-content: center; align-items: center; width: auto; } summary { box-sizing: border-box; -webkit-tap-highlight-color: transparent; list-style: none; outline: none; color: #666; background-color: #fff; height: calc(2.5 * 16px); border-left: 1px solid #eaeaea; cursor: pointer; display: flex; justify-content: center; align-items: center; width: auto; padding: 0 1px; transition: background 0.2s ease 0s, border-color 0.2s ease 0s; } summary:hover { border-color: #eaeaea; background-color: #fafafa; } .content { position: absolute; right: 0; left: 0; z-index: 90; width: 100%; border-radius: 6px; box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12); transform: translateY(8pt); background-color: #fff; } .content > :global(button:first-of-type) { border-top-left-radius: 6px; border-top-right-radius: 6px; } .content > :global(button:last-of-type) { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .dropdown-icon { display: flex; justify-content: center; align-items: center; transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "class": "", }, "children": Array [ Node { "data": "Auto Mini", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #fff; color: #666; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #eaeaea; background-color: #fafafa; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #fff; color: #666; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #eaeaea; background-color: #fafafa; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "Auto Mini", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "button", "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 {}, "x-attribsPrefix": Object {}, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .btn-dropdown { display: inline-flex; position: relative; box-sizing: border-box; border: 1px solid #eaeaea; border-radius: 6px; --geist-ui-dropdown-height: calc(2.5 * 16px); --geist-ui-dropdown-min-width: calc(10.5 * 16px); --geist-ui-dropdown-padding: 0 calc(1.375 * 16px) 0 calc(1.375 * 16px); --geist-ui-dropdown-font-size: calc(0.875 * 16px); } .btn-dropdown > :global(button) { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } details { border-top-right-radius: 6px; border-bottom-right-radius: 6px; overflow: hidden; } .dropdown-box { height: calc(2.5 * 16px); display: flex; justify-content: center; align-items: center; width: auto; } summary { box-sizing: border-box; -webkit-tap-highlight-color: transparent; list-style: none; outline: none; color: #666; background-color: #fff; height: calc(2.5 * 16px); border-left: 1px solid #eaeaea; cursor: pointer; display: flex; justify-content: center; align-items: center; width: auto; padding: 0 1px; transition: background 0.2s ease 0s, border-color 0.2s ease 0s; } summary:hover { border-color: #eaeaea; background-color: #fafafa; } .content { position: absolute; right: 0; left: 0; z-index: 90; width: 100%; border-radius: 6px; box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12); transform: translateY(8pt); background-color: #fff; } .content > :global(button:first-of-type) { border-top-left-radius: 6px; border-top-right-radius: 6px; } .content > :global(button:last-of-type) { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .dropdown-icon { display: flex; justify-content: center; align-items: center; transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "dropdown-box", }, "children": Array [ Node { "attribs": Object { "fill": "none", "height": "calc(2.5 * 16px)", "shape-rendering": "geometricPrecision", "stroke": "#666", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1", "style": "color:#666", "viewBox": "0 0 24 24", "width": "calc(2.5 * 16px)", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": 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": "summary", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "content", }, "children": Array [], "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 {}, "x-attribsPrefix": Object {}, }, Node { "attribs": Object { "class": "content", }, "children": Array [], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "dropdown-box", }, "children": Array [ Node { "attribs": Object { "fill": "none", "height": "calc(2.5 * 16px)", "shape-rendering": "geometricPrecision", "stroke": "#666", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1", "style": "color:#666", "viewBox": "0 0 24 24", "width": "calc(2.5 * 16px)", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": 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": "summary", "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 { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, ], "name": "details", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "", }, "children": Array [ Node { "data": "Auto Mini", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #fff; color: #666; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #eaeaea; background-color: #fafafa; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #fff; color: #666; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #eaeaea; background-color: #fafafa; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "Auto Mini", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "button", "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 {}, "x-attribsPrefix": Object {}, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "btn-dropdown", }, "children": Array [ Node { "attribs": Object { "class": "", }, "children": Array [ Node { "data": "Auto Mini", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #fff; color: #666; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #eaeaea; background-color: #fafafa; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #fff; color: #666; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #eaeaea; background-color: #fafafa; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "Auto Mini", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "button", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "dropdown-box", }, "children": Array [ Node { "attribs": Object { "fill": "none", "height": "calc(2.5 * 16px)", "shape-rendering": "geometricPrecision", "stroke": "#666", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1", "style": "color:#666", "viewBox": "0 0 24 24", "width": "calc(2.5 * 16px)", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": 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": "summary", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "content", }, "children": Array [], "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 {}, "x-attribsPrefix": Object {}, }, Node { "attribs": Object { "class": "content", }, "children": Array [], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "dropdown-box", }, "children": Array [ Node { "attribs": Object { "fill": "none", "height": "calc(2.5 * 16px)", "shape-rendering": "geometricPrecision", "stroke": "#666", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1", "style": "color:#666", "viewBox": "0 0 24 24", "width": "calc(2.5 * 16px)", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": 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": "summary", "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 { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, ], "name": "details", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .btn-dropdown { display: inline-flex; position: relative; box-sizing: border-box; border: 1px solid #eaeaea; border-radius: 6px; --geist-ui-dropdown-height: calc(2.5 * 16px); --geist-ui-dropdown-min-width: min-content; --geist-ui-dropdown-padding: 0 calc(1.15 * 16px) 0 calc(1.15 * 16px); --geist-ui-dropdown-font-size: calc(0.875 * 16px); } .btn-dropdown > :global(button) { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } details { border-top-right-radius: 6px; border-bottom-right-radius: 6px; overflow: hidden; } .dropdown-box { height: calc(2.5 * 16px); display: flex; justify-content: center; align-items: center; width: auto; } summary { box-sizing: border-box; -webkit-tap-highlight-color: transparent; list-style: none; outline: none; color: #666; background-color: #fff; height: calc(2.5 * 16px); border-left: 1px solid #eaeaea; cursor: pointer; display: flex; justify-content: center; align-items: center; width: auto; padding: 0 1px; transition: background 0.2s ease 0s, border-color 0.2s ease 0s; } summary:hover { border-color: #eaeaea; background-color: #fafafa; } .content { position: absolute; right: 0; left: 0; z-index: 90; width: 100%; border-radius: 6px; box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12); transform: translateY(8pt); background-color: #fff; } .content > :global(button:first-of-type) { border-top-left-radius: 6px; border-top-right-radius: 6px; } .content > :global(button:last-of-type) { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .dropdown-icon { display: flex; justify-content: center; align-items: center; transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "dropdown-box", }, "children": Array [ Node { "attribs": Object { "fill": "none", "height": "calc(2.5 * 16px)", "shape-rendering": "geometricPrecision", "stroke": "#666", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1", "style": "color:#666", "viewBox": "0 0 24 24", "width": "calc(2.5 * 16px)", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": 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": "summary", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "content", }, "children": Array [], "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 {}, "x-attribsPrefix": Object {}, }, Node { "attribs": Object { "class": "content", }, "children": Array [], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "dropdown-box", }, "children": Array [ Node { "attribs": Object { "fill": "none", "height": "calc(2.5 * 16px)", "shape-rendering": "geometricPrecision", "stroke": "#666", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1", "style": "color:#666", "viewBox": "0 0 24 24", "width": "calc(2.5 * 16px)", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": 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": "summary", "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 { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, ], "name": "details", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .btn-dropdown { display: inline-flex; position: relative; box-sizing: border-box; border: 1px solid #eaeaea; border-radius: 6px; --geist-ui-dropdown-height: calc(2.5 * 16px); --geist-ui-dropdown-min-width: min-content; --geist-ui-dropdown-padding: 0 calc(1.15 * 16px) 0 calc(1.15 * 16px); --geist-ui-dropdown-font-size: calc(0.875 * 16px); } .btn-dropdown > :global(button) { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } details { border-top-right-radius: 6px; border-bottom-right-radius: 6px; overflow: hidden; } .dropdown-box { height: calc(2.5 * 16px); display: flex; justify-content: center; align-items: center; width: auto; } summary { box-sizing: border-box; -webkit-tap-highlight-color: transparent; list-style: none; outline: none; color: #666; background-color: #fff; height: calc(2.5 * 16px); border-left: 1px solid #eaeaea; cursor: pointer; display: flex; justify-content: center; align-items: center; width: auto; padding: 0 1px; transition: background 0.2s ease 0s, border-color 0.2s ease 0s; } summary:hover { border-color: #eaeaea; background-color: #fafafa; } .content { position: absolute; right: 0; left: 0; z-index: 90; width: 100%; border-radius: 6px; box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12); transform: translateY(8pt); background-color: #fff; } .content > :global(button:first-of-type) { border-top-left-radius: 6px; border-top-right-radius: 6px; } .content > :global(button:last-of-type) { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .dropdown-icon { display: flex; justify-content: center; align-items: center; transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "class": "", }, "children": Array [ Node { "data": "Auto Mini", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #fff; color: #666; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #eaeaea; background-color: #fafafa; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #fff; color: #666; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #eaeaea; background-color: #fafafa; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "Auto Mini", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "button", "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 {}, "x-attribsPrefix": Object {}, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .btn-dropdown { display: inline-flex; position: relative; box-sizing: border-box; border: 1px solid #eaeaea; border-radius: 6px; --geist-ui-dropdown-height: calc(2.5 * 16px); --geist-ui-dropdown-min-width: min-content; --geist-ui-dropdown-padding: 0 calc(1.15 * 16px) 0 calc(1.15 * 16px); --geist-ui-dropdown-font-size: calc(0.875 * 16px); } .btn-dropdown > :global(button) { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } details { border-top-right-radius: 6px; border-bottom-right-radius: 6px; overflow: hidden; } .dropdown-box { height: calc(2.5 * 16px); display: flex; justify-content: center; align-items: center; width: auto; } summary { box-sizing: border-box; -webkit-tap-highlight-color: transparent; list-style: none; outline: none; color: #666; background-color: #fff; height: calc(2.5 * 16px); border-left: 1px solid #eaeaea; cursor: pointer; display: flex; justify-content: center; align-items: center; width: auto; padding: 0 1px; transition: background 0.2s ease 0s, border-color 0.2s ease 0s; } summary:hover { border-color: #eaeaea; background-color: #fafafa; } .content { position: absolute; right: 0; left: 0; z-index: 90; width: 100%; border-radius: 6px; box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12); transform: translateY(8pt); background-color: #fff; } .content > :global(button:first-of-type) { border-top-left-radius: 6px; border-top-right-radius: 6px; } .content > :global(button:last-of-type) { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .dropdown-icon { display: flex; justify-content: center; align-items: center; transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "dropdown-box", }, "children": Array [ Node { "attribs": Object { "fill": "none", "height": "calc(2.5 * 16px)", "shape-rendering": "geometricPrecision", "stroke": "#666", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1", "style": "color:#666", "viewBox": "0 0 24 24", "width": "calc(2.5 * 16px)", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": 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": "summary", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "content", }, "children": Array [], "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 {}, "x-attribsPrefix": Object {}, }, Node { "attribs": Object { "class": "content", }, "children": Array [], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "dropdown-box", }, "children": Array [ Node { "attribs": Object { "fill": "none", "height": "calc(2.5 * 16px)", "shape-rendering": "geometricPrecision", "stroke": "#666", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1", "style": "color:#666", "viewBox": "0 0 24 24", "width": "calc(2.5 * 16px)", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transform: scale(0.6); } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "height": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, "width": 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": "summary", "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 { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, ], "name": "details", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "", }, "children": Array [ Node { "data": "Auto Mini", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #fff; color: #666; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #eaeaea; background-color: #fafafa; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " button { position: relative; -webkit-appearance: button; text-rendering: auto; display: inline-flex; flex: 1; justify-content: center; align-items: center; vertical-align: middle; text-align: center; cursor: pointer; box-sizing: border-box; margin: 0; border: none; background-color: #fff; color: #666; width: 100%; height: var(--geist-ui-dropdown-height); min-width: var(--geist-ui-dropdown-min-width); padding: var(--geist-ui-dropdown-padding); font-size: var(--geist-ui-dropdown-font-size); } button:hover { border-color: #eaeaea; background-color: #fafafa; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "Auto Mini", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "button", "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 {}, "x-attribsPrefix": Object {}, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "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, }, }, ], "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 {}, "x-attribsPrefix": Object {}, }, "_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, }, } `; ================================================ FILE: components/button-dropdown/__tests__/index.test.tsx ================================================ import React from 'react' import { mount, render } from 'enzyme' import { ButtonDropdown } from 'components' import { mockNativeEvent, nativeEvent } from 'tests/utils' const Icon: React.FC = () => describe('Button Dropdown', () => { it('should render correctly', () => { const wrapper = mount( Default Action Secondary Action Tertiary Action , ) expect(() => wrapper.unmount()).not.toThrow() }) it('right icon should render correctly', () => { const wrapper = mount( }> Default Action Secondary Action Tertiary Action , ) expect(() => wrapper.unmount()).not.toThrow() }) it('should support types', () => { const wrapper = render(
Auto Mini Auto Mini Secondary Action
, ) expect(wrapper).toMatchSnapshot() }) it('should trigger callback function', () => { const Wrapper = () => { const [state, setState] = React.useState('state1') return ( setState('state2')}> {state} ) } const wrapper = mount() expect(wrapper.text()).toContain('state1') wrapper.find('button').simulate('click', nativeEvent) expect(wrapper.text()).toContain('state2') }) it('should work correctly when callback missing', () => { const wrapper = mount( , ) wrapper.find('button').simulate('click', nativeEvent) expect(() => wrapper.unmount()).not.toThrow() }) it('should ignore all events when loading', () => { const Wrapper = () => { const [state, setState] = React.useState('state1') return ( setState('state2')}> {state} ) } const wrapper = mount() wrapper.find('button').simulate('click', nativeEvent) expect(wrapper.text()).not.toContain('state2') }) it('should ignore all events when disabled', () => { const Wrapper = () => { const [state, setState] = React.useState('state1') return ( setState('state2')}> {state} ) } const wrapper = mount() wrapper.find('summary').simulate('click', nativeEvent) wrapper.find('button').simulate('click', nativeEvent) expect(wrapper.text()).not.toContain('state2') }) it('should render multiple types', () => { const wrapper = render( Auto Mini Auto Mini Auto Mini , ) expect(wrapper).toMatchSnapshot() }) it('should expand after click', () => { const wrapper = mount( Default Action Secondary Action Tertiary Action , ) wrapper.find('summary').simulate('click', nativeEvent) const open = wrapper.find('details').prop('open') expect(open).toBeTruthy() }) it('should stop propagation', () => { let stopped = false const nativeEvent = mockNativeEvent(() => (stopped = true)) const wrapper = mount( Default Action Secondary Action Tertiary Action , ) wrapper.find('summary').simulate('click', nativeEvent) expect(stopped).toBeTruthy() }) }) ================================================ FILE: components/button-dropdown/button-dropdown-context.ts ================================================ import React from 'react' import { NormalTypes } from '../utils/prop-types' export interface ButtonDropdownConfig { type?: NormalTypes auto?: boolean disabled?: boolean loading?: boolean } const defaultContext = { type: 'default' as NormalTypes, auto: false, disabled: false, loading: false, } export const ButtonDropdownContext = React.createContext( defaultContext, ) export const useButtonDropdown = (): ButtonDropdownConfig => React.useContext(ButtonDropdownContext) ================================================ FILE: components/button-dropdown/button-dropdown-item.tsx ================================================ import React, { MouseEvent, useMemo } from 'react' import useTheme from '../use-theme' import { getColor } from './styles' import { useButtonDropdown } from './button-dropdown-context' import Loading from '../loading' import { NormalTypes } from '../utils/prop-types' export type ButtonDropdownItemTypes = NormalTypes interface Props { main?: boolean type?: ButtonDropdownItemTypes onClick?: React.MouseEventHandler className?: string } const defaultProps = { main: false, type: 'default' as ButtonDropdownItemTypes, onClick: () => {}, className: '', } type NativeAttrs = Omit, keyof Props> export type ButtonDropdownItemProps = Props & NativeAttrs const ButtonDropdownItem: React.FC> = ({ children, onClick, className, main, type: selfType, ...props }: ButtonDropdownItemProps & typeof defaultProps) => { const theme = useTheme() const { type: parentType, disabled, loading } = useButtonDropdown() const type = main ? parentType : selfType const colors = getColor(theme.palette, type, disabled) const clickHandler = (event: MouseEvent) => { if (disabled || loading) return onClick && onClick(event) } const cursor = useMemo(() => { if (loading) return 'default' return disabled ? 'not-allowed' : 'pointer' }, [loading, disabled]) return ( ) } ButtonDropdownItem.defaultProps = defaultProps ButtonDropdownItem.displayName = 'GeistButtonDropdownItem' export default ButtonDropdownItem ================================================ FILE: components/button-dropdown/button-dropdown.tsx ================================================ import React, { MouseEvent, useCallback, useMemo, useRef, useState } from 'react' import useTheme from '../use-theme' import useClickAway from '../utils/use-click-away' import { getColor } from './styles' import ButtonDropdownIcon from './icon' import ButtonDropdownItem from './button-dropdown-item' import { ButtonDropdownContext } from './button-dropdown-context' import { NormalTypes } from '../utils/prop-types' import { pickChild, pickChildByProps } from '../utils/collections' import useScale, { withScale } from '../use-scale' import useClasses from '../use-classes' export type ButtonDropdownTypes = NormalTypes interface Props { type?: ButtonDropdownTypes auto?: boolean loading?: boolean disabled?: boolean className?: string icon?: React.ReactNode } const defaultProps = { type: 'default' as ButtonDropdownTypes, auto: false, loading: false, disabled: false, className: '', } type NativeAttrs = Omit, keyof Props> export type ButtonDropdownProps = Props & NativeAttrs const stopPropagation = (event: MouseEvent) => { event.stopPropagation() event.nativeEvent.stopImmediatePropagation() } const ButtonDropdownComponent: React.FC> = ({ children, type, auto, className, disabled, loading, icon, ...props }) => { const { SCALES } = useScale() const ref = useRef(null) const theme = useTheme() const colors = getColor(theme.palette, type) const itemChildren = pickChild(children, ButtonDropdownItem)[1] const [itemChildrenWithoutMain, mainItemChildren] = pickChildByProps( itemChildren, 'main', true, ) const [visible, setVisible] = useState(false) const clickHandler = useCallback( (event: MouseEvent) => { event.preventDefault() stopPropagation(event) if (disabled || loading) return setVisible(!visible) }, [visible], ) const initialValue = { type, auto, disabled, loading, } const bgColor = useMemo(() => { if (disabled || loading) return theme.palette.accents_1 return visible ? colors.hoverBgColor : colors.bgColor }, [visible, colors, theme.palette]) const [paddingLeft, paddingRight] = [ auto ? SCALES.pl(1.15) : SCALES.pl(1.375), auto ? SCALES.pr(1.15) : SCALES.pr(1.375), ] useClickAway(ref, () => setVisible(false)) return (
{mainItemChildren}
{icon ? ( {icon} ) : ( )}
{itemChildrenWithoutMain}
 ) } ButtonDropdownComponent.displayName = 'GeistButtonDropdown' ButtonDropdownComponent.defaultProps = defaultProps const ButtonDropdown = withScale(ButtonDropdownComponent) export default ButtonDropdown ================================================ FILE: components/button-dropdown/icon.tsx ================================================ import React from 'react' interface Props { color?: string height?: string } const ButtonDropdownIcon: React.FC = ({ color, height }) => { return ( ) } ButtonDropdownIcon.displayName = 'GeistButtonDropdownIcon' export default ButtonDropdownIcon ================================================ FILE: components/button-dropdown/index.ts ================================================ import ButtonDropdown from './button-dropdown' import ButtonDropdownItem from './button-dropdown-item' type ButtonDropdownType = typeof ButtonDropdown & { Item: typeof ButtonDropdownItem } ;(ButtonDropdown as ButtonDropdownType).Item = ButtonDropdownItem export type { ButtonDropdownProps, ButtonDropdownTypes } from './button-dropdown' export type { ButtonDropdownItemProps, ButtonDropdownItemTypes, } from './button-dropdown-item' export default ButtonDropdown as ButtonDropdownType ================================================ FILE: components/button-dropdown/styles.ts ================================================ import { GeistUIThemesPalette } from '../themes/presets' import { NormalTypes } from '../utils/prop-types' type ButtonDropdownColors = { color: string bgColor: string hoverBgColor: string hoverBorder: string borderLeftColor: string } export const getColor = ( palette: GeistUIThemesPalette, type: NormalTypes | undefined, disabled: boolean = false, ) => { const colors: { [key in NormalTypes]: ButtonDropdownColors } = { default: { color: palette.accents_5, bgColor: palette.background, borderLeftColor: palette.accents_2, hoverBgColor: palette.accents_1, hoverBorder: palette.accents_2, }, secondary: { color: palette.background, bgColor: palette.foreground, borderLeftColor: palette.accents_7, hoverBgColor: palette.accents_7, hoverBorder: palette.accents_7, }, success: { color: palette.background, bgColor: palette.success, borderLeftColor: palette.successDark, hoverBgColor: palette.successDark, hoverBorder: palette.successDark, }, warning: { color: palette.background, bgColor: palette.warning, borderLeftColor: palette.warningDark, hoverBgColor: palette.warningDark, hoverBorder: palette.warningDark, }, error: { color: palette.background, bgColor: palette.error, borderLeftColor: palette.errorDark, hoverBgColor: palette.errorDark, hoverBorder: palette.errorDark, }, } if (disabled) return { ...colors.default, bgColor: palette.accents_1, color: palette.accents_4, } return type ? colors[type] : colors.default } ================================================ FILE: components/button-group/__tests__/__snapshots__/index.test.tsx.snap ================================================ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`ButtonGroup buttons should be displayed vertically 1`] = ` "
" `; exports[`ButtonGroup props should be passed to each button 1`] = ` "
" `; exports[`ButtonGroup props should be passed to each button 2`] = ` "
" `; exports[`ButtonGroup should render correctly 1`] = ` "
" `; ================================================ FILE: components/button-group/__tests__/index.test.tsx ================================================ import React from 'react' import { mount } from 'enzyme' import { ButtonGroup, Button } from 'components' import { nativeEvent } from 'tests/utils' describe('ButtonGroup', () => { it('should render correctly', () => { const wrapper = mount( , ) expect(wrapper.html()).toMatchSnapshot() expect(() => wrapper.unmount()).not.toThrow() }) it('props should be passed to each button', () => { const wrapper = mount( , ) expect(wrapper.html()).toMatchSnapshot() wrapper.setProps({ ghost: true }) expect(wrapper.html()).toMatchSnapshot() expect(() => wrapper.unmount()).not.toThrow() }) it('should ignore events when group disabled', () => { const handler = jest.fn() const wrapper = mount( , ) wrapper.find('button').simulate('click', nativeEvent) expect(handler).toHaveBeenCalledTimes(1) wrapper.setProps({ disabled: true }) wrapper.find('button').simulate('click', nativeEvent) expect(handler).toHaveBeenCalledTimes(1) }) it('buttons should be displayed vertically', () => { const wrapper = mount( , ) expect(wrapper.html()).toMatchSnapshot() expect(() => wrapper.unmount()).not.toThrow() }) }) ================================================ FILE: components/button-group/button-group-context.ts ================================================ import React from 'react' import { ButtonTypes } from '../utils/prop-types' export interface ButtonGroupConfig { type?: ButtonTypes ghost?: boolean disabled?: boolean isButtonGroup: boolean } const defaultContext = { isButtonGroup: false, disabled: false, } export const ButtonGroupContext = React.createContext(defaultContext) export const useButtonGroupContext = (): ButtonGroupConfig => React.useContext(ButtonGroupContext) ================================================ FILE: components/button-group/button-group.tsx ================================================ import React, { useMemo } from 'react' import useTheme from '../use-theme' import { ButtonTypes } from '../utils/prop-types' import { ButtonGroupContext, ButtonGroupConfig } from './button-group-context' import { GeistUIThemesPalette } from '../themes/presets' import useScale, { withScale } from '../use-scale' import useClasses from '../use-classes' interface Props { disabled?: boolean vertical?: boolean ghost?: boolean type?: ButtonTypes className?: string } const defaultProps = { disabled: false, vertical: false, ghost: false, type: 'default' as ButtonTypes, className: '', } type NativeAttrs = Omit, keyof Props> export type ButtonGroupProps = Props & NativeAttrs const getGroupBorderColors = ( palette: GeistUIThemesPalette, props: ButtonGroupProps & typeof defaultProps, ): string => { const { ghost, type } = props if (!ghost && type !== 'default') return palette.background const colors: { [key in ButtonTypes]?: string } = { default: palette.border, success: palette.success, secondary: palette.secondary, error: palette.error, warning: palette.warning, } const withoutLightType = type.replace('-light', '') as ButtonTypes return colors[withoutLightType] || (colors.default as string) } const ButtonGroupComponent: React.FC> = ( groupProps: ButtonGroupProps & typeof defaultProps, ) => { const theme = useTheme() const { SCALES } = useScale() const { disabled, type, ghost, vertical, children, className, ...props } = groupProps const initialValue = useMemo( () => ({ disabled, type, ghost, isButtonGroup: true, }), [disabled, type], ) const border = useMemo(() => { return getGroupBorderColors(theme.palette, groupProps) }, [theme, type, disabled, ghost]) const classes = useClasses( 'btn-group', { vertical: vertical, horizontal: !vertical, }, className, ) return (
{children}
) } ButtonGroupComponent.defaultProps = defaultProps ButtonGroupComponent.displayName = 'GeistButtonGroup' const ButtonGroup = withScale(ButtonGroupComponent) export default ButtonGroup ================================================ FILE: components/button-group/index.ts ================================================ import ButtonGroup from './button-group' export type { ButtonGroupProps } from './button-group' export type { ButtonTypes } from '../utils/prop-types' export default ButtonGroup ================================================ FILE: components/capacity/__tests__/__snapshots__/index.test.tsx.snap ================================================ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Capacity should override background color 1`] = ` LoadedCheerio { "0": Node { "attribs": Object { "class": "capacity", "title": "50%", }, "children": Array [ Node { "attribs": Object {}, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .capacity { width: calc(3.125 * 16px); height: calc(0.625 * 16px); border-radius: 6px; overflow: hidden; background-color: #eaeaea; padding: 0 0 0 0; margin: 0 0 0 0; } span { width: 50%; background-color: white; height: 100%; margin: 0; padding: 0; display: block; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .capacity { width: calc(3.125 * 16px); height: calc(0.625 * 16px); border-radius: 6px; overflow: hidden; background-color: #eaeaea; padding: 0 0 0 0; margin: 0 0 0 0; } span { width: 50%; background-color: white; height: 100%; margin: 0; padding: 0; display: block; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "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, "title": undefined, }, "x-attribsPrefix": Object { "class": undefined, "title": 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[`Capacity should render different widths based on limit-value 1`] = ` LoadedCheerio { "0": Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "capacity", "title": "20%", }, "children": Array [ Node { "attribs": Object {}, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .capacity { width: calc(3.125 * 16px); height: calc(0.625 * 16px); border-radius: 6px; overflow: hidden; background-color: #eaeaea; padding: 0 0 0 0; margin: 0 0 0 0; } span { width: 20%; background-color: #50e3c2; height: 100%; margin: 0; padding: 0; display: block; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .capacity { width: calc(3.125 * 16px); height: calc(0.625 * 16px); border-radius: 6px; overflow: hidden; background-color: #eaeaea; padding: 0 0 0 0; margin: 0 0 0 0; } span { width: 20%; background-color: #50e3c2; height: 100%; margin: 0; padding: 0; display: block; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "capacity", "title": "40%", }, "children": Array [ Node { "attribs": Object {}, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .capacity { width: calc(3.125 * 16px); height: calc(0.625 * 16px); border-radius: 6px; overflow: hidden; background-color: #eaeaea; padding: 0 0 0 0; margin: 0 0 0 0; } span { width: 40%; background-color: #f5a623; height: 100%; margin: 0; padding: 0; display: block; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .capacity { width: calc(3.125 * 16px); height: calc(0.625 * 16px); border-radius: 6px; overflow: hidden; background-color: #eaeaea; padding: 0 0 0 0; margin: 0 0 0 0; } span { width: 40%; background-color: #f5a623; height: 100%; margin: 0; padding: 0; display: block; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "capacity", "title": "66.67%", }, "children": Array [ Node { "attribs": Object {}, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .capacity { width: calc(3.125 * 16px); height: calc(0.625 * 16px); border-radius: 6px; overflow: hidden; background-color: #eaeaea; padding: 0 0 0 0; margin: 0 0 0 0; } span { width: 66.67%; background-color: #c50000; height: 100%; margin: 0; padding: 0; display: block; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .capacity { width: calc(3.125 * 16px); height: calc(0.625 * 16px); border-radius: 6px; overflow: hidden; background-color: #eaeaea; padding: 0 0 0 0; margin: 0 0 0 0; } span { width: 66.67%; background-color: #c50000; height: 100%; margin: 0; padding: 0; display: block; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "class": undefined, "title": undefined, }, "x-attribsPrefix": Object { "class": undefined, "title": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "class": undefined, "title": undefined, }, "x-attribsPrefix": Object { "class": undefined, "title": undefined, }, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, "title": undefined, }, "x-attribsPrefix": Object { "class": undefined, "title": undefined, }, }, Node { "attribs": Object { "class": "capacity", "title": "40%", }, "children": Array [ Node { "attribs": Object {}, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .capacity { width: calc(3.125 * 16px); height: calc(0.625 * 16px); border-radius: 6px; overflow: hidden; background-color: #eaeaea; padding: 0 0 0 0; margin: 0 0 0 0; } span { width: 40%; background-color: #f5a623; height: 100%; margin: 0; padding: 0; display: block; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .capacity { width: calc(3.125 * 16px); height: calc(0.625 * 16px); border-radius: 6px; overflow: hidden; background-color: #eaeaea; padding: 0 0 0 0; margin: 0 0 0 0; } span { width: 40%; background-color: #f5a623; height: 100%; margin: 0; padding: 0; display: block; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "capacity", "title": "66.67%", }, "children": Array [ Node { "attribs": Object {}, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .capacity { width: calc(3.125 * 16px); height: calc(0.625 * 16px); border-radius: 6px; overflow: hidden; background-color: #eaeaea; padding: 0 0 0 0; margin: 0 0 0 0; } span { width: 66.67%; background-color: #c50000; height: 100%; margin: 0; padding: 0; display: block; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .capacity { width: calc(3.125 * 16px); height: calc(0.625 * 16px); border-radius: 6px; overflow: hidden; background-color: #eaeaea; padding: 0 0 0 0; margin: 0 0 0 0; } span { width: 66.67%; background-color: #c50000; height: 100%; margin: 0; padding: 0; display: block; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "class": undefined, "title": undefined, }, "x-attribsPrefix": Object { "class": undefined, "title": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object { "class": "capacity", "title": "20%", }, "children": Array [ Node { "attribs": Object {}, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .capacity { width: calc(3.125 * 16px); height: calc(0.625 * 16px); border-radius: 6px; overflow: hidden; background-color: #eaeaea; padding: 0 0 0 0; margin: 0 0 0 0; } span { width: 20%; background-color: #50e3c2; height: 100%; margin: 0; padding: 0; display: block; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .capacity { width: calc(3.125 * 16px); height: calc(0.625 * 16px); border-radius: 6px; overflow: hidden; background-color: #eaeaea; padding: 0 0 0 0; margin: 0 0 0 0; } span { width: 20%; background-color: #50e3c2; height: 100%; margin: 0; padding: 0; display: block; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, "title": undefined, }, "x-attribsPrefix": Object { "class": undefined, "title": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "class": undefined, "title": undefined, }, "x-attribsPrefix": Object { "class": undefined, "title": undefined, }, }, Node { "attribs": Object { "class": "capacity", "title": "66.67%", }, "children": Array [ Node { "attribs": Object {}, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .capacity { width: calc(3.125 * 16px); height: calc(0.625 * 16px); border-radius: 6px; overflow: hidden; background-color: #eaeaea; padding: 0 0 0 0; margin: 0 0 0 0; } span { width: 66.67%; background-color: #c50000; height: 100%; margin: 0; padding: 0; display: block; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .capacity { width: calc(3.125 * 16px); height: calc(0.625 * 16px); border-radius: 6px; overflow: hidden; background-color: #eaeaea; padding: 0 0 0 0; margin: 0 0 0 0; } span { width: 66.67%; background-color: #c50000; height: 100%; margin: 0; padding: 0; display: block; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "capacity", "title": "40%", }, "children": Array [ Node { "attribs": Object {}, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .capacity { width: calc(3.125 * 16px); height: calc(0.625 * 16px); border-radius: 6px; overflow: hidden; background-color: #eaeaea; padding: 0 0 0 0; margin: 0 0 0 0; } span { width: 40%; background-color: #f5a623; height: 100%; margin: 0; padding: 0; display: block; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .capacity { width: calc(3.125 * 16px); height: calc(0.625 * 16px); border-radius: 6px; overflow: hidden; background-color: #eaeaea; padding: 0 0 0 0; margin: 0 0 0 0; } span { width: 40%; background-color: #f5a623; height: 100%; margin: 0; padding: 0; display: block; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "capacity", "title": "20%", }, "children": Array [ Node { "attribs": Object {}, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .capacity { width: calc(3.125 * 16px); height: calc(0.625 * 16px); border-radius: 6px; overflow: hidden; background-color: #eaeaea; padding: 0 0 0 0; margin: 0 0 0 0; } span { width: 20%; background-color: #50e3c2; height: 100%; margin: 0; padding: 0; display: block; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .capacity { width: calc(3.125 * 16px); height: calc(0.625 * 16px); border-radius: 6px; overflow: hidden; background-color: #eaeaea; padding: 0 0 0 0; margin: 0 0 0 0; } span { width: 20%; background-color: #50e3c2; height: 100%; margin: 0; padding: 0; display: block; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, "title": undefined, }, "x-attribsPrefix": Object { "class": undefined, "title": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "class": undefined, "title": undefined, }, "x-attribsPrefix": Object { "class": undefined, "title": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "class": undefined, "title": undefined, }, "x-attribsPrefix": Object { "class": undefined, "title": 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 {}, "x-attribsPrefix": Object {}, }, "_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, }, } `; ================================================ FILE: components/capacity/__tests__/index.test.tsx ================================================ import React from 'react' import { render, mount } from 'enzyme' import { Capacity } from 'components' describe('Capacity', () => { it('should render value correctly', () => { const wrapper = mount() expect(() => wrapper.unmount()).not.toThrow() }) it('should render title correctly', () => { const wrapper = mount() const el = wrapper.find('.capacity').first() const title = el.getDOMNode().getAttribute('title') expect(title).toEqual('50%') }) it('should render different widths based on limit-value', () => { const wrapper = render(
, ) expect(wrapper).toMatchSnapshot() }) it('should override background color', () => { const capacity = render() expect(capacity).toMatchSnapshot() }) }) ================================================ FILE: components/capacity/capacity.tsx ================================================ import React, { useMemo } from 'react' import useTheme from '../use-theme' import { useProportions } from '../utils/calculations' import { GeistUIThemesPalette } from '../themes/presets' import useScale, { withScale } from '../use-scale' import useClasses from '../use-classes' interface Props { value?: number limit?: number color?: string className?: string } const defaultProps = { value: 0, limit: 100, color: '', className: '', } type NativeAttrs = Omit, keyof Props> export type CapacityProps = Props & NativeAttrs const getColor = (val: number, palette: GeistUIThemesPalette): string => { if (val < 33) return palette.cyan if (val < 66) return palette.warning return palette.errorDark } const CapacityComponent: React.FC = ({ value, limit, color: userColor, className, ...props }: CapacityProps & typeof defaultProps) => { const theme = useTheme() const { SCALES } = useScale() const percentValue = useProportions(value, limit) const classes = useClasses('capacity', className) const color = useMemo(() => { if (userColor && userColor !== '') return userColor return getColor(percentValue, theme.palette) }, [userColor, percentValue, theme.palette]) return (
) } CapacityComponent.defaultProps = defaultProps CapacityComponent.displayName = 'GeistCapacity' const Capacity = withScale(CapacityComponent) export default Capacity ================================================ FILE: components/capacity/index.ts ================================================ import Capacity from './capacity' export type { CapacityProps } from './capacity' export default Capacity ================================================ FILE: components/card/__tests__/__snapshots__/footer.test.tsx.snap ================================================ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Card Footer should render correctly 1`] = ` "

card

footer
" `; exports[`Card Footer should work with disable-auto-margin 1`] = ` "
footer
" `; ================================================ FILE: components/card/__tests__/__snapshots__/index.test.tsx.snap ================================================ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Card should render correctly when nested 1`] = ` LoadedCheerio { "0": Node { "attribs": Object { "class": "card", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "card", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "card", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "card", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "card", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .card { background: #fff; transition: all 0.2s ease; border-radius: 6px; box-shadow: none; box-sizing: border-box; color: #000; background-color: #fff; border: 1px solid #eaeaea; width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .card:hover { box-shadow: none; } .card :global(img) { width: 100%; } .card :global(.image) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .card { background: #fff; transition: all 0.2s ease; border-radius: 6px; box-shadow: none; box-sizing: border-box; color: #000; background-color: #fff; border: 1px solid #eaeaea; width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .card:hover { box-shadow: none; } .card :global(img) { width: 100%; } .card :global(.image) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "card", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "card", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "card", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "card", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "card", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .card { background: #fff; transition: all 0.2s ease; border-radius: 6px; box-shadow: none; box-sizing: border-box; color: #000; background-color: #fff; border: 1px solid #eaeaea; width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .card:hover { box-shadow: none; } .card :global(img) { width: 100%; } .card :global(.image) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .card { background: #fff; transition: all 0.2s ease; border-radius: 6px; box-shadow: none; box-sizing: border-box; color: #000; background-color: #fff; border: 1px solid #eaeaea; width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .card:hover { box-shadow: none; } .card :global(img) { width: 100%; } .card :global(.image) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "card", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "card", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .card { background: #fff; transition: all 0.2s ease; border-radius: 6px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); box-sizing: border-box; color: #000; background-color: #fff; border: 1px solid transparent; width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .card:hover { box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12); } .card :global(img) { width: 100%; } .card :global(.image) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .card { background: #fff; transition: all 0.2s ease; border-radius: 6px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); box-sizing: border-box; color: #000; background-color: #fff; border: 1px solid transparent; width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .card:hover { box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12); } .card :global(img) { width: 100%; } .card :global(.image) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "card", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "card", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "card", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .card { background: #fff; transition: all 0.2s ease; border-radius: 6px; box-shadow: none; box-sizing: border-box; color: #000; background-color: #fff; border: 1px solid #eaeaea; width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .card:hover { box-shadow: none; } .card :global(img) { width: 100%; } .card :global(.image) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .card { background: #fff; transition: all 0.2s ease; border-radius: 6px; box-shadow: none; box-sizing: border-box; color: #000; background-color: #fff; border: 1px solid #eaeaea; width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .card:hover { box-shadow: none; } .card :global(img) { width: 100%; } .card :global(.image) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "card", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "card", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "card", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "card", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "card", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .card { background: #fff; transition: all 0.2s ease; border-radius: 6px; box-shadow: none; box-sizing: border-box; color: #000; background-color: #fff; border: 1px solid #eaeaea; width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .card:hover { box-shadow: none; } .card :global(img) { width: 100%; } .card :global(.image) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .card { background: #fff; transition: all 0.2s ease; border-radius: 6px; box-shadow: none; box-sizing: border-box; color: #000; background-color: #fff; border: 1px solid #eaeaea; width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .card:hover { box-shadow: none; } .card :global(img) { width: 100%; } .card :global(.image) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "card", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "card", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "card", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "card", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "card", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "card", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .card { background: #fff; transition: all 0.2s ease; border-radius: 6px; box-shadow: none; box-sizing: border-box; color: #000; background-color: #fff; border: 1px solid #eaeaea; width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .card:hover { box-shadow: none; } .card :global(img) { width: 100%; } .card :global(.image) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .card { background: #fff; transition: all 0.2s ease; border-radius: 6px; box-shadow: none; box-sizing: border-box; color: #000; background-color: #fff; border: 1px solid #eaeaea; width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .card:hover { box-shadow: none; } .card :global(img) { width: 100%; } .card :global(.image) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "card", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "card", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "card", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "card", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "card", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .card { background: #fff; transition: all 0.2s ease; border-radius: 6px; box-shadow: none; box-sizing: border-box; color: #000; background-color: #fff; border: 1px solid #eaeaea; width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .card:hover { box-shadow: none; } .card :global(img) { width: 100%; } .card :global(.image) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .card { background: #fff; transition: all 0.2s ease; border-radius: 6px; box-shadow: none; box-sizing: border-box; color: #000; background-color: #fff; border: 1px solid #eaeaea; width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .card:hover { box-shadow: none; } .card :global(img) { width: 100%; } .card :global(.image) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "card", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "card", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .card { background: #fff; transition: all 0.2s ease; border-radius: 6px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); box-sizing: border-box; color: #000; background-color: #fff; border: 1px solid transparent; width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .card:hover { box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12); } .card :global(img) { width: 100%; } .card :global(.image) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .card { background: #fff; transition: all 0.2s ease; border-radius: 6px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); box-sizing: border-box; color: #000; background-color: #fff; border: 1px solid transparent; width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .card:hover { box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12); } .card :global(img) { width: 100%; } .card :global(.image) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "card", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "card", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "card", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .card { background: #fff; transition: all 0.2s ease; border-radius: 6px; box-shadow: none; box-sizing: border-box; color: #000; background-color: #fff; border: 1px solid #eaeaea; width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .card:hover { box-shadow: none; } .card :global(img) { width: 100%; } .card :global(.image) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .card { background: #fff; transition: all 0.2s ease; border-radius: 6px; box-shadow: none; box-sizing: border-box; color: #000; background-color: #fff; border: 1px solid #eaeaea; width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .card:hover { box-shadow: none; } .card :global(img) { width: 100%; } .card :global(.image) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "card", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "card", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "card", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "card", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "card", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .card { background: #fff; transition: all 0.2s ease; border-radius: 6px; box-shadow: none; box-sizing: border-box; color: #000; background-color: #fff; border: 1px solid #eaeaea; width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .card:hover { box-shadow: none; } .card :global(img) { width: 100%; } .card :global(.image) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .card { background: #fff; transition: all 0.2s ease; border-radius: 6px; box-shadow: none; box-sizing: border-box; color: #000; background-color: #fff; border: 1px solid #eaeaea; width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .card:hover { box-shadow: none; } .card :global(img) { width: 100%; } .card :global(.image) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "card", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "card", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .card { background: #fff; transition: all 0.2s ease; border-radius: 6px; box-shadow: none; box-sizing: border-box; color: #000; background-color: #fff; border: 1px solid #eaeaea; width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .card:hover { box-shadow: none; } .card :global(img) { width: 100%; } .card :global(.image) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .card { background: #fff; transition: all 0.2s ease; border-radius: 6px; box-shadow: none; box-sizing: border-box; color: #000; background-color: #fff; border: 1px solid #eaeaea; width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .card:hover { box-shadow: none; } .card :global(img) { width: 100%; } .card :global(.image) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "card", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "card", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "card", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "card", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .card { background: #fff; transition: all 0.2s ease; border-radius: 6px; box-shadow: none; box-sizing: border-box; color: #000; background-color: #fff; border: 1px solid #eaeaea; width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .card:hover { box-shadow: none; } .card :global(img) { width: 100%; } .card :global(.image) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .card { background: #fff; transition: all 0.2s ease; border-radius: 6px; box-shadow: none; box-sizing: border-box; color: #000; background-color: #fff; border: 1px solid #eaeaea; width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .card:hover { box-shadow: none; } .card :global(img) { width: 100%; } .card :global(.image) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "card", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "card", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "card", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "card", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "card", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .card { background: #fff; transition: all 0.2s ease; border-radius: 6px; box-shadow: none; box-sizing: border-box; color: #000; background-color: #fff; border: 1px solid #eaeaea; width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .card:hover { box-shadow: none; } .card :global(img) { width: 100%; } .card :global(.image) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .card { background: #fff; transition: all 0.2s ease; border-radius: 6px; box-shadow: none; box-sizing: border-box; color: #000; background-color: #fff; border: 1px solid #eaeaea; width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .card:hover { box-shadow: none; } .card :global(img) { width: 100%; } .card :global(.image) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "card", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "card", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .card { background: #fff; transition: all 0.2s ease; border-radius: 6px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); box-sizing: border-box; color: #000; background-color: #fff; border: 1px solid transparent; width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .card:hover { box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12); } .card :global(img) { width: 100%; } .card :global(.image) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .card { background: #fff; transition: all 0.2s ease; border-radius: 6px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); box-sizing: border-box; color: #000; background-color: #fff; border: 1px solid transparent; width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .card:hover { box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12); } .card :global(img) { width: 100%; } .card :global(.image) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "card", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "card", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "card", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .card { background: #fff; transition: all 0.2s ease; border-radius: 6px; box-shadow: none; box-sizing: border-box; color: #000; background-color: #fff; border: 1px solid #eaeaea; width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .card:hover { box-shadow: none; } .card :global(img) { width: 100%; } .card :global(.image) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .card { background: #fff; transition: all 0.2s ease; border-radius: 6px; box-shadow: none; box-sizing: border-box; color: #000; background-color: #fff; border: 1px solid #eaeaea; width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .card:hover { box-shadow: none; } .card :global(img) { width: 100%; } .card :global(.image) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "card", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "card", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "card", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "card", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "card", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .card { background: #fff; transition: all 0.2s ease; border-radius: 6px; box-shadow: none; box-sizing: border-box; color: #000; background-color: #fff; border: 1px solid #eaeaea; width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .card:hover { box-shadow: none; } .card :global(img) { width: 100%; } .card :global(.image) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .card { background: #fff; transition: all 0.2s ease; border-radius: 6px; box-shadow: none; box-sizing: border-box; color: #000; background-color: #fff; border: 1px solid #eaeaea; width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .card:hover { box-shadow: none; } .card :global(img) { width: 100%; } .card :global(.image) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "card", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "card", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "card", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "card", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "card", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "card", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .card { background: #fff; transition: all 0.2s ease; border-radius: 6px; box-shadow: none; box-sizing: border-box; color: #000; background-color: #fff; border: 1px solid #eaeaea; width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .card:hover { box-shadow: none; } .card :global(img) { width: 100%; } .card :global(.image) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .card { background: #fff; transition: all 0.2s ease; border-radius: 6px; box-shadow: none; box-sizing: border-box; color: #000; background-color: #fff; border: 1px solid #eaeaea; width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .card:hover { box-shadow: none; } .card :global(img) { width: 100%; } .card :global(.image) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "card", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "card", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "card", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "card", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "card", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .card { background: #fff; transition: all 0.2s ease; border-radius: 6px; box-shadow: none; box-sizing: border-box; color: #000; background-color: #fff; border: 1px solid #eaeaea; width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .card:hover { box-shadow: none; } .card :global(img) { width: 100%; } .card :global(.image) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .card { background: #fff; transition: all 0.2s ease; border-radius: 6px; box-shadow: none; box-sizing: border-box; color: #000; background-color: #fff; border: 1px solid #eaeaea; width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .card:hover { box-shadow: none; } .card :global(img) { width: 100%; } .card :global(.image) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "card", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "card", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .card { background: #fff; transition: all 0.2s ease; border-radius: 6px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); box-sizing: border-box; color: #000; background-color: #fff; border: 1px solid transparent; width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .card:hover { box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12); } .card :global(img) { width: 100%; } .card :global(.image) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .card { background: #fff; transition: all 0.2s ease; border-radius: 6px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); box-sizing: border-box; color: #000; background-color: #fff; border: 1px solid transparent; width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .card:hover { box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12); } .card :global(img) { width: 100%; } .card :global(.image) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "card", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "card", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "card", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .card { background: #fff; transition: all 0.2s ease; border-radius: 6px; box-shadow: none; box-sizing: border-box; color: #000; background-color: #fff; border: 1px solid #eaeaea; width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .card:hover { box-shadow: none; } .card :global(img) { width: 100%; } .card :global(.image) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .card { background: #fff; transition: all 0.2s ease; border-radius: 6px; box-shadow: none; box-sizing: border-box; color: #000; background-color: #fff; border: 1px solid #eaeaea; width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .card:hover { box-shadow: none; } .card :global(img) { width: 100%; } .card :global(.image) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "card", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "card", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "card", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "card", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "card", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .card { background: #fff; transition: all 0.2s ease; border-radius: 6px; box-shadow: none; box-sizing: border-box; color: #000; background-color: #fff; border: 1px solid #eaeaea; width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .card:hover { box-shadow: none; } .card :global(img) { width: 100%; } .card :global(.image) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .card { background: #fff; transition: all 0.2s ease; border-radius: 6px; box-shadow: none; box-sizing: border-box; color: #000; background-color: #fff; border: 1px solid #eaeaea; width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .card:hover { box-shadow: none; } .card :global(img) { width: 100%; } .card :global(.image) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "card", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "card", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "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, }, "x-attribsPrefix": Object { "class": 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[`Card should support shadow and hoverable 1`] = ` LoadedCheerio { "0": Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "card", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "card", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "card", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .card { background: #fff; transition: all 0.2s ease; border-radius: 6px; box-shadow: none; box-sizing: border-box; color: #000; background-color: #fff; border: 1px solid #eaeaea; width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .card:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); } .card :global(img) { width: 100%; } .card :global(.image) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .card { background: #fff; transition: all 0.2s ease; border-radius: 6px; box-shadow: none; box-sizing: border-box; color: #000; background-color: #fff; border: 1px solid #eaeaea; width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .card:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); } .card :global(img) { width: 100%; } .card :global(.image) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "card", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "card", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "card", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "card", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "card", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .card { background: #fff; transition: all 0.2s ease; border-radius: 6px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); box-sizing: border-box; color: #000; background-color: #fff; border: 1px solid transparent; width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .card:hover { box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12); } .card :global(img) { width: 100%; } .card :global(.image) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .card { background: #fff; transition: all 0.2s ease; border-radius: 6px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); box-sizing: border-box; color: #000; background-color: #fff; border: 1px solid transparent; width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .card:hover { box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12); } .card :global(img) { width: 100%; } .card :global(.image) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "card", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "card", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "card", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "card", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "card", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .card { background: #fff; transition: all 0.2s ease; border-radius: 6px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); box-sizing: border-box; color: #000; background-color: #fff; border: 1px solid transparent; width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .card:hover { box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12); } .card :global(img) { width: 100%; } .card :global(.image) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .card { background: #fff; transition: all 0.2s ease; border-radius: 6px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); box-sizing: border-box; color: #000; background-color: #fff; border: 1px solid transparent; width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .card:hover { box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12); } .card :global(img) { width: 100%; } .card :global(.image) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "card", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "card", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "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": [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": "card", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "card", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "card", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .card { background: #fff; transition: all 0.2s ease; border-radius: 6px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); box-sizing: border-box; color: #000; background-color: #fff; border: 1px solid transparent; width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .card:hover { box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12); } .card :global(img) { width: 100%; } .card :global(.image) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .card { background: #fff; transition: all 0.2s ease; border-radius: 6px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); box-sizing: border-box; color: #000; background-color: #fff; border: 1px solid transparent; width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .card:hover { box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12); } .card :global(img) { width: 100%; } .card :global(.image) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "card", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "card", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "card", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "card", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "card", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .card { background: #fff; transition: all 0.2s ease; border-radius: 6px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); box-sizing: border-box; color: #000; background-color: #fff; border: 1px solid transparent; width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .card:hover { box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12); } .card :global(img) { width: 100%; } .card :global(.image) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .card { background: #fff; transition: all 0.2s ease; border-radius: 6px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); box-sizing: border-box; color: #000; background-color: #fff; border: 1px solid transparent; width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .card:hover { box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12); } .card :global(img) { width: 100%; } .card :global(.image) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "card", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "card", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "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": Node { "attribs": Object { "class": "card", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "card", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "card", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .card { background: #fff; transition: all 0.2s ease; border-radius: 6px; box-shadow: none; box-sizing: border-box; color: #000; background-color: #fff; border: 1px solid #eaeaea; width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .card:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); } .card :global(img) { width: 100%; } .card :global(.image) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .card { background: #fff; transition: all 0.2s ease; border-radius: 6px; box-shadow: none; box-sizing: border-box; color: #000; background-color: #fff; border: 1px solid #eaeaea; width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .card:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); } .card :global(img) { width: 100%; } .card :global(.image) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "card", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "card", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "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": "card", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "card", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "card", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .card { background: #fff; transition: all 0.2s ease; border-radius: 6px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); box-sizing: border-box; color: #000; background-color: #fff; border: 1px solid transparent; width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .card:hover { box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12); } .card :global(img) { width: 100%; } .card :global(.image) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .card { background: #fff; transition: all 0.2s ease; border-radius: 6px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); box-sizing: border-box; color: #000; background-color: #fff; border: 1px solid transparent; width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .card:hover { box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12); } .card :global(img) { width: 100%; } .card :global(.image) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "card", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "card", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "card", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "card", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "card", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .card { background: #fff; transition: all 0.2s ease; border-radius: 6px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); box-sizing: border-box; color: #000; background-color: #fff; border: 1px solid transparent; width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .card:hover { box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12); } .card :global(img) { width: 100%; } .card :global(.image) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .card { background: #fff; transition: all 0.2s ease; border-radius: 6px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); box-sizing: border-box; color: #000; background-color: #fff; border: 1px solid transparent; width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .card:hover { box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12); } .card :global(img) { width: 100%; } .card :global(.image) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "card", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "card", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "card", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "card", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "card", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .card { background: #fff; transition: all 0.2s ease; border-radius: 6px; box-shadow: none; box-sizing: border-box; color: #000; background-color: #fff; border: 1px solid #eaeaea; width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .card:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); } .card :global(img) { width: 100%; } .card :global(.image) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .card { background: #fff; transition: all 0.2s ease; border-radius: 6px; box-shadow: none; box-sizing: border-box; color: #000; background-color: #fff; border: 1px solid #eaeaea; width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .card:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); } .card :global(img) { width: 100%; } .card :global(.image) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "card", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .content { width: 100%; height: auto; padding: calc(1 * 16px) calc(1 * 16px) calc(1 * 16px) calc(1 * 16px); margin: 0 0 0 0; } .content > :global(p:first-child) { margin-top: 0; } .content > :global(p:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "card", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "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, }, }, ], "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 {}, "x-attribsPrefix": Object {}, }, "_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, }, } `; ================================================ FILE: components/card/__tests__/footer.test.tsx ================================================ import React from 'react' import { mount } from 'enzyme' import { Card } from 'components' describe('Card Footer', () => { it('should render correctly', () => { const wrapper = mount(

card

footer , ) expect(wrapper.html()).toMatchSnapshot() expect(() => wrapper.unmount()).not.toThrow() }) it('should work properly when use alone', () => { const wrapper = mount(footer) expect(() => wrapper.unmount()).not.toThrow() }) it('should work with disable-auto-margin', () => { const wrapper = mount(footer) expect(wrapper.html()).toMatchSnapshot() expect(() => wrapper.unmount()).not.toThrow() }) }) ================================================ FILE: components/card/__tests__/index.test.tsx ================================================ import React from 'react' import { mount, render } from 'enzyme' import { Card } from 'components' describe('Card', () => { it('should render correctly', () => { const wrapper = mount(card) expect(() => wrapper.unmount()).not.toThrow() }) it('should support shadow and hoverable', () => { const wrapper = render(
card card card
, ) expect(wrapper).toMatchSnapshot() }) it('should support card types', () => { const wrapper = mount(
card card card card card card card
, ) expect(() => wrapper.unmount()).not.toThrow() }) it('should render correctly when nested', () => { const wrapper = render( card , ) expect(wrapper).toMatchSnapshot() }) it('the component Card.Content should be injected automatically', () => { const card = mount(test-value) const content = mount( test-value , ) expect(card.html()).toEqual(content.html()) }) }) ================================================ FILE: components/card/card-content.tsx ================================================ import React from 'react' import useScale, { withScale } from '../use-scale' import useClasses from '../use-classes' interface Props { className?: string } const defaultProps = { className: '', } type NativeAttrs = Omit, keyof Props> export type CardContentProps = Props & NativeAttrs const CardContentComponent: React.FC> = ({ className, children, ...props }: CardContentProps & typeof defaultProps) => { const { SCALES } = useScale() return (
{children}
) } CardContentComponent.defaultProps = defaultProps CardContentComponent.displayName = 'GeistCardContent' const CardContent = withScale(CardContentComponent) export default CardContent ================================================ FILE: components/card/card-footer.tsx ================================================ import React from 'react' import useTheme from '../use-theme' import useScale, { withScale } from '../use-scale' import useClasses from '../use-classes' interface Props { disableAutoMargin?: boolean className?: string } const defaultProps = { disableAutoMargin: false, className: '', } type NativeAttrs = Omit, keyof Props> export type CardFooterProps = Props & NativeAttrs const CardFooterComponent: React.FC> = ({ children, className, disableAutoMargin, ...props }: CardFooterProps & typeof defaultProps) => { const theme = useTheme() const { SCALES } = useScale() const classes = useClasses({ 'auto-margin': !disableAutoMargin }, className) return (
{children}
) } CardFooterComponent.defaultProps = defaultProps CardFooterComponent.displayName = 'GeistCardFooter' const CardFooter = withScale(CardFooterComponent) export default CardFooter ================================================ FILE: components/card/card.tsx ================================================ import React, { useMemo } from 'react' import useTheme from '../use-theme' import { CardTypes } from '../utils/prop-types' import { getStyles } from './styles' import CardFooter from './card-footer' import CardContent from './card-content' import Image from '../image' import { hasChild, pickChild } from '../utils/collections' import useScale, { withScale } from '../use-scale' import useClasses from '../use-classes' interface Props { hoverable?: boolean shadow?: boolean className?: string type?: CardTypes } const defaultProps = { type: 'default' as CardTypes, hoverable: false, shadow: false, className: '', } type NativeAttrs = Omit, keyof Props> export type CardProps = Props & NativeAttrs const CardComponent: React.FC> = ({ children, hoverable, className, shadow, type, ...props }: CardProps & typeof defaultProps) => { const theme = useTheme() const { SCALES } = useScale() const hoverShadow = useMemo(() => { if (shadow) return theme.expressiveness.shadowMedium return hoverable ? theme.expressiveness.shadowSmall : 'none' }, [hoverable, shadow, theme.expressiveness]) const { color, bgColor, borderColor } = useMemo( () => getStyles(type, theme.palette, shadow), [type, theme.palette, shadow], ) const [withoutFooterChildren, footerChildren] = pickChild(children, CardFooter) const [withoutImageChildren, imageChildren] = pickChild(withoutFooterChildren, Image) const hasContent = hasChild(withoutImageChildren, CardContent) return (
{imageChildren} {hasContent ? ( withoutImageChildren ) : ( {withoutImageChildren} )} {footerChildren}
) } CardComponent.defaultProps = defaultProps CardComponent.displayName = 'GeistCard' const Card = withScale(CardComponent) export default Card ================================================ FILE: components/card/index.ts ================================================ import Card from './card' import CardFooter from './card-footer' import CardContent from './card-content' export type CardComponentType = typeof Card & { Footer: typeof CardFooter Actions: typeof CardFooter Content: typeof CardContent Body: typeof CardContent } ;(Card as CardComponentType).Footer = CardFooter ;(Card as CardComponentType).Actions = CardFooter ;(Card as CardComponentType).Content = CardContent ;(Card as CardComponentType).Body = CardContent export type { CardProps } from './card' export type { CardContentProps } from './card-content' export type { CardFooterProps } from './card-footer' export type { CardTypes } from '../utils/prop-types' export default Card as CardComponentType ================================================ FILE: components/card/styles.ts ================================================ import { CardTypes } from '../utils/prop-types' import { GeistUIThemesPalette } from '../themes/presets' export type CardStyles = { color: string bgColor: string borderColor: string } export const getStyles = ( type: CardTypes, palette: GeistUIThemesPalette, isShadow?: boolean, ): CardStyles => { const colors: { [key in CardTypes]: Omit } = { default: { color: palette.foreground, bgColor: palette.background, }, dark: { color: palette.background, bgColor: palette.foreground, }, secondary: { color: palette.background, bgColor: palette.secondary, }, success: { color: palette.background, bgColor: palette.success, }, warning: { color: palette.background, bgColor: palette.warning, }, error: { color: palette.background, bgColor: palette.error, }, lite: { color: palette.foreground, bgColor: palette.background, }, alert: { color: 'white', bgColor: palette.alert, }, purple: { color: 'white', bgColor: palette.purple, }, violet: { color: 'white', bgColor: palette.violet, }, cyan: { color: 'black', bgColor: palette.cyan, }, } const showBorder = type === 'default' && !isShadow return { ...colors[type], borderColor: showBorder ? palette.border : 'transparent', } } ================================================ FILE: components/checkbox/__tests__/__snapshots__/group.test.tsx.snap ================================================ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Checkbox Group should render correctly 1`] = ` LoadedCheerio { "0": Node { "attribs": Object { "class": "group", }, "children": Array [ Node { "attribs": Object { "class": "checkbox", }, "children": Array [ Node { "attribs": Object { "fill": "none", "viewBox": "0 0 12 12", }, "children": Array [ Node { "attribs": Object { "d": "M8.5 0.5H3.5C1.84315 0.5 0.5 1.84315 0.5 3.5V8.5C0.5 10.1569 1.84315 11.5 3.5 11.5H8.5C10.1569 11.5 11.5 10.1569 11.5 8.5V3.5C11.5 1.84315 10.1569 0.5 8.5 0.5Z", "stroke": "#666", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, "stroke": undefined, }, "x-attribsPrefix": Object { "d": undefined, "stroke": undefined, }, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { display: inline-flex; width: calc(0.86 * var(--checkbox-size)); height: calc(0.86 * var(--checkbox-size)); user-select: none; opacity: 1; cursor: pointer; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "type": "checkbox", }, "children": Array [], "name": "input", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "text", }, "children": Array [ Node { "data": "Sydney", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .checkbox { --checkbox-size: calc(0.875 * 16px); display: inline-flex; justify-content: center; align-items: center; cursor: pointer; opacity: 1; line-height: var(--checkbox-size); width: auto; height: var(--checkbox-size); padding: 0 0 0 0; margin: 0 0 0 0; } .text { font-size: var(--checkbox-size); line-height: var(--checkbox-size); padding-left: calc(var(--checkbox-size) * 0.5); user-select: none; cursor: pointer; } input { opacity: 0; outline: none; position: absolute; width: 0; height: 0; margin: 0; padding: 0; z-index: -1; font-size: 0; background-color: transparent; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "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 { "type": undefined, }, "x-attribsPrefix": Object { "type": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "viewBox": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { display: inline-flex; width: calc(0.86 * var(--checkbox-size)); height: calc(0.86 * var(--checkbox-size)); user-select: none; opacity: 1; cursor: pointer; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "type": "checkbox", }, "children": Array [], "name": "input", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "text", }, "children": Array [ Node { "data": "Sydney", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .checkbox { --checkbox-size: calc(0.875 * 16px); display: inline-flex; justify-content: center; align-items: center; cursor: pointer; opacity: 1; line-height: var(--checkbox-size); width: auto; height: var(--checkbox-size); padding: 0 0 0 0; margin: 0 0 0 0; } .text { font-size: var(--checkbox-size); line-height: var(--checkbox-size); padding-left: calc(var(--checkbox-size) * 0.5); user-select: none; cursor: pointer; } input { opacity: 0; outline: none; position: absolute; width: 0; height: 0; margin: 0; padding: 0; z-index: -1; font-size: 0; background-color: transparent; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "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 { "type": undefined, }, "x-attribsPrefix": Object { "type": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object { "fill": "none", "viewBox": "0 0 12 12", }, "children": Array [ Node { "attribs": Object { "d": "M8.5 0.5H3.5C1.84315 0.5 0.5 1.84315 0.5 3.5V8.5C0.5 10.1569 1.84315 11.5 3.5 11.5H8.5C10.1569 11.5 11.5 10.1569 11.5 8.5V3.5C11.5 1.84315 10.1569 0.5 8.5 0.5Z", "stroke": "#666", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, "stroke": undefined, }, "x-attribsPrefix": Object { "d": undefined, "stroke": undefined, }, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "viewBox": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "attribs": Object { "type": "checkbox", }, "children": Array [], "name": "input", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "text", }, "children": Array [ Node { "data": "Sydney", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .checkbox { --checkbox-size: calc(0.875 * 16px); display: inline-flex; justify-content: center; align-items: center; cursor: pointer; opacity: 1; line-height: var(--checkbox-size); width: auto; height: var(--checkbox-size); padding: 0 0 0 0; margin: 0 0 0 0; } .text { font-size: var(--checkbox-size); line-height: var(--checkbox-size); padding-left: calc(var(--checkbox-size) * 0.5); user-select: none; cursor: pointer; } input { opacity: 0; outline: none; position: absolute; width: 0; height: 0; margin: 0; padding: 0; z-index: -1; font-size: 0; background-color: transparent; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { display: inline-flex; width: calc(0.86 * var(--checkbox-size)); height: calc(0.86 * var(--checkbox-size)); user-select: none; opacity: 1; cursor: pointer; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "fill": "none", "viewBox": "0 0 12 12", }, "children": Array [ Node { "attribs": Object { "d": "M8.5 0.5H3.5C1.84315 0.5 0.5 1.84315 0.5 3.5V8.5C0.5 10.1569 1.84315 11.5 3.5 11.5H8.5C10.1569 11.5 11.5 10.1569 11.5 8.5V3.5C11.5 1.84315 10.1569 0.5 8.5 0.5Z", "stroke": "#666", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, "stroke": undefined, }, "x-attribsPrefix": Object { "d": undefined, "stroke": undefined, }, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "viewBox": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "tag", "x-attribsNamespace": Object { "type": undefined, }, "x-attribsPrefix": Object { "type": undefined, }, }, Node { "attribs": Object { "class": "text", }, "children": Array [ Node { "data": "Sydney", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .checkbox { --checkbox-size: calc(0.875 * 16px); display: inline-flex; justify-content: center; align-items: center; cursor: pointer; opacity: 1; line-height: var(--checkbox-size); width: auto; height: var(--checkbox-size); padding: 0 0 0 0; margin: 0 0 0 0; } .text { font-size: var(--checkbox-size); line-height: var(--checkbox-size); padding-left: calc(var(--checkbox-size) * 0.5); user-select: none; cursor: pointer; } input { opacity: 0; outline: none; position: absolute; width: 0; height: 0; margin: 0; padding: 0; z-index: -1; font-size: 0; background-color: transparent; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "type": "checkbox", }, "children": Array [], "name": "input", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { display: inline-flex; width: calc(0.86 * var(--checkbox-size)); height: calc(0.86 * var(--checkbox-size)); user-select: none; opacity: 1; cursor: pointer; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "fill": "none", "viewBox": "0 0 12 12", }, "children": Array [ Node { "attribs": Object { "d": "M8.5 0.5H3.5C1.84315 0.5 0.5 1.84315 0.5 3.5V8.5C0.5 10.1569 1.84315 11.5 3.5 11.5H8.5C10.1569 11.5 11.5 10.1569 11.5 8.5V3.5C11.5 1.84315 10.1569 0.5 8.5 0.5Z", "stroke": "#666", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, "stroke": undefined, }, "x-attribsPrefix": Object { "d": undefined, "stroke": undefined, }, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "viewBox": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "tag", "x-attribsNamespace": Object { "type": undefined, }, "x-attribsPrefix": Object { "type": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .checkbox { --checkbox-size: calc(0.875 * 16px); display: inline-flex; justify-content: center; align-items: center; cursor: pointer; opacity: 1; line-height: var(--checkbox-size); width: auto; height: var(--checkbox-size); padding: 0 0 0 0; margin: 0 0 0 0; } .text { font-size: var(--checkbox-size); line-height: var(--checkbox-size); padding-left: calc(var(--checkbox-size) * 0.5); user-select: none; cursor: pointer; } input { opacity: 0; outline: none; position: absolute; width: 0; height: 0; margin: 0; padding: 0; z-index: -1; font-size: 0; background-color: transparent; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "text", }, "children": Array [ Node { "data": "Sydney", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "type": "checkbox", }, "children": Array [], "name": "input", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { display: inline-flex; width: calc(0.86 * var(--checkbox-size)); height: calc(0.86 * var(--checkbox-size)); user-select: none; opacity: 1; cursor: pointer; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "fill": "none", "viewBox": "0 0 12 12", }, "children": Array [ Node { "attribs": Object { "d": "M8.5 0.5H3.5C1.84315 0.5 0.5 1.84315 0.5 3.5V8.5C0.5 10.1569 1.84315 11.5 3.5 11.5H8.5C10.1569 11.5 11.5 10.1569 11.5 8.5V3.5C11.5 1.84315 10.1569 0.5 8.5 0.5Z", "stroke": "#666", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, "stroke": undefined, }, "x-attribsPrefix": Object { "d": undefined, "stroke": undefined, }, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "viewBox": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "tag", "x-attribsNamespace": Object { "type": undefined, }, "x-attribsPrefix": Object { "type": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "label", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .group { width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .group :global(label) { margin-right: calc(calc(1 * 16px) * 2); --checkbox-size: calc(1 * 16px); } .group :global(label:last-of-type) { margin-right: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .group { width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .group :global(label) { margin-right: calc(calc(1 * 16px) * 2); --checkbox-size: calc(1 * 16px); } .group :global(label:last-of-type) { margin-right: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "checkbox", }, "children": Array [ Node { "attribs": Object { "fill": "none", "viewBox": "0 0 12 12", }, "children": Array [ Node { "attribs": Object { "d": "M8.5 0.5H3.5C1.84315 0.5 0.5 1.84315 0.5 3.5V8.5C0.5 10.1569 1.84315 11.5 3.5 11.5H8.5C10.1569 11.5 11.5 10.1569 11.5 8.5V3.5C11.5 1.84315 10.1569 0.5 8.5 0.5Z", "stroke": "#666", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, "stroke": undefined, }, "x-attribsPrefix": Object { "d": undefined, "stroke": undefined, }, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { display: inline-flex; width: calc(0.86 * var(--checkbox-size)); height: calc(0.86 * var(--checkbox-size)); user-select: none; opacity: 1; cursor: pointer; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "type": "checkbox", }, "children": Array [], "name": "input", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "text", }, "children": Array [ Node { "data": "Sydney", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .checkbox { --checkbox-size: calc(0.875 * 16px); display: inline-flex; justify-content: center; align-items: center; cursor: pointer; opacity: 1; line-height: var(--checkbox-size); width: auto; height: var(--checkbox-size); padding: 0 0 0 0; margin: 0 0 0 0; } .text { font-size: var(--checkbox-size); line-height: var(--checkbox-size); padding-left: calc(var(--checkbox-size) * 0.5); user-select: none; cursor: pointer; } input { opacity: 0; outline: none; position: absolute; width: 0; height: 0; margin: 0; padding: 0; z-index: -1; font-size: 0; background-color: transparent; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "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 { "type": undefined, }, "x-attribsPrefix": Object { "type": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "viewBox": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { display: inline-flex; width: calc(0.86 * var(--checkbox-size)); height: calc(0.86 * var(--checkbox-size)); user-select: none; opacity: 1; cursor: pointer; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "type": "checkbox", }, "children": Array [], "name": "input", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "text", }, "children": Array [ Node { "data": "Sydney", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .checkbox { --checkbox-size: calc(0.875 * 16px); display: inline-flex; justify-content: center; align-items: center; cursor: pointer; opacity: 1; line-height: var(--checkbox-size); width: auto; height: var(--checkbox-size); padding: 0 0 0 0; margin: 0 0 0 0; } .text { font-size: var(--checkbox-size); line-height: var(--checkbox-size); padding-left: calc(var(--checkbox-size) * 0.5); user-select: none; cursor: pointer; } input { opacity: 0; outline: none; position: absolute; width: 0; height: 0; margin: 0; padding: 0; z-index: -1; font-size: 0; background-color: transparent; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "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 { "type": undefined, }, "x-attribsPrefix": Object { "type": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object { "fill": "none", "viewBox": "0 0 12 12", }, "children": Array [ Node { "attribs": Object { "d": "M8.5 0.5H3.5C1.84315 0.5 0.5 1.84315 0.5 3.5V8.5C0.5 10.1569 1.84315 11.5 3.5 11.5H8.5C10.1569 11.5 11.5 10.1569 11.5 8.5V3.5C11.5 1.84315 10.1569 0.5 8.5 0.5Z", "stroke": "#666", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, "stroke": undefined, }, "x-attribsPrefix": Object { "d": undefined, "stroke": undefined, }, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "viewBox": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "attribs": Object { "type": "checkbox", }, "children": Array [], "name": "input", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "text", }, "children": Array [ Node { "data": "Sydney", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .checkbox { --checkbox-size: calc(0.875 * 16px); display: inline-flex; justify-content: center; align-items: center; cursor: pointer; opacity: 1; line-height: var(--checkbox-size); width: auto; height: var(--checkbox-size); padding: 0 0 0 0; margin: 0 0 0 0; } .text { font-size: var(--checkbox-size); line-height: var(--checkbox-size); padding-left: calc(var(--checkbox-size) * 0.5); user-select: none; cursor: pointer; } input { opacity: 0; outline: none; position: absolute; width: 0; height: 0; margin: 0; padding: 0; z-index: -1; font-size: 0; background-color: transparent; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { display: inline-flex; width: calc(0.86 * var(--checkbox-size)); height: calc(0.86 * var(--checkbox-size)); user-select: none; opacity: 1; cursor: pointer; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "fill": "none", "viewBox": "0 0 12 12", }, "children": Array [ Node { "attribs": Object { "d": "M8.5 0.5H3.5C1.84315 0.5 0.5 1.84315 0.5 3.5V8.5C0.5 10.1569 1.84315 11.5 3.5 11.5H8.5C10.1569 11.5 11.5 10.1569 11.5 8.5V3.5C11.5 1.84315 10.1569 0.5 8.5 0.5Z", "stroke": "#666", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, "stroke": undefined, }, "x-attribsPrefix": Object { "d": undefined, "stroke": undefined, }, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "viewBox": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "tag", "x-attribsNamespace": Object { "type": undefined, }, "x-attribsPrefix": Object { "type": undefined, }, }, Node { "attribs": Object { "class": "text", }, "children": Array [ Node { "data": "Sydney", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .checkbox { --checkbox-size: calc(0.875 * 16px); display: inline-flex; justify-content: center; align-items: center; cursor: pointer; opacity: 1; line-height: var(--checkbox-size); width: auto; height: var(--checkbox-size); padding: 0 0 0 0; margin: 0 0 0 0; } .text { font-size: var(--checkbox-size); line-height: var(--checkbox-size); padding-left: calc(var(--checkbox-size) * 0.5); user-select: none; cursor: pointer; } input { opacity: 0; outline: none; position: absolute; width: 0; height: 0; margin: 0; padding: 0; z-index: -1; font-size: 0; background-color: transparent; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "type": "checkbox", }, "children": Array [], "name": "input", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { display: inline-flex; width: calc(0.86 * var(--checkbox-size)); height: calc(0.86 * var(--checkbox-size)); user-select: none; opacity: 1; cursor: pointer; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "fill": "none", "viewBox": "0 0 12 12", }, "children": Array [ Node { "attribs": Object { "d": "M8.5 0.5H3.5C1.84315 0.5 0.5 1.84315 0.5 3.5V8.5C0.5 10.1569 1.84315 11.5 3.5 11.5H8.5C10.1569 11.5 11.5 10.1569 11.5 8.5V3.5C11.5 1.84315 10.1569 0.5 8.5 0.5Z", "stroke": "#666", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, "stroke": undefined, }, "x-attribsPrefix": Object { "d": undefined, "stroke": undefined, }, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "viewBox": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "tag", "x-attribsNamespace": Object { "type": undefined, }, "x-attribsPrefix": Object { "type": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .checkbox { --checkbox-size: calc(0.875 * 16px); display: inline-flex; justify-content: center; align-items: center; cursor: pointer; opacity: 1; line-height: var(--checkbox-size); width: auto; height: var(--checkbox-size); padding: 0 0 0 0; margin: 0 0 0 0; } .text { font-size: var(--checkbox-size); line-height: var(--checkbox-size); padding-left: calc(var(--checkbox-size) * 0.5); user-select: none; cursor: pointer; } input { opacity: 0; outline: none; position: absolute; width: 0; height: 0; margin: 0; padding: 0; z-index: -1; font-size: 0; background-color: transparent; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "text", }, "children": Array [ Node { "data": "Sydney", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "type": "checkbox", }, "children": Array [], "name": "input", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { display: inline-flex; width: calc(0.86 * var(--checkbox-size)); height: calc(0.86 * var(--checkbox-size)); user-select: none; opacity: 1; cursor: pointer; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "fill": "none", "viewBox": "0 0 12 12", }, "children": Array [ Node { "attribs": Object { "d": "M8.5 0.5H3.5C1.84315 0.5 0.5 1.84315 0.5 3.5V8.5C0.5 10.1569 1.84315 11.5 3.5 11.5H8.5C10.1569 11.5 11.5 10.1569 11.5 8.5V3.5C11.5 1.84315 10.1569 0.5 8.5 0.5Z", "stroke": "#666", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, "stroke": undefined, }, "x-attribsPrefix": Object { "d": undefined, "stroke": undefined, }, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "viewBox": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "tag", "x-attribsNamespace": Object { "type": undefined, }, "x-attribsPrefix": Object { "type": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "label", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "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, }, "x-attribsPrefix": Object { "class": 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, }, } `; ================================================ FILE: components/checkbox/__tests__/__snapshots__/index.test.tsx.snap ================================================ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Checkbox should render correctly 1`] = ` LoadedCheerio { "0": Node { "attribs": Object { "class": "checkbox", }, "children": Array [ Node { "attribs": Object { "fill": "none", "viewBox": "0 0 12 12", }, "children": Array [ Node { "attribs": Object { "d": "M8.5 0.5H3.5C1.84315 0.5 0.5 1.84315 0.5 3.5V8.5C0.5 10.1569 1.84315 11.5 3.5 11.5H8.5C10.1569 11.5 11.5 10.1569 11.5 8.5V3.5C11.5 1.84315 10.1569 0.5 8.5 0.5Z", "stroke": "#666", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, "stroke": undefined, }, "x-attribsPrefix": Object { "d": undefined, "stroke": undefined, }, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { display: inline-flex; width: calc(0.86 * var(--checkbox-size)); height: calc(0.86 * var(--checkbox-size)); user-select: none; opacity: 1; cursor: pointer; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "type": "checkbox", }, "children": Array [], "name": "input", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "text", }, "children": Array [ Node { "data": "Sydney", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .checkbox { --checkbox-size: calc(0.875 * 16px); display: inline-flex; justify-content: center; align-items: center; cursor: pointer; opacity: 1; line-height: var(--checkbox-size); width: auto; height: var(--checkbox-size); padding: 0 0 0 0; margin: 0 0 0 0; } .text { font-size: var(--checkbox-size); line-height: var(--checkbox-size); padding-left: calc(var(--checkbox-size) * 0.5); user-select: none; cursor: pointer; } input { opacity: 0; outline: none; position: absolute; width: 0; height: 0; margin: 0; padding: 0; z-index: -1; font-size: 0; background-color: transparent; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "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 { "type": undefined, }, "x-attribsPrefix": Object { "type": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "viewBox": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { display: inline-flex; width: calc(0.86 * var(--checkbox-size)); height: calc(0.86 * var(--checkbox-size)); user-select: none; opacity: 1; cursor: pointer; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "type": "checkbox", }, "children": Array [], "name": "input", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "text", }, "children": Array [ Node { "data": "Sydney", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .checkbox { --checkbox-size: calc(0.875 * 16px); display: inline-flex; justify-content: center; align-items: center; cursor: pointer; opacity: 1; line-height: var(--checkbox-size); width: auto; height: var(--checkbox-size); padding: 0 0 0 0; margin: 0 0 0 0; } .text { font-size: var(--checkbox-size); line-height: var(--checkbox-size); padding-left: calc(var(--checkbox-size) * 0.5); user-select: none; cursor: pointer; } input { opacity: 0; outline: none; position: absolute; width: 0; height: 0; margin: 0; padding: 0; z-index: -1; font-size: 0; background-color: transparent; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "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 { "type": undefined, }, "x-attribsPrefix": Object { "type": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object { "fill": "none", "viewBox": "0 0 12 12", }, "children": Array [ Node { "attribs": Object { "d": "M8.5 0.5H3.5C1.84315 0.5 0.5 1.84315 0.5 3.5V8.5C0.5 10.1569 1.84315 11.5 3.5 11.5H8.5C10.1569 11.5 11.5 10.1569 11.5 8.5V3.5C11.5 1.84315 10.1569 0.5 8.5 0.5Z", "stroke": "#666", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, "stroke": undefined, }, "x-attribsPrefix": Object { "d": undefined, "stroke": undefined, }, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "viewBox": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "attribs": Object { "type": "checkbox", }, "children": Array [], "name": "input", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "text", }, "children": Array [ Node { "data": "Sydney", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .checkbox { --checkbox-size: calc(0.875 * 16px); display: inline-flex; justify-content: center; align-items: center; cursor: pointer; opacity: 1; line-height: var(--checkbox-size); width: auto; height: var(--checkbox-size); padding: 0 0 0 0; margin: 0 0 0 0; } .text { font-size: var(--checkbox-size); line-height: var(--checkbox-size); padding-left: calc(var(--checkbox-size) * 0.5); user-select: none; cursor: pointer; } input { opacity: 0; outline: none; position: absolute; width: 0; height: 0; margin: 0; padding: 0; z-index: -1; font-size: 0; background-color: transparent; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { display: inline-flex; width: calc(0.86 * var(--checkbox-size)); height: calc(0.86 * var(--checkbox-size)); user-select: none; opacity: 1; cursor: pointer; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "fill": "none", "viewBox": "0 0 12 12", }, "children": Array [ Node { "attribs": Object { "d": "M8.5 0.5H3.5C1.84315 0.5 0.5 1.84315 0.5 3.5V8.5C0.5 10.1569 1.84315 11.5 3.5 11.5H8.5C10.1569 11.5 11.5 10.1569 11.5 8.5V3.5C11.5 1.84315 10.1569 0.5 8.5 0.5Z", "stroke": "#666", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, "stroke": undefined, }, "x-attribsPrefix": Object { "d": undefined, "stroke": undefined, }, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "viewBox": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "tag", "x-attribsNamespace": Object { "type": undefined, }, "x-attribsPrefix": Object { "type": undefined, }, }, Node { "attribs": Object { "class": "text", }, "children": Array [ Node { "data": "Sydney", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .checkbox { --checkbox-size: calc(0.875 * 16px); display: inline-flex; justify-content: center; align-items: center; cursor: pointer; opacity: 1; line-height: var(--checkbox-size); width: auto; height: var(--checkbox-size); padding: 0 0 0 0; margin: 0 0 0 0; } .text { font-size: var(--checkbox-size); line-height: var(--checkbox-size); padding-left: calc(var(--checkbox-size) * 0.5); user-select: none; cursor: pointer; } input { opacity: 0; outline: none; position: absolute; width: 0; height: 0; margin: 0; padding: 0; z-index: -1; font-size: 0; background-color: transparent; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "type": "checkbox", }, "children": Array [], "name": "input", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { display: inline-flex; width: calc(0.86 * var(--checkbox-size)); height: calc(0.86 * var(--checkbox-size)); user-select: none; opacity: 1; cursor: pointer; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "fill": "none", "viewBox": "0 0 12 12", }, "children": Array [ Node { "attribs": Object { "d": "M8.5 0.5H3.5C1.84315 0.5 0.5 1.84315 0.5 3.5V8.5C0.5 10.1569 1.84315 11.5 3.5 11.5H8.5C10.1569 11.5 11.5 10.1569 11.5 8.5V3.5C11.5 1.84315 10.1569 0.5 8.5 0.5Z", "stroke": "#666", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, "stroke": undefined, }, "x-attribsPrefix": Object { "d": undefined, "stroke": undefined, }, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "viewBox": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "tag", "x-attribsNamespace": Object { "type": undefined, }, "x-attribsPrefix": Object { "type": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .checkbox { --checkbox-size: calc(0.875 * 16px); display: inline-flex; justify-content: center; align-items: center; cursor: pointer; opacity: 1; line-height: var(--checkbox-size); width: auto; height: var(--checkbox-size); padding: 0 0 0 0; margin: 0 0 0 0; } .text { font-size: var(--checkbox-size); line-height: var(--checkbox-size); padding-left: calc(var(--checkbox-size) * 0.5); user-select: none; cursor: pointer; } input { opacity: 0; outline: none; position: absolute; width: 0; height: 0; margin: 0; padding: 0; z-index: -1; font-size: 0; background-color: transparent; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "text", }, "children": Array [ Node { "data": "Sydney", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "type": "checkbox", }, "children": Array [], "name": "input", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { display: inline-flex; width: calc(0.86 * var(--checkbox-size)); height: calc(0.86 * var(--checkbox-size)); user-select: none; opacity: 1; cursor: pointer; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "fill": "none", "viewBox": "0 0 12 12", }, "children": Array [ Node { "attribs": Object { "d": "M8.5 0.5H3.5C1.84315 0.5 0.5 1.84315 0.5 3.5V8.5C0.5 10.1569 1.84315 11.5 3.5 11.5H8.5C10.1569 11.5 11.5 10.1569 11.5 8.5V3.5C11.5 1.84315 10.1569 0.5 8.5 0.5Z", "stroke": "#666", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, "stroke": undefined, }, "x-attribsPrefix": Object { "d": undefined, "stroke": undefined, }, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "viewBox": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "tag", "x-attribsNamespace": Object { "type": undefined, }, "x-attribsPrefix": Object { "type": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "label", "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, }, "x-attribsPrefix": Object { "class": 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[`Checkbox should work with different status 1`] = ` "
" `; ================================================ FILE: components/checkbox/__tests__/group.test.tsx ================================================ import React from 'react' import { mount, render } from 'enzyme' import { Checkbox } from 'components' describe('Checkbox Group', () => { it('should render correctly', () => { const wrapper = mount( Sydney , ) expect(() => wrapper.unmount()).not.toThrow() const rendered = render( Sydney , ) expect(rendered).toMatchSnapshot() }) it('should work correctly with initial value', () => { let wrapper = mount( Sydney BeiJing , ) const sydney = wrapper.find('input').at(0).getDOMNode() expect((sydney as HTMLInputElement).checked).toBeTruthy() const beijing = wrapper.find('input').at(1).getDOMNode() expect((beijing as HTMLInputElement).checked).not.toBeTruthy() }) it('should change value after click', () => { let value = ['sydney'] const wrapper = mount( (value = val)}> Sydney BeiJing , ) const sydney = wrapper.find('input').at(0) sydney.simulate('change') expect(value.length).toBe(0) const beijing = wrapper.find('input').at(1) beijing.simulate('change') expect(value).toEqual(expect.arrayContaining(['beijing'])) }) it('should ignore events when disabled', () => { let value = ['sydney'] const wrapper = mount( (value = val)}> Sydney BeiJing , ) const sydney = wrapper.find('input').at(0) sydney.simulate('change') expect(value.length).not.toBe(0) const beijing = wrapper.find('input').at(1) beijing.simulate('change') expect(value).not.toEqual(expect.arrayContaining(['beijing'])) }) it('should throw error when value missing', () => { let errorMessage = '' const Group = Checkbox.Group as any const errorSpy = jest .spyOn(console, 'error') .mockImplementation(msg => (errorMessage = msg)) mount( Sydney BeiJing , ) expect(errorMessage).toContain('required') errorSpy.mockRestore() }) it('should throw error when set check prop in group', () => { let errorMessage = '' const errorSpy = jest .spyOn(console, 'error') .mockImplementation(msg => (errorMessage = msg)) mount( Sydney BeiJing , ) expect(errorMessage.toLowerCase()).toContain('remove props') errorSpy.mockRestore() }) }) ================================================ FILE: components/checkbox/__tests__/index.test.tsx ================================================ import React from 'react' import { mount, render } from 'enzyme' import { Checkbox } from 'components' describe('Checkbox', () => { it('should render correctly', () => { const wrapper = mount(Sydney) expect(() => wrapper.unmount()).not.toThrow() const rendered = render(Sydney) expect(rendered).toMatchSnapshot() }) it('should work with different status', () => { const wrapper = mount(
, ) expect(wrapper.html()).toMatchSnapshot() }) it('should work correctly with initial value', () => { let wrapper = mount(Sydney) let input = wrapper.find('input').getDOMNode() expect((input as HTMLInputElement).checked).toBeTruthy() wrapper = mount(Sydney) input = wrapper.find('input').getDOMNode() expect((input as HTMLInputElement).checked).not.toBeTruthy() wrapper = mount(Sydney) input = wrapper.find('input').getDOMNode() expect((input as HTMLInputElement).checked).toBeTruthy() wrapper = mount(Sydney) input = wrapper.find('input').getDOMNode() expect((input as HTMLInputElement).checked).not.toBeTruthy() }) it('should change value after click', () => { const Wrapper = () => { const [state, setState] = React.useState('state1') return ( setState('state2')}> {state} ) } const wrapper = mount() const input = wrapper.find('input').at(0) input.simulate('change') expect(wrapper.find('.text').text()).toContain('state2') }) it('should ignore events when disabled', () => { const Wrapper = () => { const [state, setState] = React.useState('state1') return ( setState('state2')}> {state} ) } const wrapper = mount() const input = wrapper.find('input').at(0) input.simulate('change') expect(wrapper.find('.text').text()).not.toContain('state2') }) }) ================================================ FILE: components/checkbox/checkbox-context.ts ================================================ import React from 'react' export interface CheckboxConfig { updateState?: (value: string, checked: boolean) => void disabledAll: boolean values: string[] inGroup: boolean } const defaultContext = { disabledAll: false, inGroup: false, values: [], } export const CheckboxContext = React.createContext(defaultContext) export const useCheckbox = (): CheckboxConfig => React.useContext(CheckboxContext) ================================================ FILE: components/checkbox/checkbox-group.tsx ================================================ import React, { useEffect, useMemo, useState } from 'react' import { CheckboxContext } from './checkbox-context' import useWarning from '../utils/use-warning' import useScale, { withScale } from '../use-scale' import useClasses from '../use-classes' interface Props { value: string[] disabled?: boolean onChange?: (values: string[]) => void className?: string } const defaultProps = { disabled: false, className: '', } type NativeAttrs = Omit, keyof Props> export type CheckboxGroupProps = Props & NativeAttrs const CheckboxGroupComponent: React.FC> = ({ disabled, onChange, value, children, className, ...props }: CheckboxGroupProps & typeof defaultProps) => { const { SCALES } = useScale() const [selfVal, setSelfVal] = useState([]) const classes = useClasses('group', className) if (!value) { value = [] useWarning('Props "value" is required.', 'Checkbox Group') } const updateState = (val: string, checked: boolean) => { const removed = selfVal.filter(v => v !== val) const next = checked ? [...removed, val] : removed setSelfVal(next) onChange && onChange(next) } const providerValue = useMemo(() => { return { updateState, disabledAll: disabled, inGroup: true, values: selfVal, } }, [disabled, selfVal]) useEffect(() => { setSelfVal(value) }, [value.join(',')]) return (
{children}
) } CheckboxGroupComponent.defaultProps = defaultProps CheckboxGroupComponent.displayName = 'GeistCheckboxGroup' const CheckboxGroup = withScale(CheckboxGroupComponent) export default CheckboxGroup ================================================ FILE: components/checkbox/checkbox.icon.tsx ================================================ import React, { useMemo } from 'react' import useTheme from '../use-theme' interface Props { disabled?: boolean checked?: boolean fill?: string bg?: string } const CheckboxIconComponent: React.FC = ({ fill, bg, disabled, checked }) => { const theme = useTheme() const { propsFill, propsBg } = useMemo(() => { return { propsFill: fill, propsBg: bg, } }, [theme.palette]) return ( <> {checked ? ( ) : ( )} ) } CheckboxIconComponent.displayName = 'GeistCheckboxIcon' const CheckboxIcon = React.memo(CheckboxIconComponent) export default CheckboxIcon ================================================ FILE: components/checkbox/checkbox.tsx ================================================ import React, { useCallback, useEffect, useMemo, useState } from 'react' import { useCheckbox } from './checkbox-context' import CheckboxIcon from './checkbox.icon' import useWarning from '../utils/use-warning' import { NormalTypes } from '../utils/prop-types' import { getColors } from './styles' import useTheme from '../use-theme' import useScale, { withScale } from '../use-scale' import useClasses from '../use-classes' export type CheckboxTypes = NormalTypes export interface CheckboxEventTarget { checked: boolean } export interface CheckboxEvent { target: CheckboxEventTarget stopPropagation: () => void preventDefault: () => void nativeEvent: React.ChangeEvent } interface Props { checked?: boolean disabled?: boolean type?: CheckboxTypes initialChecked?: boolean onChange?: (e: CheckboxEvent) => void className?: string value?: string } const defaultProps = { disabled: false, type: 'default' as CheckboxTypes, initialChecked: false, className: '', value: '', } type NativeAttrs = Omit, keyof Props> export type CheckboxProps = Props & NativeAttrs const CheckboxComponent: React.FC = ({ checked, initialChecked, disabled, onChange, className, children, type, value, ...props }: CheckboxProps & typeof defaultProps) => { const theme = useTheme() const { SCALES } = useScale() const [selfChecked, setSelfChecked] = useState(initialChecked) const { updateState, inGroup, disabledAll, values } = useCheckbox() const isDisabled = inGroup ? disabledAll || disabled : disabled const classes = useClasses('checkbox', className) if (inGroup && checked) { useWarning( 'Remove props "checked" when [Checkbox] component is in the group.', 'Checkbox', ) } if (inGroup) { useEffect(() => { const next = values.includes(value) if (next === selfChecked) return setSelfChecked(next) }, [values.join(',')]) } const { fill, bg } = useMemo( () => getColors(theme.palette, type), [theme.palette, type], ) const changeHandle = useCallback( (ev: React.ChangeEvent) => { if (isDisabled) return const selfEvent: CheckboxEvent = { target: { checked: !selfChecked, }, stopPropagation: ev.stopPropagation, preventDefault: ev.preventDefault, nativeEvent: ev, } if (inGroup && updateState) { updateState && updateState(value, !selfChecked) } setSelfChecked(!selfChecked) onChange && onChange(selfEvent) }, [updateState, onChange, isDisabled, selfChecked], ) useEffect(() => { if (checked === undefined) return setSelfChecked(checked) }, [checked]) return ( ) } CheckboxComponent.defaultProps = defaultProps CheckboxComponent.displayName = 'GeistCheckbox' const Checkbox = withScale(CheckboxComponent) export default Checkbox ================================================ FILE: components/checkbox/index.ts ================================================ import Checkbox from './checkbox' import CheckboxGroup from './checkbox-group' export type CheckboxComponentType = typeof Checkbox & { Group: typeof CheckboxGroup } ;(Checkbox as CheckboxComponentType).Group = CheckboxGroup export type { CheckboxProps, CheckboxEvent, CheckboxEventTarget, CheckboxTypes, } from './checkbox' export type { CheckboxGroupProps } from './checkbox-group' export default Checkbox as CheckboxComponentType ================================================ FILE: components/checkbox/styles.ts ================================================ import { GeistUIThemesPalette } from '../themes/presets' import { NormalTypes } from '../utils/prop-types' export type CheckboxColor = { fill: string bg: string } export const getColors = ( palette: GeistUIThemesPalette, status?: NormalTypes, ): CheckboxColor => { const colors: { [key in NormalTypes]: CheckboxColor } = { default: { fill: palette.foreground, bg: palette.background, }, secondary: { fill: palette.foreground, bg: palette.background, }, success: { fill: palette.success, // fondo bg: palette.background, }, warning: { fill: palette.warning, bg: palette.background, }, error: { fill: palette.error, bg: palette.background, }, } if (!status) return colors.default return colors[status] } ================================================ FILE: components/code/__tests__/__snapshots__/index.test.tsx.snap ================================================ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Code should repspond to changed by width 1`] = ` LoadedCheerio { "0": Node { "attribs": Object { "class": "pre", }, "children": Array [ Node { "attribs": Object { "class": "", }, "children": Array [ Node { "data": "code", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "pre", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .pre { max-width: 100%; border: 1px solid #fafafa; font-size: calc(0.875 * 16px); width: 50%; height: auto; margin: calc(1.3 * 16px) 0 calc(1.3 * 16px) 0; border-radius: 6px; background-color: rgba(250, 250, 250, 0.75); } pre { max-width: 100%; font-size: inherit; border: none; margin: 0; line-height: 1.5em; padding: calc(1.1 * 16px) calc(1 * 16px) calc(1.1 * 16px) calc(1 * 16px); } .dark { color: white; background: black; } .dark code { color: white; } header { height: auto; width: 100%; display: flex; justify-content: space-between; border-radius: 6px; background-color: transparent; } .name { border: 1px solid #eaeaea; background-color: #eaeaea; color: #666; height: auto; line-height: 1.35em; display: inline-flex; align-items: center; font-size: calc(0.8125 * 16px); padding: calc(0.32 * 16px) calc(0.5 * 16px) calc(0.32 * 16px) calc(0.5 * 16px); width: auto; border-top-left-radius: calc(6px - 1px); border-bottom-right-radius: 6px; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .pre { max-width: 100%; border: 1px solid #fafafa; font-size: calc(0.875 * 16px); width: 50%; height: auto; margin: calc(1.3 * 16px) 0 calc(1.3 * 16px) 0; border-radius: 6px; background-color: rgba(250, 250, 250, 0.75); } pre { max-width: 100%; font-size: inherit; border: none; margin: 0; line-height: 1.5em; padding: calc(1.1 * 16px) calc(1 * 16px) calc(1.1 * 16px) calc(1 * 16px); } .dark { color: white; background: black; } .dark code { color: white; } header { height: auto; width: 100%; display: flex; justify-content: space-between; border-radius: 6px; background-color: transparent; } .name { border: 1px solid #eaeaea; background-color: #eaeaea; color: #666; height: auto; line-height: 1.35em; display: inline-flex; align-items: center; font-size: calc(0.8125 * 16px); padding: calc(0.32 * 16px) calc(0.5 * 16px) calc(0.32 * 16px) calc(0.5 * 16px); width: auto; border-top-left-radius: calc(6px - 1px); border-bottom-right-radius: 6px; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "", }, "children": Array [ Node { "data": "code", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "pre", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "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, }, "x-attribsPrefix": Object { "class": 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[`Code should support block mode 1`] = ` LoadedCheerio { "0": Node { "attribs": Object { "class": "pre", }, "children": Array [ Node { "attribs": Object { "class": "", }, "children": Array [ Node { "data": "code", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "pre", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .pre { max-width: 100%; border: 1px solid #fafafa; font-size: calc(0.875 * 16px); width: initial; height: auto; margin: calc(1.3 * 16px) 0 calc(1.3 * 16px) 0; border-radius: 6px; background-color: rgba(250, 250, 250, 0.75); } pre { max-width: 100%; font-size: inherit; border: none; margin: 0; line-height: 1.5em; padding: calc(1.1 * 16px) calc(1 * 16px) calc(1.1 * 16px) calc(1 * 16px); } .dark { color: white; background: black; } .dark code { color: white; } header { height: auto; width: 100%; display: flex; justify-content: space-between; border-radius: 6px; background-color: transparent; } .name { border: 1px solid #eaeaea; background-color: #eaeaea; color: #666; height: auto; line-height: 1.35em; display: inline-flex; align-items: center; font-size: calc(0.8125 * 16px); padding: calc(0.32 * 16px) calc(0.5 * 16px) calc(0.32 * 16px) calc(0.5 * 16px); width: auto; border-top-left-radius: calc(6px - 1px); border-bottom-right-radius: 6px; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .pre { max-width: 100%; border: 1px solid #fafafa; font-size: calc(0.875 * 16px); width: initial; height: auto; margin: calc(1.3 * 16px) 0 calc(1.3 * 16px) 0; border-radius: 6px; background-color: rgba(250, 250, 250, 0.75); } pre { max-width: 100%; font-size: inherit; border: none; margin: 0; line-height: 1.5em; padding: calc(1.1 * 16px) calc(1 * 16px) calc(1.1 * 16px) calc(1 * 16px); } .dark { color: white; background: black; } .dark code { color: white; } header { height: auto; width: 100%; display: flex; justify-content: space-between; border-radius: 6px; background-color: transparent; } .name { border: 1px solid #eaeaea; background-color: #eaeaea; color: #666; height: auto; line-height: 1.35em; display: inline-flex; align-items: center; font-size: calc(0.8125 * 16px); padding: calc(0.32 * 16px) calc(0.5 * 16px) calc(0.32 * 16px) calc(0.5 * 16px); width: auto; border-top-left-radius: calc(6px - 1px); border-bottom-right-radius: 6px; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "", }, "children": Array [ Node { "data": "code", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "pre", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "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, }, "x-attribsPrefix": Object { "class": 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[`Code should work correctly with title 1`] = ` LoadedCheerio { "0": Node { "attribs": Object { "class": "pre", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "name", }, "children": Array [ Node { "data": "name", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": "header", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "", }, "children": Array [ Node { "data": "code", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "pre", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .pre { max-width: 100%; border: 1px solid #eaeaea; font-size: calc(0.875 * 16px); width: initial; height: auto; margin: calc(1.3 * 16px) 0 calc(1.3 * 16px) 0; border-radius: 6px; background-color: #fff; } pre { max-width: 100%; font-size: inherit; border: none; margin: 0; line-height: 1.5em; padding: calc(1.1 * 16px) calc(1 * 16px) calc(1.1 * 16px) calc(1 * 16px); } .dark { color: white; background: black; } .dark code { color: white; } header { height: auto; width: 100%; display: flex; justify-content: space-between; border-radius: 6px; background-color: transparent; } .name { border: 1px solid #eaeaea; background-color: #eaeaea; color: #666; height: auto; line-height: 1.35em; display: inline-flex; align-items: center; font-size: calc(0.8125 * 16px); padding: calc(0.32 * 16px) calc(0.5 * 16px) calc(0.32 * 16px) calc(0.5 * 16px); width: auto; border-top-left-radius: calc(6px - 1px); border-bottom-right-radius: 6px; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "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 {}, "x-attribsPrefix": Object {}, }, Node { "attribs": Object { "class": "", }, "children": Array [ Node { "data": "code", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "pre", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .pre { max-width: 100%; border: 1px solid #eaeaea; font-size: calc(0.875 * 16px); width: initial; height: auto; margin: calc(1.3 * 16px) 0 calc(1.3 * 16px) 0; border-radius: 6px; background-color: #fff; } pre { max-width: 100%; font-size: inherit; border: none; margin: 0; line-height: 1.5em; padding: calc(1.1 * 16px) calc(1 * 16px) calc(1.1 * 16px) calc(1 * 16px); } .dark { color: white; background: black; } .dark code { color: white; } header { height: auto; width: 100%; display: flex; justify-content: space-between; border-radius: 6px; background-color: transparent; } .name { border: 1px solid #eaeaea; background-color: #eaeaea; color: #666; height: auto; line-height: 1.35em; display: inline-flex; align-items: center; font-size: calc(0.8125 * 16px); padding: calc(0.32 * 16px) calc(0.5 * 16px) calc(0.32 * 16px) calc(0.5 * 16px); width: auto; border-top-left-radius: calc(6px - 1px); border-bottom-right-radius: 6px; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "name", }, "children": Array [ Node { "data": "name", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": "header", "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 { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .pre { max-width: 100%; border: 1px solid #eaeaea; font-size: calc(0.875 * 16px); width: initial; height: auto; margin: calc(1.3 * 16px) 0 calc(1.3 * 16px) 0; border-radius: 6px; background-color: #fff; } pre { max-width: 100%; font-size: inherit; border: none; margin: 0; line-height: 1.5em; padding: calc(1.1 * 16px) calc(1 * 16px) calc(1.1 * 16px) calc(1 * 16px); } .dark { color: white; background: black; } .dark code { color: white; } header { height: auto; width: 100%; display: flex; justify-content: space-between; border-radius: 6px; background-color: transparent; } .name { border: 1px solid #eaeaea; background-color: #eaeaea; color: #666; height: auto; line-height: 1.35em; display: inline-flex; align-items: center; font-size: calc(0.8125 * 16px); padding: calc(0.32 * 16px) calc(0.5 * 16px) calc(0.32 * 16px) calc(0.5 * 16px); width: auto; border-top-left-radius: calc(6px - 1px); border-bottom-right-radius: 6px; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "", }, "children": Array [ Node { "data": "code", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "pre", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "name", }, "children": Array [ Node { "data": "name", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": "header", "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 { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "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, }, "x-attribsPrefix": Object { "class": 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, }, } `; ================================================ FILE: components/code/__tests__/index.test.tsx ================================================ import React from 'react' import { mount, render } from 'enzyme' import { Code } from 'components' describe('Code', () => { it('should render correctly', () => { const wrapper = mount(code) expect(() => wrapper.unmount()).not.toThrow() }) it('should support block mode', () => { const wrapper = render(code) expect(wrapper).toMatchSnapshot() }) it('should repspond to changed by width', () => { const wrapper = render( code , ) expect(wrapper).toMatchSnapshot() }) it('should render pre element only in block mode', () => { const wrapper = mount(code) expect(wrapper.find('pre').length).toBe(0) wrapper.setProps({ block: true }) expect(wrapper.find('pre').length).not.toBe(0) }) it('should work correctly with title', () => { const wrapper = render( code , ) expect(wrapper).toMatchSnapshot() }) }) ================================================ FILE: components/code/code.tsx ================================================ import React, { useMemo } from 'react' import useScale, { withScale } from '../use-scale' import useTheme from '../use-theme' import { addColorAlpha } from '../utils/color' interface Props { block?: boolean className?: string name?: string classic?: boolean } const defaultProps = { block: false, className: '', name: '', classic: false, } type NativeAttrs = Omit, keyof Props> export type CodeProps = Props & NativeAttrs const CodeComponent: React.FC> = ({ children, block, className, name, classic, ...props }: React.PropsWithChildren & typeof defaultProps) => { const { SCALES } = useScale() const theme = useTheme() const { background, border } = useMemo(() => { if (!classic) return { border: theme.palette.accents_1, background: addColorAlpha(theme.palette.accents_1, 0.75), } return { border: theme.palette.accents_2, background: theme.palette.background, } }, [classic, theme.palette]) if (!block) return {children} return (
{name && (
{name}
)} 
        {children}
) } CodeComponent.defaultProps = defaultProps CodeComponent.displayName = 'GeistCode' const Code = withScale(CodeComponent) export default Code ================================================ FILE: components/code/index.ts ================================================ import Code from './code' export type { CodeProps } from './code' export default Code ================================================ FILE: components/col/__tests__/__snapshots__/index.test.tsx.snap ================================================ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Col should render correctly 1`] = `ReactWrapper {}`; exports[`Col should work with span and offset 1`] = ` LoadedCheerio { "0": Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "col ", }, "children": Array [ Node { "data": "col", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .col { float: left; box-sizing: border-box; padding-left: calc(var(--row-gap) / 2); padding-right: calc(var(--row-gap) / 2); width: 8.333333333333334%; margin-left: 0%; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .col { float: left; box-sizing: border-box; padding-left: calc(var(--row-gap) / 2); padding-right: calc(var(--row-gap) / 2); width: 8.333333333333334%; margin-left: 0%; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "col", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "col ", }, "children": Array [ Node { "data": "col", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .col { float: left; box-sizing: border-box; padding-left: calc(var(--row-gap) / 2); padding-right: calc(var(--row-gap) / 2); width: 8.333333333333334%; margin-left: 8.333333333333334%; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .col { float: left; box-sizing: border-box; padding-left: calc(var(--row-gap) / 2); padding-right: calc(var(--row-gap) / 2); width: 8.333333333333334%; margin-left: 8.333333333333334%; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "col", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "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": "col ", }, "children": Array [ Node { "data": "col", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .col { float: left; box-sizing: border-box; padding-left: calc(var(--row-gap) / 2); padding-right: calc(var(--row-gap) / 2); width: 8.333333333333334%; margin-left: 8.333333333333334%; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .col { float: left; box-sizing: border-box; padding-left: calc(var(--row-gap) / 2); padding-right: calc(var(--row-gap) / 2); width: 8.333333333333334%; margin-left: 8.333333333333334%; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "col", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "col ", }, "children": Array [ Node { "data": "col", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .col { float: left; box-sizing: border-box; padding-left: calc(var(--row-gap) / 2); padding-right: calc(var(--row-gap) / 2); width: 8.333333333333334%; margin-left: 0%; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .col { float: left; box-sizing: border-box; padding-left: calc(var(--row-gap) / 2); padding-right: calc(var(--row-gap) / 2); width: 8.333333333333334%; margin-left: 0%; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "col", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "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": "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 {}, "x-attribsPrefix": Object {}, }, "_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, }, } `; ================================================ FILE: components/col/__tests__/index.test.tsx ================================================ import React from 'react' import { mount, render } from 'enzyme' import Col from '../index' describe('Col', () => { it('should render correctly', () => { const wrapper = mount(col) expect(wrapper).toMatchSnapshot() expect(() => wrapper.unmount()).not.toThrow() }) it('should work with span and offset', () => { const wrapper = render(
col col
, ) expect(wrapper).toMatchSnapshot() }) it('should render correctly when nested', () => { const wrapper = mount( col , ) expect(() => wrapper.unmount()).not.toThrow() }) it('should render different components', () => { let wrapper = mount() expect(wrapper.find('p').length).not.toBe(0) wrapper = mount() expect(wrapper.find('details').length).not.toBe(0) wrapper = mount() expect(wrapper.find('h1').length).not.toBe(0) }) }) ================================================ FILE: components/col/col.tsx ================================================ import React from 'react' interface Props { span?: number offset?: number component?: keyof JSX.IntrinsicElements className?: string } const defaultProps = { span: 24, offset: 0, component: 'div' as keyof JSX.IntrinsicElements, className: '', } type NativeAttrs = Omit, keyof Props> export type ColProps = Props & NativeAttrs const Col: React.FC> = ({ component, children, span, offset, className, ...props }: React.PropsWithChildren & typeof defaultProps) => { const Component = component return ( {children} ) } Col.defaultProps = defaultProps Col.displayName = 'GeistCol' export default Col ================================================ FILE: components/col/index.ts ================================================ import Col from './col' export type { ColProps } from './col' export default Col ================================================ FILE: components/collapse/__tests__/__snapshots__/group.test.tsx.snap ================================================ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Collapse Group should be no errors when children are missing 1`] = `ReactWrapper {}`; exports[`Collapse Group should render correctly 1`] = `ReactWrapper {}`; exports[`Collapse Group should work without accordion 1`] = ` LoadedCheerio { "0": Node { "attribs": Object { "class": "collapse-group", }, "children": Array [ Node { "attribs": Object { "class": "collapse", }, "children": Array [ Node { "attribs": Object { "class": "view", "role": "button", }, "children": Array [ Node { "attribs": Object { "class": "title", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "title1", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "text", }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title1", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "data": " ", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title1", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": 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": Node { "attribs": Object { "class": "container", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content1", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content1", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .collapse { border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; font-size: calc(1 * 16px); width: auto; height: auto; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; margin: 0 0 0 0; } .shadow { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); border: none; border-radius: 6px; padding: 16pt; } .view { cursor: pointer; outline: none; } .title { display: flex; justify-content: space-between; align-items: center; color: #000; } .title h3 { margin: 0; font-size: 1.5em; } .subtitle { color: #666; margin: 0; } .subtitle > :global(*) { margin: 0; } .content { font-size: inherit; line-height: 1.6em; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; } .content > :global(*:first-child) { margin-top: 0; } .content > :global(*:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "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, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, Node { "attribs": Object { "class": "container", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content1", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content1", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .collapse { border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; font-size: calc(1 * 16px); width: auto; height: auto; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; margin: 0 0 0 0; } .shadow { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); border: none; border-radius: 6px; padding: 16pt; } .view { cursor: pointer; outline: none; } .title { display: flex; justify-content: space-between; align-items: center; color: #000; } .title h3 { margin: 0; font-size: 1.5em; } .subtitle { color: #666; margin: 0; } .subtitle > :global(*) { margin: 0; } .content { font-size: inherit; line-height: 1.6em; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; } .content > :global(*:first-child) { margin-top: 0; } .content > :global(*:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "class": "view", "role": "button", }, "children": Array [ Node { "attribs": Object { "class": "title", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "title1", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "text", }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title1", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "data": " ", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title1", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": 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": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .collapse { border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; font-size: calc(1 * 16px); width: auto; height: auto; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; margin: 0 0 0 0; } .shadow { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); border: none; border-radius: 6px; padding: 16pt; } .view { cursor: pointer; outline: none; } .title { display: flex; justify-content: space-between; align-items: center; color: #000; } .title h3 { margin: 0; font-size: 1.5em; } .subtitle { color: #666; margin: 0; } .subtitle > :global(*) { margin: 0; } .content { font-size: inherit; line-height: 1.6em; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; } .content > :global(*:first-child) { margin-top: 0; } .content > :global(*:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "container", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content1", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content1", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "view", "role": "button", }, "children": Array [ Node { "attribs": Object { "class": "title", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "title1", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "text", }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title1", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "data": " ", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title1", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": 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": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "collapse", }, "children": Array [ Node { "attribs": Object { "class": "view", "role": "button", }, "children": Array [ Node { "attribs": Object { "class": "title", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "title2", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "text", }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title2", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "data": " ", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title2", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": 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": Node { "attribs": Object { "class": "container", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content2", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content2", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .collapse { border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; font-size: calc(1 * 16px); width: auto; height: auto; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; margin: 0 0 0 0; } .shadow { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); border: none; border-radius: 6px; padding: 16pt; } .view { cursor: pointer; outline: none; } .title { display: flex; justify-content: space-between; align-items: center; color: #000; } .title h3 { margin: 0; font-size: 1.5em; } .subtitle { color: #666; margin: 0; } .subtitle > :global(*) { margin: 0; } .content { font-size: inherit; line-height: 1.6em; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; } .content > :global(*:first-child) { margin-top: 0; } .content > :global(*:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "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, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, Node { "attribs": Object { "class": "container", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content2", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content2", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .collapse { border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; font-size: calc(1 * 16px); width: auto; height: auto; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; margin: 0 0 0 0; } .shadow { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); border: none; border-radius: 6px; padding: 16pt; } .view { cursor: pointer; outline: none; } .title { display: flex; justify-content: space-between; align-items: center; color: #000; } .title h3 { margin: 0; font-size: 1.5em; } .subtitle { color: #666; margin: 0; } .subtitle > :global(*) { margin: 0; } .content { font-size: inherit; line-height: 1.6em; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; } .content > :global(*:first-child) { margin-top: 0; } .content > :global(*:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "class": "view", "role": "button", }, "children": Array [ Node { "attribs": Object { "class": "title", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "title2", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "text", }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title2", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "data": " ", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title2", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": 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": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .collapse { border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; font-size: calc(1 * 16px); width: auto; height: auto; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; margin: 0 0 0 0; } .shadow { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); border: none; border-radius: 6px; padding: 16pt; } .view { cursor: pointer; outline: none; } .title { display: flex; justify-content: space-between; align-items: center; color: #000; } .title h3 { margin: 0; font-size: 1.5em; } .subtitle { color: #666; margin: 0; } .subtitle > :global(*) { margin: 0; } .content { font-size: inherit; line-height: 1.6em; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; } .content > :global(*:first-child) { margin-top: 0; } .content > :global(*:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "container", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content2", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content2", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "view", "role": "button", }, "children": Array [ Node { "attribs": Object { "class": "title", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "title2", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "text", }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title2", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "data": " ", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title2", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": 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": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .collapse-group { width: auto; height: auto; padding: 0 calc(0.6 * 16px) 0 calc(0.6 * 16px); margin: 0 0 0 0; } .collapse-group > :global(div + div) { border-top: none; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "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": "collapse", }, "children": Array [ Node { "attribs": Object { "class": "view", "role": "button", }, "children": Array [ Node { "attribs": Object { "class": "title", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "title2", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "text", }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title2", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "data": " ", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title2", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": 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": Node { "attribs": Object { "class": "container", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content2", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content2", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .collapse { border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; font-size: calc(1 * 16px); width: auto; height: auto; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; margin: 0 0 0 0; } .shadow { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); border: none; border-radius: 6px; padding: 16pt; } .view { cursor: pointer; outline: none; } .title { display: flex; justify-content: space-between; align-items: center; color: #000; } .title h3 { margin: 0; font-size: 1.5em; } .subtitle { color: #666; margin: 0; } .subtitle > :global(*) { margin: 0; } .content { font-size: inherit; line-height: 1.6em; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; } .content > :global(*:first-child) { margin-top: 0; } .content > :global(*:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "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, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, Node { "attribs": Object { "class": "container", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content2", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content2", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .collapse { border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; font-size: calc(1 * 16px); width: auto; height: auto; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; margin: 0 0 0 0; } .shadow { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); border: none; border-radius: 6px; padding: 16pt; } .view { cursor: pointer; outline: none; } .title { display: flex; justify-content: space-between; align-items: center; color: #000; } .title h3 { margin: 0; font-size: 1.5em; } .subtitle { color: #666; margin: 0; } .subtitle > :global(*) { margin: 0; } .content { font-size: inherit; line-height: 1.6em; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; } .content > :global(*:first-child) { margin-top: 0; } .content > :global(*:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "class": "view", "role": "button", }, "children": Array [ Node { "attribs": Object { "class": "title", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "title2", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "text", }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title2", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "data": " ", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title2", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": 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": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .collapse { border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; font-size: calc(1 * 16px); width: auto; height: auto; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; margin: 0 0 0 0; } .shadow { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); border: none; border-radius: 6px; padding: 16pt; } .view { cursor: pointer; outline: none; } .title { display: flex; justify-content: space-between; align-items: center; color: #000; } .title h3 { margin: 0; font-size: 1.5em; } .subtitle { color: #666; margin: 0; } .subtitle > :global(*) { margin: 0; } .content { font-size: inherit; line-height: 1.6em; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; } .content > :global(*:first-child) { margin-top: 0; } .content > :global(*:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "container", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content2", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content2", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "view", "role": "button", }, "children": Array [ Node { "attribs": Object { "class": "title", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "title2", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "text", }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title2", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "data": " ", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title2", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": 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": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .collapse-group { width: auto; height: auto; padding: 0 calc(0.6 * 16px) 0 calc(0.6 * 16px); margin: 0 0 0 0; } .collapse-group > :global(div + div) { border-top: none; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "class": "collapse", }, "children": Array [ Node { "attribs": Object { "class": "view", "role": "button", }, "children": Array [ Node { "attribs": Object { "class": "title", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "title1", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "text", }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title1", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "data": " ", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title1", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": 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": Node { "attribs": Object { "class": "container", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content1", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content1", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .collapse { border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; font-size: calc(1 * 16px); width: auto; height: auto; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; margin: 0 0 0 0; } .shadow { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); border: none; border-radius: 6px; padding: 16pt; } .view { cursor: pointer; outline: none; } .title { display: flex; justify-content: space-between; align-items: center; color: #000; } .title h3 { margin: 0; font-size: 1.5em; } .subtitle { color: #666; margin: 0; } .subtitle > :global(*) { margin: 0; } .content { font-size: inherit; line-height: 1.6em; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; } .content > :global(*:first-child) { margin-top: 0; } .content > :global(*:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "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, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, Node { "attribs": Object { "class": "container", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content1", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content1", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .collapse { border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; font-size: calc(1 * 16px); width: auto; height: auto; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; margin: 0 0 0 0; } .shadow { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); border: none; border-radius: 6px; padding: 16pt; } .view { cursor: pointer; outline: none; } .title { display: flex; justify-content: space-between; align-items: center; color: #000; } .title h3 { margin: 0; font-size: 1.5em; } .subtitle { color: #666; margin: 0; } .subtitle > :global(*) { margin: 0; } .content { font-size: inherit; line-height: 1.6em; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; } .content > :global(*:first-child) { margin-top: 0; } .content > :global(*:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "class": "view", "role": "button", }, "children": Array [ Node { "attribs": Object { "class": "title", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "title1", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "text", }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title1", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "data": " ", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title1", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": 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": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .collapse { border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; font-size: calc(1 * 16px); width: auto; height: auto; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; margin: 0 0 0 0; } .shadow { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); border: none; border-radius: 6px; padding: 16pt; } .view { cursor: pointer; outline: none; } .title { display: flex; justify-content: space-between; align-items: center; color: #000; } .title h3 { margin: 0; font-size: 1.5em; } .subtitle { color: #666; margin: 0; } .subtitle > :global(*) { margin: 0; } .content { font-size: inherit; line-height: 1.6em; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; } .content > :global(*:first-child) { margin-top: 0; } .content > :global(*:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "container", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content1", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content1", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "view", "role": "button", }, "children": Array [ Node { "attribs": Object { "class": "title", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "title1", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "text", }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title1", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "data": " ", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title1", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": 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": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "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 {}, "children": Array [ Node { "data": " .collapse-group { width: auto; height: auto; padding: 0 calc(0.6 * 16px) 0 calc(0.6 * 16px); margin: 0 0 0 0; } .collapse-group > :global(div + div) { border-top: none; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "collapse", }, "children": Array [ Node { "attribs": Object { "class": "view", "role": "button", }, "children": Array [ Node { "attribs": Object { "class": "title", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "title2", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "text", }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title2", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "data": " ", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title2", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": 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": Node { "attribs": Object { "class": "container", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content2", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content2", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .collapse { border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; font-size: calc(1 * 16px); width: auto; height: auto; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; margin: 0 0 0 0; } .shadow { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); border: none; border-radius: 6px; padding: 16pt; } .view { cursor: pointer; outline: none; } .title { display: flex; justify-content: space-between; align-items: center; color: #000; } .title h3 { margin: 0; font-size: 1.5em; } .subtitle { color: #666; margin: 0; } .subtitle > :global(*) { margin: 0; } .content { font-size: inherit; line-height: 1.6em; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; } .content > :global(*:first-child) { margin-top: 0; } .content > :global(*:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "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, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, Node { "attribs": Object { "class": "container", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content2", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content2", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .collapse { border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; font-size: calc(1 * 16px); width: auto; height: auto; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; margin: 0 0 0 0; } .shadow { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); border: none; border-radius: 6px; padding: 16pt; } .view { cursor: pointer; outline: none; } .title { display: flex; justify-content: space-between; align-items: center; color: #000; } .title h3 { margin: 0; font-size: 1.5em; } .subtitle { color: #666; margin: 0; } .subtitle > :global(*) { margin: 0; } .content { font-size: inherit; line-height: 1.6em; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; } .content > :global(*:first-child) { margin-top: 0; } .content > :global(*:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "class": "view", "role": "button", }, "children": Array [ Node { "attribs": Object { "class": "title", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "title2", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "text", }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title2", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "data": " ", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title2", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": 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": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .collapse { border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; font-size: calc(1 * 16px); width: auto; height: auto; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; margin: 0 0 0 0; } .shadow { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); border: none; border-radius: 6px; padding: 16pt; } .view { cursor: pointer; outline: none; } .title { display: flex; justify-content: space-between; align-items: center; color: #000; } .title h3 { margin: 0; font-size: 1.5em; } .subtitle { color: #666; margin: 0; } .subtitle > :global(*) { margin: 0; } .content { font-size: inherit; line-height: 1.6em; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; } .content > :global(*:first-child) { margin-top: 0; } .content > :global(*:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "container", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content2", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content2", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "view", "role": "button", }, "children": Array [ Node { "attribs": Object { "class": "title", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "title2", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "text", }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title2", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "data": " ", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title2", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": 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": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "collapse", }, "children": Array [ Node { "attribs": Object { "class": "view", "role": "button", }, "children": Array [ Node { "attribs": Object { "class": "title", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "title1", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "text", }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title1", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "data": " ", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title1", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": 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": Node { "attribs": Object { "class": "container", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content1", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content1", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .collapse { border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; font-size: calc(1 * 16px); width: auto; height: auto; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; margin: 0 0 0 0; } .shadow { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); border: none; border-radius: 6px; padding: 16pt; } .view { cursor: pointer; outline: none; } .title { display: flex; justify-content: space-between; align-items: center; color: #000; } .title h3 { margin: 0; font-size: 1.5em; } .subtitle { color: #666; margin: 0; } .subtitle > :global(*) { margin: 0; } .content { font-size: inherit; line-height: 1.6em; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; } .content > :global(*:first-child) { margin-top: 0; } .content > :global(*:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "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, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, Node { "attribs": Object { "class": "container", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content1", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content1", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .collapse { border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; font-size: calc(1 * 16px); width: auto; height: auto; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; margin: 0 0 0 0; } .shadow { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); border: none; border-radius: 6px; padding: 16pt; } .view { cursor: pointer; outline: none; } .title { display: flex; justify-content: space-between; align-items: center; color: #000; } .title h3 { margin: 0; font-size: 1.5em; } .subtitle { color: #666; margin: 0; } .subtitle > :global(*) { margin: 0; } .content { font-size: inherit; line-height: 1.6em; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; } .content > :global(*:first-child) { margin-top: 0; } .content > :global(*:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "class": "view", "role": "button", }, "children": Array [ Node { "attribs": Object { "class": "title", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "title1", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "text", }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title1", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "data": " ", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title1", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": 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": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .collapse { border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; font-size: calc(1 * 16px); width: auto; height: auto; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; margin: 0 0 0 0; } .shadow { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); border: none; border-radius: 6px; padding: 16pt; } .view { cursor: pointer; outline: none; } .title { display: flex; justify-content: space-between; align-items: center; color: #000; } .title h3 { margin: 0; font-size: 1.5em; } .subtitle { color: #666; margin: 0; } .subtitle > :global(*) { margin: 0; } .content { font-size: inherit; line-height: 1.6em; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; } .content > :global(*:first-child) { margin-top: 0; } .content > :global(*:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "container", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content1", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content1", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "view", "role": "button", }, "children": Array [ Node { "attribs": Object { "class": "title", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "title1", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "text", }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title1", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "data": " ", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title1", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": 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": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "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, }, "x-attribsPrefix": Object { "class": 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, }, } `; ================================================ FILE: components/collapse/__tests__/__snapshots__/index.test.tsx.snap ================================================ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Collapse should render correctly 1`] = `ReactWrapper {}`; exports[`Collapse should work with initial visible 1`] = ` LoadedCheerio { "0": Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "collapse", }, "children": Array [ Node { "attribs": Object { "class": "view", "role": "button", }, "children": Array [ Node { "attribs": Object { "class": "title", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "text", }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "data": " ", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "subtitle", }, "children": Array [ Node { "data": "subtitle", "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 { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object { "class": "subtitle", }, "children": Array [ Node { "data": "subtitle", "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 { "class": "title", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "text", }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "data": " ", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, ], "name": "div", "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": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "container", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .collapse { border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; font-size: calc(1 * 16px); width: auto; height: auto; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; margin: 0 0 0 0; } .shadow { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); border: none; border-radius: 6px; padding: 16pt; } .view { cursor: pointer; outline: none; } .title { display: flex; justify-content: space-between; align-items: center; color: #000; } .title h3 { margin: 0; font-size: 1.5em; } .subtitle { color: #666; margin: 0; } .subtitle > :global(*) { margin: 0; } .content { font-size: inherit; line-height: 1.6em; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; } .content > :global(*:first-child) { margin-top: 0; } .content > :global(*:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "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, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, Node { "attribs": Object { "class": "container", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .collapse { border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; font-size: calc(1 * 16px); width: auto; height: auto; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; margin: 0 0 0 0; } .shadow { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); border: none; border-radius: 6px; padding: 16pt; } .view { cursor: pointer; outline: none; } .title { display: flex; justify-content: space-between; align-items: center; color: #000; } .title h3 { margin: 0; font-size: 1.5em; } .subtitle { color: #666; margin: 0; } .subtitle > :global(*) { margin: 0; } .content { font-size: inherit; line-height: 1.6em; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; } .content > :global(*:first-child) { margin-top: 0; } .content > :global(*:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "class": "view", "role": "button", }, "children": Array [ Node { "attribs": Object { "class": "title", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "text", }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "data": " ", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "subtitle", }, "children": Array [ Node { "data": "subtitle", "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 { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object { "class": "subtitle", }, "children": Array [ Node { "data": "subtitle", "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 { "class": "title", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "text", }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "data": " ", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, ], "name": "div", "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": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .collapse { border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; font-size: calc(1 * 16px); width: auto; height: auto; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; margin: 0 0 0 0; } .shadow { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); border: none; border-radius: 6px; padding: 16pt; } .view { cursor: pointer; outline: none; } .title { display: flex; justify-content: space-between; align-items: center; color: #000; } .title h3 { margin: 0; font-size: 1.5em; } .subtitle { color: #666; margin: 0; } .subtitle > :global(*) { margin: 0; } .content { font-size: inherit; line-height: 1.6em; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; } .content > :global(*:first-child) { margin-top: 0; } .content > :global(*:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "container", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "view", "role": "button", }, "children": Array [ Node { "attribs": Object { "class": "title", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "text", }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "data": " ", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "subtitle", }, "children": Array [ Node { "data": "subtitle", "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 { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object { "class": "subtitle", }, "children": Array [ Node { "data": "subtitle", "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 { "class": "title", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "text", }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "data": " ", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, ], "name": "div", "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": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "collapse", }, "children": Array [ Node { "attribs": Object { "class": "view", "role": "button", }, "children": Array [ Node { "attribs": Object { "class": "title", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(-180deg); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(-180deg); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "text", }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(-180deg); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(-180deg); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(-180deg); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(-180deg); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "data": " ", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": 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": Node { "attribs": Object { "class": "container expanded", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: visible; transition: height 200ms ease; } .expanded { height: auto; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: visible; transition: height 200ms ease; } .expanded { height: auto; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .collapse { border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; font-size: calc(1 * 16px); width: auto; height: auto; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; margin: 0 0 0 0; } .shadow { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); border: none; border-radius: 6px; padding: 16pt; } .view { cursor: pointer; outline: none; } .title { display: flex; justify-content: space-between; align-items: center; color: #000; } .title h3 { margin: 0; font-size: 1.5em; } .subtitle { color: #666; margin: 0; } .subtitle > :global(*) { margin: 0; } .content { font-size: inherit; line-height: 1.6em; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; } .content > :global(*:first-child) { margin-top: 0; } .content > :global(*:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "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, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, Node { "attribs": Object { "class": "container expanded", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: visible; transition: height 200ms ease; } .expanded { height: auto; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: visible; transition: height 200ms ease; } .expanded { height: auto; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .collapse { border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; font-size: calc(1 * 16px); width: auto; height: auto; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; margin: 0 0 0 0; } .shadow { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); border: none; border-radius: 6px; padding: 16pt; } .view { cursor: pointer; outline: none; } .title { display: flex; justify-content: space-between; align-items: center; color: #000; } .title h3 { margin: 0; font-size: 1.5em; } .subtitle { color: #666; margin: 0; } .subtitle > :global(*) { margin: 0; } .content { font-size: inherit; line-height: 1.6em; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; } .content > :global(*:first-child) { margin-top: 0; } .content > :global(*:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "class": "view", "role": "button", }, "children": Array [ Node { "attribs": Object { "class": "title", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(-180deg); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(-180deg); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "text", }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(-180deg); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(-180deg); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(-180deg); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(-180deg); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "data": " ", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": 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": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .collapse { border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; font-size: calc(1 * 16px); width: auto; height: auto; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; margin: 0 0 0 0; } .shadow { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); border: none; border-radius: 6px; padding: 16pt; } .view { cursor: pointer; outline: none; } .title { display: flex; justify-content: space-between; align-items: center; color: #000; } .title h3 { margin: 0; font-size: 1.5em; } .subtitle { color: #666; margin: 0; } .subtitle > :global(*) { margin: 0; } .content { font-size: inherit; line-height: 1.6em; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; } .content > :global(*:first-child) { margin-top: 0; } .content > :global(*:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "container expanded", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: visible; transition: height 200ms ease; } .expanded { height: auto; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: visible; transition: height 200ms ease; } .expanded { height: auto; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "view", "role": "button", }, "children": Array [ Node { "attribs": Object { "class": "title", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(-180deg); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(-180deg); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "text", }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(-180deg); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(-180deg); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(-180deg); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(-180deg); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "data": " ", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": 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": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "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": "collapse", }, "children": Array [ Node { "attribs": Object { "class": "view", "role": "button", }, "children": Array [ Node { "attribs": Object { "class": "title", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(-180deg); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(-180deg); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "text", }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(-180deg); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(-180deg); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(-180deg); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(-180deg); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "data": " ", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": 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": Node { "attribs": Object { "class": "container expanded", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: visible; transition: height 200ms ease; } .expanded { height: auto; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: visible; transition: height 200ms ease; } .expanded { height: auto; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .collapse { border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; font-size: calc(1 * 16px); width: auto; height: auto; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; margin: 0 0 0 0; } .shadow { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); border: none; border-radius: 6px; padding: 16pt; } .view { cursor: pointer; outline: none; } .title { display: flex; justify-content: space-between; align-items: center; color: #000; } .title h3 { margin: 0; font-size: 1.5em; } .subtitle { color: #666; margin: 0; } .subtitle > :global(*) { margin: 0; } .content { font-size: inherit; line-height: 1.6em; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; } .content > :global(*:first-child) { margin-top: 0; } .content > :global(*:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "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, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, Node { "attribs": Object { "class": "container expanded", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: visible; transition: height 200ms ease; } .expanded { height: auto; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: visible; transition: height 200ms ease; } .expanded { height: auto; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .collapse { border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; font-size: calc(1 * 16px); width: auto; height: auto; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; margin: 0 0 0 0; } .shadow { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); border: none; border-radius: 6px; padding: 16pt; } .view { cursor: pointer; outline: none; } .title { display: flex; justify-content: space-between; align-items: center; color: #000; } .title h3 { margin: 0; font-size: 1.5em; } .subtitle { color: #666; margin: 0; } .subtitle > :global(*) { margin: 0; } .content { font-size: inherit; line-height: 1.6em; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; } .content > :global(*:first-child) { margin-top: 0; } .content > :global(*:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "class": "view", "role": "button", }, "children": Array [ Node { "attribs": Object { "class": "title", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(-180deg); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(-180deg); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "text", }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(-180deg); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(-180deg); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(-180deg); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(-180deg); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "data": " ", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": 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": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .collapse { border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; font-size: calc(1 * 16px); width: auto; height: auto; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; margin: 0 0 0 0; } .shadow { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); border: none; border-radius: 6px; padding: 16pt; } .view { cursor: pointer; outline: none; } .title { display: flex; justify-content: space-between; align-items: center; color: #000; } .title h3 { margin: 0; font-size: 1.5em; } .subtitle { color: #666; margin: 0; } .subtitle > :global(*) { margin: 0; } .content { font-size: inherit; line-height: 1.6em; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; } .content > :global(*:first-child) { margin-top: 0; } .content > :global(*:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "container expanded", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: visible; transition: height 200ms ease; } .expanded { height: auto; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: visible; transition: height 200ms ease; } .expanded { height: auto; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "view", "role": "button", }, "children": Array [ Node { "attribs": Object { "class": "title", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(-180deg); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(-180deg); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "text", }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(-180deg); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(-180deg); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(-180deg); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(-180deg); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "data": " ", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": 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": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "collapse", }, "children": Array [ Node { "attribs": Object { "class": "view", "role": "button", }, "children": Array [ Node { "attribs": Object { "class": "title", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "text", }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "data": " ", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "subtitle", }, "children": Array [ Node { "data": "subtitle", "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 { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object { "class": "subtitle", }, "children": Array [ Node { "data": "subtitle", "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 { "class": "title", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "text", }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "data": " ", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, ], "name": "div", "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": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "container", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .collapse { border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; font-size: calc(1 * 16px); width: auto; height: auto; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; margin: 0 0 0 0; } .shadow { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); border: none; border-radius: 6px; padding: 16pt; } .view { cursor: pointer; outline: none; } .title { display: flex; justify-content: space-between; align-items: center; color: #000; } .title h3 { margin: 0; font-size: 1.5em; } .subtitle { color: #666; margin: 0; } .subtitle > :global(*) { margin: 0; } .content { font-size: inherit; line-height: 1.6em; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; } .content > :global(*:first-child) { margin-top: 0; } .content > :global(*:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "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, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, Node { "attribs": Object { "class": "container", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .collapse { border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; font-size: calc(1 * 16px); width: auto; height: auto; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; margin: 0 0 0 0; } .shadow { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); border: none; border-radius: 6px; padding: 16pt; } .view { cursor: pointer; outline: none; } .title { display: flex; justify-content: space-between; align-items: center; color: #000; } .title h3 { margin: 0; font-size: 1.5em; } .subtitle { color: #666; margin: 0; } .subtitle > :global(*) { margin: 0; } .content { font-size: inherit; line-height: 1.6em; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; } .content > :global(*:first-child) { margin-top: 0; } .content > :global(*:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "class": "view", "role": "button", }, "children": Array [ Node { "attribs": Object { "class": "title", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "text", }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "data": " ", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "subtitle", }, "children": Array [ Node { "data": "subtitle", "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 { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object { "class": "subtitle", }, "children": Array [ Node { "data": "subtitle", "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 { "class": "title", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "text", }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "data": " ", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, ], "name": "div", "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": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .collapse { border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; font-size: calc(1 * 16px); width: auto; height: auto; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; margin: 0 0 0 0; } .shadow { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); border: none; border-radius: 6px; padding: 16pt; } .view { cursor: pointer; outline: none; } .title { display: flex; justify-content: space-between; align-items: center; color: #000; } .title h3 { margin: 0; font-size: 1.5em; } .subtitle { color: #666; margin: 0; } .subtitle > :global(*) { margin: 0; } .content { font-size: inherit; line-height: 1.6em; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; } .content > :global(*:first-child) { margin-top: 0; } .content > :global(*:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "container", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "view", "role": "button", }, "children": Array [ Node { "attribs": Object { "class": "title", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "text", }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "data": " ", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "subtitle", }, "children": Array [ Node { "data": "subtitle", "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 { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object { "class": "subtitle", }, "children": Array [ Node { "data": "subtitle", "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 { "class": "title", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "text", }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "data": " ", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, ], "name": "div", "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": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "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": "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 {}, "x-attribsPrefix": Object {}, }, "_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[`Collapse should work with subtitle and shadow 1`] = ` LoadedCheerio { "0": Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "collapse", }, "children": Array [ Node { "attribs": Object { "class": "view", "role": "button", }, "children": Array [ Node { "attribs": Object { "class": "title", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "text", }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "data": " ", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "subtitle", }, "children": Array [ Node { "data": "subtitle", "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 { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object { "class": "subtitle", }, "children": Array [ Node { "data": "subtitle", "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 { "class": "title", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "text", }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "data": " ", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, ], "name": "div", "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": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "container", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .collapse { border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; font-size: calc(1 * 16px); width: auto; height: auto; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; margin: 0 0 0 0; } .shadow { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); border: none; border-radius: 6px; padding: 16pt; } .view { cursor: pointer; outline: none; } .title { display: flex; justify-content: space-between; align-items: center; color: #000; } .title h3 { margin: 0; font-size: 1.5em; } .subtitle { color: #666; margin: 0; } .subtitle > :global(*) { margin: 0; } .content { font-size: inherit; line-height: 1.6em; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; } .content > :global(*:first-child) { margin-top: 0; } .content > :global(*:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "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, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, Node { "attribs": Object { "class": "container", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .collapse { border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; font-size: calc(1 * 16px); width: auto; height: auto; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; margin: 0 0 0 0; } .shadow { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); border: none; border-radius: 6px; padding: 16pt; } .view { cursor: pointer; outline: none; } .title { display: flex; justify-content: space-between; align-items: center; color: #000; } .title h3 { margin: 0; font-size: 1.5em; } .subtitle { color: #666; margin: 0; } .subtitle > :global(*) { margin: 0; } .content { font-size: inherit; line-height: 1.6em; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; } .content > :global(*:first-child) { margin-top: 0; } .content > :global(*:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "class": "view", "role": "button", }, "children": Array [ Node { "attribs": Object { "class": "title", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "text", }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "data": " ", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "subtitle", }, "children": Array [ Node { "data": "subtitle", "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 { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object { "class": "subtitle", }, "children": Array [ Node { "data": "subtitle", "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 { "class": "title", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "text", }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "data": " ", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, ], "name": "div", "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": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .collapse { border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; font-size: calc(1 * 16px); width: auto; height: auto; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; margin: 0 0 0 0; } .shadow { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); border: none; border-radius: 6px; padding: 16pt; } .view { cursor: pointer; outline: none; } .title { display: flex; justify-content: space-between; align-items: center; color: #000; } .title h3 { margin: 0; font-size: 1.5em; } .subtitle { color: #666; margin: 0; } .subtitle > :global(*) { margin: 0; } .content { font-size: inherit; line-height: 1.6em; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; } .content > :global(*:first-child) { margin-top: 0; } .content > :global(*:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "container", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "view", "role": "button", }, "children": Array [ Node { "attribs": Object { "class": "title", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "text", }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "data": " ", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "subtitle", }, "children": Array [ Node { "data": "subtitle", "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 { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object { "class": "subtitle", }, "children": Array [ Node { "data": "subtitle", "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 { "class": "title", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "text", }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "data": " ", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, ], "name": "div", "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": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "collapse shadow", }, "children": Array [ Node { "attribs": Object { "class": "view", "role": "button", }, "children": Array [ Node { "attribs": Object { "class": "title", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "text", }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "data": " ", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "subtitle", }, "children": Array [ Node { "data": "subtitle", "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 { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object { "class": "subtitle", }, "children": Array [ Node { "data": "subtitle", "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 { "class": "title", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "text", }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "data": " ", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, ], "name": "div", "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": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "container", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .collapse { border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; font-size: calc(1 * 16px); width: auto; height: auto; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; margin: 0 0 0 0; } .shadow { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); border: none; border-radius: 6px; padding: 16pt; } .view { cursor: pointer; outline: none; } .title { display: flex; justify-content: space-between; align-items: center; color: #000; } .title h3 { margin: 0; font-size: 1.5em; } .subtitle { color: #666; margin: 0; } .subtitle > :global(*) { margin: 0; } .content { font-size: inherit; line-height: 1.6em; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; } .content > :global(*:first-child) { margin-top: 0; } .content > :global(*:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "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, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, Node { "attribs": Object { "class": "container", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .collapse { border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; font-size: calc(1 * 16px); width: auto; height: auto; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; margin: 0 0 0 0; } .shadow { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); border: none; border-radius: 6px; padding: 16pt; } .view { cursor: pointer; outline: none; } .title { display: flex; justify-content: space-between; align-items: center; color: #000; } .title h3 { margin: 0; font-size: 1.5em; } .subtitle { color: #666; margin: 0; } .subtitle > :global(*) { margin: 0; } .content { font-size: inherit; line-height: 1.6em; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; } .content > :global(*:first-child) { margin-top: 0; } .content > :global(*:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "class": "view", "role": "button", }, "children": Array [ Node { "attribs": Object { "class": "title", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "text", }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "data": " ", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "subtitle", }, "children": Array [ Node { "data": "subtitle", "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 { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object { "class": "subtitle", }, "children": Array [ Node { "data": "subtitle", "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 { "class": "title", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "text", }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "data": " ", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, ], "name": "div", "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": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .collapse { border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; font-size: calc(1 * 16px); width: auto; height: auto; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; margin: 0 0 0 0; } .shadow { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); border: none; border-radius: 6px; padding: 16pt; } .view { cursor: pointer; outline: none; } .title { display: flex; justify-content: space-between; align-items: center; color: #000; } .title h3 { margin: 0; font-size: 1.5em; } .subtitle { color: #666; margin: 0; } .subtitle > :global(*) { margin: 0; } .content { font-size: inherit; line-height: 1.6em; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; } .content > :global(*:first-child) { margin-top: 0; } .content > :global(*:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "container", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "view", "role": "button", }, "children": Array [ Node { "attribs": Object { "class": "title", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "text", }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "data": " ", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "subtitle", }, "children": Array [ Node { "data": "subtitle", "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 { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object { "class": "subtitle", }, "children": Array [ Node { "data": "subtitle", "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 { "class": "title", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "text", }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "data": " ", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, ], "name": "div", "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": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "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": "collapse shadow", }, "children": Array [ Node { "attribs": Object { "class": "view", "role": "button", }, "children": Array [ Node { "attribs": Object { "class": "title", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "text", }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "data": " ", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "subtitle", }, "children": Array [ Node { "data": "subtitle", "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 { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object { "class": "subtitle", }, "children": Array [ Node { "data": "subtitle", "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 { "class": "title", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "text", }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "data": " ", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, ], "name": "div", "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": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "container", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .collapse { border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; font-size: calc(1 * 16px); width: auto; height: auto; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; margin: 0 0 0 0; } .shadow { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); border: none; border-radius: 6px; padding: 16pt; } .view { cursor: pointer; outline: none; } .title { display: flex; justify-content: space-between; align-items: center; color: #000; } .title h3 { margin: 0; font-size: 1.5em; } .subtitle { color: #666; margin: 0; } .subtitle > :global(*) { margin: 0; } .content { font-size: inherit; line-height: 1.6em; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; } .content > :global(*:first-child) { margin-top: 0; } .content > :global(*:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "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, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, Node { "attribs": Object { "class": "container", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .collapse { border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; font-size: calc(1 * 16px); width: auto; height: auto; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; margin: 0 0 0 0; } .shadow { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); border: none; border-radius: 6px; padding: 16pt; } .view { cursor: pointer; outline: none; } .title { display: flex; justify-content: space-between; align-items: center; color: #000; } .title h3 { margin: 0; font-size: 1.5em; } .subtitle { color: #666; margin: 0; } .subtitle > :global(*) { margin: 0; } .content { font-size: inherit; line-height: 1.6em; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; } .content > :global(*:first-child) { margin-top: 0; } .content > :global(*:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "class": "view", "role": "button", }, "children": Array [ Node { "attribs": Object { "class": "title", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "text", }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "data": " ", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "subtitle", }, "children": Array [ Node { "data": "subtitle", "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 { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object { "class": "subtitle", }, "children": Array [ Node { "data": "subtitle", "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 { "class": "title", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "text", }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "data": " ", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, ], "name": "div", "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": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .collapse { border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; font-size: calc(1 * 16px); width: auto; height: auto; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; margin: 0 0 0 0; } .shadow { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); border: none; border-radius: 6px; padding: 16pt; } .view { cursor: pointer; outline: none; } .title { display: flex; justify-content: space-between; align-items: center; color: #000; } .title h3 { margin: 0; font-size: 1.5em; } .subtitle { color: #666; margin: 0; } .subtitle > :global(*) { margin: 0; } .content { font-size: inherit; line-height: 1.6em; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; } .content > :global(*:first-child) { margin-top: 0; } .content > :global(*:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "container", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "view", "role": "button", }, "children": Array [ Node { "attribs": Object { "class": "title", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "text", }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "data": " ", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "subtitle", }, "children": Array [ Node { "data": "subtitle", "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 { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object { "class": "subtitle", }, "children": Array [ Node { "data": "subtitle", "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 { "class": "title", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "text", }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "data": " ", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, ], "name": "div", "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": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "collapse", }, "children": Array [ Node { "attribs": Object { "class": "view", "role": "button", }, "children": Array [ Node { "attribs": Object { "class": "title", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "text", }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "data": " ", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "subtitle", }, "children": Array [ Node { "data": "subtitle", "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 { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object { "class": "subtitle", }, "children": Array [ Node { "data": "subtitle", "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 { "class": "title", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "text", }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "data": " ", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, ], "name": "div", "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": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "container", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .collapse { border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; font-size: calc(1 * 16px); width: auto; height: auto; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; margin: 0 0 0 0; } .shadow { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); border: none; border-radius: 6px; padding: 16pt; } .view { cursor: pointer; outline: none; } .title { display: flex; justify-content: space-between; align-items: center; color: #000; } .title h3 { margin: 0; font-size: 1.5em; } .subtitle { color: #666; margin: 0; } .subtitle > :global(*) { margin: 0; } .content { font-size: inherit; line-height: 1.6em; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; } .content > :global(*:first-child) { margin-top: 0; } .content > :global(*:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "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, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, Node { "attribs": Object { "class": "container", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .collapse { border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; font-size: calc(1 * 16px); width: auto; height: auto; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; margin: 0 0 0 0; } .shadow { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); border: none; border-radius: 6px; padding: 16pt; } .view { cursor: pointer; outline: none; } .title { display: flex; justify-content: space-between; align-items: center; color: #000; } .title h3 { margin: 0; font-size: 1.5em; } .subtitle { color: #666; margin: 0; } .subtitle > :global(*) { margin: 0; } .content { font-size: inherit; line-height: 1.6em; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; } .content > :global(*:first-child) { margin-top: 0; } .content > :global(*:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "class": "view", "role": "button", }, "children": Array [ Node { "attribs": Object { "class": "title", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "text", }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "data": " ", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "subtitle", }, "children": Array [ Node { "data": "subtitle", "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 { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object { "class": "subtitle", }, "children": Array [ Node { "data": "subtitle", "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 { "class": "title", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "text", }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "data": " ", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, ], "name": "div", "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": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .collapse { border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; font-size: calc(1 * 16px); width: auto; height: auto; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; margin: 0 0 0 0; } .shadow { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12); border: none; border-radius: 6px; padding: 16pt; } .view { cursor: pointer; outline: none; } .title { display: flex; justify-content: space-between; align-items: center; color: #000; } .title h3 { margin: 0; font-size: 1.5em; } .subtitle { color: #666; margin: 0; } .subtitle > :global(*) { margin: 0; } .content { font-size: inherit; line-height: 1.6em; padding: calc(1.2 * 16px) 0 calc(1.2 * 16px) 0; } .content > :global(*:first-child) { margin-top: 0; } .content > :global(*:last-child) { margin-bottom: 0; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "container", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .container { padding: 0; margin: 0; height: 0; overflow: hidden; visibility: hidden; transition: height 200ms ease; } .expanded { height: 0; visibility: visible; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "content", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "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": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "view", "role": "button", }, "children": Array [ Node { "attribs": Object { "class": "title", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "text", }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "data": " ", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "subtitle", }, "children": Array [ Node { "data": "subtitle", "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 { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object { "class": "subtitle", }, "children": Array [ Node { "data": "subtitle", "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 { "class": "title", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "text", }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, Node { "data": " ", "next": Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, Node { "attribs": Object { "fill": "none", "shape-rendering": "geometricPrecision", "stroke": "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.5", "style": "color:currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { transition: transform 200ms ease; transform: rotateZ(0); width: 1.5em; height: 1.5em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M6 9l6 6 6-6", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "data": " ", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "data": "title", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h3", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "type": "text", }, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "shape-rendering": undefined, "stroke": undefined, "stroke-linecap": undefined, "stroke-linejoin": undefined, "stroke-width": undefined, "style": undefined, "viewBox": undefined, }, }, ], "name": "div", "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": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "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": "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 {}, "x-attribsPrefix": Object {}, }, "_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, }, } `; ================================================ FILE: components/collapse/__tests__/group.test.tsx ================================================ import React from 'react' import { mount, render } from 'enzyme' import { Collapse } from 'components' import { updateWrapper } from 'tests/utils' describe('Collapse Group', () => { it('should render correctly', () => { const wrapper = mount( content1 content2 , ) expect(wrapper).toMatchSnapshot() expect(() => wrapper.unmount()).not.toThrow() }) it('should be no errors when children are missing', () => { const wrapper = mount() expect(wrapper).toMatchSnapshot() expect(() => wrapper.unmount()).not.toThrow() }) it('should work without accordion', () => { const wrapper = render( content1 content2 , ) expect(wrapper).toMatchSnapshot() }) it('should be display all when without accordion', async () => { const wrapper = mount( content1 content2 , ) const views = wrapper.find('.view') views.at(0).simulate('click') views.at(1).simulate('click') await updateWrapper(wrapper, 300) expect(wrapper.find('.expanded').length).toBe(2) views.at(0).simulate('click') views.at(1).simulate('click') await updateWrapper(wrapper, 300) expect(wrapper.find('.expanded').length).toBe(0) }) it('should be display one when in accordion mode', async () => { const wrapper = mount( content1 content2 , ) const views = wrapper.find('.view') views.at(0).simulate('click') views.at(1).simulate('click') await updateWrapper(wrapper, 300) expect(wrapper.find('.expanded').length).toBe(1) views.at(1).simulate('click') await updateWrapper(wrapper, 300) expect(wrapper.find('.expanded').length).toBe(0) }) }) ================================================ FILE: components/collapse/__tests__/index.test.tsx ================================================ import React from 'react' import { mount, render } from 'enzyme' import { Collapse } from 'components' import { updateWrapper } from 'tests/utils' describe('Collapse', () => { it('should render correctly', () => { const wrapper = mount(content) expect(wrapper).toMatchSnapshot() expect(() => wrapper.unmount()).not.toThrow() }) it('should work with subtitle and shadow', () => { const wrapper = render(
content content
, ) expect(wrapper).toMatchSnapshot() }) it('should work with initial visible', () => { const wrapper = render(
content content
, ) expect(wrapper).toMatchSnapshot() }) it('should throw error when title missing', () => { const Component = Collapse as any let errorMessage = '' const errorSpy = jest .spyOn(console, 'error') .mockImplementation(msg => (errorMessage = msg)) mount(content) expect(errorMessage.toLowerCase()).not.toEqual('') errorSpy.mockRestore() }) it('should expand when title clicked', async () => { const wrapper = mount(content) wrapper.find('.view').at(0).simulate('click') await updateWrapper(wrapper, 300) expect(wrapper.find('.expanded').length).not.toBe(0) }) }) ================================================ FILE: components/collapse/collapse-context.ts ================================================ import React from 'react' export interface CollapseConfig { values: Array updateValues?: (currentIndex: number | undefined, nextState: boolean) => unknown } const defaultContext = { values: [], } export const CollapseContext = React.createContext(defaultContext) export const useCollapseContext = (): CollapseConfig => React.useContext(CollapseContext) ================================================ FILE: components/collapse/collapse-group.tsx ================================================ import React, { useMemo } from 'react' import Collapse from './collapse' import useCurrentState from '../utils/use-current-state' import { setChildrenIndex } from '../utils/collections' import { CollapseContext, CollapseConfig } from './collapse-context' import useScale, { withScale } from '../use-scale' import useClasses from '../use-classes' interface Props { accordion?: boolean className?: string } const defaultProps = { accordion: true, className: '', } type NativeAttrs = Omit, keyof Props> export type CollapseGroupProps = Props & NativeAttrs const CollapseGroupComponent: React.FC> = ({ children, accordion, className, ...props }: React.PropsWithChildren & typeof defaultProps) => { const { SCALES } = useScale() const [state, setState, stateRef] = useCurrentState>([]) const classes = useClasses('collapse-group', className) const updateValues = (currentIndex: number, nextState: boolean) => { const hasChild = stateRef.current.find(val => val === currentIndex) if (accordion) { if (nextState) return setState([currentIndex]) return setState([]) } if (nextState) { // In a few cases, the user will set Collapse Component state manually. // If the user incorrectly set the state, Group component should ignore it. /* istanbul ignore if */ if (hasChild) return return setState([...stateRef.current, currentIndex]) } setState(stateRef.current.filter(item => item !== currentIndex)) } const initialValue = useMemo( () => ({ values: state, updateValues, }), [state.join(',')], ) const hasIndexChildren = useMemo( () => setChildrenIndex(children, [Collapse]), [children], ) return (
{hasIndexChildren}
) } CollapseGroupComponent.defaultProps = defaultProps CollapseGroupComponent.displayName = 'GeistCollapseGroup' const CollapseGroup = withScale(CollapseGroupComponent) export default CollapseGroup ================================================ FILE: components/collapse/collapse-icon.tsx ================================================ import React from 'react' interface Props { active?: boolean } const CollapseIcon: React.FC = ({ active }) => { return ( ) } const MemoCollapseIcon = React.memo(CollapseIcon) export default MemoCollapseIcon ================================================ FILE: components/collapse/collapse.tsx ================================================ import React, { useEffect } from 'react' import CollapseIcon from './collapse-icon' import useTheme from '../use-theme' import Expand from '../shared/expand' import { useCollapseContext } from './collapse-context' import useCurrentState from '../utils/use-current-state' import useWarning from '../utils/use-warning' import useScale, { withScale } from '../use-scale' import useClasses from '../use-classes' interface Props { title: string subtitle?: React.ReactNode | string initialVisible?: boolean shadow?: boolean className?: string index?: number } const defaultProps = { className: '', shadow: false, initialVisible: false, } type NativeAttrs = Omit, keyof Props> export type CollapseProps = Props & NativeAttrs const CollapseComponent: React.FC> = ({ children, title, subtitle, initialVisible, shadow, className, index, ...props }: React.PropsWithChildren & typeof defaultProps) => { const theme = useTheme() const { SCALES } = useScale() const { values, updateValues } = useCollapseContext() const [visible, setVisible, visibleRef] = useCurrentState(initialVisible) const classes = useClasses( 'collapse', { shadow, }, className, ) if (!title) { useWarning('"title" is required.', 'Collapse') } useEffect(() => { if (!values.length) return const isActive = !!values.find(item => item === index) setVisible(isActive) }, [values.join(',')]) const clickHandler = () => { const next = !visibleRef.current setVisible(next) updateValues && updateValues(index, next) } return (

{title}

{subtitle &&
{subtitle}
}
{children}
) } CollapseComponent.defaultProps = defaultProps CollapseComponent.displayName = 'GeistCollapse' const Collapse = withScale(CollapseComponent) export default Collapse ================================================ FILE: components/collapse/index.ts ================================================ import Collapse from './collapse' import CollapseGroup from './collapse-group' export type CollapseComponentType = typeof Collapse & { Group: typeof CollapseGroup } ;(Collapse as CollapseComponentType).Group = CollapseGroup export type { CollapseProps } from './collapse' export type { CollapseGroupProps } from './collapse-group' export default Collapse as CollapseComponentType ================================================ FILE: components/css-baseline/__tests__/__snapshots__/baseline.test.tsx.snap ================================================ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`CSSBaseline should render correctly 1`] = ` LoadedCheerio { "0": Node { "attribs": Object {}, "children": Array [ Node { "data": " html, body { background-color: #fff; color: #000; } html { font-size: 16px; --geist-icons-background: #fff; } body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; font-size: 1rem; line-height: 1.5; margin: 0; padding: 0; min-height: 100%; position: relative; overflow-x: hidden; font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; } #__next { overflow-x: hidden; } *, *:before, *:after { box-sizing: inherit; text-rendering: geometricPrecision; -webkit-tap-highlight-color: transparent; } p, small { font-weight: 400; color: inherit; letter-spacing: -0.005625em; font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; } p { margin: 1em 0; font-size: 1em; line-height: 1.625em; } small { margin: 0; line-height: 1.5; font-size: 0.875em; } b { font-weight: 600; } span { font-size: inherit; color: inherit; font-weight: inherit; } img { max-width: 100%; } a { cursor: pointer; font-size: inherit; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-box-align: center; align-items: center; color: #0070f3; text-decoration: none; } a:hover { text-decoration: none; } ul, ol { padding: 0; list-style-type: none; margin: 8pt 8pt 8pt 16pt; color: #000; } ol { list-style-type: decimal; } li { margin-bottom: 0.625em; font-size: 1em; line-height: 1.625em; } ul li:before { content: '–'; display: inline-block; color: #888; position: absolute; margin-left: -0.9375em; } h1, h2, h3, h4, h5, h6 { color: inherit; margin: 0 0 0.7rem 0; } h1 { font-size: 3rem; letter-spacing: -0.02em; line-height: 1.5; font-weight: 700; } h2 { font-size: 2.25rem; letter-spacing: -0.02em; font-weight: 600; } h3 { font-size: 1.5rem; letter-spacing: -0.02em; font-weight: 600; } h4 { font-size: 1.25rem; letter-spacing: -0.02em; font-weight: 600; } h5 { font-size: 1rem; letter-spacing: -0.01em; font-weight: 600; } h6 { font-size: 0.875rem; letter-spacing: -0.005em; font-weight: 600; } button, input, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; margin: 0; } button:focus, input:focus, select:focus, textarea:focus { outline: none; } code { color: #f81ce5; font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace; font-size: 0.9em; white-space: pre-wrap; } code:before, code:after { content: '\`'; } pre { padding: calc(16pt * 0.9) 16pt; margin: 16pt 0; border: 1px solid #eaeaea; border-radius: 6px; font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace; white-space: pre; overflow: auto; line-height: 1.5; text-align: left; font-size: 14px; -webkit-overflow-scrolling: touch; } pre code { color: #000; font-size: 1em; line-height: 1.25em; white-space: pre; } pre code:before, pre code:after { display: none; } pre :global(p) { margin: 0; } pre::-webkit-scrollbar { display: none; width: 0; height: 0; background: transparent; } hr { border-color: #eaeaea; } details { background-color: #fafafa; border: none; } details:focus, details:hover, details:active { outline: none; } summary { cursor: pointer; user-select: none; list-style: none; outline: none; } summary::marker, summary::before, summary::-webkit-details-marker { display: none; } summary::-moz-list-bullet { font-size: 0; } summary:focus, summary:hover, summary:active { outline: none; list-style: none; } blockquote { padding: calc(0.667 * 16pt) 16pt; color: #666; background-color: #fafafa; border-radius: 6px; margin: 1.5em 0; border: 1px solid #eaeaea; } blockquote :global(*:first-child) { margin-top: 0; } blockquote :global(*:last-child) { margin-bottom: 0; } ::selection { background-color: #79ffe1; color: #000; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "_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[`CSSBaseline should render dark mode correctly 1`] = ` LoadedCheerio { "0": Node { "attribs": Object {}, "children": Array [ Node { "data": " html, body { background-color: #000; color: #fff; } html { font-size: 16px; --geist-icons-background: #000; } body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; font-size: 1rem; line-height: 1.5; margin: 0; padding: 0; min-height: 100%; position: relative; overflow-x: hidden; font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; } #__next { overflow-x: hidden; } *, *:before, *:after { box-sizing: inherit; text-rendering: geometricPrecision; -webkit-tap-highlight-color: transparent; } p, small { font-weight: 400; color: inherit; letter-spacing: -0.005625em; font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; } p { margin: 1em 0; font-size: 1em; line-height: 1.625em; } small { margin: 0; line-height: 1.5; font-size: 0.875em; } b { font-weight: 600; } span { font-size: inherit; color: inherit; font-weight: inherit; } img { max-width: 100%; } a { cursor: pointer; font-size: inherit; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-box-align: center; align-items: center; color: #3291ff; text-decoration: none; } a:hover { text-decoration: none; } ul, ol { padding: 0; list-style-type: none; margin: 8pt 8pt 8pt 16pt; color: #fff; } ol { list-style-type: decimal; } li { margin-bottom: 0.625em; font-size: 1em; line-height: 1.625em; } ul li:before { content: '–'; display: inline-block; color: #666; position: absolute; margin-left: -0.9375em; } h1, h2, h3, h4, h5, h6 { color: inherit; margin: 0 0 0.7rem 0; } h1 { font-size: 3rem; letter-spacing: -0.02em; line-height: 1.5; font-weight: 700; } h2 { font-size: 2.25rem; letter-spacing: -0.02em; font-weight: 600; } h3 { font-size: 1.5rem; letter-spacing: -0.02em; font-weight: 600; } h4 { font-size: 1.25rem; letter-spacing: -0.02em; font-weight: 600; } h5 { font-size: 1rem; letter-spacing: -0.01em; font-weight: 600; } h6 { font-size: 0.875rem; letter-spacing: -0.005em; font-weight: 600; } button, input, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; margin: 0; } button:focus, input:focus, select:focus, textarea:focus { outline: none; } code { color: #79ffe1; font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace; font-size: 0.9em; white-space: pre-wrap; } code:before, code:after { content: '\`'; } pre { padding: calc(16pt * 0.9) 16pt; margin: 16pt 0; border: 1px solid #333; border-radius: 6px; font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace; white-space: pre; overflow: auto; line-height: 1.5; text-align: left; font-size: 14px; -webkit-overflow-scrolling: touch; } pre code { color: #fff; font-size: 1em; line-height: 1.25em; white-space: pre; } pre code:before, pre code:after { display: none; } pre :global(p) { margin: 0; } pre::-webkit-scrollbar { display: none; width: 0; height: 0; background: transparent; } hr { border-color: #333; } details { background-color: #111; border: none; } details:focus, details:hover, details:active { outline: none; } summary { cursor: pointer; user-select: none; list-style: none; outline: none; } summary::marker, summary::before, summary::-webkit-details-marker { display: none; } summary::-moz-list-bullet { font-size: 0; } summary:focus, summary:hover, summary:active { outline: none; list-style: none; } blockquote { padding: calc(0.667 * 16pt) 16pt; color: #888; background-color: #111; border-radius: 6px; margin: 1.5em 0; border: 1px solid #333; } blockquote :global(*:first-child) { margin-top: 0; } blockquote :global(*:last-child) { margin-bottom: 0; } ::selection { background-color: #f81ce5; color: #fff; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "_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, }, } `; ================================================ FILE: components/css-baseline/__tests__/baseline.test.tsx ================================================ import React from 'react' import { render } from 'enzyme' import { CssBaseline, GeistProvider } from 'components' describe('CSSBaseline', () => { it('should render correctly', () => { const wrapper = render( , ) expect(wrapper).toMatchSnapshot() }) it('should render dark mode correctly', () => { const wrapper = render( , ) expect(wrapper).toMatchSnapshot() }) }) ================================================ FILE: components/css-baseline/css-baseline.tsx ================================================ import React, { ReactElement } from 'react' import useTheme from '../use-theme' import flush, { flushToHTML } from 'styled-jsx/server' export type FlushToReact = (opts?: { nonce?: string }) => Array> export type FlushToHTML = (opts?: { nonce?: string }) => string const CssBaseline: React.FC> = ({ children }) => { const theme = useTheme() return ( <> {children} ) } type MemoCssBaselineComponent

= React.NamedExoticComponent

& { flush: FlushToReact flushToHTML: FlushToHTML } const MemoCssBaseline = React.memo(CssBaseline) as MemoCssBaselineComponent< React.PropsWithChildren > MemoCssBaseline.flush = flush MemoCssBaseline.flushToHTML = flushToHTML export default MemoCssBaseline ================================================ FILE: components/css-baseline/index.ts ================================================ export { default } from './css-baseline' ================================================ FILE: components/description/__tests__/__snapshots__/index.test.tsx.snap ================================================ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Description should render correctly 1`] = `ReactWrapper {}`; ================================================ FILE: components/description/__tests__/index.test.tsx ================================================ import React from 'react' import { mount } from 'enzyme' import { Description } from 'components' describe('Description', () => { it('should render correctly', () => { const wrapper = mount() expect(wrapper).toMatchSnapshot() expect(() => wrapper.unmount()).not.toThrow() }) it('should render react-node on title', () => { let wrapper = mount(p

} />) expect(wrapper.find('p').length).not.toBe(0) wrapper = mount(p} />) expect(wrapper.find('h1').length).not.toBe(0) }) it('should render react-node on content', () => { let wrapper = mount(p

} />) expect(wrapper.find('p').length).not.toBe(0) wrapper = mount(p} />) expect(wrapper.find('h1').length).not.toBe(0) }) }) ================================================ FILE: components/description/description.tsx ================================================ import React, { ReactNode } from 'react' import useTheme from '../use-theme' import useScale, { withScale } from '../use-scale' import useClasses from '../use-classes' interface Props { title?: ReactNode | string content?: ReactNode | string className?: string } const defaultProps = { title: 'Title' as ReactNode | string, content: '' as ReactNode | string, className: '', } type NativeAttrs = Omit, keyof Props> export type DescriptionProps = Props & NativeAttrs const DescriptionComponent: React.FC = ({ title, content, className, ...props }: DescriptionProps & typeof defaultProps) => { const theme = useTheme() const { SCALES } = useScale() const classes = useClasses('description', className) return (
{title}
{content}
) } DescriptionComponent.defaultProps = defaultProps DescriptionComponent.displayName = 'GeistDescription' const Description = withScale(DescriptionComponent) export default Description ================================================ FILE: components/description/index.ts ================================================ import Description from './description' export type { DescriptionProps } from './description' export default Description ================================================ FILE: components/display/__tests__/__snapshots__/index.test.tsx.snap ================================================ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Display should render correctly 1`] = `ReactWrapper {}`; exports[`Display should support react-node 1`] = `ReactWrapper {}`; exports[`Display should work with shadow and width 1`] = ` LoadedCheerio { "0": Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "display", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "display", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "caption", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "h1", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h1", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .display { display: block; max-width: 100%; font-size: calc(0.875 * 16px); width: 100%; height: auto; padding: 0 0 0 0; margin: calc(2.5 * 16px) auto calc(2.5 * 16px) auto; } .content { display: block; margin: 0 auto; border-radius: 4px; overflow: hidden; width: max-content; box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12); max-width: 100%; } .content :global(pre) { margin: 0; transition: min-width ease 0.2s; } .content :global(img) { display: block; } .caption { font-size: inherit; line-height: 1.5em; color: #666; margin: 2.5em auto 0; text-align: center; max-width: 85%; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "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": "caption", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "h1", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h1", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .display { display: block; max-width: 100%; font-size: calc(0.875 * 16px); width: 100%; height: auto; padding: 0 0 0 0; margin: calc(2.5 * 16px) auto calc(2.5 * 16px) auto; } .content { display: block; margin: 0 auto; border-radius: 4px; overflow: hidden; width: max-content; box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12); max-width: 100%; } .content :global(pre) { margin: 0; transition: min-width ease 0.2s; } .content :global(img) { display: block; } .caption { font-size: inherit; line-height: 1.5em; color: #666; margin: 2.5em auto 0; text-align: center; max-width: 85%; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "display", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "div", "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 {}, "children": Array [ Node { "data": " .display { display: block; max-width: 100%; font-size: calc(0.875 * 16px); width: 100%; height: auto; padding: 0 0 0 0; margin: calc(2.5 * 16px) auto calc(2.5 * 16px) auto; } .content { display: block; margin: 0 auto; border-radius: 4px; overflow: hidden; width: max-content; box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12); max-width: 100%; } .content :global(pre) { margin: 0; transition: min-width ease 0.2s; } .content :global(img) { display: block; } .caption { font-size: inherit; line-height: 1.5em; color: #666; margin: 2.5em auto 0; text-align: center; max-width: 85%; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "caption", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "h1", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h1", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "display", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "div", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "display", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "display", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "caption", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "h1", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h1", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .display { display: block; max-width: 100%; font-size: calc(0.875 * 16px); width: 50px; height: auto; padding: 0 0 0 0; margin: calc(2.5 * 16px) auto calc(2.5 * 16px) auto; } .content { display: block; margin: 0 auto; border-radius: 4px; overflow: hidden; width: 50px; box-shadow: none; max-width: 100%; } .content :global(pre) { margin: 0; transition: min-width ease 0.2s; } .content :global(img) { display: block; } .caption { font-size: inherit; line-height: 1.5em; color: #666; margin: 1.3em auto 0; text-align: center; max-width: 85%; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "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": "caption", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "h1", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h1", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .display { display: block; max-width: 100%; font-size: calc(0.875 * 16px); width: 50px; height: auto; padding: 0 0 0 0; margin: calc(2.5 * 16px) auto calc(2.5 * 16px) auto; } .content { display: block; margin: 0 auto; border-radius: 4px; overflow: hidden; width: 50px; box-shadow: none; max-width: 100%; } .content :global(pre) { margin: 0; transition: min-width ease 0.2s; } .content :global(img) { display: block; } .caption { font-size: inherit; line-height: 1.5em; color: #666; margin: 1.3em auto 0; text-align: center; max-width: 85%; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "display", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "div", "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 {}, "children": Array [ Node { "data": " .display { display: block; max-width: 100%; font-size: calc(0.875 * 16px); width: 50px; height: auto; padding: 0 0 0 0; margin: calc(2.5 * 16px) auto calc(2.5 * 16px) auto; } .content { display: block; margin: 0 auto; border-radius: 4px; overflow: hidden; width: 50px; box-shadow: none; max-width: 100%; } .content :global(pre) { margin: 0; transition: min-width ease 0.2s; } .content :global(img) { display: block; } .caption { font-size: inherit; line-height: 1.5em; color: #666; margin: 1.3em auto 0; text-align: center; max-width: 85%; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "caption", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "h1", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h1", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "display", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "div", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "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": "display", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "display", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "caption", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "h1", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h1", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .display { display: block; max-width: 100%; font-size: calc(0.875 * 16px); width: 50px; height: auto; padding: 0 0 0 0; margin: calc(2.5 * 16px) auto calc(2.5 * 16px) auto; } .content { display: block; margin: 0 auto; border-radius: 4px; overflow: hidden; width: 50px; box-shadow: none; max-width: 100%; } .content :global(pre) { margin: 0; transition: min-width ease 0.2s; } .content :global(img) { display: block; } .caption { font-size: inherit; line-height: 1.5em; color: #666; margin: 1.3em auto 0; text-align: center; max-width: 85%; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "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": "caption", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "h1", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h1", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .display { display: block; max-width: 100%; font-size: calc(0.875 * 16px); width: 50px; height: auto; padding: 0 0 0 0; margin: calc(2.5 * 16px) auto calc(2.5 * 16px) auto; } .content { display: block; margin: 0 auto; border-radius: 4px; overflow: hidden; width: 50px; box-shadow: none; max-width: 100%; } .content :global(pre) { margin: 0; transition: min-width ease 0.2s; } .content :global(img) { display: block; } .caption { font-size: inherit; line-height: 1.5em; color: #666; margin: 1.3em auto 0; text-align: center; max-width: 85%; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "display", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "div", "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 {}, "children": Array [ Node { "data": " .display { display: block; max-width: 100%; font-size: calc(0.875 * 16px); width: 50px; height: auto; padding: 0 0 0 0; margin: calc(2.5 * 16px) auto calc(2.5 * 16px) auto; } .content { display: block; margin: 0 auto; border-radius: 4px; overflow: hidden; width: 50px; box-shadow: none; max-width: 100%; } .content :global(pre) { margin: 0; transition: min-width ease 0.2s; } .content :global(img) { display: block; } .caption { font-size: inherit; line-height: 1.5em; color: #666; margin: 1.3em auto 0; text-align: center; max-width: 85%; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "caption", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "h1", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h1", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "display", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "div", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "display", }, "children": Array [ Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "display", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "caption", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "h1", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h1", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .display { display: block; max-width: 100%; font-size: calc(0.875 * 16px); width: 100%; height: auto; padding: 0 0 0 0; margin: calc(2.5 * 16px) auto calc(2.5 * 16px) auto; } .content { display: block; margin: 0 auto; border-radius: 4px; overflow: hidden; width: max-content; box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12); max-width: 100%; } .content :global(pre) { margin: 0; transition: min-width ease 0.2s; } .content :global(img) { display: block; } .caption { font-size: inherit; line-height: 1.5em; color: #666; margin: 2.5em auto 0; text-align: center; max-width: 85%; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "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": "caption", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "h1", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h1", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .display { display: block; max-width: 100%; font-size: calc(0.875 * 16px); width: 100%; height: auto; padding: 0 0 0 0; margin: calc(2.5 * 16px) auto calc(2.5 * 16px) auto; } .content { display: block; margin: 0 auto; border-radius: 4px; overflow: hidden; width: max-content; box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12); max-width: 100%; } .content :global(pre) { margin: 0; transition: min-width ease 0.2s; } .content :global(img) { display: block; } .caption { font-size: inherit; line-height: 1.5em; color: #666; margin: 2.5em auto 0; text-align: center; max-width: 85%; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "display", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "div", "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 {}, "children": Array [ Node { "data": " .display { display: block; max-width: 100%; font-size: calc(0.875 * 16px); width: 100%; height: auto; padding: 0 0 0 0; margin: calc(2.5 * 16px) auto calc(2.5 * 16px) auto; } .content { display: block; margin: 0 auto; border-radius: 4px; overflow: hidden; width: max-content; box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12); max-width: 100%; } .content :global(pre) { margin: 0; transition: min-width ease 0.2s; } .content :global(img) { display: block; } .caption { font-size: inherit; line-height: 1.5em; color: #666; margin: 2.5em auto 0; text-align: center; max-width: 85%; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "caption", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": "h1", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "h1", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "content", }, "children": Array [ Node { "data": "display", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "div", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "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": "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 {}, "x-attribsPrefix": Object {}, }, "_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, }, } `; ================================================ FILE: components/display/__tests__/index.test.tsx ================================================ import React from 'react' import { mount, render } from 'enzyme' import { Display } from 'components' describe('Display', () => { it('should render correctly', () => { const wrapper = mount(display) expect(wrapper).toMatchSnapshot() expect(() => wrapper.unmount()).not.toThrow() }) it('should support react-node', () => { const wrapper = mount(h1}>display) expect(wrapper).toMatchSnapshot() expect(wrapper.find('h1').length).not.toBe(0) }) it('should work with shadow and width', () => { const wrapper = render(
h1} shadow> display h1} width="50px"> display
, ) expect(wrapper).toMatchSnapshot() }) }) ================================================ FILE: components/display/display.tsx ================================================ import React, { ReactNode, useMemo } from 'react' import useTheme from '../use-theme' import useScale, { withScale } from '../use-scale' import useClasses from '../use-classes' interface Props { caption?: ReactNode | string shadow?: boolean className?: string } const defaultProps = { caption: '' as ReactNode | string, shadow: false, className: '', } type NativeAttrs = Omit, keyof Props> export type DisplayProps = Props & NativeAttrs const DisplayComponent: React.FC> = ({ children, caption, shadow, className, ...props }: React.PropsWithChildren & typeof defaultProps) => { const theme = useTheme() const { SCALES } = useScale() const classes = useClasses('display', className) const showShadow = useMemo(() => shadow && theme.type !== 'dark', [theme.type, shadow]) return (
{children}
{caption}
) } DisplayComponent.defaultProps = defaultProps DisplayComponent.displayName = 'GeistDisplay' const Display = withScale(DisplayComponent) export default Display ================================================ FILE: components/display/index.ts ================================================ import Display from './display' export type { DisplayProps } from './display' export default Display ================================================ FILE: components/divider/__tests__/__snapshots__/index.test.tsx.snap ================================================ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Divider should render correctly 1`] = `ReactWrapper {}`; exports[`Divider should support float 1`] = `ReactWrapper {}`; exports[`Divider should work with align and volume 1`] = ` LoadedCheerio { "0": Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "divider", "role": "separator", }, "children": Array [ Node { "attribs": Object { "class": "text start", }, "children": Array [ Node { "data": "start", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .divider { max-width: 100%; background-color: #eaeaea; position: relative; font-size: calc(1 * 16px); width: auto; height: calc(0.0625 * 16px); padding: 0 0 0 0; margin: calc(0.5 * 16px) 0 calc(0.5 * 16px) 0; } .text { position: absolute; left: 50%; top: 50%; min-height: 100%; display: inline-flex; justify-content: center; align-items: center; transform: translate(-50%, -50%); padding: 0 0.75em; font-size: inherit; font-weight: bold; text-transform: capitalize; background-color: #fff; color: #000; z-index: 10; } .text.start { transform: translateY(-50%); left: 7%; } .text.end { transform: translateY(-50%); left: auto; right: 7%; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .divider { max-width: 100%; background-color: #eaeaea; position: relative; font-size: calc(1 * 16px); width: auto; height: calc(0.0625 * 16px); padding: 0 0 0 0; margin: calc(0.5 * 16px) 0 calc(0.5 * 16px) 0; } .text { position: absolute; left: 50%; top: 50%; min-height: 100%; display: inline-flex; justify-content: center; align-items: center; transform: translate(-50%, -50%); padding: 0 0.75em; font-size: inherit; font-weight: bold; text-transform: capitalize; background-color: #fff; color: #000; z-index: 10; } .text.start { transform: translateY(-50%); left: 7%; } .text.end { transform: translateY(-50%); left: auto; right: 7%; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "text start", }, "children": Array [ Node { "data": "start", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "span", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "divider", "role": "separator", }, "children": Array [ Node { "attribs": Object { "class": "text start", }, "children": Array [ Node { "data": "left", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .divider { max-width: 100%; background-color: #eaeaea; position: relative; font-size: calc(1 * 16px); width: auto; height: calc(0.0625 * 16px); padding: 0 0 0 0; margin: calc(0.5 * 16px) 0 calc(0.5 * 16px) 0; } .text { position: absolute; left: 50%; top: 50%; min-height: 100%; display: inline-flex; justify-content: center; align-items: center; transform: translate(-50%, -50%); padding: 0 0.75em; font-size: inherit; font-weight: bold; text-transform: capitalize; background-color: #fff; color: #000; z-index: 10; } .text.start { transform: translateY(-50%); left: 7%; } .text.end { transform: translateY(-50%); left: auto; right: 7%; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .divider { max-width: 100%; background-color: #eaeaea; position: relative; font-size: calc(1 * 16px); width: auto; height: calc(0.0625 * 16px); padding: 0 0 0 0; margin: calc(0.5 * 16px) 0 calc(0.5 * 16px) 0; } .text { position: absolute; left: 50%; top: 50%; min-height: 100%; display: inline-flex; justify-content: center; align-items: center; transform: translate(-50%, -50%); padding: 0 0.75em; font-size: inherit; font-weight: bold; text-transform: capitalize; background-color: #fff; color: #000; z-index: 10; } .text.start { transform: translateY(-50%); left: 7%; } .text.end { transform: translateY(-50%); left: auto; right: 7%; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "text start", }, "children": Array [ Node { "data": "left", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "span", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "divider", "role": "separator", }, "children": Array [ Node { "attribs": Object { "class": "text end", }, "children": Array [ Node { "data": "end", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .divider { max-width: 100%; background-color: #eaeaea; position: relative; font-size: calc(1 * 16px); width: auto; height: calc(0.0625 * 16px); padding: 0 0 0 0; margin: calc(0.5 * 16px) 0 calc(0.5 * 16px) 0; } .text { position: absolute; left: 50%; top: 50%; min-height: 100%; display: inline-flex; justify-content: center; align-items: center; transform: translate(-50%, -50%); padding: 0 0.75em; font-size: inherit; font-weight: bold; text-transform: capitalize; background-color: #fff; color: #000; z-index: 10; } .text.start { transform: translateY(-50%); left: 7%; } .text.end { transform: translateY(-50%); left: auto; right: 7%; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .divider { max-width: 100%; background-color: #eaeaea; position: relative; font-size: calc(1 * 16px); width: auto; height: calc(0.0625 * 16px); padding: 0 0 0 0; margin: calc(0.5 * 16px) 0 calc(0.5 * 16px) 0; } .text { position: absolute; left: 50%; top: 50%; min-height: 100%; display: inline-flex; justify-content: center; align-items: center; transform: translate(-50%, -50%); padding: 0 0.75em; font-size: inherit; font-weight: bold; text-transform: capitalize; background-color: #fff; color: #000; z-index: 10; } .text.start { transform: translateY(-50%); left: 7%; } .text.end { transform: translateY(-50%); left: auto; right: 7%; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "text end", }, "children": Array [ Node { "data": "end", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "span", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "divider", "role": "separator", }, "children": Array [ Node { "attribs": Object { "class": "text start", }, "children": Array [ Node { "data": "start", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .divider { max-width: 100%; background-color: #eaeaea; position: relative; font-size: calc(1 * 16px); width: auto; height: calc(0.125 * 16px); padding: 0 0 0 0; margin: calc(0.5 * 16px) 0 calc(0.5 * 16px) 0; } .text { position: absolute; left: 50%; top: 50%; min-height: 100%; display: inline-flex; justify-content: center; align-items: center; transform: translate(-50%, -50%); padding: 0 0.75em; font-size: inherit; font-weight: bold; text-transform: capitalize; background-color: #fff; color: #000; z-index: 10; } .text.start { transform: translateY(-50%); left: 7%; } .text.end { transform: translateY(-50%); left: auto; right: 7%; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .divider { max-width: 100%; background-color: #eaeaea; position: relative; font-size: calc(1 * 16px); width: auto; height: calc(0.125 * 16px); padding: 0 0 0 0; margin: calc(0.5 * 16px) 0 calc(0.5 * 16px) 0; } .text { position: absolute; left: 50%; top: 50%; min-height: 100%; display: inline-flex; justify-content: center; align-items: center; transform: translate(-50%, -50%); padding: 0 0.75em; font-size: inherit; font-weight: bold; text-transform: capitalize; background-color: #fff; color: #000; z-index: 10; } .text.start { transform: translateY(-50%); left: 7%; } .text.end { transform: translateY(-50%); left: auto; right: 7%; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "text start", }, "children": Array [ Node { "data": "start", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "span", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "class": undefined, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "class": undefined, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "class": undefined, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, Node { "attribs": Object { "class": "divider", "role": "separator", }, "children": Array [ Node { "attribs": Object { "class": "text start", }, "children": Array [ Node { "data": "left", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .divider { max-width: 100%; background-color: #eaeaea; position: relative; font-size: calc(1 * 16px); width: auto; height: calc(0.0625 * 16px); padding: 0 0 0 0; margin: calc(0.5 * 16px) 0 calc(0.5 * 16px) 0; } .text { position: absolute; left: 50%; top: 50%; min-height: 100%; display: inline-flex; justify-content: center; align-items: center; transform: translate(-50%, -50%); padding: 0 0.75em; font-size: inherit; font-weight: bold; text-transform: capitalize; background-color: #fff; color: #000; z-index: 10; } .text.start { transform: translateY(-50%); left: 7%; } .text.end { transform: translateY(-50%); left: auto; right: 7%; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .divider { max-width: 100%; background-color: #eaeaea; position: relative; font-size: calc(1 * 16px); width: auto; height: calc(0.0625 * 16px); padding: 0 0 0 0; margin: calc(0.5 * 16px) 0 calc(0.5 * 16px) 0; } .text { position: absolute; left: 50%; top: 50%; min-height: 100%; display: inline-flex; justify-content: center; align-items: center; transform: translate(-50%, -50%); padding: 0 0.75em; font-size: inherit; font-weight: bold; text-transform: capitalize; background-color: #fff; color: #000; z-index: 10; } .text.start { transform: translateY(-50%); left: 7%; } .text.end { transform: translateY(-50%); left: auto; right: 7%; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "text start", }, "children": Array [ Node { "data": "left", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "span", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "divider", "role": "separator", }, "children": Array [ Node { "attribs": Object { "class": "text end", }, "children": Array [ Node { "data": "end", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .divider { max-width: 100%; background-color: #eaeaea; position: relative; font-size: calc(1 * 16px); width: auto; height: calc(0.0625 * 16px); padding: 0 0 0 0; margin: calc(0.5 * 16px) 0 calc(0.5 * 16px) 0; } .text { position: absolute; left: 50%; top: 50%; min-height: 100%; display: inline-flex; justify-content: center; align-items: center; transform: translate(-50%, -50%); padding: 0 0.75em; font-size: inherit; font-weight: bold; text-transform: capitalize; background-color: #fff; color: #000; z-index: 10; } .text.start { transform: translateY(-50%); left: 7%; } .text.end { transform: translateY(-50%); left: auto; right: 7%; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .divider { max-width: 100%; background-color: #eaeaea; position: relative; font-size: calc(1 * 16px); width: auto; height: calc(0.0625 * 16px); padding: 0 0 0 0; margin: calc(0.5 * 16px) 0 calc(0.5 * 16px) 0; } .text { position: absolute; left: 50%; top: 50%; min-height: 100%; display: inline-flex; justify-content: center; align-items: center; transform: translate(-50%, -50%); padding: 0 0.75em; font-size: inherit; font-weight: bold; text-transform: capitalize; background-color: #fff; color: #000; z-index: 10; } .text.start { transform: translateY(-50%); left: 7%; } .text.end { transform: translateY(-50%); left: auto; right: 7%; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "text end", }, "children": Array [ Node { "data": "end", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "span", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "divider", "role": "separator", }, "children": Array [ Node { "attribs": Object { "class": "text start", }, "children": Array [ Node { "data": "start", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .divider { max-width: 100%; background-color: #eaeaea; position: relative; font-size: calc(1 * 16px); width: auto; height: calc(0.125 * 16px); padding: 0 0 0 0; margin: calc(0.5 * 16px) 0 calc(0.5 * 16px) 0; } .text { position: absolute; left: 50%; top: 50%; min-height: 100%; display: inline-flex; justify-content: center; align-items: center; transform: translate(-50%, -50%); padding: 0 0.75em; font-size: inherit; font-weight: bold; text-transform: capitalize; background-color: #fff; color: #000; z-index: 10; } .text.start { transform: translateY(-50%); left: 7%; } .text.end { transform: translateY(-50%); left: auto; right: 7%; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .divider { max-width: 100%; background-color: #eaeaea; position: relative; font-size: calc(1 * 16px); width: auto; height: calc(0.125 * 16px); padding: 0 0 0 0; margin: calc(0.5 * 16px) 0 calc(0.5 * 16px) 0; } .text { position: absolute; left: 50%; top: 50%; min-height: 100%; display: inline-flex; justify-content: center; align-items: center; transform: translate(-50%, -50%); padding: 0 0.75em; font-size: inherit; font-weight: bold; text-transform: capitalize; background-color: #fff; color: #000; z-index: 10; } .text.start { transform: translateY(-50%); left: 7%; } .text.end { transform: translateY(-50%); left: auto; right: 7%; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "text start", }, "children": Array [ Node { "data": "start", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "span", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "class": undefined, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "class": undefined, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object { "class": "divider", "role": "separator", }, "children": Array [ Node { "attribs": Object { "class": "text start", }, "children": Array [ Node { "data": "start", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .divider { max-width: 100%; background-color: #eaeaea; position: relative; font-size: calc(1 * 16px); width: auto; height: calc(0.0625 * 16px); padding: 0 0 0 0; margin: calc(0.5 * 16px) 0 calc(0.5 * 16px) 0; } .text { position: absolute; left: 50%; top: 50%; min-height: 100%; display: inline-flex; justify-content: center; align-items: center; transform: translate(-50%, -50%); padding: 0 0.75em; font-size: inherit; font-weight: bold; text-transform: capitalize; background-color: #fff; color: #000; z-index: 10; } .text.start { transform: translateY(-50%); left: 7%; } .text.end { transform: translateY(-50%); left: auto; right: 7%; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .divider { max-width: 100%; background-color: #eaeaea; position: relative; font-size: calc(1 * 16px); width: auto; height: calc(0.0625 * 16px); padding: 0 0 0 0; margin: calc(0.5 * 16px) 0 calc(0.5 * 16px) 0; } .text { position: absolute; left: 50%; top: 50%; min-height: 100%; display: inline-flex; justify-content: center; align-items: center; transform: translate(-50%, -50%); padding: 0 0.75em; font-size: inherit; font-weight: bold; text-transform: capitalize; background-color: #fff; color: #000; z-index: 10; } .text.start { transform: translateY(-50%); left: 7%; } .text.end { transform: translateY(-50%); left: auto; right: 7%; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "text start", }, "children": Array [ Node { "data": "start", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "span", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "class": undefined, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, Node { "attribs": Object { "class": "divider", "role": "separator", }, "children": Array [ Node { "attribs": Object { "class": "text end", }, "children": Array [ Node { "data": "end", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .divider { max-width: 100%; background-color: #eaeaea; position: relative; font-size: calc(1 * 16px); width: auto; height: calc(0.0625 * 16px); padding: 0 0 0 0; margin: calc(0.5 * 16px) 0 calc(0.5 * 16px) 0; } .text { position: absolute; left: 50%; top: 50%; min-height: 100%; display: inline-flex; justify-content: center; align-items: center; transform: translate(-50%, -50%); padding: 0 0.75em; font-size: inherit; font-weight: bold; text-transform: capitalize; background-color: #fff; color: #000; z-index: 10; } .text.start { transform: translateY(-50%); left: 7%; } .text.end { transform: translateY(-50%); left: auto; right: 7%; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .divider { max-width: 100%; background-color: #eaeaea; position: relative; font-size: calc(1 * 16px); width: auto; height: calc(0.0625 * 16px); padding: 0 0 0 0; margin: calc(0.5 * 16px) 0 calc(0.5 * 16px) 0; } .text { position: absolute; left: 50%; top: 50%; min-height: 100%; display: inline-flex; justify-content: center; align-items: center; transform: translate(-50%, -50%); padding: 0 0.75em; font-size: inherit; font-weight: bold; text-transform: capitalize; background-color: #fff; color: #000; z-index: 10; } .text.start { transform: translateY(-50%); left: 7%; } .text.end { transform: translateY(-50%); left: auto; right: 7%; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "text end", }, "children": Array [ Node { "data": "end", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "span", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "divider", "role": "separator", }, "children": Array [ Node { "attribs": Object { "class": "text start", }, "children": Array [ Node { "data": "start", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .divider { max-width: 100%; background-color: #eaeaea; position: relative; font-size: calc(1 * 16px); width: auto; height: calc(0.125 * 16px); padding: 0 0 0 0; margin: calc(0.5 * 16px) 0 calc(0.5 * 16px) 0; } .text { position: absolute; left: 50%; top: 50%; min-height: 100%; display: inline-flex; justify-content: center; align-items: center; transform: translate(-50%, -50%); padding: 0 0.75em; font-size: inherit; font-weight: bold; text-transform: capitalize; background-color: #fff; color: #000; z-index: 10; } .text.start { transform: translateY(-50%); left: 7%; } .text.end { transform: translateY(-50%); left: auto; right: 7%; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .divider { max-width: 100%; background-color: #eaeaea; position: relative; font-size: calc(1 * 16px); width: auto; height: calc(0.125 * 16px); padding: 0 0 0 0; margin: calc(0.5 * 16px) 0 calc(0.5 * 16px) 0; } .text { position: absolute; left: 50%; top: 50%; min-height: 100%; display: inline-flex; justify-content: center; align-items: center; transform: translate(-50%, -50%); padding: 0 0.75em; font-size: inherit; font-weight: bold; text-transform: capitalize; background-color: #fff; color: #000; z-index: 10; } .text.start { transform: translateY(-50%); left: 7%; } .text.end { transform: translateY(-50%); left: auto; right: 7%; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "text start", }, "children": Array [ Node { "data": "start", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "span", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "class": undefined, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object { "class": "divider", "role": "separator", }, "children": Array [ Node { "attribs": Object { "class": "text start", }, "children": Array [ Node { "data": "left", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .divider { max-width: 100%; background-color: #eaeaea; position: relative; font-size: calc(1 * 16px); width: auto; height: calc(0.0625 * 16px); padding: 0 0 0 0; margin: calc(0.5 * 16px) 0 calc(0.5 * 16px) 0; } .text { position: absolute; left: 50%; top: 50%; min-height: 100%; display: inline-flex; justify-content: center; align-items: center; transform: translate(-50%, -50%); padding: 0 0.75em; font-size: inherit; font-weight: bold; text-transform: capitalize; background-color: #fff; color: #000; z-index: 10; } .text.start { transform: translateY(-50%); left: 7%; } .text.end { transform: translateY(-50%); left: auto; right: 7%; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .divider { max-width: 100%; background-color: #eaeaea; position: relative; font-size: calc(1 * 16px); width: auto; height: calc(0.0625 * 16px); padding: 0 0 0 0; margin: calc(0.5 * 16px) 0 calc(0.5 * 16px) 0; } .text { position: absolute; left: 50%; top: 50%; min-height: 100%; display: inline-flex; justify-content: center; align-items: center; transform: translate(-50%, -50%); padding: 0 0.75em; font-size: inherit; font-weight: bold; text-transform: capitalize; background-color: #fff; color: #000; z-index: 10; } .text.start { transform: translateY(-50%); left: 7%; } .text.end { transform: translateY(-50%); left: auto; right: 7%; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "text start", }, "children": Array [ Node { "data": "left", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "span", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "divider", "role": "separator", }, "children": Array [ Node { "attribs": Object { "class": "text start", }, "children": Array [ Node { "data": "start", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .divider { max-width: 100%; background-color: #eaeaea; position: relative; font-size: calc(1 * 16px); width: auto; height: calc(0.0625 * 16px); padding: 0 0 0 0; margin: calc(0.5 * 16px) 0 calc(0.5 * 16px) 0; } .text { position: absolute; left: 50%; top: 50%; min-height: 100%; display: inline-flex; justify-content: center; align-items: center; transform: translate(-50%, -50%); padding: 0 0.75em; font-size: inherit; font-weight: bold; text-transform: capitalize; background-color: #fff; color: #000; z-index: 10; } .text.start { transform: translateY(-50%); left: 7%; } .text.end { transform: translateY(-50%); left: auto; right: 7%; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .divider { max-width: 100%; background-color: #eaeaea; position: relative; font-size: calc(1 * 16px); width: auto; height: calc(0.0625 * 16px); padding: 0 0 0 0; margin: calc(0.5 * 16px) 0 calc(0.5 * 16px) 0; } .text { position: absolute; left: 50%; top: 50%; min-height: 100%; display: inline-flex; justify-content: center; align-items: center; transform: translate(-50%, -50%); padding: 0 0.75em; font-size: inherit; font-weight: bold; text-transform: capitalize; background-color: #fff; color: #000; z-index: 10; } .text.start { transform: translateY(-50%); left: 7%; } .text.end { transform: translateY(-50%); left: auto; right: 7%; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "text start", }, "children": Array [ Node { "data": "start", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "span", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "class": undefined, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "class": undefined, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, Node { "attribs": Object { "class": "divider", "role": "separator", }, "children": Array [ Node { "attribs": Object { "class": "text start", }, "children": Array [ Node { "data": "start", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .divider { max-width: 100%; background-color: #eaeaea; position: relative; font-size: calc(1 * 16px); width: auto; height: calc(0.125 * 16px); padding: 0 0 0 0; margin: calc(0.5 * 16px) 0 calc(0.5 * 16px) 0; } .text { position: absolute; left: 50%; top: 50%; min-height: 100%; display: inline-flex; justify-content: center; align-items: center; transform: translate(-50%, -50%); padding: 0 0.75em; font-size: inherit; font-weight: bold; text-transform: capitalize; background-color: #fff; color: #000; z-index: 10; } .text.start { transform: translateY(-50%); left: 7%; } .text.end { transform: translateY(-50%); left: auto; right: 7%; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .divider { max-width: 100%; background-color: #eaeaea; position: relative; font-size: calc(1 * 16px); width: auto; height: calc(0.125 * 16px); padding: 0 0 0 0; margin: calc(0.5 * 16px) 0 calc(0.5 * 16px) 0; } .text { position: absolute; left: 50%; top: 50%; min-height: 100%; display: inline-flex; justify-content: center; align-items: center; transform: translate(-50%, -50%); padding: 0 0.75em; font-size: inherit; font-weight: bold; text-transform: capitalize; background-color: #fff; color: #000; z-index: 10; } .text.start { transform: translateY(-50%); left: 7%; } .text.end { transform: translateY(-50%); left: auto; right: 7%; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "text start", }, "children": Array [ Node { "data": "start", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "span", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "divider", "role": "separator", }, "children": Array [ Node { "attribs": Object { "class": "text end", }, "children": Array [ Node { "data": "end", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .divider { max-width: 100%; background-color: #eaeaea; position: relative; font-size: calc(1 * 16px); width: auto; height: calc(0.0625 * 16px); padding: 0 0 0 0; margin: calc(0.5 * 16px) 0 calc(0.5 * 16px) 0; } .text { position: absolute; left: 50%; top: 50%; min-height: 100%; display: inline-flex; justify-content: center; align-items: center; transform: translate(-50%, -50%); padding: 0 0.75em; font-size: inherit; font-weight: bold; text-transform: capitalize; background-color: #fff; color: #000; z-index: 10; } .text.start { transform: translateY(-50%); left: 7%; } .text.end { transform: translateY(-50%); left: auto; right: 7%; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .divider { max-width: 100%; background-color: #eaeaea; position: relative; font-size: calc(1 * 16px); width: auto; height: calc(0.0625 * 16px); padding: 0 0 0 0; margin: calc(0.5 * 16px) 0 calc(0.5 * 16px) 0; } .text { position: absolute; left: 50%; top: 50%; min-height: 100%; display: inline-flex; justify-content: center; align-items: center; transform: translate(-50%, -50%); padding: 0 0.75em; font-size: inherit; font-weight: bold; text-transform: capitalize; background-color: #fff; color: #000; z-index: 10; } .text.start { transform: translateY(-50%); left: 7%; } .text.end { transform: translateY(-50%); left: auto; right: 7%; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "text end", }, "children": Array [ Node { "data": "end", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "span", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "divider", "role": "separator", }, "children": Array [ Node { "attribs": Object { "class": "text start", }, "children": Array [ Node { "data": "left", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .divider { max-width: 100%; background-color: #eaeaea; position: relative; font-size: calc(1 * 16px); width: auto; height: calc(0.0625 * 16px); padding: 0 0 0 0; margin: calc(0.5 * 16px) 0 calc(0.5 * 16px) 0; } .text { position: absolute; left: 50%; top: 50%; min-height: 100%; display: inline-flex; justify-content: center; align-items: center; transform: translate(-50%, -50%); padding: 0 0.75em; font-size: inherit; font-weight: bold; text-transform: capitalize; background-color: #fff; color: #000; z-index: 10; } .text.start { transform: translateY(-50%); left: 7%; } .text.end { transform: translateY(-50%); left: auto; right: 7%; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .divider { max-width: 100%; background-color: #eaeaea; position: relative; font-size: calc(1 * 16px); width: auto; height: calc(0.0625 * 16px); padding: 0 0 0 0; margin: calc(0.5 * 16px) 0 calc(0.5 * 16px) 0; } .text { position: absolute; left: 50%; top: 50%; min-height: 100%; display: inline-flex; justify-content: center; align-items: center; transform: translate(-50%, -50%); padding: 0 0.75em; font-size: inherit; font-weight: bold; text-transform: capitalize; background-color: #fff; color: #000; z-index: 10; } .text.start { transform: translateY(-50%); left: 7%; } .text.end { transform: translateY(-50%); left: auto; right: 7%; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "text start", }, "children": Array [ Node { "data": "left", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "span", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "divider", "role": "separator", }, "children": Array [ Node { "attribs": Object { "class": "text start", }, "children": Array [ Node { "data": "start", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .divider { max-width: 100%; background-color: #eaeaea; position: relative; font-size: calc(1 * 16px); width: auto; height: calc(0.0625 * 16px); padding: 0 0 0 0; margin: calc(0.5 * 16px) 0 calc(0.5 * 16px) 0; } .text { position: absolute; left: 50%; top: 50%; min-height: 100%; display: inline-flex; justify-content: center; align-items: center; transform: translate(-50%, -50%); padding: 0 0.75em; font-size: inherit; font-weight: bold; text-transform: capitalize; background-color: #fff; color: #000; z-index: 10; } .text.start { transform: translateY(-50%); left: 7%; } .text.end { transform: translateY(-50%); left: auto; right: 7%; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .divider { max-width: 100%; background-color: #eaeaea; position: relative; font-size: calc(1 * 16px); width: auto; height: calc(0.0625 * 16px); padding: 0 0 0 0; margin: calc(0.5 * 16px) 0 calc(0.5 * 16px) 0; } .text { position: absolute; left: 50%; top: 50%; min-height: 100%; display: inline-flex; justify-content: center; align-items: center; transform: translate(-50%, -50%); padding: 0 0.75em; font-size: inherit; font-weight: bold; text-transform: capitalize; background-color: #fff; color: #000; z-index: 10; } .text.start { transform: translateY(-50%); left: 7%; } .text.end { transform: translateY(-50%); left: auto; right: 7%; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "text start", }, "children": Array [ Node { "data": "start", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "span", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "class": undefined, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "class": undefined, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "class": undefined, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": 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 {}, "x-attribsPrefix": Object {}, }, "_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[`Divider should work with type 1`] = ` LoadedCheerio { "0": Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "divider", "role": "separator", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": " .divider { max-width: 100%; background-color: #666; position: relative; font-size: calc(1 * 16px); width: auto; height: calc(0.0625 * 16px); padding: 0 0 0 0; margin: calc(0.5 * 16px) 0 calc(0.5 * 16px) 0; } .text { position: absolute; left: 50%; top: 50%; min-height: 100%; display: inline-flex; justify-content: center; align-items: center; transform: translate(-50%, -50%); padding: 0 0.75em; font-size: inherit; font-weight: bold; text-transform: capitalize; background-color: #fff; color: #666; z-index: 10; } .text.start { transform: translateY(-50%); left: 7%; } .text.end { transform: translateY(-50%); left: auto; right: 7%; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": null, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "divider", "role": "separator", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": " .divider { max-width: 100%; background-color: #f7b955; position: relative; font-size: calc(1 * 16px); width: auto; height: calc(0.0625 * 16px); padding: 0 0 0 0; margin: calc(0.5 * 16px) 0 calc(0.5 * 16px) 0; } .text { position: absolute; left: 50%; top: 50%; min-height: 100%; display: inline-flex; justify-content: center; align-items: center; transform: translate(-50%, -50%); padding: 0 0.75em; font-size: inherit; font-weight: bold; text-transform: capitalize; background-color: #fff; color: #f7b955; z-index: 10; } .text.start { transform: translateY(-50%); left: 7%; } .text.end { transform: translateY(-50%); left: auto; right: 7%; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": null, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "divider", "role": "separator", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": " .divider { max-width: 100%; background-color: #000; position: relative; font-size: calc(1 * 16px); width: auto; height: calc(0.0625 * 16px); padding: 0 0 0 0; margin: calc(0.5 * 16px) 0 calc(0.5 * 16px) 0; } .text { position: absolute; left: 50%; top: 50%; min-height: 100%; display: inline-flex; justify-content: center; align-items: center; transform: translate(-50%, -50%); padding: 0 0.75em; font-size: inherit; font-weight: bold; text-transform: capitalize; background-color: #fff; color: #000; z-index: 10; } .text.start { transform: translateY(-50%); left: 7%; } .text.end { transform: translateY(-50%); left: auto; right: 7%; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": null, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "class": undefined, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "class": undefined, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, Node { "attribs": Object { "class": "divider", "role": "separator", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": " .divider { max-width: 100%; background-color: #f7b955; position: relative; font-size: calc(1 * 16px); width: auto; height: calc(0.0625 * 16px); padding: 0 0 0 0; margin: calc(0.5 * 16px) 0 calc(0.5 * 16px) 0; } .text { position: absolute; left: 50%; top: 50%; min-height: 100%; display: inline-flex; justify-content: center; align-items: center; transform: translate(-50%, -50%); padding: 0 0.75em; font-size: inherit; font-weight: bold; text-transform: capitalize; background-color: #fff; color: #f7b955; z-index: 10; } .text.start { transform: translateY(-50%); left: 7%; } .text.end { transform: translateY(-50%); left: auto; right: 7%; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": null, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "divider", "role": "separator", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": " .divider { max-width: 100%; background-color: #000; position: relative; font-size: calc(1 * 16px); width: auto; height: calc(0.0625 * 16px); padding: 0 0 0 0; margin: calc(0.5 * 16px) 0 calc(0.5 * 16px) 0; } .text { position: absolute; left: 50%; top: 50%; min-height: 100%; display: inline-flex; justify-content: center; align-items: center; transform: translate(-50%, -50%); padding: 0 0.75em; font-size: inherit; font-weight: bold; text-transform: capitalize; background-color: #fff; color: #000; z-index: 10; } .text.start { transform: translateY(-50%); left: 7%; } .text.end { transform: translateY(-50%); left: auto; right: 7%; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": null, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "class": undefined, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, "parent": [Circular], "prev": Node { "attribs": Object { "class": "divider", "role": "separator", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": " .divider { max-width: 100%; background-color: #666; position: relative; font-size: calc(1 * 16px); width: auto; height: calc(0.0625 * 16px); padding: 0 0 0 0; margin: calc(0.5 * 16px) 0 calc(0.5 * 16px) 0; } .text { position: absolute; left: 50%; top: 50%; min-height: 100%; display: inline-flex; justify-content: center; align-items: center; transform: translate(-50%, -50%); padding: 0 0.75em; font-size: inherit; font-weight: bold; text-transform: capitalize; background-color: #fff; color: #666; z-index: 10; } .text.start { transform: translateY(-50%); left: 7%; } .text.end { transform: translateY(-50%); left: auto; right: 7%; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": null, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "class": undefined, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, Node { "attribs": Object { "class": "divider", "role": "separator", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": " .divider { max-width: 100%; background-color: #000; position: relative; font-size: calc(1 * 16px); width: auto; height: calc(0.0625 * 16px); padding: 0 0 0 0; margin: calc(0.5 * 16px) 0 calc(0.5 * 16px) 0; } .text { position: absolute; left: 50%; top: 50%; min-height: 100%; display: inline-flex; justify-content: center; align-items: center; transform: translate(-50%, -50%); padding: 0 0.75em; font-size: inherit; font-weight: bold; text-transform: capitalize; background-color: #fff; color: #000; z-index: 10; } .text.start { transform: translateY(-50%); left: 7%; } .text.end { transform: translateY(-50%); left: auto; right: 7%; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": null, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "divider", "role": "separator", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": " .divider { max-width: 100%; background-color: #f7b955; position: relative; font-size: calc(1 * 16px); width: auto; height: calc(0.0625 * 16px); padding: 0 0 0 0; margin: calc(0.5 * 16px) 0 calc(0.5 * 16px) 0; } .text { position: absolute; left: 50%; top: 50%; min-height: 100%; display: inline-flex; justify-content: center; align-items: center; transform: translate(-50%, -50%); padding: 0 0.75em; font-size: inherit; font-weight: bold; text-transform: capitalize; background-color: #fff; color: #f7b955; z-index: 10; } .text.start { transform: translateY(-50%); left: 7%; } .text.end { transform: translateY(-50%); left: auto; right: 7%; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": null, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "divider", "role": "separator", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": " .divider { max-width: 100%; background-color: #666; position: relative; font-size: calc(1 * 16px); width: auto; height: calc(0.0625 * 16px); padding: 0 0 0 0; margin: calc(0.5 * 16px) 0 calc(0.5 * 16px) 0; } .text { position: absolute; left: 50%; top: 50%; min-height: 100%; display: inline-flex; justify-content: center; align-items: center; transform: translate(-50%, -50%); padding: 0 0.75em; font-size: inherit; font-weight: bold; text-transform: capitalize; background-color: #fff; color: #666; z-index: 10; } .text.start { transform: translateY(-50%); left: 7%; } .text.end { transform: translateY(-50%); left: auto; right: 7%; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": null, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "class": undefined, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "class": undefined, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": 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 {}, "x-attribsPrefix": Object {}, }, "_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[`Divider should work with w and h 1`] = ` LoadedCheerio { "0": Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "divider", "role": "separator", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": " .divider { max-width: 100%; background-color: #eaeaea; position: relative; font-size: calc(1 * 16px); width: calc(3 * 16px); height: calc(0.0625 * 16px); padding: 0 0 0 0; margin: calc(0.5 * 16px) 0 calc(0.5 * 16px) 0; } .text { position: absolute; left: 50%; top: 50%; min-height: 100%; display: inline-flex; justify-content: center; align-items: center; transform: translate(-50%, -50%); padding: 0 0.75em; font-size: inherit; font-weight: bold; text-transform: capitalize; background-color: #fff; color: #000; z-index: 10; } .text.start { transform: translateY(-50%); left: 7%; } .text.end { transform: translateY(-50%); left: auto; right: 7%; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": null, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "divider", "role": "separator", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": " .divider { max-width: 100%; background-color: #eaeaea; position: relative; font-size: calc(1 * 16px); width: auto; height: calc(0.1875 * 16px); padding: 0 0 0 0; margin: calc(0.5 * 16px) 0 calc(0.5 * 16px) 0; } .text { position: absolute; left: 50%; top: 50%; min-height: 100%; display: inline-flex; justify-content: center; align-items: center; transform: translate(-50%, -50%); padding: 0 0.75em; font-size: inherit; font-weight: bold; text-transform: capitalize; background-color: #fff; color: #000; z-index: 10; } .text.start { transform: translateY(-50%); left: 7%; } .text.end { transform: translateY(-50%); left: auto; right: 7%; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": null, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "class": undefined, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, Node { "attribs": Object { "class": "divider", "role": "separator", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": " .divider { max-width: 100%; background-color: #eaeaea; position: relative; font-size: calc(1 * 16px); width: auto; height: calc(0.1875 * 16px); padding: 0 0 0 0; margin: calc(0.5 * 16px) 0 calc(0.5 * 16px) 0; } .text { position: absolute; left: 50%; top: 50%; min-height: 100%; display: inline-flex; justify-content: center; align-items: center; transform: translate(-50%, -50%); padding: 0 0.75em; font-size: inherit; font-weight: bold; text-transform: capitalize; background-color: #fff; color: #000; z-index: 10; } .text.start { transform: translateY(-50%); left: 7%; } .text.end { transform: translateY(-50%); left: auto; right: 7%; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": null, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "divider", "role": "separator", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "data": " .divider { max-width: 100%; background-color: #eaeaea; position: relative; font-size: calc(1 * 16px); width: calc(3 * 16px); height: calc(0.0625 * 16px); padding: 0 0 0 0; margin: calc(0.5 * 16px) 0 calc(0.5 * 16px) 0; } .text { position: absolute; left: 50%; top: 50%; min-height: 100%; display: inline-flex; justify-content: center; align-items: center; transform: translate(-50%, -50%); padding: 0 0.75em; font-size: inherit; font-weight: bold; text-transform: capitalize; background-color: #fff; color: #000; z-index: 10; } .text.start { transform: translateY(-50%); left: 7%; } .text.end { transform: translateY(-50%); left: auto; right: 7%; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": null, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "class": undefined, "role": undefined, }, "x-attribsPrefix": Object { "class": undefined, "role": 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 {}, "x-attribsPrefix": Object {}, }, "_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, }, } `; ================================================ FILE: components/divider/__tests__/index.test.tsx ================================================ import React from 'react' import { mount, render } from 'enzyme' import { Divider } from 'components' describe('Divider', () => { it('should render correctly', () => { const wrapper = mount() expect(wrapper).toMatchSnapshot() expect(() => wrapper.unmount()).not.toThrow() }) it('should work with w and h', () => { const wrapper = render(
, ) expect(wrapper).toMatchSnapshot() }) it('should work with type', () => { const wrapper = render(
, ) expect(wrapper).toMatchSnapshot() }) it('should work with align and volume', () => { const wrapper = render(
start left end start
, ) expect(wrapper).toMatchSnapshot() }) it('should support float', () => { const wrapper = mount(
, ) expect(wrapper).toMatchSnapshot() expect(() => wrapper.unmount()).not.toThrow() }) }) ================================================ FILE: components/divider/divider.tsx ================================================ import React, { useMemo } from 'react' import useTheme from '../use-theme' import { DividerAlign, SnippetTypes } from '../utils/prop-types' import { GeistUIThemesPalette } from '../themes/presets' import useScale, { withScale } from '../use-scale' import useClasses from '../use-classes' export type DividerTypes = SnippetTypes interface Props { type?: DividerTypes align?: DividerAlign className?: string } const defaultProps = { align: 'center' as DividerAlign, type: 'default' as DividerTypes, className: '', } type NativeAttrs = Omit, keyof Props> export type DividerProps = Props & NativeAttrs const getColor = (type: DividerTypes, palette: GeistUIThemesPalette) => { const colors: { [key in DividerTypes]: string } = { default: palette.border, lite: palette.accents_1, success: palette.successLight, warning: palette.warningLight, error: palette.errorLight, secondary: palette.secondary, dark: palette.foreground, } return colors[type] } const DividerComponent: React.FC> = ({ type, align, children, className, ...props }: React.PropsWithChildren & typeof defaultProps) => { const theme = useTheme() const { SCALES } = useScale() const classes = useClasses('divider', className) const color = useMemo(() => getColor(type, theme.palette), [type, theme.palette]) const alignClassName = useMemo(() => { if (!align || align === 'center') return '' if (align === 'left' || align === 'start') return 'start' return 'end' }, [align]) const alignClasses = useClasses('text', alignClassName) const textColor = type === 'default' ? theme.palette.foreground : color return (
{children && {children}}
) } DividerComponent.defaultProps = defaultProps DividerComponent.displayName = 'GeistDivider' const Divider = withScale(DividerComponent) export default Divider ================================================ FILE: components/divider/index.ts ================================================ import Divider from './divider' export type { DividerProps, DividerTypes } from './divider' export type { DividerAlign } from '../utils/prop-types' export default Divider ================================================ FILE: components/dot/__tests__/__snapshots__/index.test.tsx.snap ================================================ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Dot should render correctly 1`] = `ReactWrapper {}`; exports[`Dot should supports types 1`] = ` LoadedCheerio { "0": Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "dot", }, "children": Array [ Node { "attribs": Object { "class": "icon", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "label", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .dot { display: inline-flex; align-items: center; font-size: calc(1 * 16px); width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .icon { width: 0.625em; height: 0.625em; min-width: calc(0.625 * 12px); min-height: calc(0.625 * 12px); line-height: 0.625em; border-radius: 50%; background-color: #0070f3; user-select: none; } .label { margin-left: 0.5em; font-size: 1em; line-height: 1em; text-transform: capitalize; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "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": "label", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .dot { display: inline-flex; align-items: center; font-size: calc(1 * 16px); width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .icon { width: 0.625em; height: 0.625em; min-width: calc(0.625 * 12px); min-height: calc(0.625 * 12px); line-height: 0.625em; border-radius: 50%; background-color: #0070f3; user-select: none; } .label { margin-left: 0.5em; font-size: 1em; line-height: 1em; text-transform: capitalize; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "class": "icon", }, "children": Array [], "name": "span", "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 {}, "children": Array [ Node { "data": " .dot { display: inline-flex; align-items: center; font-size: calc(1 * 16px); width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .icon { width: 0.625em; height: 0.625em; min-width: calc(0.625 * 12px); min-height: calc(0.625 * 12px); line-height: 0.625em; border-radius: 50%; background-color: #0070f3; user-select: none; } .label { margin-left: 0.5em; font-size: 1em; line-height: 1em; text-transform: capitalize; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "label", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "icon", }, "children": Array [], "name": "span", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "dot", }, "children": Array [ Node { "attribs": Object { "class": "icon", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "label", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .dot { display: inline-flex; align-items: center; font-size: calc(1 * 16px); width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .icon { width: 0.625em; height: 0.625em; min-width: calc(0.625 * 12px); min-height: calc(0.625 * 12px); line-height: 0.625em; border-radius: 50%; background-color: #eaeaea; user-select: none; } .label { margin-left: 0.5em; font-size: 1em; line-height: 1em; text-transform: capitalize; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "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": "label", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .dot { display: inline-flex; align-items: center; font-size: calc(1 * 16px); width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .icon { width: 0.625em; height: 0.625em; min-width: calc(0.625 * 12px); min-height: calc(0.625 * 12px); line-height: 0.625em; border-radius: 50%; background-color: #eaeaea; user-select: none; } .label { margin-left: 0.5em; font-size: 1em; line-height: 1em; text-transform: capitalize; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "class": "icon", }, "children": Array [], "name": "span", "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 {}, "children": Array [ Node { "data": " .dot { display: inline-flex; align-items: center; font-size: calc(1 * 16px); width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .icon { width: 0.625em; height: 0.625em; min-width: calc(0.625 * 12px); min-height: calc(0.625 * 12px); line-height: 0.625em; border-radius: 50%; background-color: #eaeaea; user-select: none; } .label { margin-left: 0.5em; font-size: 1em; line-height: 1em; text-transform: capitalize; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "label", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "icon", }, "children": Array [], "name": "span", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "dot", }, "children": Array [ Node { "attribs": Object { "class": "icon", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "label", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .dot { display: inline-flex; align-items: center; font-size: calc(1 * 16px); width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .icon { width: 0.625em; height: 0.625em; min-width: calc(0.625 * 12px); min-height: calc(0.625 * 12px); line-height: 0.625em; border-radius: 50%; background-color: #f5a623; user-select: none; } .label { margin-left: 0.5em; font-size: 1em; line-height: 1em; text-transform: capitalize; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "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": "label", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .dot { display: inline-flex; align-items: center; font-size: calc(1 * 16px); width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .icon { width: 0.625em; height: 0.625em; min-width: calc(0.625 * 12px); min-height: calc(0.625 * 12px); line-height: 0.625em; border-radius: 50%; background-color: #f5a623; user-select: none; } .label { margin-left: 0.5em; font-size: 1em; line-height: 1em; text-transform: capitalize; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "class": "icon", }, "children": Array [], "name": "span", "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 {}, "children": Array [ Node { "data": " .dot { display: inline-flex; align-items: center; font-size: calc(1 * 16px); width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .icon { width: 0.625em; height: 0.625em; min-width: calc(0.625 * 12px); min-height: calc(0.625 * 12px); line-height: 0.625em; border-radius: 50%; background-color: #f5a623; user-select: none; } .label { margin-left: 0.5em; font-size: 1em; line-height: 1em; text-transform: capitalize; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "label", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "icon", }, "children": Array [], "name": "span", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "dot", }, "children": Array [ Node { "attribs": Object { "class": "icon", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "label", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .dot { display: inline-flex; align-items: center; font-size: calc(1 * 16px); width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .icon { width: 0.625em; height: 0.625em; min-width: calc(0.625 * 12px); min-height: calc(0.625 * 12px); line-height: 0.625em; border-radius: 50%; background-color: #e00; user-select: none; } .label { margin-left: 0.5em; font-size: 1em; line-height: 1em; text-transform: capitalize; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "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": "label", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .dot { display: inline-flex; align-items: center; font-size: calc(1 * 16px); width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .icon { width: 0.625em; height: 0.625em; min-width: calc(0.625 * 12px); min-height: calc(0.625 * 12px); line-height: 0.625em; border-radius: 50%; background-color: #e00; user-select: none; } .label { margin-left: 0.5em; font-size: 1em; line-height: 1em; text-transform: capitalize; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "class": "icon", }, "children": Array [], "name": "span", "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 {}, "children": Array [ Node { "data": " .dot { display: inline-flex; align-items: center; font-size: calc(1 * 16px); width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .icon { width: 0.625em; height: 0.625em; min-width: calc(0.625 * 12px); min-height: calc(0.625 * 12px); line-height: 0.625em; border-radius: 50%; background-color: #e00; user-select: none; } .label { margin-left: 0.5em; font-size: 1em; line-height: 1em; text-transform: capitalize; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "label", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "icon", }, "children": Array [], "name": "span", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "span", "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": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object { "class": "dot", }, "children": Array [ Node { "attribs": Object { "class": "icon", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "label", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .dot { display: inline-flex; align-items: center; font-size: calc(1 * 16px); width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .icon { width: 0.625em; height: 0.625em; min-width: calc(0.625 * 12px); min-height: calc(0.625 * 12px); line-height: 0.625em; border-radius: 50%; background-color: #eaeaea; user-select: none; } .label { margin-left: 0.5em; font-size: 1em; line-height: 1em; text-transform: capitalize; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "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": "label", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .dot { display: inline-flex; align-items: center; font-size: calc(1 * 16px); width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .icon { width: 0.625em; height: 0.625em; min-width: calc(0.625 * 12px); min-height: calc(0.625 * 12px); line-height: 0.625em; border-radius: 50%; background-color: #eaeaea; user-select: none; } .label { margin-left: 0.5em; font-size: 1em; line-height: 1em; text-transform: capitalize; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "class": "icon", }, "children": Array [], "name": "span", "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 {}, "children": Array [ Node { "data": " .dot { display: inline-flex; align-items: center; font-size: calc(1 * 16px); width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .icon { width: 0.625em; height: 0.625em; min-width: calc(0.625 * 12px); min-height: calc(0.625 * 12px); line-height: 0.625em; border-radius: 50%; background-color: #eaeaea; user-select: none; } .label { margin-left: 0.5em; font-size: 1em; line-height: 1em; text-transform: capitalize; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "label", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "icon", }, "children": Array [], "name": "span", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "dot", }, "children": Array [ Node { "attribs": Object { "class": "icon", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "label", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .dot { display: inline-flex; align-items: center; font-size: calc(1 * 16px); width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .icon { width: 0.625em; height: 0.625em; min-width: calc(0.625 * 12px); min-height: calc(0.625 * 12px); line-height: 0.625em; border-radius: 50%; background-color: #f5a623; user-select: none; } .label { margin-left: 0.5em; font-size: 1em; line-height: 1em; text-transform: capitalize; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "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": "label", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .dot { display: inline-flex; align-items: center; font-size: calc(1 * 16px); width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .icon { width: 0.625em; height: 0.625em; min-width: calc(0.625 * 12px); min-height: calc(0.625 * 12px); line-height: 0.625em; border-radius: 50%; background-color: #f5a623; user-select: none; } .label { margin-left: 0.5em; font-size: 1em; line-height: 1em; text-transform: capitalize; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "class": "icon", }, "children": Array [], "name": "span", "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 {}, "children": Array [ Node { "data": " .dot { display: inline-flex; align-items: center; font-size: calc(1 * 16px); width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .icon { width: 0.625em; height: 0.625em; min-width: calc(0.625 * 12px); min-height: calc(0.625 * 12px); line-height: 0.625em; border-radius: 50%; background-color: #f5a623; user-select: none; } .label { margin-left: 0.5em; font-size: 1em; line-height: 1em; text-transform: capitalize; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "label", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "icon", }, "children": Array [], "name": "span", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "dot", }, "children": Array [ Node { "attribs": Object { "class": "icon", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "label", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .dot { display: inline-flex; align-items: center; font-size: calc(1 * 16px); width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .icon { width: 0.625em; height: 0.625em; min-width: calc(0.625 * 12px); min-height: calc(0.625 * 12px); line-height: 0.625em; border-radius: 50%; background-color: #e00; user-select: none; } .label { margin-left: 0.5em; font-size: 1em; line-height: 1em; text-transform: capitalize; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "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": "label", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .dot { display: inline-flex; align-items: center; font-size: calc(1 * 16px); width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .icon { width: 0.625em; height: 0.625em; min-width: calc(0.625 * 12px); min-height: calc(0.625 * 12px); line-height: 0.625em; border-radius: 50%; background-color: #e00; user-select: none; } .label { margin-left: 0.5em; font-size: 1em; line-height: 1em; text-transform: capitalize; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "class": "icon", }, "children": Array [], "name": "span", "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 {}, "children": Array [ Node { "data": " .dot { display: inline-flex; align-items: center; font-size: calc(1 * 16px); width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .icon { width: 0.625em; height: 0.625em; min-width: calc(0.625 * 12px); min-height: calc(0.625 * 12px); line-height: 0.625em; border-radius: 50%; background-color: #e00; user-select: none; } .label { margin-left: 0.5em; font-size: 1em; line-height: 1em; text-transform: capitalize; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "label", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "icon", }, "children": Array [], "name": "span", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "span", "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": "dot", }, "children": Array [ Node { "attribs": Object { "class": "icon", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "label", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .dot { display: inline-flex; align-items: center; font-size: calc(1 * 16px); width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .icon { width: 0.625em; height: 0.625em; min-width: calc(0.625 * 12px); min-height: calc(0.625 * 12px); line-height: 0.625em; border-radius: 50%; background-color: #0070f3; user-select: none; } .label { margin-left: 0.5em; font-size: 1em; line-height: 1em; text-transform: capitalize; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "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": "label", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .dot { display: inline-flex; align-items: center; font-size: calc(1 * 16px); width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .icon { width: 0.625em; height: 0.625em; min-width: calc(0.625 * 12px); min-height: calc(0.625 * 12px); line-height: 0.625em; border-radius: 50%; background-color: #0070f3; user-select: none; } .label { margin-left: 0.5em; font-size: 1em; line-height: 1em; text-transform: capitalize; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "class": "icon", }, "children": Array [], "name": "span", "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 {}, "children": Array [ Node { "data": " .dot { display: inline-flex; align-items: center; font-size: calc(1 * 16px); width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .icon { width: 0.625em; height: 0.625em; min-width: calc(0.625 * 12px); min-height: calc(0.625 * 12px); line-height: 0.625em; border-radius: 50%; background-color: #0070f3; user-select: none; } .label { margin-left: 0.5em; font-size: 1em; line-height: 1em; text-transform: capitalize; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "label", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "icon", }, "children": Array [], "name": "span", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "span", "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": "dot", }, "children": Array [ Node { "attribs": Object { "class": "icon", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "label", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .dot { display: inline-flex; align-items: center; font-size: calc(1 * 16px); width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .icon { width: 0.625em; height: 0.625em; min-width: calc(0.625 * 12px); min-height: calc(0.625 * 12px); line-height: 0.625em; border-radius: 50%; background-color: #f5a623; user-select: none; } .label { margin-left: 0.5em; font-size: 1em; line-height: 1em; text-transform: capitalize; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "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": "label", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .dot { display: inline-flex; align-items: center; font-size: calc(1 * 16px); width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .icon { width: 0.625em; height: 0.625em; min-width: calc(0.625 * 12px); min-height: calc(0.625 * 12px); line-height: 0.625em; border-radius: 50%; background-color: #f5a623; user-select: none; } .label { margin-left: 0.5em; font-size: 1em; line-height: 1em; text-transform: capitalize; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "class": "icon", }, "children": Array [], "name": "span", "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 {}, "children": Array [ Node { "data": " .dot { display: inline-flex; align-items: center; font-size: calc(1 * 16px); width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .icon { width: 0.625em; height: 0.625em; min-width: calc(0.625 * 12px); min-height: calc(0.625 * 12px); line-height: 0.625em; border-radius: 50%; background-color: #f5a623; user-select: none; } .label { margin-left: 0.5em; font-size: 1em; line-height: 1em; text-transform: capitalize; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "label", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "icon", }, "children": Array [], "name": "span", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "dot", }, "children": Array [ Node { "attribs": Object { "class": "icon", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "label", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .dot { display: inline-flex; align-items: center; font-size: calc(1 * 16px); width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .icon { width: 0.625em; height: 0.625em; min-width: calc(0.625 * 12px); min-height: calc(0.625 * 12px); line-height: 0.625em; border-radius: 50%; background-color: #e00; user-select: none; } .label { margin-left: 0.5em; font-size: 1em; line-height: 1em; text-transform: capitalize; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "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": "label", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .dot { display: inline-flex; align-items: center; font-size: calc(1 * 16px); width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .icon { width: 0.625em; height: 0.625em; min-width: calc(0.625 * 12px); min-height: calc(0.625 * 12px); line-height: 0.625em; border-radius: 50%; background-color: #e00; user-select: none; } .label { margin-left: 0.5em; font-size: 1em; line-height: 1em; text-transform: capitalize; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "class": "icon", }, "children": Array [], "name": "span", "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 {}, "children": Array [ Node { "data": " .dot { display: inline-flex; align-items: center; font-size: calc(1 * 16px); width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .icon { width: 0.625em; height: 0.625em; min-width: calc(0.625 * 12px); min-height: calc(0.625 * 12px); line-height: 0.625em; border-radius: 50%; background-color: #e00; user-select: none; } .label { margin-left: 0.5em; font-size: 1em; line-height: 1em; text-transform: capitalize; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "label", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "icon", }, "children": Array [], "name": "span", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "span", "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": "dot", }, "children": Array [ Node { "attribs": Object { "class": "icon", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "label", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .dot { display: inline-flex; align-items: center; font-size: calc(1 * 16px); width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .icon { width: 0.625em; height: 0.625em; min-width: calc(0.625 * 12px); min-height: calc(0.625 * 12px); line-height: 0.625em; border-radius: 50%; background-color: #eaeaea; user-select: none; } .label { margin-left: 0.5em; font-size: 1em; line-height: 1em; text-transform: capitalize; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "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": "label", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .dot { display: inline-flex; align-items: center; font-size: calc(1 * 16px); width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .icon { width: 0.625em; height: 0.625em; min-width: calc(0.625 * 12px); min-height: calc(0.625 * 12px); line-height: 0.625em; border-radius: 50%; background-color: #eaeaea; user-select: none; } .label { margin-left: 0.5em; font-size: 1em; line-height: 1em; text-transform: capitalize; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "class": "icon", }, "children": Array [], "name": "span", "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 {}, "children": Array [ Node { "data": " .dot { display: inline-flex; align-items: center; font-size: calc(1 * 16px); width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .icon { width: 0.625em; height: 0.625em; min-width: calc(0.625 * 12px); min-height: calc(0.625 * 12px); line-height: 0.625em; border-radius: 50%; background-color: #eaeaea; user-select: none; } .label { margin-left: 0.5em; font-size: 1em; line-height: 1em; text-transform: capitalize; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "label", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "icon", }, "children": Array [], "name": "span", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "dot", }, "children": Array [ Node { "attribs": Object { "class": "icon", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "label", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .dot { display: inline-flex; align-items: center; font-size: calc(1 * 16px); width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .icon { width: 0.625em; height: 0.625em; min-width: calc(0.625 * 12px); min-height: calc(0.625 * 12px); line-height: 0.625em; border-radius: 50%; background-color: #0070f3; user-select: none; } .label { margin-left: 0.5em; font-size: 1em; line-height: 1em; text-transform: capitalize; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "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": "label", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .dot { display: inline-flex; align-items: center; font-size: calc(1 * 16px); width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .icon { width: 0.625em; height: 0.625em; min-width: calc(0.625 * 12px); min-height: calc(0.625 * 12px); line-height: 0.625em; border-radius: 50%; background-color: #0070f3; user-select: none; } .label { margin-left: 0.5em; font-size: 1em; line-height: 1em; text-transform: capitalize; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "class": "icon", }, "children": Array [], "name": "span", "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 {}, "children": Array [ Node { "data": " .dot { display: inline-flex; align-items: center; font-size: calc(1 * 16px); width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .icon { width: 0.625em; height: 0.625em; min-width: calc(0.625 * 12px); min-height: calc(0.625 * 12px); line-height: 0.625em; border-radius: 50%; background-color: #0070f3; user-select: none; } .label { margin-left: 0.5em; font-size: 1em; line-height: 1em; text-transform: capitalize; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "label", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "icon", }, "children": Array [], "name": "span", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "span", "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": "dot", }, "children": Array [ Node { "attribs": Object { "class": "icon", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "label", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .dot { display: inline-flex; align-items: center; font-size: calc(1 * 16px); width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .icon { width: 0.625em; height: 0.625em; min-width: calc(0.625 * 12px); min-height: calc(0.625 * 12px); line-height: 0.625em; border-radius: 50%; background-color: #e00; user-select: none; } .label { margin-left: 0.5em; font-size: 1em; line-height: 1em; text-transform: capitalize; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "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": "label", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .dot { display: inline-flex; align-items: center; font-size: calc(1 * 16px); width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .icon { width: 0.625em; height: 0.625em; min-width: calc(0.625 * 12px); min-height: calc(0.625 * 12px); line-height: 0.625em; border-radius: 50%; background-color: #e00; user-select: none; } .label { margin-left: 0.5em; font-size: 1em; line-height: 1em; text-transform: capitalize; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "class": "icon", }, "children": Array [], "name": "span", "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 {}, "children": Array [ Node { "data": " .dot { display: inline-flex; align-items: center; font-size: calc(1 * 16px); width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .icon { width: 0.625em; height: 0.625em; min-width: calc(0.625 * 12px); min-height: calc(0.625 * 12px); line-height: 0.625em; border-radius: 50%; background-color: #e00; user-select: none; } .label { margin-left: 0.5em; font-size: 1em; line-height: 1em; text-transform: capitalize; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "label", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "icon", }, "children": Array [], "name": "span", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "dot", }, "children": Array [ Node { "attribs": Object { "class": "icon", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "label", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .dot { display: inline-flex; align-items: center; font-size: calc(1 * 16px); width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .icon { width: 0.625em; height: 0.625em; min-width: calc(0.625 * 12px); min-height: calc(0.625 * 12px); line-height: 0.625em; border-radius: 50%; background-color: #f5a623; user-select: none; } .label { margin-left: 0.5em; font-size: 1em; line-height: 1em; text-transform: capitalize; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "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": "label", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .dot { display: inline-flex; align-items: center; font-size: calc(1 * 16px); width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .icon { width: 0.625em; height: 0.625em; min-width: calc(0.625 * 12px); min-height: calc(0.625 * 12px); line-height: 0.625em; border-radius: 50%; background-color: #f5a623; user-select: none; } .label { margin-left: 0.5em; font-size: 1em; line-height: 1em; text-transform: capitalize; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "class": "icon", }, "children": Array [], "name": "span", "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 {}, "children": Array [ Node { "data": " .dot { display: inline-flex; align-items: center; font-size: calc(1 * 16px); width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .icon { width: 0.625em; height: 0.625em; min-width: calc(0.625 * 12px); min-height: calc(0.625 * 12px); line-height: 0.625em; border-radius: 50%; background-color: #f5a623; user-select: none; } .label { margin-left: 0.5em; font-size: 1em; line-height: 1em; text-transform: capitalize; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "label", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "icon", }, "children": Array [], "name": "span", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "dot", }, "children": Array [ Node { "attribs": Object { "class": "icon", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "label", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .dot { display: inline-flex; align-items: center; font-size: calc(1 * 16px); width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .icon { width: 0.625em; height: 0.625em; min-width: calc(0.625 * 12px); min-height: calc(0.625 * 12px); line-height: 0.625em; border-radius: 50%; background-color: #eaeaea; user-select: none; } .label { margin-left: 0.5em; font-size: 1em; line-height: 1em; text-transform: capitalize; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "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": "label", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .dot { display: inline-flex; align-items: center; font-size: calc(1 * 16px); width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .icon { width: 0.625em; height: 0.625em; min-width: calc(0.625 * 12px); min-height: calc(0.625 * 12px); line-height: 0.625em; border-radius: 50%; background-color: #eaeaea; user-select: none; } .label { margin-left: 0.5em; font-size: 1em; line-height: 1em; text-transform: capitalize; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "class": "icon", }, "children": Array [], "name": "span", "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 {}, "children": Array [ Node { "data": " .dot { display: inline-flex; align-items: center; font-size: calc(1 * 16px); width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .icon { width: 0.625em; height: 0.625em; min-width: calc(0.625 * 12px); min-height: calc(0.625 * 12px); line-height: 0.625em; border-radius: 50%; background-color: #eaeaea; user-select: none; } .label { margin-left: 0.5em; font-size: 1em; line-height: 1em; text-transform: capitalize; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "label", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "icon", }, "children": Array [], "name": "span", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "dot", }, "children": Array [ Node { "attribs": Object { "class": "icon", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "label", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .dot { display: inline-flex; align-items: center; font-size: calc(1 * 16px); width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .icon { width: 0.625em; height: 0.625em; min-width: calc(0.625 * 12px); min-height: calc(0.625 * 12px); line-height: 0.625em; border-radius: 50%; background-color: #0070f3; user-select: none; } .label { margin-left: 0.5em; font-size: 1em; line-height: 1em; text-transform: capitalize; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "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": "label", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .dot { display: inline-flex; align-items: center; font-size: calc(1 * 16px); width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .icon { width: 0.625em; height: 0.625em; min-width: calc(0.625 * 12px); min-height: calc(0.625 * 12px); line-height: 0.625em; border-radius: 50%; background-color: #0070f3; user-select: none; } .label { margin-left: 0.5em; font-size: 1em; line-height: 1em; text-transform: capitalize; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "class": "icon", }, "children": Array [], "name": "span", "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 {}, "children": Array [ Node { "data": " .dot { display: inline-flex; align-items: center; font-size: calc(1 * 16px); width: auto; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; } .icon { width: 0.625em; height: 0.625em; min-width: calc(0.625 * 12px); min-height: calc(0.625 * 12px); line-height: 0.625em; border-radius: 50%; background-color: #0070f3; user-select: none; } .label { margin-left: 0.5em; font-size: 1em; line-height: 1em; text-transform: capitalize; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "label", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "icon", }, "children": Array [], "name": "span", "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": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "span", "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, }, }, ], "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 {}, "x-attribsPrefix": Object {}, }, "_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, }, } `; ================================================ FILE: components/dot/__tests__/index.test.tsx ================================================ import React from 'react' import { mount, render } from 'enzyme' import { Dot } from 'components' describe('Dot', () => { it('should render correctly', () => { const wrapper = mount() expect(wrapper).toMatchSnapshot() expect(() => wrapper.unmount()).not.toThrow() }) it('should supports types', () => { const wrapper = render(
, ) expect(wrapper).toMatchSnapshot() }) it('should be render text', () => { const wrapper = mount(test) expect(wrapper.text()).toContain('test') }) }) ================================================ FILE: components/dot/dot.tsx ================================================ import React, { useMemo } from 'react' import useTheme from '../use-theme' import { NormalTypes } from '../utils/prop-types' import { GeistUIThemes } from '../themes/presets' import useScale, { withScale } from '../use-scale' import useClasses from '../use-classes' export type DotTypes = NormalTypes interface Props { type?: DotTypes className?: string } const defaultProps = { type: 'default' as DotTypes, className: '', } type NativeAttrs = Omit, keyof Props> export type DotProps = Props & NativeAttrs const getColor = (type: DotTypes, theme: GeistUIThemes): string => { const colors: { [key in DotTypes]?: string } = { default: theme.palette.accents_2, success: theme.palette.success, warning: theme.palette.warning, error: theme.palette.error, } return colors[type] || (colors.default as string) } const DotComponent: React.FC> = ({ type, children, className, ...props }: React.PropsWithChildren & typeof defaultProps) => { const theme = useTheme() const { SCALES } = useScale() const color = useMemo(() => getColor(type, theme), [type, theme]) return ( {children} ) } DotComponent.defaultProps = defaultProps DotComponent.displayName = 'GeistDot' const Dot = withScale(DotComponent) export default Dot ================================================ FILE: components/dot/index.ts ================================================ import Dot from './dot' export type { DotProps, DotTypes } from './dot' export default Dot ================================================ FILE: components/drawer/__tests__/__snapshots__/index.test.tsx.snap ================================================ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Drawer customization should be supported 1`] = ` "

Modal

" `; exports[`Drawer should render correctly 1`] = ` "

Drawer

This is a drawer

Some content contained within the drawer.

" `; exports[`Drawer should work correctly with different placement 1`] = ` "

Some content contained within the drawer.

" `; exports[`Drawer should work correctly with different placement 2`] = ` "

Some content contained within the drawer.

" `; exports[`Drawer should work correctly with different placement 3`] = ` "

Some content contained within the drawer.

" `; exports[`Drawer should work correctly with different placement 4`] = ` "

Some content contained within the drawer.

" `; ================================================ FILE: components/drawer/__tests__/index.test.tsx ================================================ import React from 'react' import { mount } from 'enzyme' import { Drawer } from 'components' import { nativeEvent, updateWrapper } from 'tests/utils' import { expectDrawerIsClosed, expectDrawerIsOpened } from './use-modal.test' import userEvent from '@testing-library/user-event' describe('Drawer', () => { it('should render correctly', () => { const wrapper = mount( Drawer This is a drawer

Some content contained within the drawer.

 , ) expect(wrapper.html()).toMatchSnapshot() expect(() => wrapper.unmount()).not.toThrow() }) it('should work correctly with different placement', () => { const top = mount(

Some content contained within the drawer.

, ) expect(top.html()).toMatchSnapshot() expect(() => top.unmount()).not.toThrow() const right = mount(

Some content contained within the drawer.

, ) expect(right.html()).toMatchSnapshot() expect(() => right.unmount()).not.toThrow() const bottom = mount(

Some content contained within the drawer.

, ) expect(bottom.html()).toMatchSnapshot() expect(() => bottom.unmount()).not.toThrow() const left = mount(

Some content contained within the drawer.

, ) expect(left.html()).toMatchSnapshot() expect(() => left.unmount()).not.toThrow() }) it('should trigger event when drawer changed', async () => { const closeHandler = jest.fn() const wrapper = mount( Modal , ) expectDrawerIsClosed(wrapper) wrapper.setProps({ visible: true }) await updateWrapper(wrapper, 350) expectDrawerIsOpened(wrapper) wrapper.find('.backdrop').simulate('click', nativeEvent) await updateWrapper(wrapper, 500) expectDrawerIsClosed(wrapper) expect(closeHandler).toHaveBeenCalled() }) it('should disable backdrop event', async () => { const closeHandler = jest.fn() const wrapper = mount( Modal , ) wrapper.find('.backdrop').simulate('click', nativeEvent) await updateWrapper(wrapper, 500) expectDrawerIsOpened(wrapper) expect(closeHandler).not.toHaveBeenCalled() }) it('customization should be supported', () => { const wrapper = mount( Modal , ) const html = wrapper.find('.wrapper').html() expect(html).toMatchSnapshot() expect(wrapper.find('.wrapper').at(0).getDOMNode()).toHaveClass('test-class') expect(() => wrapper.unmount()).not.toThrow() }) it('focus should only be switched within modal', async () => { const wrapper = mount( , ) expect(() => wrapper.unmount()).not.toThrow() }) it('should render correctly', () => { const wrapper = render(
title subtitle status
, ) expect(wrapper).toMatchSnapshot() }) it('the component Fieldset.Content should be injected automatically', () => { const fieldset = mount(
test-title test-subtitle
, ) const content = mount(
test-title test-subtitle
, ) expect(fieldset.html()).toEqual(content.html()) expect(() => content.unmount()).not.toThrow() }) it('render children through props', () => { const fieldset = mount(
test-title test-subtitle
, ) const props = mount(
) expect(fieldset.html()).toEqual(props.html()) expect(() => props.unmount()).not.toThrow() }) }) ================================================ FILE: components/fieldset/fieldset-content.tsx ================================================ import React from 'react' import useScale, { withScale } from '../use-scale' import useClasses from '../use-classes' interface Props { className?: string } const defaultProps = { className: '', } type NativeAttrs = Omit, keyof Props> export type FieldsetContentProps = Props & NativeAttrs const FieldsetContentComponent: React.FC< React.PropsWithChildren > = ({ className, children, ...props }: React.PropsWithChildren & typeof defaultProps) => { const { SCALES } = useScale() const classes = useClasses('content', className) return (
{children}
) } FieldsetContentComponent.defaultProps = defaultProps FieldsetContentComponent.displayName = 'GeistFieldsetContent' const FieldsetContent = withScale(FieldsetContentComponent) export default FieldsetContent ================================================ FILE: components/fieldset/fieldset-context.ts ================================================ import React from 'react' export interface FieldItem { value: string label: string } export interface FieldsetConfig { register?: (item: FieldItem) => void currentValue: string inGroup: boolean } const defaultContext = { inGroup: false, currentValue: '', } export const FieldsetContext = React.createContext(defaultContext) export const useFieldset = (): FieldsetConfig => React.useContext(FieldsetContext) ================================================ FILE: components/fieldset/fieldset-footer.tsx ================================================ import React from 'react' import useTheme from '../use-theme' import useScale, { withScale } from '../use-scale' interface Props { className?: string } const defaultProps = { className: '', } type NativeAttrs = Omit, keyof Props> export type FieldsetFooterProps = Props & NativeAttrs const FieldsetFooterComponent: React.FC> = ({ className, children, ...props }: React.PropsWithChildren & typeof defaultProps) => { const theme = useTheme() const { SCALES } = useScale() return (
{children}
) } FieldsetFooterComponent.defaultProps = defaultProps FieldsetFooterComponent.displayName = 'GeistFieldsetFooter' const FieldsetFooter = withScale(FieldsetFooterComponent) export default FieldsetFooter ================================================ FILE: components/fieldset/fieldset-group.tsx ================================================ import React, { useCallback, useMemo, useState } from 'react' import useTheme from '../use-theme' import useCurrentState from '../utils/use-current-state' import { FieldsetContext, FieldItem } from './fieldset-context' import useWarning from '../utils/use-warning' import useScale, { withScale } from '../use-scale' import useClasses from '../use-classes' interface Props { value: string className?: string onChange?: (value: string) => void } const defaultProps = { className: '', } type NativeAttrs = Omit, keyof Props> export type FieldsetGroupProps = Props & NativeAttrs const FieldsetGroupComponent: React.FC> = ({ className, children, value, onChange, ...props }: React.PropsWithChildren & typeof defaultProps) => { const theme = useTheme() const { SCALES } = useScale() const [selfVal, setSelfVal] = useState(value) const [items, setItems, ref] = useCurrentState([]) const classes = useClasses('group', className) const register = (newItem: FieldItem) => { const hasItem = ref.current.find(item => item.value === newItem.value) if (hasItem) { useWarning('The "value" of each "Fieldset" must be unique.', 'Fieldset') } setItems([...ref.current, newItem]) } const providerValue = useMemo( () => ({ currentValue: selfVal, inGroup: true, register, }), [selfVal], ) const clickHandle = useCallback( (nextValue: string) => { setSelfVal(nextValue) onChange && onChange(nextValue) }, [onChange], ) return (
{items.map(item => ( ))}
{children}
 ) } FieldsetGroupComponent.defaultProps = defaultProps FieldsetGroupComponent.displayName = 'GeistFieldsetGroup' const FieldsetGroup = withScale(FieldsetGroupComponent) export default FieldsetGroup ================================================ FILE: components/fieldset/fieldset-subtitle.tsx ================================================ import React from 'react' interface Props { className?: string } const defaultProps = { className: '', } type NativeAttrs = Omit, keyof Props> export type FieldsetSubtitleProps = Props & NativeAttrs const FieldsetSubtitle: React.FC> = ({ className, children, ...props }: React.PropsWithChildren & typeof defaultProps) => { return ( <>
{children}
) } FieldsetSubtitle.defaultProps = defaultProps FieldsetSubtitle.displayName = 'GeistFieldsetSubtitle' export default FieldsetSubtitle ================================================ FILE: components/fieldset/fieldset-title.tsx ================================================ import React from 'react' import useClasses from '../use-classes' interface Props { className?: string } const defaultProps = { className: '', } type NativeAttrs = Omit, keyof Props> export type FieldsetTitleProps = Props & NativeAttrs const FieldsetTitle: React.FC> = ({ className, children, ...props }: React.PropsWithChildren & typeof defaultProps) => { const classes = useClasses('title', className) return ( <>
{children}
) } FieldsetTitle.defaultProps = defaultProps FieldsetTitle.displayName = 'GeistFieldsetTitle' export default FieldsetTitle ================================================ FILE: components/fieldset/fieldset.tsx ================================================ import React, { ReactNode, useEffect, useMemo, useState } from 'react' import useTheme from '../use-theme' import FieldsetTitle from './fieldset-title' import FieldsetSubtitle from './fieldset-subtitle' import FieldsetFooter from './fieldset-footer' import FieldsetContent from './fieldset-content' import { hasChild, pickChild } from '../utils/collections' import { useFieldset } from './fieldset-context' import useWarning from '../utils/use-warning' import useScale, { withScale } from '../use-scale' import useClasses from '../use-classes' interface Props { value?: string label?: string title?: string | ReactNode subtitle?: string | ReactNode className?: string } const defaultProps = { value: '', label: '', disabled: false, title: '' as string | ReactNode, subtitle: '' as string | ReactNode, className: '', } type NativeAttrs = Omit, keyof Props> export type FieldsetProps = Props & NativeAttrs const FieldsetComponent: React.FC> = ({ className, title, subtitle, children, value, label, ...props }: React.PropsWithChildren & typeof defaultProps) => { const theme = useTheme() const { SCALES } = useScale() const { inGroup, currentValue, register } = useFieldset() const [hidden, setHidden] = useState(inGroup) const classes = useClasses('fieldset', className) const [withoutFooterChildren, FooterChildren] = pickChild(children, FieldsetFooter) const hasTitle = hasChild(withoutFooterChildren, FieldsetTitle) const hasSubtitle = hasChild(withoutFooterChildren, FieldsetSubtitle) const hasContent = hasChild(withoutFooterChildren, FieldsetContent) if (inGroup) { if (!label) { useWarning('Props "label" is required when in a group.', 'Fieldset Group') } if (!value || value === '') { value = label } useEffect(() => { register && register({ value, label }) }, []) useEffect(() => { // In a few cases, the user will set Fieldset state manually. // If the user incorrectly set the state, Group component should ignore it. /* istanbul ignore if */ if (!currentValue || currentValue === '') return setHidden(currentValue !== value) }, [currentValue]) } const content = useMemo( () => ( <> {withoutFooterChildren} {!hasTitle && title && {title}} {!hasSubtitle && subtitle && {subtitle}} ), [withoutFooterChildren, hasTitle, hasSubtitle, title, subtitle], ) return (
{hasContent ? content : {content}} {FooterChildren && FooterChildren}
) } FieldsetComponent.defaultProps = defaultProps FieldsetComponent.displayName = 'GeistFieldset' const Fieldset = withScale(FieldsetComponent) export default Fieldset ================================================ FILE: components/fieldset/index.ts ================================================ import Fieldset from './fieldset' import FieldsetTitle from './fieldset-title' import FieldsetSubtitle from './fieldset-subtitle' import FieldsetFooter from './fieldset-footer' import FieldsetGroup from './fieldset-group' import FieldsetContent from './fieldset-content' export type FieldsetComponentType = typeof Fieldset & { Title: typeof FieldsetTitle Subtitle: typeof FieldsetSubtitle Footer: typeof FieldsetFooter Group: typeof FieldsetGroup Content: typeof FieldsetContent Body: typeof FieldsetContent } ;(Fieldset as FieldsetComponentType).Title = FieldsetTitle ;(Fieldset as FieldsetComponentType).Subtitle = FieldsetSubtitle ;(Fieldset as FieldsetComponentType).Footer = FieldsetFooter ;(Fieldset as FieldsetComponentType).Group = FieldsetGroup ;(Fieldset as FieldsetComponentType).Content = FieldsetContent ;(Fieldset as FieldsetComponentType).Body = FieldsetContent export type { FieldsetProps } from './fieldset' export type { FieldsetTitleProps } from './fieldset-title' export type { FieldsetSubtitleProps } from './fieldset-subtitle' export type { FieldsetGroupProps } from './fieldset-group' export type { FieldsetFooterProps } from './fieldset-footer' export type { FieldsetContentProps } from './fieldset-content' export default Fieldset as FieldsetComponentType ================================================ FILE: components/geist-provider/geist-provider.tsx ================================================ import React, { PropsWithChildren, useMemo, useState } from 'react' import { GeistUIContent, defaultToastLayout, GeistUIContextParams, UpdateToastsFunction, UpdateToastsIDFunction, UpdateToastsLayoutFunction, } from '../utils/use-geist-ui-context' import ThemeProvider from './theme-provider' import useCurrentState from '../utils/use-current-state' import ToastContainer from '../use-toasts/toast-container' import { GeistUIThemes } from '../themes/presets' export type GeistProviderProps = { themes?: Array themeType?: string | 'dark' | 'light' } const GeistProvider: React.FC> = ({ themes, themeType, children, }) => { const [lastUpdateToastId, setLastUpdateToastId] = useState(null) const [toasts, setToasts, toastsRef] = useCurrentState( [], ) const [toastLayout, setToastLayout, toastLayoutRef] = useCurrentState(defaultToastLayout) const updateToasts: UpdateToastsFunction = fn => { const nextToasts = fn(toastsRef.current) setToasts(nextToasts) } const updateToastLayout: UpdateToastsLayoutFunction = fn => { const nextLayout = fn(toastLayoutRef.current) setToastLayout(nextLayout) } const updateLastToastId: UpdateToastsIDFunction = fn => { setLastUpdateToastId(fn()) } const initialValue = useMemo( () => ({ toasts, toastLayout, updateToasts, lastUpdateToastId, updateToastLayout, updateLastToastId, }), [toasts, toastLayout, lastUpdateToastId], ) return ( {children} ) } export default GeistProvider ================================================ FILE: components/geist-provider/index.ts ================================================ import GeistProvider from './geist-provider' export type { GeistProviderProps } from './geist-provider' export default GeistProvider ================================================ FILE: components/geist-provider/theme-provider.tsx ================================================ import React, { PropsWithChildren, useEffect, useMemo, useState } from 'react' import Themes from '../themes' import { GeistUIThemes } from '../themes/presets' import { ThemeContext } from '../use-theme/theme-context' import { AllThemesConfig, AllThemesContext } from '../use-all-themes/all-themes-context' export interface Props { themeType?: string themes?: Array } const ThemeProvider: React.FC> = ({ children, themeType, themes = [], }) => { const [allThemes, setAllThemes] = useState({ themes: Themes.getPresets(), }) const currentTheme = useMemo(() => { const theme = allThemes.themes.find(item => item.type === themeType) if (theme) return theme return Themes.getPresetStaticTheme() }, [allThemes, themeType]) useEffect(() => { if (!themes?.length) return setAllThemes(last => { const safeThemes = themes.filter(item => Themes.isAvailableThemeType(item.type)) const nextThemes = Themes.getPresets().concat(safeThemes) return { ...last, themes: nextThemes, } }) }, [themes]) return ( {children} ) } export default ThemeProvider ================================================ FILE: components/grid/__tests__/__snapshots__/index.test.tsx.snap ================================================ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Grid all breakpoint values should be supported 1`] = ` "
test
" `; exports[`Grid css value should be passed through 1`] = ` "
test
" `; exports[`Grid decimal spacing should be supported 1`] = ` "
test
" `; exports[`Grid nested components should be supported 1`] = ` "
test
test
test
test
,
,
,
" `; exports[`Grid should render correctly 1`] = ` "
test
test
" `; exports[`Grid should work correctly when size exceeds 1`] = ` "
test
test
" `; ================================================ FILE: components/grid/__tests__/index.test.tsx ================================================ import React from 'react' import { mount } from 'enzyme' import { Grid } from 'components' describe('Grid', () => { it('should render correctly', () => { const wrapper = mount( test test , ) expect(wrapper.html()).toMatchSnapshot() expect(() => wrapper.unmount()).not.toThrow() }) it('all breakpoint values should be supported', () => { const wrapper = mount( test , ) expect(wrapper.html()).toMatchSnapshot() expect(() => wrapper.unmount()).not.toThrow() }) it('css value should be passed through', () => { const wrapper = mount( test , ) expect(wrapper.html()).toMatchSnapshot() expect(() => wrapper.unmount()).not.toThrow() }) it('decimal spacing should be supported', () => { const wrapper = mount( test , ) expect(wrapper.html()).toMatchSnapshot() expect(() => wrapper.unmount()).not.toThrow() }) it('nested components should be supported', () => { const wrapper = mount( test test test test , , , , ) expect(wrapper.html()).toMatchSnapshot() expect(() => wrapper.unmount()).not.toThrow() }) it('there should be no alignment class when not set', () => { let wrapper = mount() expect(wrapper.find('.item').hasClass('justify')).toBeTruthy() wrapper = mount() expect(wrapper.find('.item').hasClass('justify')).not.toBeTruthy() }) it('there should be no responsive class when not set', () => { let wrapper = mount() expect(wrapper.find('.item').hasClass('sm')).toBeTruthy() expect(wrapper.find('.item').hasClass('xs')).not.toBeTruthy() wrapper = mount() expect(wrapper.find('.item').hasClass('sm')).not.toBeTruthy() }) it('should work correctly when use alone', () => { const wrapper = mount() expect(() => wrapper.unmount()).not.toThrow() }) it('should work correctly when size exceeds', () => { const wrapper = mount( test test , ) expect(wrapper.html()).toMatchSnapshot() expect(() => wrapper.unmount()).not.toThrow() }) it('Grid should be hidden when value is 0', () => { let wrapper = mount() expect(wrapper.find('.item').hasClass('xs')).toBeTruthy() expect(wrapper.find('.item').html()).toContain('display: none') }) }) ================================================ FILE: components/grid/basic-item.tsx ================================================ import React, { useMemo } from 'react' import useTheme from '../use-theme' import { GridJustify, GridDirection, GridAlignItems, GridAlignContent, } from './grid-types' import useScale from '../use-scale' import useClasses from '../use-classes' export type GridBreakpointsValue = number | boolean export interface GridBasicComponentProps { xs?: GridBreakpointsValue sm?: GridBreakpointsValue md?: GridBreakpointsValue lg?: GridBreakpointsValue xl?: GridBreakpointsValue justify?: GridJustify direction?: GridDirection alignItems?: GridAlignItems alignContent?: GridAlignContent className?: string } const defaultProps = { xs: false as GridBreakpointsValue, sm: false as GridBreakpointsValue, md: false as GridBreakpointsValue, lg: false as GridBreakpointsValue, xl: false as GridBreakpointsValue, className: '', } type NativeAttrs = Omit, keyof GridBasicComponentProps> export type GridBasicItemProps = GridBasicComponentProps & NativeAttrs type ItemLayoutValue = { grow: number width: string basis: string display: string } const getItemLayout = (val: GridBreakpointsValue): ItemLayoutValue => { const display = val === 0 ? 'display: none;' : 'display: inherit;' if (typeof val === 'number') { const width = (100 / 24) * val const ratio = width > 100 ? '100%' : width < 0 ? '0' : `${width}%` return { grow: 0, display, width: ratio, basis: ratio, } } return { grow: 1, display, width: '100%', basis: '0', } } const GridBasicItem: React.FC> = ({ xs, sm, md, lg, xl, justify, direction, alignItems, alignContent, children, className, ...props }: React.PropsWithChildren & typeof defaultProps) => { const theme = useTheme() const { SCALES } = useScale() const classes = useMemo(() => { const aligns: { [key: string]: any } = { justify, direction, alignItems, alignContent, xs, sm, md, lg, xl, } const classString = Object.keys(aligns).reduce((pre, name) => { if (aligns[name] !== undefined && aligns[name] !== false) return `${pre} ${name}` return pre }, '') return classString.trim() }, [justify, direction, alignItems, alignContent, xs, sm, md, lg, xl]) const layout = useMemo<{ [key in ['xs', 'sm', 'md', 'lg', 'xl'][number]]: ItemLayoutValue }>( () => ({ xs: getItemLayout(xs), sm: getItemLayout(sm), md: getItemLayout(md), lg: getItemLayout(lg), xl: getItemLayout(xl), }), [xs, sm, md, lg, xl], ) return (
{children}
) } GridBasicItem.defaultProps = defaultProps GridBasicItem.displayName = 'GeistGridBasicItem' export default GridBasicItem ================================================ FILE: components/grid/grid-container.tsx ================================================ import React, { useMemo } from 'react' import GridBasicItem, { GridBasicItemProps } from './basic-item' import { GridWrap } from './grid-types' import css from 'styled-jsx/css' import useScale, { withScale } from '../use-scale' import useClasses from '../use-classes' interface Props { gap?: number wrap?: GridWrap className?: string } const defaultProps = { gap: 0, wrap: 'wrap' as GridWrap, className: '', } export type GridContainerProps = Props & GridBasicItemProps const GridContainerComponent: React.FC> = ({ gap, wrap, children, className, ...props }: React.PropsWithChildren & typeof defaultProps) => { const { unit, SCALES } = useScale() const gapUnit = useMemo(() => `calc(${gap} * ${unit} * 1/3)`, [gap, unit]) const { className: resolveClassName, styles } = css.resolve` div { --grid-gap-unit: ${gapUnit}; --grid-container-margin: calc(-1 * var(--grid-gap-unit)); --grid-container-width: calc(100% + var(--grid-gap-unit) * 2); display: flex; flex-wrap: ${wrap}; box-sizing: border-box; width: ${SCALES.width(1, 'var(--grid-container-width)')}; margin: ${SCALES.mt(0, 'var(--grid-container-margin)')} ${SCALES.mr(0, 'var(--grid-container-margin)')} ${SCALES.mb(0, 'var(--grid-container-margin)')} ${SCALES.ml(0, 'var(--grid-container-margin)')}; } ` const classes = useClasses(resolveClassName, className) return ( {children} {styles} ) } GridContainerComponent.defaultProps = defaultProps GridContainerComponent.displayName = 'GeistGridContainer' const GridContainer = withScale(GridContainerComponent) export default GridContainer ================================================ FILE: components/grid/grid-types.ts ================================================ import { tuple } from '../utils/prop-types' const justify = tuple( 'flex-start', 'center', 'flex-end', 'space-between', 'space-around', 'space-evenly', ) export type GridJustify = typeof justify[number] const alignItems = tuple('flex-start', 'center', 'flex-end', 'stretch', 'baseline') export type GridAlignItems = typeof alignItems[number] const alignContent = tuple( 'stretch', 'center', 'flex-start', 'flex-end', 'space-between', 'space-around', ) export type GridAlignContent = typeof alignContent[number] const direction = tuple('row', 'row-reverse', 'column', 'column-reverse') export type GridDirection = typeof direction[number] const wrap = tuple('nowrap', 'wrap', 'wrap-reverse') export type GridWrap = typeof wrap[number] ================================================ FILE: components/grid/grid.tsx ================================================ import React from 'react' import css from 'styled-jsx/css' import GridBasicItem, { GridBasicItemProps } from './basic-item' import useScale, { withScale } from '../use-scale' import useClasses from '../use-classes' interface Props { className?: string } const defaultProps = { className: '', } export type GridProps = Props & GridBasicItemProps const GridComponent: React.FC> = ({ children, className, ...props }: React.PropsWithChildren & typeof defaultProps) => { const { SCALES } = useScale() const { className: resolveClassName, styles } = css.resolve` div { margin: ${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)}; box-sizing: border-box; padding: ${SCALES.pt(0, 'var(--grid-gap-unit)')} ${SCALES.pr(0, 'var(--grid-gap-unit)')} ${SCALES.pb(0, 'var(--grid-gap-unit)')} ${SCALES.pl(0, 'var(--grid-gap-unit)')}; } ` const classes = useClasses(resolveClassName, className) return ( {children} {styles} ) } GridComponent.defaultProps = defaultProps GridComponent.displayName = 'GeistGrid' const Grid = withScale(GridComponent) export default Grid ================================================ FILE: components/grid/index.ts ================================================ import Grid from './grid' import GridContainer from './grid-container' export type GridComponentType = typeof Grid & { Container: typeof GridContainer } ;(Grid as GridComponentType).Container = GridContainer export type { GridContainerProps } from './grid-container' export type { GridProps } from './grid' export type { GridBreakpointsValue } from './basic-item' export type { GridAlignContent, GridAlignItems, GridDirection, GridJustify, GridWrap, } from './grid-types' export default Grid as GridComponentType ================================================ FILE: components/image/__tests__/__snapshots__/browser.test.tsx.snap ================================================ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Image Browser should render correctly 1`] = ` LoadedCheerio { "0": Node { "attribs": Object { "class": "browser", }, "children": Array [ Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "traffic", }, "children": Array [ Node { "attribs": Object { "class": "close", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "mini", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "full", }, "children": Array [], "name": "span", "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": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object { "class": "mini", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "full", }, "children": Array [], "name": "span", "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": "close", }, "children": Array [], "name": "span", "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": "full", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "mini", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "close", }, "children": Array [], "name": "span", "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, }, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "address-input", }, "children": Array [ Node { "attribs": Object { "class": "https", }, "children": Array [ Node { "attribs": Object { "fill": "currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M5 10.2H19V21H5V10.2Z", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object { "clip-rule": "evenodd", "d": "M12 12C13.933 12 15.5 10.3882 15.5 8.4C15.5 6.41177 13.933 4.8 12 4.8C10.067 4.8 8.5 6.41177 8.5 8.4C8.5 10.3882 10.067 12 12 12ZM12 13.8C14.8995 13.8 17.25 11.3823 17.25 8.4C17.25 5.41766 14.8995 3 12 3C9.10051 3 6.75 5.41766 6.75 8.4C6.75 11.3823 9.10051 13.8 12 13.8Z", "fill-rule": "evenodd", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { width: 1em; height: 1em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, "x-attribsPrefix": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object { "clip-rule": "evenodd", "d": "M12 12C13.933 12 15.5 10.3882 15.5 8.4C15.5 6.41177 13.933 4.8 12 4.8C10.067 4.8 8.5 6.41177 8.5 8.4C8.5 10.3882 10.067 12 12 12ZM12 13.8C14.8995 13.8 17.25 11.3823 17.25 8.4C17.25 5.41766 14.8995 3 12 3C9.10051 3 6.75 5.41766 6.75 8.4C6.75 11.3823 9.10051 13.8 12 13.8Z", "fill-rule": "evenodd", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { width: 1em; height: 1em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M5 10.2H19V21H5V10.2Z", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, "x-attribsPrefix": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { width: 1em; height: 1em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "clip-rule": "evenodd", "d": "M12 12C13.933 12 15.5 10.3882 15.5 8.4C15.5 6.41177 13.933 4.8 12 4.8C10.067 4.8 8.5 6.41177 8.5 8.4C8.5 10.3882 10.067 12 12 12ZM12 13.8C14.8995 13.8 17.25 11.3823 17.25 8.4C17.25 5.41766 14.8995 3 12 3C9.10051 3 6.75 5.41766 6.75 8.4C6.75 11.3823 9.10051 13.8 12 13.8Z", "fill-rule": "evenodd", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "d": "M5 10.2H19V21H5V10.2Z", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, "x-attribsPrefix": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "viewBox": undefined, }, }, ], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "link", "href": "https://geist-ui.dev/en-us/guide/introduction", "target": "_blank", "title": "https://geist-ui.dev/en-us/guide/introduction", }, "children": Array [ Node { "data": "geist-ui.dev", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .link { display: inline-flex; align-items: baseline; line-height: inherit; color: inherit; text-decoration: none; border-radius: 0; transition: color 200ms ease 0ms; font-size: inherit; width: fit-content; height: auto; margin: 0 0 0 0; padding: 0 0 0 0; } .block { padding: calc(0.125 * 16px) calc(0.25 * 16px) calc(0.125 * 16px) calc(0.25 * 16px); margin: 0 calc(-0.125 * 16px) 0 calc(-0.125 * 16px); } .link:hover, .link:active, .link:focus { text-decoration: none; } .link:hover { background-color: unset; color: inherit; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .link { display: inline-flex; align-items: baseline; line-height: inherit; color: inherit; text-decoration: none; border-radius: 0; transition: color 200ms ease 0ms; font-size: inherit; width: fit-content; height: auto; margin: 0 0 0 0; padding: 0 0 0 0; } .block { padding: calc(0.125 * 16px) calc(0.25 * 16px) calc(0.125 * 16px) calc(0.25 * 16px); margin: 0 calc(-0.125 * 16px) 0 calc(-0.125 * 16px); } .link:hover, .link:active, .link:focus { text-decoration: none; } .link:hover { background-color: unset; color: inherit; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "geist-ui.dev", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "a", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .address-input { height: 1.75em; max-width: 60%; min-width: 40%; background-color: #fafafa; color: inherit; border-radius: 3px; display: flex; align-items: center; justify-content: center; padding: 0 10px; overflow: hidden; position: relative; } .address-input :global(*) { font-size: 0.75em; color: inherit; } .address-input :global(a) { max-width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; color: inherit; } .https { width: 0.75em; height: 0.75em; font-size: 1em; margin-right: 0.31em; user-select: none; margin-top: -1px; color: inherit; display: inline-flex; align-items: center; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "class": undefined, "href": undefined, "target": undefined, "title": undefined, }, "x-attribsPrefix": Object { "class": undefined, "href": undefined, "target": undefined, "title": undefined, }, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object { "class": "link", "href": "https://geist-ui.dev/en-us/guide/introduction", "target": "_blank", "title": "https://geist-ui.dev/en-us/guide/introduction", }, "children": Array [ Node { "data": "geist-ui.dev", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .link { display: inline-flex; align-items: baseline; line-height: inherit; color: inherit; text-decoration: none; border-radius: 0; transition: color 200ms ease 0ms; font-size: inherit; width: fit-content; height: auto; margin: 0 0 0 0; padding: 0 0 0 0; } .block { padding: calc(0.125 * 16px) calc(0.25 * 16px) calc(0.125 * 16px) calc(0.25 * 16px); margin: 0 calc(-0.125 * 16px) 0 calc(-0.125 * 16px); } .link:hover, .link:active, .link:focus { text-decoration: none; } .link:hover { background-color: unset; color: inherit; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .link { display: inline-flex; align-items: baseline; line-height: inherit; color: inherit; text-decoration: none; border-radius: 0; transition: color 200ms ease 0ms; font-size: inherit; width: fit-content; height: auto; margin: 0 0 0 0; padding: 0 0 0 0; } .block { padding: calc(0.125 * 16px) calc(0.25 * 16px) calc(0.125 * 16px) calc(0.25 * 16px); margin: 0 calc(-0.125 * 16px) 0 calc(-0.125 * 16px); } .link:hover, .link:active, .link:focus { text-decoration: none; } .link:hover { background-color: unset; color: inherit; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "geist-ui.dev", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "a", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .address-input { height: 1.75em; max-width: 60%; min-width: 40%; background-color: #fafafa; color: inherit; border-radius: 3px; display: flex; align-items: center; justify-content: center; padding: 0 10px; overflow: hidden; position: relative; } .address-input :global(*) { font-size: 0.75em; color: inherit; } .address-input :global(a) { max-width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; color: inherit; } .https { width: 0.75em; height: 0.75em; font-size: 1em; margin-right: 0.31em; user-select: none; margin-top: -1px; color: inherit; display: inline-flex; align-items: center; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "class": "https", }, "children": Array [ Node { "attribs": Object { "fill": "currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M5 10.2H19V21H5V10.2Z", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object { "clip-rule": "evenodd", "d": "M12 12C13.933 12 15.5 10.3882 15.5 8.4C15.5 6.41177 13.933 4.8 12 4.8C10.067 4.8 8.5 6.41177 8.5 8.4C8.5 10.3882 10.067 12 12 12ZM12 13.8C14.8995 13.8 17.25 11.3823 17.25 8.4C17.25 5.41766 14.8995 3 12 3C9.10051 3 6.75 5.41766 6.75 8.4C6.75 11.3823 9.10051 13.8 12 13.8Z", "fill-rule": "evenodd", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { width: 1em; height: 1em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, "x-attribsPrefix": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object { "clip-rule": "evenodd", "d": "M12 12C13.933 12 15.5 10.3882 15.5 8.4C15.5 6.41177 13.933 4.8 12 4.8C10.067 4.8 8.5 6.41177 8.5 8.4C8.5 10.3882 10.067 12 12 12ZM12 13.8C14.8995 13.8 17.25 11.3823 17.25 8.4C17.25 5.41766 14.8995 3 12 3C9.10051 3 6.75 5.41766 6.75 8.4C6.75 11.3823 9.10051 13.8 12 13.8Z", "fill-rule": "evenodd", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { width: 1em; height: 1em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M5 10.2H19V21H5V10.2Z", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, "x-attribsPrefix": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { width: 1em; height: 1em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "clip-rule": "evenodd", "d": "M12 12C13.933 12 15.5 10.3882 15.5 8.4C15.5 6.41177 13.933 4.8 12 4.8C10.067 4.8 8.5 6.41177 8.5 8.4C8.5 10.3882 10.067 12 12 12ZM12 13.8C14.8995 13.8 17.25 11.3823 17.25 8.4C17.25 5.41766 14.8995 3 12 3C9.10051 3 6.75 5.41766 6.75 8.4C6.75 11.3823 9.10051 13.8 12 13.8Z", "fill-rule": "evenodd", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "d": "M5 10.2H19V21H5V10.2Z", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, "x-attribsPrefix": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "viewBox": undefined, }, }, ], "name": "span", "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, "href": undefined, "target": undefined, "title": undefined, }, "x-attribsPrefix": Object { "class": undefined, "href": undefined, "target": undefined, "title": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .address-input { height: 1.75em; max-width: 60%; min-width: 40%; background-color: #fafafa; color: inherit; border-radius: 3px; display: flex; align-items: center; justify-content: center; padding: 0 10px; overflow: hidden; position: relative; } .address-input :global(*) { font-size: 0.75em; color: inherit; } .address-input :global(a) { max-width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; color: inherit; } .https { width: 0.75em; height: 0.75em; font-size: 1em; margin-right: 0.31em; user-select: none; margin-top: -1px; color: inherit; display: inline-flex; align-items: center; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "link", "href": "https://geist-ui.dev/en-us/guide/introduction", "target": "_blank", "title": "https://geist-ui.dev/en-us/guide/introduction", }, "children": Array [ Node { "data": "geist-ui.dev", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .link { display: inline-flex; align-items: baseline; line-height: inherit; color: inherit; text-decoration: none; border-radius: 0; transition: color 200ms ease 0ms; font-size: inherit; width: fit-content; height: auto; margin: 0 0 0 0; padding: 0 0 0 0; } .block { padding: calc(0.125 * 16px) calc(0.25 * 16px) calc(0.125 * 16px) calc(0.25 * 16px); margin: 0 calc(-0.125 * 16px) 0 calc(-0.125 * 16px); } .link:hover, .link:active, .link:focus { text-decoration: none; } .link:hover { background-color: unset; color: inherit; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .link { display: inline-flex; align-items: baseline; line-height: inherit; color: inherit; text-decoration: none; border-radius: 0; transition: color 200ms ease 0ms; font-size: inherit; width: fit-content; height: auto; margin: 0 0 0 0; padding: 0 0 0 0; } .block { padding: calc(0.125 * 16px) calc(0.25 * 16px) calc(0.125 * 16px) calc(0.25 * 16px); margin: 0 calc(-0.125 * 16px) 0 calc(-0.125 * 16px); } .link:hover, .link:active, .link:focus { text-decoration: none; } .link:hover { background-color: unset; color: inherit; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "geist-ui.dev", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "a", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "https", }, "children": Array [ Node { "attribs": Object { "fill": "currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M5 10.2H19V21H5V10.2Z", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object { "clip-rule": "evenodd", "d": "M12 12C13.933 12 15.5 10.3882 15.5 8.4C15.5 6.41177 13.933 4.8 12 4.8C10.067 4.8 8.5 6.41177 8.5 8.4C8.5 10.3882 10.067 12 12 12ZM12 13.8C14.8995 13.8 17.25 11.3823 17.25 8.4C17.25 5.41766 14.8995 3 12 3C9.10051 3 6.75 5.41766 6.75 8.4C6.75 11.3823 9.10051 13.8 12 13.8Z", "fill-rule": "evenodd", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { width: 1em; height: 1em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, "x-attribsPrefix": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object { "clip-rule": "evenodd", "d": "M12 12C13.933 12 15.5 10.3882 15.5 8.4C15.5 6.41177 13.933 4.8 12 4.8C10.067 4.8 8.5 6.41177 8.5 8.4C8.5 10.3882 10.067 12 12 12ZM12 13.8C14.8995 13.8 17.25 11.3823 17.25 8.4C17.25 5.41766 14.8995 3 12 3C9.10051 3 6.75 5.41766 6.75 8.4C6.75 11.3823 9.10051 13.8 12 13.8Z", "fill-rule": "evenodd", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { width: 1em; height: 1em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M5 10.2H19V21H5V10.2Z", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, "x-attribsPrefix": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { width: 1em; height: 1em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "clip-rule": "evenodd", "d": "M12 12C13.933 12 15.5 10.3882 15.5 8.4C15.5 6.41177 13.933 4.8 12 4.8C10.067 4.8 8.5 6.41177 8.5 8.4C8.5 10.3882 10.067 12 12 12ZM12 13.8C14.8995 13.8 17.25 11.3823 17.25 8.4C17.25 5.41766 14.8995 3 12 3C9.10051 3 6.75 5.41766 6.75 8.4C6.75 11.3823 9.10051 13.8 12 13.8Z", "fill-rule": "evenodd", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "d": "M5 10.2H19V21H5V10.2Z", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, "x-attribsPrefix": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "viewBox": undefined, }, }, ], "name": "span", "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, "href": undefined, "target": undefined, "title": undefined, }, "x-attribsPrefix": Object { "class": undefined, "href": undefined, "target": undefined, "title": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "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": "address-input", }, "children": Array [ Node { "attribs": Object { "class": "https", }, "children": Array [ Node { "attribs": Object { "fill": "currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M5 10.2H19V21H5V10.2Z", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object { "clip-rule": "evenodd", "d": "M12 12C13.933 12 15.5 10.3882 15.5 8.4C15.5 6.41177 13.933 4.8 12 4.8C10.067 4.8 8.5 6.41177 8.5 8.4C8.5 10.3882 10.067 12 12 12ZM12 13.8C14.8995 13.8 17.25 11.3823 17.25 8.4C17.25 5.41766 14.8995 3 12 3C9.10051 3 6.75 5.41766 6.75 8.4C6.75 11.3823 9.10051 13.8 12 13.8Z", "fill-rule": "evenodd", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { width: 1em; height: 1em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, "x-attribsPrefix": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object { "clip-rule": "evenodd", "d": "M12 12C13.933 12 15.5 10.3882 15.5 8.4C15.5 6.41177 13.933 4.8 12 4.8C10.067 4.8 8.5 6.41177 8.5 8.4C8.5 10.3882 10.067 12 12 12ZM12 13.8C14.8995 13.8 17.25 11.3823 17.25 8.4C17.25 5.41766 14.8995 3 12 3C9.10051 3 6.75 5.41766 6.75 8.4C6.75 11.3823 9.10051 13.8 12 13.8Z", "fill-rule": "evenodd", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { width: 1em; height: 1em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M5 10.2H19V21H5V10.2Z", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, "x-attribsPrefix": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { width: 1em; height: 1em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "clip-rule": "evenodd", "d": "M12 12C13.933 12 15.5 10.3882 15.5 8.4C15.5 6.41177 13.933 4.8 12 4.8C10.067 4.8 8.5 6.41177 8.5 8.4C8.5 10.3882 10.067 12 12 12ZM12 13.8C14.8995 13.8 17.25 11.3823 17.25 8.4C17.25 5.41766 14.8995 3 12 3C9.10051 3 6.75 5.41766 6.75 8.4C6.75 11.3823 9.10051 13.8 12 13.8Z", "fill-rule": "evenodd", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "d": "M5 10.2H19V21H5V10.2Z", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, "x-attribsPrefix": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "viewBox": undefined, }, }, ], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "link", "href": "https://geist-ui.dev/en-us/guide/introduction", "target": "_blank", "title": "https://geist-ui.dev/en-us/guide/introduction", }, "children": Array [ Node { "data": "geist-ui.dev", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .link { display: inline-flex; align-items: baseline; line-height: inherit; color: inherit; text-decoration: none; border-radius: 0; transition: color 200ms ease 0ms; font-size: inherit; width: fit-content; height: auto; margin: 0 0 0 0; padding: 0 0 0 0; } .block { padding: calc(0.125 * 16px) calc(0.25 * 16px) calc(0.125 * 16px) calc(0.25 * 16px); margin: 0 calc(-0.125 * 16px) 0 calc(-0.125 * 16px); } .link:hover, .link:active, .link:focus { text-decoration: none; } .link:hover { background-color: unset; color: inherit; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .link { display: inline-flex; align-items: baseline; line-height: inherit; color: inherit; text-decoration: none; border-radius: 0; transition: color 200ms ease 0ms; font-size: inherit; width: fit-content; height: auto; margin: 0 0 0 0; padding: 0 0 0 0; } .block { padding: calc(0.125 * 16px) calc(0.25 * 16px) calc(0.125 * 16px) calc(0.25 * 16px); margin: 0 calc(-0.125 * 16px) 0 calc(-0.125 * 16px); } .link:hover, .link:active, .link:focus { text-decoration: none; } .link:hover { background-color: unset; color: inherit; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "geist-ui.dev", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "a", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .address-input { height: 1.75em; max-width: 60%; min-width: 40%; background-color: #fafafa; color: inherit; border-radius: 3px; display: flex; align-items: center; justify-content: center; padding: 0 10px; overflow: hidden; position: relative; } .address-input :global(*) { font-size: 0.75em; color: inherit; } .address-input :global(a) { max-width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; color: inherit; } .https { width: 0.75em; height: 0.75em; font-size: 1em; margin-right: 0.31em; user-select: none; margin-top: -1px; color: inherit; display: inline-flex; align-items: center; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "class": undefined, "href": undefined, "target": undefined, "title": undefined, }, "x-attribsPrefix": Object { "class": undefined, "href": undefined, "target": undefined, "title": undefined, }, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object { "class": "link", "href": "https://geist-ui.dev/en-us/guide/introduction", "target": "_blank", "title": "https://geist-ui.dev/en-us/guide/introduction", }, "children": Array [ Node { "data": "geist-ui.dev", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .link { display: inline-flex; align-items: baseline; line-height: inherit; color: inherit; text-decoration: none; border-radius: 0; transition: color 200ms ease 0ms; font-size: inherit; width: fit-content; height: auto; margin: 0 0 0 0; padding: 0 0 0 0; } .block { padding: calc(0.125 * 16px) calc(0.25 * 16px) calc(0.125 * 16px) calc(0.25 * 16px); margin: 0 calc(-0.125 * 16px) 0 calc(-0.125 * 16px); } .link:hover, .link:active, .link:focus { text-decoration: none; } .link:hover { background-color: unset; color: inherit; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .link { display: inline-flex; align-items: baseline; line-height: inherit; color: inherit; text-decoration: none; border-radius: 0; transition: color 200ms ease 0ms; font-size: inherit; width: fit-content; height: auto; margin: 0 0 0 0; padding: 0 0 0 0; } .block { padding: calc(0.125 * 16px) calc(0.25 * 16px) calc(0.125 * 16px) calc(0.25 * 16px); margin: 0 calc(-0.125 * 16px) 0 calc(-0.125 * 16px); } .link:hover, .link:active, .link:focus { text-decoration: none; } .link:hover { background-color: unset; color: inherit; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "geist-ui.dev", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "a", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .address-input { height: 1.75em; max-width: 60%; min-width: 40%; background-color: #fafafa; color: inherit; border-radius: 3px; display: flex; align-items: center; justify-content: center; padding: 0 10px; overflow: hidden; position: relative; } .address-input :global(*) { font-size: 0.75em; color: inherit; } .address-input :global(a) { max-width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; color: inherit; } .https { width: 0.75em; height: 0.75em; font-size: 1em; margin-right: 0.31em; user-select: none; margin-top: -1px; color: inherit; display: inline-flex; align-items: center; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "class": "https", }, "children": Array [ Node { "attribs": Object { "fill": "currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M5 10.2H19V21H5V10.2Z", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object { "clip-rule": "evenodd", "d": "M12 12C13.933 12 15.5 10.3882 15.5 8.4C15.5 6.41177 13.933 4.8 12 4.8C10.067 4.8 8.5 6.41177 8.5 8.4C8.5 10.3882 10.067 12 12 12ZM12 13.8C14.8995 13.8 17.25 11.3823 17.25 8.4C17.25 5.41766 14.8995 3 12 3C9.10051 3 6.75 5.41766 6.75 8.4C6.75 11.3823 9.10051 13.8 12 13.8Z", "fill-rule": "evenodd", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { width: 1em; height: 1em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, "x-attribsPrefix": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object { "clip-rule": "evenodd", "d": "M12 12C13.933 12 15.5 10.3882 15.5 8.4C15.5 6.41177 13.933 4.8 12 4.8C10.067 4.8 8.5 6.41177 8.5 8.4C8.5 10.3882 10.067 12 12 12ZM12 13.8C14.8995 13.8 17.25 11.3823 17.25 8.4C17.25 5.41766 14.8995 3 12 3C9.10051 3 6.75 5.41766 6.75 8.4C6.75 11.3823 9.10051 13.8 12 13.8Z", "fill-rule": "evenodd", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { width: 1em; height: 1em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M5 10.2H19V21H5V10.2Z", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, "x-attribsPrefix": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { width: 1em; height: 1em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "clip-rule": "evenodd", "d": "M12 12C13.933 12 15.5 10.3882 15.5 8.4C15.5 6.41177 13.933 4.8 12 4.8C10.067 4.8 8.5 6.41177 8.5 8.4C8.5 10.3882 10.067 12 12 12ZM12 13.8C14.8995 13.8 17.25 11.3823 17.25 8.4C17.25 5.41766 14.8995 3 12 3C9.10051 3 6.75 5.41766 6.75 8.4C6.75 11.3823 9.10051 13.8 12 13.8Z", "fill-rule": "evenodd", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "d": "M5 10.2H19V21H5V10.2Z", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, "x-attribsPrefix": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "viewBox": undefined, }, }, ], "name": "span", "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, "href": undefined, "target": undefined, "title": undefined, }, "x-attribsPrefix": Object { "class": undefined, "href": undefined, "target": undefined, "title": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .address-input { height: 1.75em; max-width: 60%; min-width: 40%; background-color: #fafafa; color: inherit; border-radius: 3px; display: flex; align-items: center; justify-content: center; padding: 0 10px; overflow: hidden; position: relative; } .address-input :global(*) { font-size: 0.75em; color: inherit; } .address-input :global(a) { max-width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; color: inherit; } .https { width: 0.75em; height: 0.75em; font-size: 1em; margin-right: 0.31em; user-select: none; margin-top: -1px; color: inherit; display: inline-flex; align-items: center; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "link", "href": "https://geist-ui.dev/en-us/guide/introduction", "target": "_blank", "title": "https://geist-ui.dev/en-us/guide/introduction", }, "children": Array [ Node { "data": "geist-ui.dev", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .link { display: inline-flex; align-items: baseline; line-height: inherit; color: inherit; text-decoration: none; border-radius: 0; transition: color 200ms ease 0ms; font-size: inherit; width: fit-content; height: auto; margin: 0 0 0 0; padding: 0 0 0 0; } .block { padding: calc(0.125 * 16px) calc(0.25 * 16px) calc(0.125 * 16px) calc(0.25 * 16px); margin: 0 calc(-0.125 * 16px) 0 calc(-0.125 * 16px); } .link:hover, .link:active, .link:focus { text-decoration: none; } .link:hover { background-color: unset; color: inherit; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .link { display: inline-flex; align-items: baseline; line-height: inherit; color: inherit; text-decoration: none; border-radius: 0; transition: color 200ms ease 0ms; font-size: inherit; width: fit-content; height: auto; margin: 0 0 0 0; padding: 0 0 0 0; } .block { padding: calc(0.125 * 16px) calc(0.25 * 16px) calc(0.125 * 16px) calc(0.25 * 16px); margin: 0 calc(-0.125 * 16px) 0 calc(-0.125 * 16px); } .link:hover, .link:active, .link:focus { text-decoration: none; } .link:hover { background-color: unset; color: inherit; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "geist-ui.dev", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "a", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "https", }, "children": Array [ Node { "attribs": Object { "fill": "currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M5 10.2H19V21H5V10.2Z", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object { "clip-rule": "evenodd", "d": "M12 12C13.933 12 15.5 10.3882 15.5 8.4C15.5 6.41177 13.933 4.8 12 4.8C10.067 4.8 8.5 6.41177 8.5 8.4C8.5 10.3882 10.067 12 12 12ZM12 13.8C14.8995 13.8 17.25 11.3823 17.25 8.4C17.25 5.41766 14.8995 3 12 3C9.10051 3 6.75 5.41766 6.75 8.4C6.75 11.3823 9.10051 13.8 12 13.8Z", "fill-rule": "evenodd", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { width: 1em; height: 1em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, "x-attribsPrefix": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object { "clip-rule": "evenodd", "d": "M12 12C13.933 12 15.5 10.3882 15.5 8.4C15.5 6.41177 13.933 4.8 12 4.8C10.067 4.8 8.5 6.41177 8.5 8.4C8.5 10.3882 10.067 12 12 12ZM12 13.8C14.8995 13.8 17.25 11.3823 17.25 8.4C17.25 5.41766 14.8995 3 12 3C9.10051 3 6.75 5.41766 6.75 8.4C6.75 11.3823 9.10051 13.8 12 13.8Z", "fill-rule": "evenodd", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { width: 1em; height: 1em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M5 10.2H19V21H5V10.2Z", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, "x-attribsPrefix": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { width: 1em; height: 1em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "clip-rule": "evenodd", "d": "M12 12C13.933 12 15.5 10.3882 15.5 8.4C15.5 6.41177 13.933 4.8 12 4.8C10.067 4.8 8.5 6.41177 8.5 8.4C8.5 10.3882 10.067 12 12 12ZM12 13.8C14.8995 13.8 17.25 11.3823 17.25 8.4C17.25 5.41766 14.8995 3 12 3C9.10051 3 6.75 5.41766 6.75 8.4C6.75 11.3823 9.10051 13.8 12 13.8Z", "fill-rule": "evenodd", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "d": "M5 10.2H19V21H5V10.2Z", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, "x-attribsPrefix": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "viewBox": undefined, }, }, ], "name": "span", "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, "href": undefined, "target": undefined, "title": undefined, }, "x-attribsPrefix": Object { "class": undefined, "href": undefined, "target": undefined, "title": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "traffic", }, "children": Array [ Node { "attribs": Object { "class": "close", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "mini", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "full", }, "children": Array [], "name": "span", "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": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object { "class": "mini", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "full", }, "children": Array [], "name": "span", "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": "close", }, "children": Array [], "name": "span", "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": "full", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "mini", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "close", }, "children": Array [], "name": "span", "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, }, }, ], "name": "div", "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": "header", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "image", }, "children": Array [ Node { "attribs": Object { "src": "data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==", }, "children": Array [], "name": "img", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .image { position: relative; border-radius: 6px; overflow: hidden; max-width: 100%; width: auto; height: auto; margin: 0 auto 0 auto; padding: 0 0 0 0; } img { width: auto; height: auto; object-fit: scale-down; display: inline-block; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "src": undefined, }, "x-attribsPrefix": Object { "src": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .image { position: relative; border-radius: 6px; overflow: hidden; max-width: 100%; width: auto; height: auto; margin: 0 auto 0 auto; padding: 0 0 0 0; } img { width: auto; height: auto; object-fit: scale-down; display: inline-block; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "src": "data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==", }, "children": Array [], "name": "img", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "src": undefined, }, "x-attribsPrefix": Object { "src": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .browser { background-color: transparent; box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12); max-width: 100%; border-radius: 6px; overflow: hidden; font-size: calc(1 * 16px); width: max-content; height: auto; margin: 0 auto 0 auto; padding: 0 0 0 0; } .browser :global(.image) { border-top-left-radius: 0; border-top-right-radius: 0; } header { height: 2.5em; width: 100%; display: flex; align-items: center; justify-content: center; position: relative; color: #000; background-color: #fff; border-bottom: 1px solid #eaeaea; } .traffic { width: auto; position: absolute; left: 8pt; top: 50%; transform: translateY(-50%); bottom: 0; height: 100%; display: flex; align-items: center; user-select: none; font-size: inherit; } .traffic span { border-radius: 50%; width: 0.75em; height: 0.75em; max-width: 20px; max-height: 20px; display: inline-block; margin-right: 0.5em; } .close { background-color: #ff5f56; } .mini { background-color: #ffbd2e; } .full { background-color: #27c93f; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "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 {}, "x-attribsPrefix": Object {}, }, Node { "attribs": Object { "class": "image", }, "children": Array [ Node { "attribs": Object { "src": "data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==", }, "children": Array [], "name": "img", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .image { position: relative; border-radius: 6px; overflow: hidden; max-width: 100%; width: auto; height: auto; margin: 0 auto 0 auto; padding: 0 0 0 0; } img { width: auto; height: auto; object-fit: scale-down; display: inline-block; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "src": undefined, }, "x-attribsPrefix": Object { "src": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .image { position: relative; border-radius: 6px; overflow: hidden; max-width: 100%; width: auto; height: auto; margin: 0 auto 0 auto; padding: 0 0 0 0; } img { width: auto; height: auto; object-fit: scale-down; display: inline-block; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "src": "data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==", }, "children": Array [], "name": "img", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "src": undefined, }, "x-attribsPrefix": Object { "src": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .browser { background-color: transparent; box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12); max-width: 100%; border-radius: 6px; overflow: hidden; font-size: calc(1 * 16px); width: max-content; height: auto; margin: 0 auto 0 auto; padding: 0 0 0 0; } .browser :global(.image) { border-top-left-radius: 0; border-top-right-radius: 0; } header { height: 2.5em; width: 100%; display: flex; align-items: center; justify-content: center; position: relative; color: #000; background-color: #fff; border-bottom: 1px solid #eaeaea; } .traffic { width: auto; position: absolute; left: 8pt; top: 50%; transform: translateY(-50%); bottom: 0; height: 100%; display: flex; align-items: center; user-select: none; font-size: inherit; } .traffic span { border-radius: 50%; width: 0.75em; height: 0.75em; max-width: 20px; max-height: 20px; display: inline-block; margin-right: 0.5em; } .close { background-color: #ff5f56; } .mini { background-color: #ffbd2e; } .full { background-color: #27c93f; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "traffic", }, "children": Array [ Node { "attribs": Object { "class": "close", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "mini", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "full", }, "children": Array [], "name": "span", "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": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object { "class": "mini", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "full", }, "children": Array [], "name": "span", "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": "close", }, "children": Array [], "name": "span", "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": "full", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "mini", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "close", }, "children": Array [], "name": "span", "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, }, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "address-input", }, "children": Array [ Node { "attribs": Object { "class": "https", }, "children": Array [ Node { "attribs": Object { "fill": "currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M5 10.2H19V21H5V10.2Z", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object { "clip-rule": "evenodd", "d": "M12 12C13.933 12 15.5 10.3882 15.5 8.4C15.5 6.41177 13.933 4.8 12 4.8C10.067 4.8 8.5 6.41177 8.5 8.4C8.5 10.3882 10.067 12 12 12ZM12 13.8C14.8995 13.8 17.25 11.3823 17.25 8.4C17.25 5.41766 14.8995 3 12 3C9.10051 3 6.75 5.41766 6.75 8.4C6.75 11.3823 9.10051 13.8 12 13.8Z", "fill-rule": "evenodd", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { width: 1em; height: 1em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, "x-attribsPrefix": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object { "clip-rule": "evenodd", "d": "M12 12C13.933 12 15.5 10.3882 15.5 8.4C15.5 6.41177 13.933 4.8 12 4.8C10.067 4.8 8.5 6.41177 8.5 8.4C8.5 10.3882 10.067 12 12 12ZM12 13.8C14.8995 13.8 17.25 11.3823 17.25 8.4C17.25 5.41766 14.8995 3 12 3C9.10051 3 6.75 5.41766 6.75 8.4C6.75 11.3823 9.10051 13.8 12 13.8Z", "fill-rule": "evenodd", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { width: 1em; height: 1em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M5 10.2H19V21H5V10.2Z", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, "x-attribsPrefix": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { width: 1em; height: 1em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "clip-rule": "evenodd", "d": "M12 12C13.933 12 15.5 10.3882 15.5 8.4C15.5 6.41177 13.933 4.8 12 4.8C10.067 4.8 8.5 6.41177 8.5 8.4C8.5 10.3882 10.067 12 12 12ZM12 13.8C14.8995 13.8 17.25 11.3823 17.25 8.4C17.25 5.41766 14.8995 3 12 3C9.10051 3 6.75 5.41766 6.75 8.4C6.75 11.3823 9.10051 13.8 12 13.8Z", "fill-rule": "evenodd", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "d": "M5 10.2H19V21H5V10.2Z", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, "x-attribsPrefix": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "viewBox": undefined, }, }, ], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "link", "href": "https://geist-ui.dev/en-us/guide/introduction", "target": "_blank", "title": "https://geist-ui.dev/en-us/guide/introduction", }, "children": Array [ Node { "data": "geist-ui.dev", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .link { display: inline-flex; align-items: baseline; line-height: inherit; color: inherit; text-decoration: none; border-radius: 0; transition: color 200ms ease 0ms; font-size: inherit; width: fit-content; height: auto; margin: 0 0 0 0; padding: 0 0 0 0; } .block { padding: calc(0.125 * 16px) calc(0.25 * 16px) calc(0.125 * 16px) calc(0.25 * 16px); margin: 0 calc(-0.125 * 16px) 0 calc(-0.125 * 16px); } .link:hover, .link:active, .link:focus { text-decoration: none; } .link:hover { background-color: unset; color: inherit; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .link { display: inline-flex; align-items: baseline; line-height: inherit; color: inherit; text-decoration: none; border-radius: 0; transition: color 200ms ease 0ms; font-size: inherit; width: fit-content; height: auto; margin: 0 0 0 0; padding: 0 0 0 0; } .block { padding: calc(0.125 * 16px) calc(0.25 * 16px) calc(0.125 * 16px) calc(0.25 * 16px); margin: 0 calc(-0.125 * 16px) 0 calc(-0.125 * 16px); } .link:hover, .link:active, .link:focus { text-decoration: none; } .link:hover { background-color: unset; color: inherit; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "geist-ui.dev", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "a", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .address-input { height: 1.75em; max-width: 60%; min-width: 40%; background-color: #fafafa; color: inherit; border-radius: 3px; display: flex; align-items: center; justify-content: center; padding: 0 10px; overflow: hidden; position: relative; } .address-input :global(*) { font-size: 0.75em; color: inherit; } .address-input :global(a) { max-width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; color: inherit; } .https { width: 0.75em; height: 0.75em; font-size: 1em; margin-right: 0.31em; user-select: none; margin-top: -1px; color: inherit; display: inline-flex; align-items: center; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "class": undefined, "href": undefined, "target": undefined, "title": undefined, }, "x-attribsPrefix": Object { "class": undefined, "href": undefined, "target": undefined, "title": undefined, }, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object { "class": "link", "href": "https://geist-ui.dev/en-us/guide/introduction", "target": "_blank", "title": "https://geist-ui.dev/en-us/guide/introduction", }, "children": Array [ Node { "data": "geist-ui.dev", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .link { display: inline-flex; align-items: baseline; line-height: inherit; color: inherit; text-decoration: none; border-radius: 0; transition: color 200ms ease 0ms; font-size: inherit; width: fit-content; height: auto; margin: 0 0 0 0; padding: 0 0 0 0; } .block { padding: calc(0.125 * 16px) calc(0.25 * 16px) calc(0.125 * 16px) calc(0.25 * 16px); margin: 0 calc(-0.125 * 16px) 0 calc(-0.125 * 16px); } .link:hover, .link:active, .link:focus { text-decoration: none; } .link:hover { background-color: unset; color: inherit; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .link { display: inline-flex; align-items: baseline; line-height: inherit; color: inherit; text-decoration: none; border-radius: 0; transition: color 200ms ease 0ms; font-size: inherit; width: fit-content; height: auto; margin: 0 0 0 0; padding: 0 0 0 0; } .block { padding: calc(0.125 * 16px) calc(0.25 * 16px) calc(0.125 * 16px) calc(0.25 * 16px); margin: 0 calc(-0.125 * 16px) 0 calc(-0.125 * 16px); } .link:hover, .link:active, .link:focus { text-decoration: none; } .link:hover { background-color: unset; color: inherit; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "geist-ui.dev", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "a", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .address-input { height: 1.75em; max-width: 60%; min-width: 40%; background-color: #fafafa; color: inherit; border-radius: 3px; display: flex; align-items: center; justify-content: center; padding: 0 10px; overflow: hidden; position: relative; } .address-input :global(*) { font-size: 0.75em; color: inherit; } .address-input :global(a) { max-width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; color: inherit; } .https { width: 0.75em; height: 0.75em; font-size: 1em; margin-right: 0.31em; user-select: none; margin-top: -1px; color: inherit; display: inline-flex; align-items: center; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "class": "https", }, "children": Array [ Node { "attribs": Object { "fill": "currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M5 10.2H19V21H5V10.2Z", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object { "clip-rule": "evenodd", "d": "M12 12C13.933 12 15.5 10.3882 15.5 8.4C15.5 6.41177 13.933 4.8 12 4.8C10.067 4.8 8.5 6.41177 8.5 8.4C8.5 10.3882 10.067 12 12 12ZM12 13.8C14.8995 13.8 17.25 11.3823 17.25 8.4C17.25 5.41766 14.8995 3 12 3C9.10051 3 6.75 5.41766 6.75 8.4C6.75 11.3823 9.10051 13.8 12 13.8Z", "fill-rule": "evenodd", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { width: 1em; height: 1em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, "x-attribsPrefix": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object { "clip-rule": "evenodd", "d": "M12 12C13.933 12 15.5 10.3882 15.5 8.4C15.5 6.41177 13.933 4.8 12 4.8C10.067 4.8 8.5 6.41177 8.5 8.4C8.5 10.3882 10.067 12 12 12ZM12 13.8C14.8995 13.8 17.25 11.3823 17.25 8.4C17.25 5.41766 14.8995 3 12 3C9.10051 3 6.75 5.41766 6.75 8.4C6.75 11.3823 9.10051 13.8 12 13.8Z", "fill-rule": "evenodd", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { width: 1em; height: 1em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M5 10.2H19V21H5V10.2Z", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, "x-attribsPrefix": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { width: 1em; height: 1em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "clip-rule": "evenodd", "d": "M12 12C13.933 12 15.5 10.3882 15.5 8.4C15.5 6.41177 13.933 4.8 12 4.8C10.067 4.8 8.5 6.41177 8.5 8.4C8.5 10.3882 10.067 12 12 12ZM12 13.8C14.8995 13.8 17.25 11.3823 17.25 8.4C17.25 5.41766 14.8995 3 12 3C9.10051 3 6.75 5.41766 6.75 8.4C6.75 11.3823 9.10051 13.8 12 13.8Z", "fill-rule": "evenodd", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "d": "M5 10.2H19V21H5V10.2Z", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, "x-attribsPrefix": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "viewBox": undefined, }, }, ], "name": "span", "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, "href": undefined, "target": undefined, "title": undefined, }, "x-attribsPrefix": Object { "class": undefined, "href": undefined, "target": undefined, "title": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .address-input { height: 1.75em; max-width: 60%; min-width: 40%; background-color: #fafafa; color: inherit; border-radius: 3px; display: flex; align-items: center; justify-content: center; padding: 0 10px; overflow: hidden; position: relative; } .address-input :global(*) { font-size: 0.75em; color: inherit; } .address-input :global(a) { max-width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; color: inherit; } .https { width: 0.75em; height: 0.75em; font-size: 1em; margin-right: 0.31em; user-select: none; margin-top: -1px; color: inherit; display: inline-flex; align-items: center; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "link", "href": "https://geist-ui.dev/en-us/guide/introduction", "target": "_blank", "title": "https://geist-ui.dev/en-us/guide/introduction", }, "children": Array [ Node { "data": "geist-ui.dev", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .link { display: inline-flex; align-items: baseline; line-height: inherit; color: inherit; text-decoration: none; border-radius: 0; transition: color 200ms ease 0ms; font-size: inherit; width: fit-content; height: auto; margin: 0 0 0 0; padding: 0 0 0 0; } .block { padding: calc(0.125 * 16px) calc(0.25 * 16px) calc(0.125 * 16px) calc(0.25 * 16px); margin: 0 calc(-0.125 * 16px) 0 calc(-0.125 * 16px); } .link:hover, .link:active, .link:focus { text-decoration: none; } .link:hover { background-color: unset; color: inherit; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .link { display: inline-flex; align-items: baseline; line-height: inherit; color: inherit; text-decoration: none; border-radius: 0; transition: color 200ms ease 0ms; font-size: inherit; width: fit-content; height: auto; margin: 0 0 0 0; padding: 0 0 0 0; } .block { padding: calc(0.125 * 16px) calc(0.25 * 16px) calc(0.125 * 16px) calc(0.25 * 16px); margin: 0 calc(-0.125 * 16px) 0 calc(-0.125 * 16px); } .link:hover, .link:active, .link:focus { text-decoration: none; } .link:hover { background-color: unset; color: inherit; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "geist-ui.dev", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "a", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "https", }, "children": Array [ Node { "attribs": Object { "fill": "currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M5 10.2H19V21H5V10.2Z", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object { "clip-rule": "evenodd", "d": "M12 12C13.933 12 15.5 10.3882 15.5 8.4C15.5 6.41177 13.933 4.8 12 4.8C10.067 4.8 8.5 6.41177 8.5 8.4C8.5 10.3882 10.067 12 12 12ZM12 13.8C14.8995 13.8 17.25 11.3823 17.25 8.4C17.25 5.41766 14.8995 3 12 3C9.10051 3 6.75 5.41766 6.75 8.4C6.75 11.3823 9.10051 13.8 12 13.8Z", "fill-rule": "evenodd", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { width: 1em; height: 1em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, "x-attribsPrefix": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object { "clip-rule": "evenodd", "d": "M12 12C13.933 12 15.5 10.3882 15.5 8.4C15.5 6.41177 13.933 4.8 12 4.8C10.067 4.8 8.5 6.41177 8.5 8.4C8.5 10.3882 10.067 12 12 12ZM12 13.8C14.8995 13.8 17.25 11.3823 17.25 8.4C17.25 5.41766 14.8995 3 12 3C9.10051 3 6.75 5.41766 6.75 8.4C6.75 11.3823 9.10051 13.8 12 13.8Z", "fill-rule": "evenodd", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { width: 1em; height: 1em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M5 10.2H19V21H5V10.2Z", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, "x-attribsPrefix": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { width: 1em; height: 1em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "clip-rule": "evenodd", "d": "M12 12C13.933 12 15.5 10.3882 15.5 8.4C15.5 6.41177 13.933 4.8 12 4.8C10.067 4.8 8.5 6.41177 8.5 8.4C8.5 10.3882 10.067 12 12 12ZM12 13.8C14.8995 13.8 17.25 11.3823 17.25 8.4C17.25 5.41766 14.8995 3 12 3C9.10051 3 6.75 5.41766 6.75 8.4C6.75 11.3823 9.10051 13.8 12 13.8Z", "fill-rule": "evenodd", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "d": "M5 10.2H19V21H5V10.2Z", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, "x-attribsPrefix": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "viewBox": undefined, }, }, ], "name": "span", "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, "href": undefined, "target": undefined, "title": undefined, }, "x-attribsPrefix": Object { "class": undefined, "href": undefined, "target": undefined, "title": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "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": "address-input", }, "children": Array [ Node { "attribs": Object { "class": "https", }, "children": Array [ Node { "attribs": Object { "fill": "currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M5 10.2H19V21H5V10.2Z", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object { "clip-rule": "evenodd", "d": "M12 12C13.933 12 15.5 10.3882 15.5 8.4C15.5 6.41177 13.933 4.8 12 4.8C10.067 4.8 8.5 6.41177 8.5 8.4C8.5 10.3882 10.067 12 12 12ZM12 13.8C14.8995 13.8 17.25 11.3823 17.25 8.4C17.25 5.41766 14.8995 3 12 3C9.10051 3 6.75 5.41766 6.75 8.4C6.75 11.3823 9.10051 13.8 12 13.8Z", "fill-rule": "evenodd", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { width: 1em; height: 1em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, "x-attribsPrefix": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object { "clip-rule": "evenodd", "d": "M12 12C13.933 12 15.5 10.3882 15.5 8.4C15.5 6.41177 13.933 4.8 12 4.8C10.067 4.8 8.5 6.41177 8.5 8.4C8.5 10.3882 10.067 12 12 12ZM12 13.8C14.8995 13.8 17.25 11.3823 17.25 8.4C17.25 5.41766 14.8995 3 12 3C9.10051 3 6.75 5.41766 6.75 8.4C6.75 11.3823 9.10051 13.8 12 13.8Z", "fill-rule": "evenodd", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { width: 1em; height: 1em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M5 10.2H19V21H5V10.2Z", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, "x-attribsPrefix": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { width: 1em; height: 1em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "clip-rule": "evenodd", "d": "M12 12C13.933 12 15.5 10.3882 15.5 8.4C15.5 6.41177 13.933 4.8 12 4.8C10.067 4.8 8.5 6.41177 8.5 8.4C8.5 10.3882 10.067 12 12 12ZM12 13.8C14.8995 13.8 17.25 11.3823 17.25 8.4C17.25 5.41766 14.8995 3 12 3C9.10051 3 6.75 5.41766 6.75 8.4C6.75 11.3823 9.10051 13.8 12 13.8Z", "fill-rule": "evenodd", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "d": "M5 10.2H19V21H5V10.2Z", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, "x-attribsPrefix": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "viewBox": undefined, }, }, ], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "link", "href": "https://geist-ui.dev/en-us/guide/introduction", "target": "_blank", "title": "https://geist-ui.dev/en-us/guide/introduction", }, "children": Array [ Node { "data": "geist-ui.dev", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .link { display: inline-flex; align-items: baseline; line-height: inherit; color: inherit; text-decoration: none; border-radius: 0; transition: color 200ms ease 0ms; font-size: inherit; width: fit-content; height: auto; margin: 0 0 0 0; padding: 0 0 0 0; } .block { padding: calc(0.125 * 16px) calc(0.25 * 16px) calc(0.125 * 16px) calc(0.25 * 16px); margin: 0 calc(-0.125 * 16px) 0 calc(-0.125 * 16px); } .link:hover, .link:active, .link:focus { text-decoration: none; } .link:hover { background-color: unset; color: inherit; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .link { display: inline-flex; align-items: baseline; line-height: inherit; color: inherit; text-decoration: none; border-radius: 0; transition: color 200ms ease 0ms; font-size: inherit; width: fit-content; height: auto; margin: 0 0 0 0; padding: 0 0 0 0; } .block { padding: calc(0.125 * 16px) calc(0.25 * 16px) calc(0.125 * 16px) calc(0.25 * 16px); margin: 0 calc(-0.125 * 16px) 0 calc(-0.125 * 16px); } .link:hover, .link:active, .link:focus { text-decoration: none; } .link:hover { background-color: unset; color: inherit; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "geist-ui.dev", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "a", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .address-input { height: 1.75em; max-width: 60%; min-width: 40%; background-color: #fafafa; color: inherit; border-radius: 3px; display: flex; align-items: center; justify-content: center; padding: 0 10px; overflow: hidden; position: relative; } .address-input :global(*) { font-size: 0.75em; color: inherit; } .address-input :global(a) { max-width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; color: inherit; } .https { width: 0.75em; height: 0.75em; font-size: 1em; margin-right: 0.31em; user-select: none; margin-top: -1px; color: inherit; display: inline-flex; align-items: center; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "class": undefined, "href": undefined, "target": undefined, "title": undefined, }, "x-attribsPrefix": Object { "class": undefined, "href": undefined, "target": undefined, "title": undefined, }, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object { "class": "link", "href": "https://geist-ui.dev/en-us/guide/introduction", "target": "_blank", "title": "https://geist-ui.dev/en-us/guide/introduction", }, "children": Array [ Node { "data": "geist-ui.dev", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .link { display: inline-flex; align-items: baseline; line-height: inherit; color: inherit; text-decoration: none; border-radius: 0; transition: color 200ms ease 0ms; font-size: inherit; width: fit-content; height: auto; margin: 0 0 0 0; padding: 0 0 0 0; } .block { padding: calc(0.125 * 16px) calc(0.25 * 16px) calc(0.125 * 16px) calc(0.25 * 16px); margin: 0 calc(-0.125 * 16px) 0 calc(-0.125 * 16px); } .link:hover, .link:active, .link:focus { text-decoration: none; } .link:hover { background-color: unset; color: inherit; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .link { display: inline-flex; align-items: baseline; line-height: inherit; color: inherit; text-decoration: none; border-radius: 0; transition: color 200ms ease 0ms; font-size: inherit; width: fit-content; height: auto; margin: 0 0 0 0; padding: 0 0 0 0; } .block { padding: calc(0.125 * 16px) calc(0.25 * 16px) calc(0.125 * 16px) calc(0.25 * 16px); margin: 0 calc(-0.125 * 16px) 0 calc(-0.125 * 16px); } .link:hover, .link:active, .link:focus { text-decoration: none; } .link:hover { background-color: unset; color: inherit; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "geist-ui.dev", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "a", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .address-input { height: 1.75em; max-width: 60%; min-width: 40%; background-color: #fafafa; color: inherit; border-radius: 3px; display: flex; align-items: center; justify-content: center; padding: 0 10px; overflow: hidden; position: relative; } .address-input :global(*) { font-size: 0.75em; color: inherit; } .address-input :global(a) { max-width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; color: inherit; } .https { width: 0.75em; height: 0.75em; font-size: 1em; margin-right: 0.31em; user-select: none; margin-top: -1px; color: inherit; display: inline-flex; align-items: center; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "class": "https", }, "children": Array [ Node { "attribs": Object { "fill": "currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M5 10.2H19V21H5V10.2Z", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object { "clip-rule": "evenodd", "d": "M12 12C13.933 12 15.5 10.3882 15.5 8.4C15.5 6.41177 13.933 4.8 12 4.8C10.067 4.8 8.5 6.41177 8.5 8.4C8.5 10.3882 10.067 12 12 12ZM12 13.8C14.8995 13.8 17.25 11.3823 17.25 8.4C17.25 5.41766 14.8995 3 12 3C9.10051 3 6.75 5.41766 6.75 8.4C6.75 11.3823 9.10051 13.8 12 13.8Z", "fill-rule": "evenodd", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { width: 1em; height: 1em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, "x-attribsPrefix": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object { "clip-rule": "evenodd", "d": "M12 12C13.933 12 15.5 10.3882 15.5 8.4C15.5 6.41177 13.933 4.8 12 4.8C10.067 4.8 8.5 6.41177 8.5 8.4C8.5 10.3882 10.067 12 12 12ZM12 13.8C14.8995 13.8 17.25 11.3823 17.25 8.4C17.25 5.41766 14.8995 3 12 3C9.10051 3 6.75 5.41766 6.75 8.4C6.75 11.3823 9.10051 13.8 12 13.8Z", "fill-rule": "evenodd", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { width: 1em; height: 1em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M5 10.2H19V21H5V10.2Z", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, "x-attribsPrefix": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { width: 1em; height: 1em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "clip-rule": "evenodd", "d": "M12 12C13.933 12 15.5 10.3882 15.5 8.4C15.5 6.41177 13.933 4.8 12 4.8C10.067 4.8 8.5 6.41177 8.5 8.4C8.5 10.3882 10.067 12 12 12ZM12 13.8C14.8995 13.8 17.25 11.3823 17.25 8.4C17.25 5.41766 14.8995 3 12 3C9.10051 3 6.75 5.41766 6.75 8.4C6.75 11.3823 9.10051 13.8 12 13.8Z", "fill-rule": "evenodd", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "d": "M5 10.2H19V21H5V10.2Z", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, "x-attribsPrefix": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "viewBox": undefined, }, }, ], "name": "span", "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, "href": undefined, "target": undefined, "title": undefined, }, "x-attribsPrefix": Object { "class": undefined, "href": undefined, "target": undefined, "title": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .address-input { height: 1.75em; max-width: 60%; min-width: 40%; background-color: #fafafa; color: inherit; border-radius: 3px; display: flex; align-items: center; justify-content: center; padding: 0 10px; overflow: hidden; position: relative; } .address-input :global(*) { font-size: 0.75em; color: inherit; } .address-input :global(a) { max-width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; color: inherit; } .https { width: 0.75em; height: 0.75em; font-size: 1em; margin-right: 0.31em; user-select: none; margin-top: -1px; color: inherit; display: inline-flex; align-items: center; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "link", "href": "https://geist-ui.dev/en-us/guide/introduction", "target": "_blank", "title": "https://geist-ui.dev/en-us/guide/introduction", }, "children": Array [ Node { "data": "geist-ui.dev", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .link { display: inline-flex; align-items: baseline; line-height: inherit; color: inherit; text-decoration: none; border-radius: 0; transition: color 200ms ease 0ms; font-size: inherit; width: fit-content; height: auto; margin: 0 0 0 0; padding: 0 0 0 0; } .block { padding: calc(0.125 * 16px) calc(0.25 * 16px) calc(0.125 * 16px) calc(0.25 * 16px); margin: 0 calc(-0.125 * 16px) 0 calc(-0.125 * 16px); } .link:hover, .link:active, .link:focus { text-decoration: none; } .link:hover { background-color: unset; color: inherit; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .link { display: inline-flex; align-items: baseline; line-height: inherit; color: inherit; text-decoration: none; border-radius: 0; transition: color 200ms ease 0ms; font-size: inherit; width: fit-content; height: auto; margin: 0 0 0 0; padding: 0 0 0 0; } .block { padding: calc(0.125 * 16px) calc(0.25 * 16px) calc(0.125 * 16px) calc(0.25 * 16px); margin: 0 calc(-0.125 * 16px) 0 calc(-0.125 * 16px); } .link:hover, .link:active, .link:focus { text-decoration: none; } .link:hover { background-color: unset; color: inherit; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "geist-ui.dev", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "a", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "https", }, "children": Array [ Node { "attribs": Object { "fill": "currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M5 10.2H19V21H5V10.2Z", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object { "clip-rule": "evenodd", "d": "M12 12C13.933 12 15.5 10.3882 15.5 8.4C15.5 6.41177 13.933 4.8 12 4.8C10.067 4.8 8.5 6.41177 8.5 8.4C8.5 10.3882 10.067 12 12 12ZM12 13.8C14.8995 13.8 17.25 11.3823 17.25 8.4C17.25 5.41766 14.8995 3 12 3C9.10051 3 6.75 5.41766 6.75 8.4C6.75 11.3823 9.10051 13.8 12 13.8Z", "fill-rule": "evenodd", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { width: 1em; height: 1em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, "x-attribsPrefix": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object { "clip-rule": "evenodd", "d": "M12 12C13.933 12 15.5 10.3882 15.5 8.4C15.5 6.41177 13.933 4.8 12 4.8C10.067 4.8 8.5 6.41177 8.5 8.4C8.5 10.3882 10.067 12 12 12ZM12 13.8C14.8995 13.8 17.25 11.3823 17.25 8.4C17.25 5.41766 14.8995 3 12 3C9.10051 3 6.75 5.41766 6.75 8.4C6.75 11.3823 9.10051 13.8 12 13.8Z", "fill-rule": "evenodd", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { width: 1em; height: 1em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M5 10.2H19V21H5V10.2Z", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, "x-attribsPrefix": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { width: 1em; height: 1em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "clip-rule": "evenodd", "d": "M12 12C13.933 12 15.5 10.3882 15.5 8.4C15.5 6.41177 13.933 4.8 12 4.8C10.067 4.8 8.5 6.41177 8.5 8.4C8.5 10.3882 10.067 12 12 12ZM12 13.8C14.8995 13.8 17.25 11.3823 17.25 8.4C17.25 5.41766 14.8995 3 12 3C9.10051 3 6.75 5.41766 6.75 8.4C6.75 11.3823 9.10051 13.8 12 13.8Z", "fill-rule": "evenodd", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "d": "M5 10.2H19V21H5V10.2Z", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, "x-attribsPrefix": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "viewBox": undefined, }, }, ], "name": "span", "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, "href": undefined, "target": undefined, "title": undefined, }, "x-attribsPrefix": Object { "class": undefined, "href": undefined, "target": undefined, "title": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "traffic", }, "children": Array [ Node { "attribs": Object { "class": "close", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "mini", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "full", }, "children": Array [], "name": "span", "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": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object { "class": "mini", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "full", }, "children": Array [], "name": "span", "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": "close", }, "children": Array [], "name": "span", "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": "full", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "mini", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "close", }, "children": Array [], "name": "span", "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, }, }, ], "name": "div", "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": "header", "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 { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .browser { background-color: transparent; box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12); max-width: 100%; border-radius: 6px; overflow: hidden; font-size: calc(1 * 16px); width: max-content; height: auto; margin: 0 auto 0 auto; padding: 0 0 0 0; } .browser :global(.image) { border-top-left-radius: 0; border-top-right-radius: 0; } header { height: 2.5em; width: 100%; display: flex; align-items: center; justify-content: center; position: relative; color: #000; background-color: #fff; border-bottom: 1px solid #eaeaea; } .traffic { width: auto; position: absolute; left: 8pt; top: 50%; transform: translateY(-50%); bottom: 0; height: 100%; display: flex; align-items: center; user-select: none; font-size: inherit; } .traffic span { border-radius: 50%; width: 0.75em; height: 0.75em; max-width: 20px; max-height: 20px; display: inline-block; margin-right: 0.5em; } .close { background-color: #ff5f56; } .mini { background-color: #ffbd2e; } .full { background-color: #27c93f; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "image", }, "children": Array [ Node { "attribs": Object { "src": "data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==", }, "children": Array [], "name": "img", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .image { position: relative; border-radius: 6px; overflow: hidden; max-width: 100%; width: auto; height: auto; margin: 0 auto 0 auto; padding: 0 0 0 0; } img { width: auto; height: auto; object-fit: scale-down; display: inline-block; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "src": undefined, }, "x-attribsPrefix": Object { "src": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .image { position: relative; border-radius: 6px; overflow: hidden; max-width: 100%; width: auto; height: auto; margin: 0 auto 0 auto; padding: 0 0 0 0; } img { width: auto; height: auto; object-fit: scale-down; display: inline-block; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "src": "data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==", }, "children": Array [], "name": "img", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "src": undefined, }, "x-attribsPrefix": Object { "src": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object {}, "children": Array [ Node { "attribs": Object { "class": "traffic", }, "children": Array [ Node { "attribs": Object { "class": "close", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "mini", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "full", }, "children": Array [], "name": "span", "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": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object { "class": "mini", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "full", }, "children": Array [], "name": "span", "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": "close", }, "children": Array [], "name": "span", "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": "full", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "mini", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "close", }, "children": Array [], "name": "span", "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, }, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "address-input", }, "children": Array [ Node { "attribs": Object { "class": "https", }, "children": Array [ Node { "attribs": Object { "fill": "currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M5 10.2H19V21H5V10.2Z", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object { "clip-rule": "evenodd", "d": "M12 12C13.933 12 15.5 10.3882 15.5 8.4C15.5 6.41177 13.933 4.8 12 4.8C10.067 4.8 8.5 6.41177 8.5 8.4C8.5 10.3882 10.067 12 12 12ZM12 13.8C14.8995 13.8 17.25 11.3823 17.25 8.4C17.25 5.41766 14.8995 3 12 3C9.10051 3 6.75 5.41766 6.75 8.4C6.75 11.3823 9.10051 13.8 12 13.8Z", "fill-rule": "evenodd", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { width: 1em; height: 1em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, "x-attribsPrefix": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object { "clip-rule": "evenodd", "d": "M12 12C13.933 12 15.5 10.3882 15.5 8.4C15.5 6.41177 13.933 4.8 12 4.8C10.067 4.8 8.5 6.41177 8.5 8.4C8.5 10.3882 10.067 12 12 12ZM12 13.8C14.8995 13.8 17.25 11.3823 17.25 8.4C17.25 5.41766 14.8995 3 12 3C9.10051 3 6.75 5.41766 6.75 8.4C6.75 11.3823 9.10051 13.8 12 13.8Z", "fill-rule": "evenodd", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { width: 1em; height: 1em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M5 10.2H19V21H5V10.2Z", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, "x-attribsPrefix": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { width: 1em; height: 1em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "clip-rule": "evenodd", "d": "M12 12C13.933 12 15.5 10.3882 15.5 8.4C15.5 6.41177 13.933 4.8 12 4.8C10.067 4.8 8.5 6.41177 8.5 8.4C8.5 10.3882 10.067 12 12 12ZM12 13.8C14.8995 13.8 17.25 11.3823 17.25 8.4C17.25 5.41766 14.8995 3 12 3C9.10051 3 6.75 5.41766 6.75 8.4C6.75 11.3823 9.10051 13.8 12 13.8Z", "fill-rule": "evenodd", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "d": "M5 10.2H19V21H5V10.2Z", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, "x-attribsPrefix": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "viewBox": undefined, }, }, ], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "link", "href": "https://geist-ui.dev/en-us/guide/introduction", "target": "_blank", "title": "https://geist-ui.dev/en-us/guide/introduction", }, "children": Array [ Node { "data": "geist-ui.dev", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .link { display: inline-flex; align-items: baseline; line-height: inherit; color: inherit; text-decoration: none; border-radius: 0; transition: color 200ms ease 0ms; font-size: inherit; width: fit-content; height: auto; margin: 0 0 0 0; padding: 0 0 0 0; } .block { padding: calc(0.125 * 16px) calc(0.25 * 16px) calc(0.125 * 16px) calc(0.25 * 16px); margin: 0 calc(-0.125 * 16px) 0 calc(-0.125 * 16px); } .link:hover, .link:active, .link:focus { text-decoration: none; } .link:hover { background-color: unset; color: inherit; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .link { display: inline-flex; align-items: baseline; line-height: inherit; color: inherit; text-decoration: none; border-radius: 0; transition: color 200ms ease 0ms; font-size: inherit; width: fit-content; height: auto; margin: 0 0 0 0; padding: 0 0 0 0; } .block { padding: calc(0.125 * 16px) calc(0.25 * 16px) calc(0.125 * 16px) calc(0.25 * 16px); margin: 0 calc(-0.125 * 16px) 0 calc(-0.125 * 16px); } .link:hover, .link:active, .link:focus { text-decoration: none; } .link:hover { background-color: unset; color: inherit; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "geist-ui.dev", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "a", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .address-input { height: 1.75em; max-width: 60%; min-width: 40%; background-color: #fafafa; color: inherit; border-radius: 3px; display: flex; align-items: center; justify-content: center; padding: 0 10px; overflow: hidden; position: relative; } .address-input :global(*) { font-size: 0.75em; color: inherit; } .address-input :global(a) { max-width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; color: inherit; } .https { width: 0.75em; height: 0.75em; font-size: 1em; margin-right: 0.31em; user-select: none; margin-top: -1px; color: inherit; display: inline-flex; align-items: center; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "class": undefined, "href": undefined, "target": undefined, "title": undefined, }, "x-attribsPrefix": Object { "class": undefined, "href": undefined, "target": undefined, "title": undefined, }, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object { "class": "link", "href": "https://geist-ui.dev/en-us/guide/introduction", "target": "_blank", "title": "https://geist-ui.dev/en-us/guide/introduction", }, "children": Array [ Node { "data": "geist-ui.dev", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .link { display: inline-flex; align-items: baseline; line-height: inherit; color: inherit; text-decoration: none; border-radius: 0; transition: color 200ms ease 0ms; font-size: inherit; width: fit-content; height: auto; margin: 0 0 0 0; padding: 0 0 0 0; } .block { padding: calc(0.125 * 16px) calc(0.25 * 16px) calc(0.125 * 16px) calc(0.25 * 16px); margin: 0 calc(-0.125 * 16px) 0 calc(-0.125 * 16px); } .link:hover, .link:active, .link:focus { text-decoration: none; } .link:hover { background-color: unset; color: inherit; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .link { display: inline-flex; align-items: baseline; line-height: inherit; color: inherit; text-decoration: none; border-radius: 0; transition: color 200ms ease 0ms; font-size: inherit; width: fit-content; height: auto; margin: 0 0 0 0; padding: 0 0 0 0; } .block { padding: calc(0.125 * 16px) calc(0.25 * 16px) calc(0.125 * 16px) calc(0.25 * 16px); margin: 0 calc(-0.125 * 16px) 0 calc(-0.125 * 16px); } .link:hover, .link:active, .link:focus { text-decoration: none; } .link:hover { background-color: unset; color: inherit; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "geist-ui.dev", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "a", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .address-input { height: 1.75em; max-width: 60%; min-width: 40%; background-color: #fafafa; color: inherit; border-radius: 3px; display: flex; align-items: center; justify-content: center; padding: 0 10px; overflow: hidden; position: relative; } .address-input :global(*) { font-size: 0.75em; color: inherit; } .address-input :global(a) { max-width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; color: inherit; } .https { width: 0.75em; height: 0.75em; font-size: 1em; margin-right: 0.31em; user-select: none; margin-top: -1px; color: inherit; display: inline-flex; align-items: center; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "class": "https", }, "children": Array [ Node { "attribs": Object { "fill": "currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M5 10.2H19V21H5V10.2Z", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object { "clip-rule": "evenodd", "d": "M12 12C13.933 12 15.5 10.3882 15.5 8.4C15.5 6.41177 13.933 4.8 12 4.8C10.067 4.8 8.5 6.41177 8.5 8.4C8.5 10.3882 10.067 12 12 12ZM12 13.8C14.8995 13.8 17.25 11.3823 17.25 8.4C17.25 5.41766 14.8995 3 12 3C9.10051 3 6.75 5.41766 6.75 8.4C6.75 11.3823 9.10051 13.8 12 13.8Z", "fill-rule": "evenodd", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { width: 1em; height: 1em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, "x-attribsPrefix": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object { "clip-rule": "evenodd", "d": "M12 12C13.933 12 15.5 10.3882 15.5 8.4C15.5 6.41177 13.933 4.8 12 4.8C10.067 4.8 8.5 6.41177 8.5 8.4C8.5 10.3882 10.067 12 12 12ZM12 13.8C14.8995 13.8 17.25 11.3823 17.25 8.4C17.25 5.41766 14.8995 3 12 3C9.10051 3 6.75 5.41766 6.75 8.4C6.75 11.3823 9.10051 13.8 12 13.8Z", "fill-rule": "evenodd", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { width: 1em; height: 1em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M5 10.2H19V21H5V10.2Z", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, "x-attribsPrefix": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { width: 1em; height: 1em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "clip-rule": "evenodd", "d": "M12 12C13.933 12 15.5 10.3882 15.5 8.4C15.5 6.41177 13.933 4.8 12 4.8C10.067 4.8 8.5 6.41177 8.5 8.4C8.5 10.3882 10.067 12 12 12ZM12 13.8C14.8995 13.8 17.25 11.3823 17.25 8.4C17.25 5.41766 14.8995 3 12 3C9.10051 3 6.75 5.41766 6.75 8.4C6.75 11.3823 9.10051 13.8 12 13.8Z", "fill-rule": "evenodd", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "d": "M5 10.2H19V21H5V10.2Z", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, "x-attribsPrefix": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "viewBox": undefined, }, }, ], "name": "span", "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, "href": undefined, "target": undefined, "title": undefined, }, "x-attribsPrefix": Object { "class": undefined, "href": undefined, "target": undefined, "title": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .address-input { height: 1.75em; max-width: 60%; min-width: 40%; background-color: #fafafa; color: inherit; border-radius: 3px; display: flex; align-items: center; justify-content: center; padding: 0 10px; overflow: hidden; position: relative; } .address-input :global(*) { font-size: 0.75em; color: inherit; } .address-input :global(a) { max-width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; color: inherit; } .https { width: 0.75em; height: 0.75em; font-size: 1em; margin-right: 0.31em; user-select: none; margin-top: -1px; color: inherit; display: inline-flex; align-items: center; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "link", "href": "https://geist-ui.dev/en-us/guide/introduction", "target": "_blank", "title": "https://geist-ui.dev/en-us/guide/introduction", }, "children": Array [ Node { "data": "geist-ui.dev", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .link { display: inline-flex; align-items: baseline; line-height: inherit; color: inherit; text-decoration: none; border-radius: 0; transition: color 200ms ease 0ms; font-size: inherit; width: fit-content; height: auto; margin: 0 0 0 0; padding: 0 0 0 0; } .block { padding: calc(0.125 * 16px) calc(0.25 * 16px) calc(0.125 * 16px) calc(0.25 * 16px); margin: 0 calc(-0.125 * 16px) 0 calc(-0.125 * 16px); } .link:hover, .link:active, .link:focus { text-decoration: none; } .link:hover { background-color: unset; color: inherit; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .link { display: inline-flex; align-items: baseline; line-height: inherit; color: inherit; text-decoration: none; border-radius: 0; transition: color 200ms ease 0ms; font-size: inherit; width: fit-content; height: auto; margin: 0 0 0 0; padding: 0 0 0 0; } .block { padding: calc(0.125 * 16px) calc(0.25 * 16px) calc(0.125 * 16px) calc(0.25 * 16px); margin: 0 calc(-0.125 * 16px) 0 calc(-0.125 * 16px); } .link:hover, .link:active, .link:focus { text-decoration: none; } .link:hover { background-color: unset; color: inherit; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "geist-ui.dev", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "a", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "https", }, "children": Array [ Node { "attribs": Object { "fill": "currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M5 10.2H19V21H5V10.2Z", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object { "clip-rule": "evenodd", "d": "M12 12C13.933 12 15.5 10.3882 15.5 8.4C15.5 6.41177 13.933 4.8 12 4.8C10.067 4.8 8.5 6.41177 8.5 8.4C8.5 10.3882 10.067 12 12 12ZM12 13.8C14.8995 13.8 17.25 11.3823 17.25 8.4C17.25 5.41766 14.8995 3 12 3C9.10051 3 6.75 5.41766 6.75 8.4C6.75 11.3823 9.10051 13.8 12 13.8Z", "fill-rule": "evenodd", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { width: 1em; height: 1em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, "x-attribsPrefix": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object { "clip-rule": "evenodd", "d": "M12 12C13.933 12 15.5 10.3882 15.5 8.4C15.5 6.41177 13.933 4.8 12 4.8C10.067 4.8 8.5 6.41177 8.5 8.4C8.5 10.3882 10.067 12 12 12ZM12 13.8C14.8995 13.8 17.25 11.3823 17.25 8.4C17.25 5.41766 14.8995 3 12 3C9.10051 3 6.75 5.41766 6.75 8.4C6.75 11.3823 9.10051 13.8 12 13.8Z", "fill-rule": "evenodd", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { width: 1em; height: 1em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M5 10.2H19V21H5V10.2Z", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, "x-attribsPrefix": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { width: 1em; height: 1em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "clip-rule": "evenodd", "d": "M12 12C13.933 12 15.5 10.3882 15.5 8.4C15.5 6.41177 13.933 4.8 12 4.8C10.067 4.8 8.5 6.41177 8.5 8.4C8.5 10.3882 10.067 12 12 12ZM12 13.8C14.8995 13.8 17.25 11.3823 17.25 8.4C17.25 5.41766 14.8995 3 12 3C9.10051 3 6.75 5.41766 6.75 8.4C6.75 11.3823 9.10051 13.8 12 13.8Z", "fill-rule": "evenodd", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "d": "M5 10.2H19V21H5V10.2Z", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, "x-attribsPrefix": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "viewBox": undefined, }, }, ], "name": "span", "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, "href": undefined, "target": undefined, "title": undefined, }, "x-attribsPrefix": Object { "class": undefined, "href": undefined, "target": undefined, "title": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "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": "address-input", }, "children": Array [ Node { "attribs": Object { "class": "https", }, "children": Array [ Node { "attribs": Object { "fill": "currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M5 10.2H19V21H5V10.2Z", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object { "clip-rule": "evenodd", "d": "M12 12C13.933 12 15.5 10.3882 15.5 8.4C15.5 6.41177 13.933 4.8 12 4.8C10.067 4.8 8.5 6.41177 8.5 8.4C8.5 10.3882 10.067 12 12 12ZM12 13.8C14.8995 13.8 17.25 11.3823 17.25 8.4C17.25 5.41766 14.8995 3 12 3C9.10051 3 6.75 5.41766 6.75 8.4C6.75 11.3823 9.10051 13.8 12 13.8Z", "fill-rule": "evenodd", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { width: 1em; height: 1em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, "x-attribsPrefix": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object { "clip-rule": "evenodd", "d": "M12 12C13.933 12 15.5 10.3882 15.5 8.4C15.5 6.41177 13.933 4.8 12 4.8C10.067 4.8 8.5 6.41177 8.5 8.4C8.5 10.3882 10.067 12 12 12ZM12 13.8C14.8995 13.8 17.25 11.3823 17.25 8.4C17.25 5.41766 14.8995 3 12 3C9.10051 3 6.75 5.41766 6.75 8.4C6.75 11.3823 9.10051 13.8 12 13.8Z", "fill-rule": "evenodd", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { width: 1em; height: 1em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M5 10.2H19V21H5V10.2Z", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, "x-attribsPrefix": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { width: 1em; height: 1em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "clip-rule": "evenodd", "d": "M12 12C13.933 12 15.5 10.3882 15.5 8.4C15.5 6.41177 13.933 4.8 12 4.8C10.067 4.8 8.5 6.41177 8.5 8.4C8.5 10.3882 10.067 12 12 12ZM12 13.8C14.8995 13.8 17.25 11.3823 17.25 8.4C17.25 5.41766 14.8995 3 12 3C9.10051 3 6.75 5.41766 6.75 8.4C6.75 11.3823 9.10051 13.8 12 13.8Z", "fill-rule": "evenodd", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "d": "M5 10.2H19V21H5V10.2Z", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, "x-attribsPrefix": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "viewBox": undefined, }, }, ], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "link", "href": "https://geist-ui.dev/en-us/guide/introduction", "target": "_blank", "title": "https://geist-ui.dev/en-us/guide/introduction", }, "children": Array [ Node { "data": "geist-ui.dev", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .link { display: inline-flex; align-items: baseline; line-height: inherit; color: inherit; text-decoration: none; border-radius: 0; transition: color 200ms ease 0ms; font-size: inherit; width: fit-content; height: auto; margin: 0 0 0 0; padding: 0 0 0 0; } .block { padding: calc(0.125 * 16px) calc(0.25 * 16px) calc(0.125 * 16px) calc(0.25 * 16px); margin: 0 calc(-0.125 * 16px) 0 calc(-0.125 * 16px); } .link:hover, .link:active, .link:focus { text-decoration: none; } .link:hover { background-color: unset; color: inherit; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .link { display: inline-flex; align-items: baseline; line-height: inherit; color: inherit; text-decoration: none; border-radius: 0; transition: color 200ms ease 0ms; font-size: inherit; width: fit-content; height: auto; margin: 0 0 0 0; padding: 0 0 0 0; } .block { padding: calc(0.125 * 16px) calc(0.25 * 16px) calc(0.125 * 16px) calc(0.25 * 16px); margin: 0 calc(-0.125 * 16px) 0 calc(-0.125 * 16px); } .link:hover, .link:active, .link:focus { text-decoration: none; } .link:hover { background-color: unset; color: inherit; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "geist-ui.dev", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "a", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .address-input { height: 1.75em; max-width: 60%; min-width: 40%; background-color: #fafafa; color: inherit; border-radius: 3px; display: flex; align-items: center; justify-content: center; padding: 0 10px; overflow: hidden; position: relative; } .address-input :global(*) { font-size: 0.75em; color: inherit; } .address-input :global(a) { max-width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; color: inherit; } .https { width: 0.75em; height: 0.75em; font-size: 1em; margin-right: 0.31em; user-select: none; margin-top: -1px; color: inherit; display: inline-flex; align-items: center; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "class": undefined, "href": undefined, "target": undefined, "title": undefined, }, "x-attribsPrefix": Object { "class": undefined, "href": undefined, "target": undefined, "title": undefined, }, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object { "class": "link", "href": "https://geist-ui.dev/en-us/guide/introduction", "target": "_blank", "title": "https://geist-ui.dev/en-us/guide/introduction", }, "children": Array [ Node { "data": "geist-ui.dev", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .link { display: inline-flex; align-items: baseline; line-height: inherit; color: inherit; text-decoration: none; border-radius: 0; transition: color 200ms ease 0ms; font-size: inherit; width: fit-content; height: auto; margin: 0 0 0 0; padding: 0 0 0 0; } .block { padding: calc(0.125 * 16px) calc(0.25 * 16px) calc(0.125 * 16px) calc(0.25 * 16px); margin: 0 calc(-0.125 * 16px) 0 calc(-0.125 * 16px); } .link:hover, .link:active, .link:focus { text-decoration: none; } .link:hover { background-color: unset; color: inherit; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .link { display: inline-flex; align-items: baseline; line-height: inherit; color: inherit; text-decoration: none; border-radius: 0; transition: color 200ms ease 0ms; font-size: inherit; width: fit-content; height: auto; margin: 0 0 0 0; padding: 0 0 0 0; } .block { padding: calc(0.125 * 16px) calc(0.25 * 16px) calc(0.125 * 16px) calc(0.25 * 16px); margin: 0 calc(-0.125 * 16px) 0 calc(-0.125 * 16px); } .link:hover, .link:active, .link:focus { text-decoration: none; } .link:hover { background-color: unset; color: inherit; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "geist-ui.dev", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "a", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .address-input { height: 1.75em; max-width: 60%; min-width: 40%; background-color: #fafafa; color: inherit; border-radius: 3px; display: flex; align-items: center; justify-content: center; padding: 0 10px; overflow: hidden; position: relative; } .address-input :global(*) { font-size: 0.75em; color: inherit; } .address-input :global(a) { max-width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; color: inherit; } .https { width: 0.75em; height: 0.75em; font-size: 1em; margin-right: 0.31em; user-select: none; margin-top: -1px; color: inherit; display: inline-flex; align-items: center; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "class": "https", }, "children": Array [ Node { "attribs": Object { "fill": "currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M5 10.2H19V21H5V10.2Z", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object { "clip-rule": "evenodd", "d": "M12 12C13.933 12 15.5 10.3882 15.5 8.4C15.5 6.41177 13.933 4.8 12 4.8C10.067 4.8 8.5 6.41177 8.5 8.4C8.5 10.3882 10.067 12 12 12ZM12 13.8C14.8995 13.8 17.25 11.3823 17.25 8.4C17.25 5.41766 14.8995 3 12 3C9.10051 3 6.75 5.41766 6.75 8.4C6.75 11.3823 9.10051 13.8 12 13.8Z", "fill-rule": "evenodd", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { width: 1em; height: 1em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, "x-attribsPrefix": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object { "clip-rule": "evenodd", "d": "M12 12C13.933 12 15.5 10.3882 15.5 8.4C15.5 6.41177 13.933 4.8 12 4.8C10.067 4.8 8.5 6.41177 8.5 8.4C8.5 10.3882 10.067 12 12 12ZM12 13.8C14.8995 13.8 17.25 11.3823 17.25 8.4C17.25 5.41766 14.8995 3 12 3C9.10051 3 6.75 5.41766 6.75 8.4C6.75 11.3823 9.10051 13.8 12 13.8Z", "fill-rule": "evenodd", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { width: 1em; height: 1em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M5 10.2H19V21H5V10.2Z", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, "x-attribsPrefix": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { width: 1em; height: 1em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "clip-rule": "evenodd", "d": "M12 12C13.933 12 15.5 10.3882 15.5 8.4C15.5 6.41177 13.933 4.8 12 4.8C10.067 4.8 8.5 6.41177 8.5 8.4C8.5 10.3882 10.067 12 12 12ZM12 13.8C14.8995 13.8 17.25 11.3823 17.25 8.4C17.25 5.41766 14.8995 3 12 3C9.10051 3 6.75 5.41766 6.75 8.4C6.75 11.3823 9.10051 13.8 12 13.8Z", "fill-rule": "evenodd", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "d": "M5 10.2H19V21H5V10.2Z", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, "x-attribsPrefix": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "viewBox": undefined, }, }, ], "name": "span", "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, "href": undefined, "target": undefined, "title": undefined, }, "x-attribsPrefix": Object { "class": undefined, "href": undefined, "target": undefined, "title": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .address-input { height: 1.75em; max-width: 60%; min-width: 40%; background-color: #fafafa; color: inherit; border-radius: 3px; display: flex; align-items: center; justify-content: center; padding: 0 10px; overflow: hidden; position: relative; } .address-input :global(*) { font-size: 0.75em; color: inherit; } .address-input :global(a) { max-width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; color: inherit; } .https { width: 0.75em; height: 0.75em; font-size: 1em; margin-right: 0.31em; user-select: none; margin-top: -1px; color: inherit; display: inline-flex; align-items: center; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "link", "href": "https://geist-ui.dev/en-us/guide/introduction", "target": "_blank", "title": "https://geist-ui.dev/en-us/guide/introduction", }, "children": Array [ Node { "data": "geist-ui.dev", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " .link { display: inline-flex; align-items: baseline; line-height: inherit; color: inherit; text-decoration: none; border-radius: 0; transition: color 200ms ease 0ms; font-size: inherit; width: fit-content; height: auto; margin: 0 0 0 0; padding: 0 0 0 0; } .block { padding: calc(0.125 * 16px) calc(0.25 * 16px) calc(0.125 * 16px) calc(0.25 * 16px); margin: 0 calc(-0.125 * 16px) 0 calc(-0.125 * 16px); } .link:hover, .link:active, .link:focus { text-decoration: none; } .link:hover { background-color: unset; color: inherit; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": null, "type": "text", }, Node { "attribs": Object {}, "children": Array [ Node { "data": " .link { display: inline-flex; align-items: baseline; line-height: inherit; color: inherit; text-decoration: none; border-radius: 0; transition: color 200ms ease 0ms; font-size: inherit; width: fit-content; height: auto; margin: 0 0 0 0; padding: 0 0 0 0; } .block { padding: calc(0.125 * 16px) calc(0.25 * 16px) calc(0.125 * 16px) calc(0.25 * 16px); margin: 0 calc(-0.125 * 16px) 0 calc(-0.125 * 16px); } .link:hover, .link:active, .link:focus { text-decoration: none; } .link:hover { background-color: unset; color: inherit; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "data": "geist-ui.dev", "next": [Circular], "parent": [Circular], "prev": null, "type": "text", }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "a", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "https", }, "children": Array [ Node { "attribs": Object { "fill": "currentColor", "viewBox": "0 0 24 24", }, "children": Array [ Node { "attribs": Object { "d": "M5 10.2H19V21H5V10.2Z", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object { "clip-rule": "evenodd", "d": "M12 12C13.933 12 15.5 10.3882 15.5 8.4C15.5 6.41177 13.933 4.8 12 4.8C10.067 4.8 8.5 6.41177 8.5 8.4C8.5 10.3882 10.067 12 12 12ZM12 13.8C14.8995 13.8 17.25 11.3823 17.25 8.4C17.25 5.41766 14.8995 3 12 3C9.10051 3 6.75 5.41766 6.75 8.4C6.75 11.3823 9.10051 13.8 12 13.8Z", "fill-rule": "evenodd", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { width: 1em; height: 1em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": [Circular], "type": "tag", "x-attribsNamespace": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, "x-attribsPrefix": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, }, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, Node { "attribs": Object { "clip-rule": "evenodd", "d": "M12 12C13.933 12 15.5 10.3882 15.5 8.4C15.5 6.41177 13.933 4.8 12 4.8C10.067 4.8 8.5 6.41177 8.5 8.4C8.5 10.3882 10.067 12 12 12ZM12 13.8C14.8995 13.8 17.25 11.3823 17.25 8.4C17.25 5.41766 14.8995 3 12 3C9.10051 3 6.75 5.41766 6.75 8.4C6.75 11.3823 9.10051 13.8 12 13.8Z", "fill-rule": "evenodd", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { width: 1em; height: 1em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": [Circular], "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, "parent": [Circular], "prev": Node { "attribs": Object { "d": "M5 10.2H19V21H5V10.2Z", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, "x-attribsPrefix": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, }, Node { "attribs": Object {}, "children": Array [ Node { "data": " svg { width: 1em; height: 1em; } ", "next": null, "parent": [Circular], "prev": null, "type": "text", }, ], "name": "style", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "clip-rule": "evenodd", "d": "M12 12C13.933 12 15.5 10.3882 15.5 8.4C15.5 6.41177 13.933 4.8 12 4.8C10.067 4.8 8.5 6.41177 8.5 8.4C8.5 10.3882 10.067 12 12 12ZM12 13.8C14.8995 13.8 17.25 11.3823 17.25 8.4C17.25 5.41766 14.8995 3 12 3C9.10051 3 6.75 5.41766 6.75 8.4C6.75 11.3823 9.10051 13.8 12 13.8Z", "fill-rule": "evenodd", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "d": "M5 10.2H19V21H5V10.2Z", }, "children": Array [], "name": "path", "namespace": "http://www.w3.org/2000/svg", "next": [Circular], "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "d": undefined, }, "x-attribsPrefix": Object { "d": undefined, }, }, "type": "tag", "x-attribsNamespace": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, "x-attribsPrefix": Object { "clip-rule": undefined, "d": undefined, "fill-rule": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "svg", "namespace": "http://www.w3.org/2000/svg", "next": null, "parent": [Circular], "prev": null, "type": "tag", "x-attribsNamespace": Object { "fill": undefined, "viewBox": undefined, }, "x-attribsPrefix": Object { "fill": undefined, "viewBox": undefined, }, }, ], "name": "span", "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, "href": undefined, "target": undefined, "title": undefined, }, "x-attribsPrefix": Object { "class": undefined, "href": undefined, "target": undefined, "title": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "name": "div", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "traffic", }, "children": Array [ Node { "attribs": Object { "class": "close", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "mini", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "full", }, "children": Array [], "name": "span", "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": null, "type": "tag", "x-attribsNamespace": Object { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, Node { "attribs": Object { "class": "mini", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": Node { "attribs": Object { "class": "full", }, "children": Array [], "name": "span", "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": "close", }, "children": Array [], "name": "span", "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": "full", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": null, "parent": [Circular], "prev": Node { "attribs": Object { "class": "mini", }, "children": Array [], "name": "span", "namespace": "http://www.w3.org/1999/xhtml", "next": [Circular], "parent": [Circular], "prev": Node { "attribs": Object { "class": "close", }, "children": Array [], "name": "span", "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, }, }, ], "name": "div", "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": "header", "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 { "class": undefined, }, "x-attribsPrefix": Object { "class": undefined, }, }, "type": "style", "x-attribsNamespace": Object {}, "x-attribsPrefix": Object {}, }, ], "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, }, "x-attribsPrefix": Object { "class": 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, }, } `; ================================================ FILE: components/image/__tests__/__snapshots__/index.test.tsx.snap ================================================ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Image should render correctly 1`] = `ReactWrapper {}`; exports[`Image should render correctly 2`] = `ReactWrapper {}`; exports[`Image should render correctly 3`] = `ReactWrapper {}`; exports[`Image should render correctly with svg string 1`] = `ReactWrapper {}`; exports[`Image should render correctly with svg string 2`] = `ReactWrapper {}`; exports[`Image should render correctly with svg string 3`] = `ReactWrapper {}`; ================================================ FILE: components/image/__tests__/browser.test.tsx ================================================ import React from 'react' import { mount, render } from 'enzyme' import { Image } from 'components' const link = 'https://geist-ui.dev/en-us/guide/introduction' const url = 'data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAUA' + 'AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO' + '9TXL0Y4OHwAAAABJRU5ErkJggg==' describe('Image Browser', () => { it('should render correctly', () => { const wrapper = mount( , ) expect(() => wrapper.unmount()).not.toThrow() const browser = render( , ) expect(browser).toMatchSnapshot() }) it('show title when url missing', () => { const wrapper = mount( , ) expect(wrapper.find('header').text()).toContain('test-title') }) it('should work correctly with full link', () => { const wrapper = mount( , ) expect(wrapper.find('.link').text()).not.toContain('http') wrapper.setProps({ showFullLink: true }) expect(wrapper.find('.link').text()).toContain('http') }) it('show full link when url parse error', () => { const errorLink = 'httpsw/com' const wrapper = mount( , ) expect(wrapper.find('.link').text()).toContain(errorLink) }) it('should work correctly when props missing', () => { const wrapper = mount() expect(() => wrapper.unmount()).not.toThrow() }) it('anchor props should be passed through', () => { const anchorRel = 'noreferrer' const wrapper = mount( , ) const rel = wrapper.find('a').getDOMNode().getAttribute('rel') expect(rel).toEqual(anchorRel) }) }) ================================================ FILE: components/image/__tests__/index.test.tsx ================================================ import React from 'react' import { mount } from 'enzyme' import { Image } from 'components' import { updateWrapper } from 'tests/utils' const url = 'data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAUA' + 'AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO' + '9TXL0Y4OHwAAAABJRU5ErkJggg==' const svg = ` ` describe('Image', () => { it('should render correctly', async () => { let wrapper = mount() expect(wrapper).toMatchSnapshot() expect(() => wrapper.unmount()).not.toThrow() wrapper = mount() wrapper.find('img').at(0).simulate('load') expect(wrapper).toMatchSnapshot() expect(() => wrapper.unmount()).not.toThrow() wrapper = mount() wrapper.find('img').at(0).simulate('load') expect(wrapper).toMatchSnapshot() expect(() => wrapper.unmount()).not.toThrow() }) it('should render correctly with svg string', () => { let wrapper = mount() expect(wrapper).toMatchSnapshot() expect(() => wrapper.unmount()).not.toThrow() wrapper = mount() wrapper.find('img').at(0).simulate('load') expect(wrapper).toMatchSnapshot() expect(() => wrapper.unmount()).not.toThrow() wrapper = mount() wrapper.find('img').at(0).simulate('load') expect(wrapper).toMatchSnapshot() expect(() => wrapper.unmount()).not.toThrow() }) it('should work correctly with skeleton', async () => { let wrapper = mount() expect(wrapper.find('.skeleton').length).not.toBe(0) wrapper = mount() wrapper.find('img').at(0).simulate('load') await updateWrapper(wrapper) expect(wrapper.find('.skeleton').length).not.toBe(0) wrapper = mount() expect(wrapper.find('.skeleton').length).toBe(0) mount() expect(wrapper.find('.skeleton').length).toBe(0) }) it('should remove skeleton when timeout', async () => { const animation = mount() const NoAnimation = mount( , ) expect(animation.find('.skeleton').length).not.toBe(0) await updateWrapper(animation, 300) await updateWrapper(NoAnimation, 300) expect(animation.find('.skeleton').length).toBe(0) expect(NoAnimation.find('.skeleton').length).toBe(0) }) it('should remove skeleton when image completed', async () => { Object.defineProperty((global as any).Image.prototype, 'complete', { get() { return true }, }) const wrapper = mount() const img = wrapper.find('img').at(0) img.simulate('load') await updateWrapper(wrapper) expect((img.getDOMNode() as HTMLImageElement).complete).toEqual(true) expect(wrapper.find('.skeleton').length).toBe(0) }) }) ================================================ FILE: components/image/helpers.ts ================================================ export const transformDataSource = (src: string) => { const left = `${src}`.slice(0, 4) if (encodeURIComponent(left) === '%3Csvg') { return `data:image/svg+xml;utf8,${src}` } return src } export const getHostFromUrl = (url: string) => { try { return new URL(url).host } catch (e) { return url } } ================================================ FILE: components/image/image-browser-https-icon.tsx ================================================ import React from 'react' const ImageBrowserHttpsIcon = () => { return ( ) } const MemoImageBrowserHttpsIcon = React.memo(ImageBrowserHttpsIcon) export default MemoImageBrowserHttpsIcon ================================================ FILE: components/image/image-browser.tsx ================================================ import React, { useMemo } from 'react' import Link from '../link' import { Props as LinkProps } from '../link/link' import useTheme from '../use-theme' import ImageBrowserHttpsIcon from './image-browser-https-icon' import { getBrowserColors, BrowserColors } from './styles' import { getHostFromUrl } from './helpers' import useScale, { withScale } from '../use-scale' import useClasses from '../use-classes' export type ImageAnchorProps = Omit, keyof LinkProps> interface Props { title?: string url?: string showFullLink?: boolean invert?: boolean anchorProps?: ImageAnchorProps className?: string } const defaultProps = { className: '', showFullLink: false, anchorProps: {} as ImageAnchorProps, invert: false, } type NativeAttrs = Omit, keyof Props> export type ImageBrowserProps = Props & NativeAttrs const getTitle = (title: string, colors: BrowserColors) => (
{title}
) const getAddressInput = ( url: string, showFullLink: boolean, colors: BrowserColors, anchorProps: ImageAnchorProps, ) => (
{showFullLink ? url : getHostFromUrl(url)}
) const ImageBrowserComponent = React.forwardRef< HTMLDivElement, React.PropsWithChildren >( ( { url, title, children, showFullLink, invert, anchorProps, className, ...props }: React.PropsWithChildren & typeof defaultProps, ref: React.Ref, ) => { const theme = useTheme() const { SCALES } = useScale() const colors = useMemo( () => getBrowserColors(invert, theme.palette), [invert, theme.palette], ) const input = useMemo(() => { if (url) return getAddressInput(url, showFullLink, colors, anchorProps) if (title) return getTitle(title, colors) return null }, [url, showFullLink, title, colors, anchorProps]) return (
{input}
{children}
) }, ) ImageBrowserComponent.defaultProps = defaultProps ImageBrowserComponent.displayName = 'GeistImageBrowser' const ImageBrowser = withScale(ImageBrowserComponent) export default ImageBrowser ================================================ FILE: components/image/image.skeleton.tsx ================================================ import React from 'react' import useTheme from '../use-theme' interface Props { opacity?: number } const defaultProps = { opacity: 0.5, } export type ImageSkeletonProps = Props const ImageSkeleton: React.FC = React.memo( ({ opacity, ...props }: ImageSkeletonProps & typeof defaultProps) => { const theme = useTheme() return (
) }, ) ImageSkeleton.defaultProps = defaultProps ImageSkeleton.displayName = 'GeistImageSkeleton' export default ImageSkeleton ================================================ FILE: components/image/image.tsx ================================================ import React, { useEffect, useMemo, useRef, useState } from 'react' import useTheme from '../use-theme' import ImageSkeleton from './image.skeleton' import { transformDataSource } from './helpers' import useScale, { withScale } from '../use-scale' import useClasses from '../use-classes' interface Props { src: string disableSkeleton?: boolean className?: string maxDelay?: number } const defaultProps = { disableSkeleton: false, className: '', maxDelay: 3000, } type NativeAttrs = Omit, keyof Props> export type ImageProps = Props & NativeAttrs const ImageComponent: React.FC = ({ src, disableSkeleton, className, maxDelay, ...props }: ImageProps & typeof defaultProps) => { const { SCALES, getScaleProps } = useScale() const width = getScaleProps(['width', 'w']) const height = getScaleProps(['height', 'h']) const showAnimation = !disableSkeleton && width && height const theme = useTheme() const [loading, setLoading] = useState(true) const [showSkeleton, setShowSkeleton] = useState(true) const imageRef = useRef(null) const url = useMemo(() => transformDataSource(src), [src]) const imageLoaded = () => { if (!showAnimation) return setLoading(false) } useEffect(() => { if (!showAnimation) return if (!imageRef.current) return if (imageRef.current.complete) { setLoading(false) setShowSkeleton(false) } }) useEffect(() => { const timer = setTimeout(() => { if (showAnimation) { setShowSkeleton(false) } clearTimeout(timer) }, maxDelay) return () => clearTimeout(timer) }, [loading]) return (
{showSkeleton && showAnimation && }
) } ImageComponent.defaultProps = defaultProps ImageComponent.displayName = 'GeistImage' const Image = withScale(ImageComponent) export default Image ================================================ FILE: components/image/index.ts ================================================ import Image from './image' import ImageBrowser from './image-browser' export type ImageComponentType = typeof Image & { Browser: typeof ImageBrowser } ;(Image as ImageComponentType).Browser = ImageBrowser export type { ImageProps } from './image' export type { ImageBrowserProps, ImageAnchorProps } from './image-browser' export default Image as ImageComponentType ================================================ FILE: components/image/styles.ts ================================================ import { GeistUIThemesPalette } from '../themes/presets' export type BrowserColors = { color: string barBgColor: string inputBgColor: string borderColor: string titleColor: string } export const getBrowserColors = ( invert: boolean, palette: GeistUIThemesPalette, ): BrowserColors => { return invert ? { color: palette.background, barBgColor: palette.foreground, inputBgColor: palette.accents_8, borderColor: palette.accents_7, titleColor: palette.accents_2, } : { color: palette.foreground, barBgColor: palette.background, inputBgColor: palette.accents_1, borderColor: palette.border, titleColor: palette.accents_5, } } ================================================ FILE: components/index.ts ================================================ // @ts-ignore /// export { default as AutoComplete } from './auto-complete' export type { AutoCompleteProps } from './auto-complete' export { default as Avatar } from './avatar' export type { AvatarProps, AvatarGroupProps } from './avatar' export { default as Badge } from './badge' export type { BadgeProps, BadgeAnchorProps } from './badge' export { default as Breadcrumbs } from './breadcrumbs' export type { BreadcrumbsProps, BreadcrumbsItemProps, BreadcrumbsSeparatorProps, } from './breadcrumbs' export { default as Button } from './button' export type { ButtonProps } from './button' export { default as ButtonDropdown } from './button-dropdown' export type { ButtonDropdownProps, ButtonDropdownItemProps } from './button-dropdown' export { default as ButtonGroup } from './button-group' export type { ButtonGroupProps } from './button-group' export { default as Capacity } from './capacity' export type { CapacityProps } from './capacity' export { default as Card } from './card' export type { CardProps, CardContentProps, CardFooterProps } from './card' export { default as Checkbox } from './checkbox' export type { CheckboxProps, CheckboxGroupProps } from './checkbox' export { default as Code } from './code' export type { CodeProps } from './code' export { default as Collapse } from './collapse' export type { CollapseProps, CollapseGroupProps } from './collapse' export { default as Description } from './description' export type { DescriptionProps } from './description' export { default as Display } from './display' export type { DisplayProps } from './display' export { default as Divider } from './divider' export type { DividerProps } from './divider' export { default as Dot } from './dot' export type { DotProps } from './dot' export { default as Drawer } from './drawer' export type { DrawerProps } from './drawer' export { default as Fieldset } from './fieldset' export type { FieldsetProps, FieldsetTitleProps, FieldsetSubtitleProps, FieldsetGroupProps, FieldsetFooterProps, FieldsetContentProps, } from './fieldset' export { default as GeistProvider } from './geist-provider' export type { GeistProviderProps } from './geist-provider' export { default as Grid } from './grid' export type { GridProps, GridContainerProps } from './grid' export { default as Image } from './image' export type { ImageProps, ImageBrowserProps } from './image' export { default as Input } from './input' export type { InputProps, InputPasswordProps } from './input' export { default as Keyboard } from './keyboard' export type { KeyboardProps } from './keyboard' export { default as Link } from './link' export type { LinkProps } from './link' export { default as Loading } from './loading' export type { LoadingProps } from './loading' export { default as Modal } from './modal' export type { ModalProps, ModalTitleProps, ModalSubtitleProps, ModalContentProps, ModalActionProps, } from './modal' export { default as Note } from './note' export type { NoteProps } from './note' export { default as Page } from './page' export type { PageProps, PageHeaderProps, PageContentProps, PageFooterProps, } from './page' export { default as Pagination } from './pagination' export type { PaginationProps, PaginationNextProps, PaginationPreviousProps, } from './pagination' export { default as Popover } from './popover' export type { PopoverProps, PopoverItemProps } from './popover' export { default as Progress } from './progress' export type { ProgressProps } from './progress' export { default as Radio } from './radio' export type { RadioProps, RadioGroupProps, RadioDescriptionProps } from './radio' export { default as Rating } from './rating' export type { RatingProps } from './rating' export { default as Select } from './select' export type { SelectProps, SelectOptionProps } from './select' export { default as Slider } from './slider' export type { SliderProps } from './slider' export { default as Snippet } from './snippet' export type { SnippetProps } from './snippet' export { default as Spacer } from './spacer' export type { SpacerProps } from './spacer' export { default as Spinner } from './spinner' export type { SpinnerProps } from './spinner' export { default as Table } from './table' export type { TableProps, TableColumnProps } from './table' export { default as Tabs } from './tabs' export type { TabsProps } from './tabs' export { default as Tag } from './tag' export type { TagProps } from './tag' export { default as Text } from './text' export type { TextProps } from './text' export { default as Textarea } from './textarea' export type { TextareaProps } from './textarea' export { default as Themes } from './themes' export type { GeistUIThemes, GeistUserTheme } from './themes' export { default as Toggle } from './toggle' export type { ToggleProps } from './toggle' export { default as Tooltip } from './tooltip' export type { TooltipProps } from './tooltip' export { default as Tree } from './tree' export type { TreeProps } from './tree' export { default as useAllThemes } from './use-all-themes' export type { AllThemesConfig } from './use-all-themes' export { default as useToasts } from './use-toasts' export type { Toast, ToastInput, ToastAction, ToastLayout } from './use-toasts' export { default as User } from './user' export type { UserProps } from './user' export { default as useBodyScroll } from './use-body-scroll' export type { BodyScrollOptions } from './use-body-scroll' export { default as useClipboard } from './use-clipboard' export type { UseClipboardOptions } from './use-clipboard' export { default as useMediaQuery } from './use-media-query' export type { ResponsiveOptions, ResponsiveBreakpoint } from './use-media-query' export { default as useKeyboard, KeyMod, KeyCode } from './use-keyboard' export type { KeyboardOptions, UseKeyboardHandler } from './use-keyboard' export { default as useInput } from './use-input' export { default as useModal } from './use-modal' export { default as useTabs } from './use-tabs' export { default as useClickAway } from './use-click-away' export { default as useCurrentState } from './use-current-state' export { default as CssBaseline } from './css-baseline' export { default as useTheme } from './use-theme' export { default as useClasses } from './use-classes' export { default as useScale } from './use-scale' export { withScale, ScalePropKeys, ScaleContext } from './use-scale' export type { ScaleProps, ScaleConfig, GetScalePropsFunction, GetAllScalePropsFunction, } from './use-scale' export { useRect } from './utils/layouts' export type { ReactiveDomReact } from './utils/layouts' export { default as Highlight } from './shared/highlight' export type { HighlightProps } from './shared/highlight' ================================================ FILE: components/input/__tests__/__snapshots__/index.test.tsx.snap ================================================ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Input should be work with icon 1`] = ` "
test-icon
test-icon
" `; exports[`Input should be work with label 1`] = ` "
label
label
" `; exports[`Input should work with different status 1`] = ` "
" `; ================================================ FILE: components/input/__tests__/__snapshots__/password.test.tsx.snap ================================================ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`InputPassword should render correctly 1`] = ` "
" `; ================================================ FILE: components/input/__tests__/index.test.tsx ================================================ import React from 'react' import { mount } from 'enzyme' import { Input } from 'components' import { nativeEvent } from 'tests/utils' describe('Input', () => { it('should render correctly', () => { const wrapper = mount() expect(() => wrapper.unmount()).not.toThrow() }) it('should work with different status', () => { const wrapper = mount(
, ) expect(wrapper.html()).toMatchSnapshot() }) it('should be work with label', () => { const wrapper = mount(
Block Label
, ) expect(wrapper.html()).toMatchSnapshot() }) it('should be work with icon', () => { const wrapper = mount(
test-icon} /> test-icon} />
, ) expect(wrapper.html()).toMatchSnapshot() }) it('should set input from value', () => { let wrapper = mount() let input = wrapper.find('input').getDOMNode() as HTMLInputElement expect(input.value).toEqual('test') wrapper = mount() input = wrapper.find('input').getDOMNode() as HTMLInputElement expect(input.value).toEqual('test2') wrapper.setProps({ value: 'test3' }) input = wrapper.find('input').getDOMNode() as HTMLInputElement expect(input.value).toEqual('test3') }) it('should trigger event when input changed', () => { let value = '' const callback = jest .fn() .mockImplementation( (e: React.ChangeEvent) => (value = e.target.value), ) const wrapper = mount() wrapper .find('input') .at(0) .simulate('change', { target: { value: 'test' } }) expect(callback).toHaveBeenCalled() expect(value).toEqual('test') }) it('should ignore event when input disabled', () => { const callback = jest.fn() const wrapper = mount() wrapper .find('input') .at(0) .simulate('change', { target: { value: 'test' } }) expect(callback).not.toHaveBeenCalled() }) it('should ignore event when input readonly', () => { const callback = jest.fn() const wrapper = mount() wrapper .find('input') .at(0) .simulate('change', { target: { value: 'test' } }) expect(callback).not.toHaveBeenCalled() }) it('should clear text', () => { let value = '' const callback = jest .fn() .mockImplementation( (e: React.ChangeEvent) => (value = e.target.value), ) const clearHandler = jest.fn() const wrapper = mount( , ) wrapper .find('input') .at(0) .simulate('change', { target: { value: 'test' } }) expect(callback).toHaveBeenCalled() expect(value).toEqual('test') wrapper.find('.clear-icon').at(0).simulate('click', nativeEvent) expect(clearHandler).toHaveBeenCalled() expect(value).toEqual('') }) it('should trigger focus correctly', () => { const focus = jest.fn() const blur = jest.fn() const wrapper = mount() const input = wrapper.find('input').at(0) input.simulate('focus') expect(focus).toHaveBeenCalled() input.simulate('blur') expect(blur).toHaveBeenCalled() }) it('should trigger icon event', () => { const click = jest.fn() const wrapper = mount( icon} onIconClick={click} iconClickable />, ) wrapper.find('#test-icon').simulate('click', nativeEvent) expect(click).toHaveBeenCalled() }) it('should ignore icon event when input disabled', () => { const click = jest.fn() const wrapper = mount( icon} onIconClick={click} iconClickable disabled />, ) wrapper.find('#test-icon').simulate('click', nativeEvent) expect(click).not.toHaveBeenCalled() }) // check ref is available: https://github.com/geist-org/geist-ui/issues/189 it('should forward ref by default', () => { const ref = React.createRef() const wrapper = mount() expect(ref.current).not.toBeNull() expect(() => wrapper.unmount()).not.toThrow() }) }) ================================================ FILE: components/input/__tests__/password.test.tsx ================================================ import React from 'react' import { mount, shallow } from 'enzyme' import { Input } from 'components' import { nativeEvent } from 'tests/utils' describe('InputPassword', () => { it('should render correctly', () => { const wrapper = mount() const el = wrapper.find('input').getDOMNode() as HTMLInputElement expect(el.type).toEqual('password') expect(wrapper.html()).toMatchSnapshot() expect(() => wrapper.unmount()).not.toThrow() }) it('should toggle input type', () => { const wrapper = mount() wrapper.find('.input-icon').simulate('click', nativeEvent) const el = wrapper.find('input').getDOMNode() as HTMLInputElement expect(el.type).toEqual('text') }) it('should hide toggle icon', () => { const wrapper = mount() expect(wrapper.find('.input-icon').length).toBe(0) }) it('should be pass all native scale props', () => { const width = 'calc(100% - 10px)' const height = Math.random().toString(16).slice(-8) const wrapper = shallow() const html = wrapper.html() expect(html).toContain(width) expect(html).toContain(height) }) }) ================================================ FILE: components/input/index.ts ================================================ import Input from './input' import Textarea from '../textarea' import InputPassword from './password' export type InputComponentType = typeof Input & { Textarea: typeof Textarea Password: typeof InputPassword } ;(Input as InputComponentType).Textarea = Textarea ;(Input as InputComponentType).Password = InputPassword export type { InputProps } from './input' export type { InputTypes } from './input-props' export type { InputPasswordProps } from './password' export type { TextareaProps } from '../textarea/textarea' export default Input as InputComponentType ================================================ FILE: components/input/input-block-label.tsx ================================================ import React from 'react' import useTheme from '../use-theme' export interface InputBlockLabelLabel {} const InputBlockLabelComponent: React.FC< React.PropsWithChildren > = ({ children }) => { const theme = useTheme() return ( ) } InputBlockLabelComponent.displayName = 'GeistInputBlockLabel' const InputBlockLabel = React.memo(InputBlockLabelComponent) export default InputBlockLabel ================================================ FILE: components/input/input-icon-clear.tsx ================================================ import React from 'react' import useTheme from '../use-theme' import useClasses from '../use-classes' interface Props { visible: boolean onClick?: (event: React.MouseEvent) => void disabled?: boolean } const InputIconClear: React.FC = ({ onClick, disabled, visible }) => { const theme = useTheme() const classes = useClasses('clear-icon', { visible }) const clickHandler = (event: React.MouseEvent) => { event.preventDefault() event.stopPropagation() event.nativeEvent.stopImmediatePropagation() onClick && onClick(event) } return (
) } const MemoInputIconClear = React.memo(InputIconClear) export default MemoInputIconClear ================================================ FILE: components/input/input-icon.tsx ================================================ import React from 'react' export interface InputIconProps { icon: React.ReactNode clickable: boolean onClick: (e: React.MouseEvent) => void } const InputIconComponent: React.FC = ({ icon, clickable, onClick }) => { return ( {icon} ) } InputIconComponent.displayName = 'GeistInputIcon' const InputIcon = React.memo(InputIconComponent) export default InputIcon ================================================ FILE: components/input/input-label.tsx ================================================ import React from 'react' import useTheme from '../use-theme' export interface InputLabel { isRight?: boolean } const InputLabel: React.FC> = ({ children, isRight, }) => { const theme = useTheme() return ( {children} ) } const MemoInputLabel = React.memo(InputLabel) export default MemoInputLabel ================================================ FILE: components/input/input-props.ts ================================================ import React from 'react' import { NormalTypes } from '../utils/prop-types' export type InputTypes = NormalTypes export interface Props { value?: string initialValue?: string placeholder?: string type?: InputTypes htmlType?: string readOnly?: boolean disabled?: boolean label?: string labelRight?: string icon?: React.ReactNode iconRight?: React.ReactNode iconClickable?: boolean className?: string clearable?: boolean onChange?: (e: React.ChangeEvent) => void onClearClick?: (e: React.MouseEvent) => void onFocus?: (e: React.FocusEvent) => void onBlur?: (e: React.FocusEvent) => void onIconClick?: (e: React.MouseEvent) => void autoComplete?: string } export const defaultProps = { disabled: false, readOnly: false, clearable: false, iconClickable: false, type: 'default' as InputTypes, htmlType: 'text', autoComplete: 'off', className: '', placeholder: '', initialValue: '', } ================================================ FILE: components/input/input.tsx ================================================ import React, { useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react' import useTheme from '../use-theme' import InputLabel from './input-label' import InputBlockLabel from './input-block-label' import InputIcon from './input-icon' import InputClearIcon from './input-icon-clear' import { getColors } from './styles' import { Props, defaultProps } from './input-props' import useScale, { withScale } from '../use-scale' import useClasses from '../use-classes' type NativeAttrs = Omit, keyof Props> export type InputProps = Props & NativeAttrs const simulateChangeEvent = ( el: HTMLInputElement, event: React.MouseEvent, ): React.ChangeEvent => { return { ...event, target: el, currentTarget: el, } } const InputComponent = React.forwardRef< HTMLInputElement, React.PropsWithChildren >( ( { label, labelRight, type, htmlType, icon, iconRight, iconClickable, onIconClick, initialValue, onChange, readOnly, value, onClearClick, clearable, className, onBlur, onFocus, autoComplete, placeholder, children, disabled, ...props }: React.PropsWithChildren & typeof defaultProps, ref: React.Ref, ) => { const theme = useTheme() const { SCALES } = useScale() const inputRef = useRef(null) useImperativeHandle(ref, () => inputRef.current) const [selfValue, setSelfValue] = useState(initialValue) const [hover, setHover] = useState(false) const isControlledComponent = useMemo(() => value !== undefined, [value]) const labelClasses = useMemo( () => (labelRight ? 'right-label' : label ? 'left-label' : ''), [label, labelRight], ) const iconClasses = useMemo( () => (iconRight ? 'right-icon' : icon ? 'left-icon' : ''), [icon, iconRight], ) const { color, borderColor, hoverBorder } = useMemo( () => getColors(theme.palette, type), [theme.palette, type], ) const changeHandler = (event: React.ChangeEvent) => { if (disabled || readOnly) return setSelfValue(event.target.value) onChange && onChange(event) } const clearHandler = (event: React.MouseEvent) => { setSelfValue('') onClearClick && onClearClick(event) /* istanbul ignore next */ if (!inputRef.current) return const changeEvent = simulateChangeEvent(inputRef.current, event) changeEvent.target.value = '' onChange && onChange(changeEvent) inputRef.current.focus() } const focusHandler = (e: React.FocusEvent) => { setHover(true) onFocus && onFocus(e) } const blurHandler = (e: React.FocusEvent) => { setHover(false) onBlur && onBlur(e) } const iconClickHandler = (e: React.MouseEvent) => { if (disabled) return onIconClick && onIconClick(e) } const iconProps = useMemo( () => ({ clickable: iconClickable, onClick: iconClickHandler, }), [iconClickable, iconClickHandler], ) useEffect(() => { if (isControlledComponent) { setSelfValue(value as string) } }) const controlledValue = isControlledComponent ? { value: selfValue } : { defaultValue: initialValue } const inputProps = { ...props, ...controlledValue, } return (
{children && {children}}
{label && {label}}
{icon && } {clearable && ( )} {iconRight && }
{labelRight && {labelRight}}
) }, ) InputComponent.defaultProps = defaultProps InputComponent.displayName = 'GeistInput' const Input = withScale(InputComponent) export default Input ================================================ FILE: components/input/password-icon.tsx ================================================ import React from 'react' interface Props { visible: boolean } const PasswordIcon: React.FC = ({ visible }) => { return ( {!visible ? ( <> ) : ( <> )} ) } const MemoPasswordIcon = React.memo(PasswordIcon) export default MemoPasswordIcon ================================================ FILE: components/input/password.tsx ================================================ import React, { useImperativeHandle, useMemo, useRef, useState } from 'react' import { Props, defaultProps } from './input-props' import PasswordIcon from './password-icon' import Input from './input' import { useScale, withScale } from '../use-scale' interface PasswordProps extends Props { hideToggle?: boolean } const passwordDefaultProps = { ...defaultProps, hideToggle: false, } type NativeAttrs = Omit, keyof PasswordProps> export type InputPasswordProps = PasswordProps & NativeAttrs const InputPasswordComponent = React.forwardRef< HTMLInputElement, React.PropsWithChildren >( ( { hideToggle, children, ...props }: React.PropsWithChildren & typeof defaultProps, ref: React.Ref, ) => { const { getAllScaleProps } = useScale() const inputRef = useRef(null) const [visible, setVisible] = useState(false) useImperativeHandle(ref, () => inputRef.current) const iconClickHandler = () => { setVisible(v => !v) /* istanbul ignore next */ if (inputRef && inputRef.current) { inputRef.current.focus() } } const inputProps = useMemo( () => ({ ...props, ref: inputRef, iconClickable: true, onIconClick: iconClickHandler, htmlType: visible ? 'text' : 'password', }), [props, iconClickHandler, visible, inputRef], ) const icon = useMemo(() => { if (hideToggle) return null return }, [hideToggle, visible]) return ( {children} ) }, ) InputPasswordComponent.defaultProps = passwordDefaultProps InputPasswordComponent.displayName = 'GeistInputPassword' const InputPassword = withScale(InputPasswordComponent) export default InputPassword ================================================ FILE: components/input/styles.ts ================================================ import { NormalTypes } from '../utils/prop-types' import { GeistUIThemesPalette } from '../themes/presets' export type InputColor = { color: string borderColor: string hoverBorder: string } export const getColors = ( palette: GeistUIThemesPalette, status?: NormalTypes, ): InputColor => { const colors: { [key in NormalTypes]: InputColor } = { default: { color: palette.foreground, borderColor: palette.border, hoverBorder: palette.accents_5, }, secondary: { color: palette.foreground, borderColor: palette.secondary, hoverBorder: palette.secondary, }, success: { color: palette.foreground, borderColor: palette.successLight, hoverBorder: palette.success, }, warning: { color: palette.foreground, borderColor: palette.warningLight, hoverBorder: palette.warning, }, error: { color: palette.error, borderColor: palette.error, hoverBorder: palette.errorDark, }, } if (!status) return colors.default return colors[status] } ================================================ FILE: components/keyboard/__tests__/__snapshots__/index.test.tsx.snap ================================================ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Keyboard should render correctly 1`] = ` "F" `; exports[`Keyboard should work with modifiers 1`] = ` "
⌘F⇧F⌥F⌃F
" `; ================================================ FILE: components/keyboard/__tests__/index.test.tsx ================================================ import React from 'react' import { mount } from 'enzyme' import { Keyboard } from 'components' describe('Keyboard', () => { it('should render correctly', () => { const wrapper = mount(F) expect(wrapper.html()).toMatchSnapshot() expect(() => wrapper.unmount()).not.toThrow() }) it('should work with modifiers', () => { const wrapper = mount(
F F F F
, ) expect(wrapper.html()).toMatchSnapshot() expect(() => wrapper.unmount()).not.toThrow() }) }) ================================================ FILE: components/keyboard/index.ts ================================================ import Keyboard from './keyboard' export type { KeyboardProps } from './keyboard' export default Keyboard ================================================ FILE: components/keyboard/keyboard.tsx ================================================ import React from 'react' import useTheme from '../use-theme' import useScale, { withScale } from '../use-scale' interface Props { command?: boolean shift?: boolean option?: boolean ctrl?: boolean className?: string } const defaultProps = { command: false, shift: false, option: false, ctrl: false, className: '', } type NativeAttrs = Omit, keyof Props> export type KeyboardProps = Props & NativeAttrs const KeyboardComponent: React.FC> = ({ command, shift, option, ctrl, children, className, ...props }: React.PropsWithChildren & typeof defaultProps) => { const theme = useTheme() const { SCALES } = useScale() return ( {command && ⌘} {shift && ⇧} {option && ⌥} {ctrl && ⌃} {children && {children}} ) } KeyboardComponent.defaultProps = defaultProps KeyboardComponent.displayName = 'GeistKeyboard' const Keyboard = withScale(KeyboardComponent) export default Keyboard ================================================ FILE: components/link/__tests__/__snapshots__/index.test.tsx.snap ================================================ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Link should render correctly 1`] = ` "
linklinklinklinklink
" `; ================================================ FILE: components/link/__tests__/index.test.tsx ================================================ import React from 'react' import { mount } from 'enzyme' import { Link } from 'components' describe('Link', () => { it('should render correctly', () => { const wrapper = mount(
link link link link link
, ) expect(wrapper.html()).toMatchSnapshot() expect(() => wrapper.unmount()).not.toThrow() }) it('should be no errors when href missing', () => { const errorSpy = jest.spyOn(console, 'error') const wrapper = mount() expect(errorSpy).not.toHaveBeenCalled() expect(() => wrapper.unmount()).not.toThrow() errorSpy.mockRestore() }) it('should forward ref', () => { let ref = React.createRef() const errorSpy = jest.spyOn(console, 'error') const wrapper = mount() expect(errorSpy).not.toHaveBeenCalled() expect(ref.current).not.toBeNull() expect(() => wrapper.unmount()).not.toThrow() errorSpy.mockRestore() }) it('an warning should be thrown when using the pure prop', () => { const errorSpy = jest.spyOn(console, 'error').mockImplementation(() => {}) mount() expect(errorSpy).toHaveBeenCalled() errorSpy.mockRestore() }) }) ================================================ FILE: components/link/icon.tsx ================================================ import React from 'react' export const LinkIconComponent: React.FC = () => { return ( ) } LinkIconComponent.displayName = 'GeistLinkIcon' const LinkIcon = React.memo(LinkIconComponent) export default LinkIcon ================================================ FILE: components/link/index.ts ================================================ import Link from './link' export type { LinkProps } from './link' export default Link ================================================ FILE: components/link/link.tsx ================================================ import React from 'react' import useTheme from '../use-theme' import LinkIcon from './icon' import { addColorAlpha } from '../utils/color' import useScale, { withScale } from '../use-scale' import useClasses from '../use-classes' export interface Props { href?: string color?: boolean icon?: boolean underline?: boolean block?: boolean className?: string } const defaultProps = { href: '', color: false, icon: false, underline: false, block: false, className: '', } type NativeAttrs = Omit, keyof Props> export type LinkProps = Props & NativeAttrs const LinkComponent = React.forwardRef< HTMLAnchorElement, React.PropsWithChildren >( ( { href, color, underline, children, className, block, icon, ...props }: React.PropsWithChildren & typeof defaultProps, ref: React.Ref, ) => { const theme = useTheme() const { SCALES } = useScale() const linkColor = color || block ? theme.palette.link : 'inherit' const hoverColor = color || block ? theme.palette.successLight : 'inherit' const decoration = underline ? 'underline' : 'none' const classes = useClasses('link', { block }, className) return ( {children} {icon && } ) }, ) LinkComponent.defaultProps = defaultProps LinkComponent.displayName = 'GeistLink' const Link = withScale(LinkComponent) export default Link ================================================ FILE: components/loading/__tests__/__snapshots__/index.test.tsx.snap ================================================ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Loading should render correctly 1`] = ` "
" `; exports[`Loading should render correctly 2`] = `[Function]`; exports[`Loading should work with custom styles 1`] = ` "
" `; exports[`Loading should work with custom styles 2`] = `[Function]`; exports[`Loading should work with different types 1`] = ` "
" `; exports[`Loading should work with different types 2`] = `[Function]`; ================================================ FILE: components/loading/__tests__/index.test.tsx ================================================ import React from 'react' import { mount } from 'enzyme' import { Loading } from 'components' describe('Loading', () => { it('should render correctly', () => { const wrapper = mount() expect(wrapper.html()).toMatchSnapshot() expect(() => wrapper.unmount()).toMatchSnapshot() }) it('should work with different types', () => { const wrapper = mount(
, ) expect(wrapper.html()).toMatchSnapshot() expect(() => wrapper.unmount()).toMatchSnapshot() }) it('should work with custom styles', () => { const wrapper = mount(
, ) expect(wrapper.html()).toMatchSnapshot() expect(() => wrapper.unmount()).toMatchSnapshot() }) it('should work with children', () => { const wrapper = mount(test-children) expect(wrapper.find('.loading').text()).toContain('test-children') }) }) ================================================ FILE: components/loading/index.ts ================================================ import Loading from './loading' export type { LoadingProps, LoadingTypes } from './loading' export default Loading ================================================ FILE: components/loading/loading.tsx ================================================ import React, { useMemo } from 'react' import useTheme from '../use-theme' import { NormalTypes } from '../utils/prop-types' import { GeistUIThemesPalette } from '../themes/presets' import useScale, { withScale } from '../use-scale' import useClasses from '../use-classes' export type LoadingTypes = NormalTypes interface Props { type?: LoadingTypes color?: string className?: string spaceRatio?: number } const defaultProps = { type: 'default' as LoadingTypes, className: '', spaceRatio: 1, } type NativeAttrs = Omit, keyof Props> export type LoadingProps = Props & NativeAttrs const getIconBgColor = ( type: LoadingTypes, palette: GeistUIThemesPalette, color?: string, ) => { const colors: { [key in LoadingTypes]: string } = { default: palette.accents_6, secondary: palette.secondary, success: palette.success, warning: palette.warning, error: palette.error, } return color ? color : colors[type] } const LoadingComponent: React.FC> = ({ children, type, color, className, spaceRatio, ...props }: React.PropsWithChildren & typeof defaultProps) => { const theme = useTheme() const { SCALES } = useScale() const classes = useClasses('loading-container', className) const bgColor = useMemo( () => getIconBgColor(type, theme.palette, color), [type, theme.palette, color], ) return (
{children && }
) } LoadingComponent.defaultProps = defaultProps LoadingComponent.displayName = 'GeistLoading' const Loading = withScale(LoadingComponent) export default Loading ================================================ FILE: components/modal/__tests__/__snapshots__/index.test.tsx.snap ================================================ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Modal customization should be supported 1`] = ` "

Modal

" `; exports[`Modal should render correctly 1`] = ` "

Modal

This is a modal

Some content contained within the modal.

" `; ================================================ FILE: components/modal/__tests__/index.test.tsx ================================================ import React from 'react' import { mount } from 'enzyme' import { Modal } from 'components' import { nativeEvent, updateWrapper } from 'tests/utils' import { expectModalIsClosed, expectModalIsOpened, } from '../../use-modal/__tests__/use-modal.test' import userEvent from '@testing-library/user-event' describe('Modal', () => { it('should render correctly', () => { const wrapper = mount( Modal This is a modal

Some content contained within the modal.

 Cancel Submit , ) expect(wrapper.html()).toMatchSnapshot() expect(() => wrapper.unmount()).not.toThrow() }) it('should trigger event when modal changed', async () => { const closeHandler = jest.fn() const wrapper = mount( Modal , ) expectModalIsClosed(wrapper) wrapper.setProps({ visible: true }) await updateWrapper(wrapper, 350) expectModalIsOpened(wrapper) wrapper.find('.backdrop').simulate('click', nativeEvent) await updateWrapper(wrapper, 500) expectModalIsClosed(wrapper) expect(closeHandler).toHaveBeenCalled() }) it('should disable backdrop event', async () => { const closeHandler = jest.fn() const wrapper = mount( Modal Submit , ) wrapper.find('.backdrop').simulate('click', nativeEvent) await updateWrapper(wrapper, 500) expectModalIsOpened(wrapper) expect(closeHandler).not.toHaveBeenCalled() }) it('should disable backdrop even if actions missing', async () => { const closeHandler = jest.fn() const wrapper = mount( Modal , ) wrapper.find('.backdrop').simulate('click', nativeEvent) await updateWrapper(wrapper, 500) expectModalIsOpened(wrapper) expect(closeHandler).not.toHaveBeenCalled() }) it('should ignore event when action disabled', () => { const actions1 = jest.fn() const actions2 = jest.fn() const wrapper = mount( Modal Submit Submit , ) wrapper.find('button').at(0).simulate('click', nativeEvent) wrapper.find('button').at(1).simulate('click', nativeEvent) expect(actions1).toHaveBeenCalled() expect(actions2).not.toHaveBeenCalled() }) it('should be close modal through action event', async () => { const closeHandler = jest.fn() const wrapper = mount( Modal e.close()}> Close , ) wrapper.find('button').at(0).simulate('click', nativeEvent) await updateWrapper(wrapper, 500) expectModalIsClosed(wrapper) expect(closeHandler).toHaveBeenCalled() }) it('customization should be supported', () => { const wrapper = mount( Modal , ) const html = wrapper.find('.wrapper').html() expect(html).toMatchSnapshot() expect(wrapper.find('.wrapper').at(0).getDOMNode()).toHaveClass('test-class') expect(() => wrapper.unmount()).not.toThrow() }) it('focus should only be switched within modal', async () => { const wrapper = mount( ) }, ) ModalActionComponent.defaultProps = defaultProps ModalActionComponent.displayName = 'GeistModalAction' const ModalAction = withScale(ModalActionComponent) export default ModalAction ================================================ FILE: components/modal/modal-actions.tsx ================================================ import React, { useEffect, useRef, useState } from 'react' import useTheme from '../use-theme' const ModalActionsComponent: React.FC> = ({ children, ...props }) => { const theme = useTheme() const ref = useRef(null) const [height, setHeight] = useState('auto') useEffect(() => { if (!ref.current) return setHeight(`${ref.current.clientHeight}px`) }, [ref]) return ( <>
{children}
) } ModalActionsComponent.displayName = 'GeistModalActions' const ModalActions = React.memo(ModalActionsComponent) export default ModalActions ================================================ FILE: components/modal/modal-content.tsx ================================================ import React from 'react' import useScale, { withScale } from '../use-scale' import useClasses from '../use-classes' interface Props { className?: string } const defaultProps = { className: '', } type NativeAttrs = Omit, keyof Props> export type ModalContentProps = Props & NativeAttrs const ModalContentComponent: React.FC> = ({ className, children, ...props }: React.PropsWithChildren & typeof defaultProps) => { const { SCALES } = useScale() return ( <>
{children}
) } ModalContentComponent.defaultProps = defaultProps ModalContentComponent.displayName = 'GeistModalContent' const ModalContent = withScale(ModalContentComponent) export default ModalContent ================================================ FILE: components/modal/modal-context.ts ================================================ import React from 'react' export interface ModalConfig { close?: () => void } const defaultContext = {} export const ModalContext = React.createContext(defaultContext) export const useModalContext = (): ModalConfig => React.useContext(ModalContext) ================================================ FILE: components/modal/modal-subtitle.tsx ================================================ import React from 'react' import useTheme from '../use-theme' import useScale, { withScale } from '../use-scale' interface Props { className?: string } const defaultProps = { className: '', } type NativeAttrs = Omit, keyof Props> export type ModalSubtitleProps = Props & NativeAttrs const ModalSubtitleComponent: React.FC> = ({ className, children, ...props }: React.PropsWithChildren & typeof defaultProps) => { const theme = useTheme() const { SCALES } = useScale() return ( <>

{children}

) } ModalSubtitleComponent.defaultProps = defaultProps ModalSubtitleComponent.displayName = 'GeistModalSubtitle' const ModalSubtitle = withScale(ModalSubtitleComponent) export default ModalSubtitle ================================================ FILE: components/modal/modal-title.tsx ================================================ import React from 'react' import useTheme from '../use-theme' import useScale, { withScale } from '../use-scale' interface Props { className?: string } const defaultProps = { className: '', } type NativeAttrs = Omit, keyof Props> export type ModalTitleProps = Props & NativeAttrs const ModalTitleComponent: React.FC> = ({ className, children, ...props }: React.PropsWithChildren & typeof defaultProps) => { const theme = useTheme() const { SCALES } = useScale() return ( <>

{children}

) } ModalTitleComponent.defaultProps = defaultProps ModalTitleComponent.displayName = 'GeistModalTitle' const ModalTitle = withScale(ModalTitleComponent) export default ModalTitle ================================================ FILE: components/modal/modal-wrapper.tsx ================================================ import React, { useEffect, useRef } from 'react' import useTheme from '../use-theme' import CssTransition from '../shared/css-transition' import { isChildElement } from '../utils/collections' import useScale from '../use-scale' import useClasses from '../use-classes' interface Props { className?: string visible?: boolean } const defaultProps = { className: '', visible: false, } export type ModalWrapperProps = Props const ModalWrapper: React.FC> = ({ className, children, visible, ...props }: React.PropsWithChildren & typeof defaultProps) => { const theme = useTheme() const { SCALES } = useScale() const modalContent = useRef(null) const tabStart = useRef(null) const tabEnd = useRef(null) useEffect(() => { if (!visible) return const activeElement = document.activeElement const isChild = isChildElement(modalContent.current, activeElement) if (isChild) return tabStart.current && tabStart.current.focus() }, [visible]) const onKeyDown = (event: React.KeyboardEvent) => { const isTabDown = event.keyCode === 9 if (!visible || !isTabDown) return const activeElement = document.activeElement if (event.shiftKey) { if (activeElement === tabStart.current) { tabEnd.current && tabEnd.current.focus() } } else { if (activeElement === tabEnd.current) { tabStart.current && tabStart.current.focus() } } } return (