├── .copier-answers.yml ├── .github └── workflows │ ├── binder-on-pr.yml │ ├── build.yml │ ├── check-release.yml │ ├── ci.yml │ ├── docs-cd.yml │ ├── enforce-label.yml │ ├── prep-release.yml │ ├── publish-release.yml │ └── visual-test.yml ├── .gitignore ├── .prettierignore ├── .prettierrc ├── .yarn └── releases │ └── yarn-3.6.0.cjs ├── .yarnrc.yml ├── CHANGELOG.md ├── CONTRIBUTING.md ├── LICENSE ├── NOTICES ├── README.md ├── binder ├── environment.yml └── postBuild ├── examples └── cdn │ ├── README.md │ └── index.html ├── install.json ├── jupyter_ui_demo └── __init__.py ├── lerna.json ├── package.json ├── packages ├── components │ ├── .babelrc.json │ ├── .eslintignore │ ├── .eslintrc.cjs │ ├── .npmignore │ ├── .storybook │ │ ├── customTheme.js │ │ ├── main.js │ │ ├── manager.js │ │ ├── preview-head.html │ │ └── preview.js │ ├── README.md │ ├── api-extractor.json │ ├── custom-elements-manifest.config.mjs │ ├── docs │ │ ├── Introduction.mdx │ │ ├── api-report.md │ │ ├── api-report.mdx │ │ ├── assets │ │ │ └── toolkit-artwork.png │ │ ├── changelog.mdx │ │ ├── contributing.mdx │ │ └── getting-started.mdx │ ├── jest.config.cjs │ ├── package.json │ ├── playwright.config.ts │ ├── rollup.config.js │ ├── src │ │ ├── accordion-item │ │ │ ├── accordion-item.stories.ts │ │ │ ├── accordion-item.styles.ts │ │ │ ├── accordion-item.test.ts │ │ │ ├── accordion-item.test.ts-snapshots │ │ │ │ ├── accordion-item-default-chromium-linux.png │ │ │ │ ├── accordion-item-default-firefox-linux.png │ │ │ │ └── accordion-item-default-webkit-linux.png │ │ │ └── index.ts │ │ ├── accordion │ │ │ ├── accordion.stories.ts │ │ │ ├── accordion.styles.ts │ │ │ ├── accordion.test.ts │ │ │ ├── accordion.test.ts-snapshots │ │ │ │ ├── accordion-default-chromium-linux.png │ │ │ │ ├── accordion-default-firefox-linux.png │ │ │ │ └── accordion-default-webkit-linux.png │ │ │ └── index.ts │ │ ├── anchor │ │ │ ├── anchor.base.test.ts │ │ │ ├── anchor.stories.ts │ │ │ ├── anchor.styles.ts │ │ │ ├── anchor.test.ts │ │ │ ├── anchor.test.ts-snapshots │ │ │ │ ├── anchor-default-chromium-linux.png │ │ │ │ ├── anchor-default-firefox-linux.png │ │ │ │ └── anchor-default-webkit-linux.png │ │ │ └── index.ts │ │ ├── anchored-region │ │ │ ├── anchored-region.stories.mdx │ │ │ ├── anchored-region.styles.ts │ │ │ └── index.ts │ │ ├── avatar │ │ │ ├── avatar.stories.ts │ │ │ ├── avatar.styles.ts │ │ │ ├── avatar.test.ts │ │ │ ├── avatar.test.ts-snapshots │ │ │ │ ├── avatar-default-chromium-linux.png │ │ │ │ ├── avatar-default-firefox-linux.png │ │ │ │ ├── avatar-default-webkit-linux.png │ │ │ │ ├── avatar-square-chromium-linux.png │ │ │ │ ├── avatar-square-firefox-linux.png │ │ │ │ ├── avatar-square-webkit-linux.png │ │ │ │ ├── avatar-with-image-chromium-linux.png │ │ │ │ ├── avatar-with-image-firefox-linux.png │ │ │ │ └── avatar-with-image-webkit-linux.png │ │ │ └── index.ts │ │ ├── badge │ │ │ ├── badge.stories.ts │ │ │ ├── badge.styles.ts │ │ │ ├── badge.test.ts │ │ │ ├── badge.test.ts-snapshots │ │ │ │ ├── badge-default-chromium-linux.png │ │ │ │ ├── badge-default-firefox-linux.png │ │ │ │ └── badge-default-webkit-linux.png │ │ │ └── index.ts │ │ ├── breadcrumb-item │ │ │ ├── breadcrumb-item.stories.ts │ │ │ ├── breadcrumb-item.styles.ts │ │ │ ├── breadcrumb-item.test.ts │ │ │ ├── breadcrumb-item.test.ts-snapshots │ │ │ │ ├── breadcrumb-item-default-chromium-linux.png │ │ │ │ ├── breadcrumb-item-default-firefox-linux.png │ │ │ │ ├── breadcrumb-item-default-webkit-linux.png │ │ │ │ ├── breadcrumb-item-with-end-icon-chromium-linux.png │ │ │ │ ├── breadcrumb-item-with-end-icon-firefox-linux.png │ │ │ │ ├── breadcrumb-item-with-end-icon-webkit-linux.png │ │ │ │ ├── breadcrumb-item-with-start-icon-chromium-linux.png │ │ │ │ ├── breadcrumb-item-with-start-icon-firefox-linux.png │ │ │ │ ├── breadcrumb-item-with-start-icon-webkit-linux.png │ │ │ │ ├── breadcrumb-item-without-href-chromium-linux.png │ │ │ │ ├── breadcrumb-item-without-href-firefox-linux.png │ │ │ │ └── breadcrumb-item-without-href-webkit-linux.png │ │ │ └── index.ts │ │ ├── breadcrumb │ │ │ ├── breadcrumb.stories.ts │ │ │ ├── breadcrumb.styles.ts │ │ │ ├── breadcrumb.test.ts │ │ │ ├── breadcrumb.test.ts-snapshots │ │ │ │ ├── breadcrumb-default-chromium-linux.png │ │ │ │ ├── breadcrumb-default-firefox-linux.png │ │ │ │ ├── breadcrumb-default-webkit-linux.png │ │ │ │ ├── breadcrumb-with-custom-children-chromium-linux.png │ │ │ │ ├── breadcrumb-with-custom-children-firefox-linux.png │ │ │ │ ├── breadcrumb-with-custom-children-webkit-linux.png │ │ │ │ ├── breadcrumb-with-end-icon-chromium-linux.png │ │ │ │ ├── breadcrumb-with-end-icon-firefox-linux.png │ │ │ │ ├── breadcrumb-with-end-icon-webkit-linux.png │ │ │ │ ├── breadcrumb-with-start-icon-chromium-linux.png │ │ │ │ ├── breadcrumb-with-start-icon-firefox-linux.png │ │ │ │ └── breadcrumb-with-start-icon-webkit-linux.png │ │ │ └── index.ts │ │ ├── button │ │ │ ├── Documentation.mdx │ │ │ ├── README.md │ │ │ ├── button.base.test.ts │ │ │ ├── button.stories.ts │ │ │ ├── button.styles.ts │ │ │ ├── button.test.ts │ │ │ ├── button.test.ts-snapshots │ │ │ │ ├── button-default-chromium-linux.png │ │ │ │ ├── button-default-firefox-linux.png │ │ │ │ ├── button-default-webkit-linux.png │ │ │ │ ├── button-error-chromium-linux.png │ │ │ │ ├── button-error-firefox-linux.png │ │ │ │ ├── button-error-webkit-linux.png │ │ │ │ ├── button-icon-only-chromium-linux.png │ │ │ │ ├── button-icon-only-firefox-linux.png │ │ │ │ ├── button-icon-only-webkit-linux.png │ │ │ │ ├── button-lightweight-chromium-linux.png │ │ │ │ ├── button-lightweight-firefox-linux.png │ │ │ │ ├── button-lightweight-webkit-linux.png │ │ │ │ ├── button-neutral-chromium-linux.png │ │ │ │ ├── button-neutral-firefox-linux.png │ │ │ │ ├── button-neutral-webkit-linux.png │ │ │ │ ├── button-toggle-chromium-linux.png │ │ │ │ ├── button-toggle-firefox-linux.png │ │ │ │ ├── button-toggle-webkit-linux.png │ │ │ │ ├── button-with-disabled-chromium-linux.png │ │ │ │ ├── button-with-disabled-firefox-linux.png │ │ │ │ ├── button-with-disabled-webkit-linux.png │ │ │ │ ├── button-with-start-icon-chromium-linux.png │ │ │ │ ├── button-with-start-icon-firefox-linux.png │ │ │ │ └── button-with-start-icon-webkit-linux.png │ │ │ └── index.ts │ │ ├── card │ │ │ ├── card.stories.ts │ │ │ ├── card.styles.ts │ │ │ ├── card.test.ts │ │ │ ├── card.test.ts-snapshots │ │ │ │ ├── card-default-chromium-linux.png │ │ │ │ ├── card-default-firefox-linux.png │ │ │ │ └── card-default-webkit-linux.png │ │ │ └── index.ts │ │ ├── checkbox │ │ │ ├── checkbox.stories.ts │ │ │ ├── checkbox.styles.ts │ │ │ ├── checkbox.test.ts │ │ │ ├── checkbox.test.ts-snapshots │ │ │ │ ├── checkbox-default-chromium-linux.png │ │ │ │ ├── checkbox-default-firefox-linux.png │ │ │ │ ├── checkbox-default-webkit-linux.png │ │ │ │ ├── checkbox-disabled-chromium-linux.png │ │ │ │ ├── checkbox-disabled-firefox-linux.png │ │ │ │ ├── checkbox-disabled-webkit-linux.png │ │ │ │ ├── checkbox-error-chromium-linux.png │ │ │ │ ├── checkbox-error-firefox-linux.png │ │ │ │ ├── checkbox-error-webkit-linux.png │ │ │ │ ├── checkbox-indeterminate-chromium-linux.png │ │ │ │ ├── checkbox-indeterminate-firefox-linux.png │ │ │ │ ├── checkbox-indeterminate-webkit-linux.png │ │ │ │ ├── checkbox-with-checked-chromium-linux.png │ │ │ │ ├── checkbox-with-checked-firefox-linux.png │ │ │ │ └── checkbox-with-checked-webkit-linux.png │ │ │ └── index.ts │ │ ├── color │ │ │ ├── README.md │ │ │ ├── palette.spec.ts │ │ │ ├── palette.ts │ │ │ ├── recipe.ts │ │ │ ├── recipes │ │ │ │ ├── accent-fill.ts │ │ │ │ ├── accent-foreground.spec.ts │ │ │ │ ├── accent-foreground.ts │ │ │ │ ├── error-fill.ts │ │ │ │ ├── focus-stroke.ts │ │ │ │ ├── foreground-on-accent.spec.ts │ │ │ │ ├── foreground-on-accent.ts │ │ │ │ ├── foreground-on-error.ts │ │ │ │ ├── neutral-fill-contrast.ts │ │ │ │ ├── neutral-fill-input.ts │ │ │ │ ├── neutral-fill-layer.spec.ts │ │ │ │ ├── neutral-fill-layer.ts │ │ │ │ ├── neutral-fill-stealth.ts │ │ │ │ ├── neutral-fill.ts │ │ │ │ ├── neutral-foreground-hint.spec.ts │ │ │ │ ├── neutral-foreground-hint.ts │ │ │ │ ├── neutral-foreground.spec.ts │ │ │ │ ├── neutral-foreground.ts │ │ │ │ ├── neutral-layer-1.ts │ │ │ │ ├── neutral-layer-2.ts │ │ │ │ ├── neutral-layer-3.ts │ │ │ │ ├── neutral-layer-4.ts │ │ │ │ ├── neutral-layer-card-container.ts │ │ │ │ ├── neutral-layer-floating.ts │ │ │ │ ├── neutral-layer.spec.ts │ │ │ │ ├── neutral-stroke-divider.ts │ │ │ │ └── neutral-stroke.ts │ │ │ ├── swatch.spec.ts │ │ │ ├── swatch.ts │ │ │ └── utilities │ │ │ │ ├── base-layer-luminance.ts │ │ │ │ ├── binary-search.ts │ │ │ │ ├── color-constants.ts │ │ │ │ ├── direction-by-is-dark.ts │ │ │ │ ├── is-dark.ts │ │ │ │ └── relative-luminance.ts │ │ ├── combobox │ │ │ ├── combobox.stories.ts │ │ │ ├── combobox.styles.ts │ │ │ ├── combobox.test.ts │ │ │ ├── combobox.test.ts-snapshots │ │ │ │ ├── combobox-custom-indicator-chromium-linux.png │ │ │ │ ├── combobox-custom-indicator-firefox-linux.png │ │ │ │ ├── combobox-custom-indicator-webkit-linux.png │ │ │ │ ├── combobox-default-chromium-linux.png │ │ │ │ ├── combobox-default-firefox-linux.png │ │ │ │ ├── combobox-default-webkit-linux.png │ │ │ │ ├── combobox-disabled-chromium-linux.png │ │ │ │ ├── combobox-disabled-firefox-linux.png │ │ │ │ ├── combobox-disabled-webkit-linux.png │ │ │ │ ├── combobox-error-chromium-linux.png │ │ │ │ ├── combobox-error-firefox-linux.png │ │ │ │ └── combobox-error-webkit-linux.png │ │ │ └── index.ts │ │ ├── converters.ts │ │ ├── custom-elements.ts │ │ ├── data-grid │ │ │ ├── data-grid-cell.styles.ts │ │ │ ├── data-grid-row.styles.ts │ │ │ ├── data-grid.stories.ts │ │ │ ├── data-grid.styles.ts │ │ │ ├── data-grid.test.ts │ │ │ ├── data-grid.test.ts-snapshots │ │ │ │ ├── data-grid-default-chromium-linux.png │ │ │ │ ├── data-grid-default-firefox-linux.png │ │ │ │ └── data-grid-default-webkit-linux.png │ │ │ └── index.ts │ │ ├── date-field │ │ │ ├── date-field.form-associated.ts │ │ │ ├── date-field.spec.ts │ │ │ ├── date-field.stories.ts │ │ │ ├── date-field.styles.ts │ │ │ ├── date-field.template.ts │ │ │ ├── date-field.test.ts │ │ │ ├── date-field.test.ts-snapshots │ │ │ │ ├── date-field-default-chromium-linux.png │ │ │ │ ├── date-field-default-firefox-linux.png │ │ │ │ ├── date-field-default-webkit-linux.png │ │ │ │ ├── date-field-error-chromium-linux.png │ │ │ │ ├── date-field-error-firefox-linux.png │ │ │ │ ├── date-field-error-webkit-linux.png │ │ │ │ ├── date-field-with-autofocus-chromium-linux.png │ │ │ │ ├── date-field-with-autofocus-firefox-linux.png │ │ │ │ ├── date-field-with-autofocus-webkit-linux.png │ │ │ │ ├── date-field-with-disabled-chromium-linux.png │ │ │ │ ├── date-field-with-disabled-firefox-linux.png │ │ │ │ ├── date-field-with-disabled-webkit-linux.png │ │ │ │ ├── date-field-with-readonly-chromium-linux.png │ │ │ │ ├── date-field-with-readonly-firefox-linux.png │ │ │ │ ├── date-field-with-readonly-webkit-linux.png │ │ │ │ ├── date-field-with-start-icon-chromium-linux.png │ │ │ │ ├── date-field-with-start-icon-firefox-linux.png │ │ │ │ └── date-field-with-start-icon-webkit-linux.png │ │ │ ├── date-field.ts │ │ │ └── index.ts │ │ ├── design-system-provider │ │ │ ├── README.md │ │ │ ├── design-system-provider.stories.ts │ │ │ └── index.ts │ │ ├── design-tokens.ts │ │ ├── dialog │ │ │ ├── dialog.base.test.ts │ │ │ ├── dialog.stories.ts │ │ │ ├── dialog.styles.ts │ │ │ ├── dialog.test.ts │ │ │ └── index.ts │ │ ├── disclosure │ │ │ ├── disclosure.stories.ts │ │ │ ├── disclosure.styles.ts │ │ │ ├── disclosure.test.ts │ │ │ ├── disclosure.test.ts-snapshots │ │ │ │ ├── disclosure-default-chromium-linux.png │ │ │ │ ├── disclosure-default-firefox-linux.png │ │ │ │ └── disclosure-default-webkit-linux.png │ │ │ └── index.ts │ │ ├── divider │ │ │ ├── divider.stories.ts │ │ │ ├── divider.styles.ts │ │ │ ├── divider.test.ts │ │ │ ├── divider.test.ts-snapshots │ │ │ │ ├── divider-default-chromium-linux.png │ │ │ │ ├── divider-default-firefox-linux.png │ │ │ │ ├── divider-default-webkit-linux.png │ │ │ │ ├── divider-vertical-chromium-linux.png │ │ │ │ ├── divider-vertical-firefox-linux.png │ │ │ │ └── divider-vertical-webkit-linux.png │ │ │ └── index.ts │ │ ├── drafts │ │ │ └── picker │ │ │ │ ├── Documentation.mdx │ │ │ │ ├── index.ts │ │ │ │ ├── picker-list-item.styles.ts │ │ │ │ ├── picker-list.styles.ts │ │ │ │ ├── picker-menu-option.styles.ts │ │ │ │ ├── picker-menu.styles.ts │ │ │ │ ├── picker.stories.ts │ │ │ │ ├── picker.styles.ts │ │ │ │ ├── picker.test.ts │ │ │ │ └── picker.test.ts-snapshots │ │ │ │ ├── picker-default-chromium-linux.png │ │ │ │ ├── picker-default-firefox-linux.png │ │ │ │ └── picker-default-webkit-linux.png │ │ ├── fixture.d.ts │ │ ├── icon │ │ │ ├── icon.stories.ts │ │ │ ├── icon.styles.ts │ │ │ ├── icon.test.ts │ │ │ ├── icon.test.ts-snapshots │ │ │ │ ├── icon-change-icon-chromium-linux.png │ │ │ │ ├── icon-change-icon-firefox-linux.png │ │ │ │ ├── icon-change-icon-webkit-linux.png │ │ │ │ ├── icon-default-chromium-linux.png │ │ │ │ ├── icon-default-firefox-linux.png │ │ │ │ └── icon-default-webkit-linux.png │ │ │ └── index.ts │ │ ├── index-rollup.ts │ │ ├── index.ts │ │ ├── jupyter-design-system.ts │ │ ├── listbox │ │ │ ├── index.ts │ │ │ ├── listbox.base.test.ts │ │ │ ├── listbox.stories.ts │ │ │ ├── listbox.styles.ts │ │ │ ├── listbox.test.ts │ │ │ └── listbox.test.ts-snapshots │ │ │ │ ├── listbox-default-chromium-linux.png │ │ │ │ ├── listbox-default-firefox-linux.png │ │ │ │ ├── listbox-default-webkit-linux.png │ │ │ │ ├── listbox-disabled-chromium-linux.png │ │ │ │ ├── listbox-disabled-firefox-linux.png │ │ │ │ └── listbox-disabled-webkit-linux.png │ │ ├── menu-item │ │ │ ├── index.ts │ │ │ ├── menu-item.stories.ts │ │ │ ├── menu-item.styles.ts │ │ │ ├── menu-item.test.ts │ │ │ └── menu-item.test.ts-snapshots │ │ │ │ ├── menu-item-checkbox-chromium-linux.png │ │ │ │ ├── menu-item-checkbox-firefox-linux.png │ │ │ │ ├── menu-item-checkbox-webkit-linux.png │ │ │ │ ├── menu-item-default-chromium-linux.png │ │ │ │ ├── menu-item-default-firefox-linux.png │ │ │ │ ├── menu-item-default-webkit-linux.png │ │ │ │ ├── menu-item-disabled-chromium-linux.png │ │ │ │ ├── menu-item-disabled-firefox-linux.png │ │ │ │ ├── menu-item-disabled-webkit-linux.png │ │ │ │ ├── menu-item-radio-chromium-linux.png │ │ │ │ ├── menu-item-radio-firefox-linux.png │ │ │ │ └── menu-item-radio-webkit-linux.png │ │ ├── menu │ │ │ ├── index.ts │ │ │ ├── menu.stories.ts │ │ │ ├── menu.styles.ts │ │ │ ├── menu.test.ts │ │ │ └── menu.test.ts-snapshots │ │ │ │ ├── menu-default-chromium-linux.png │ │ │ │ ├── menu-default-firefox-linux.png │ │ │ │ └── menu-default-webkit-linux.png │ │ ├── number-field │ │ │ ├── index.ts │ │ │ ├── number-field.stories.ts │ │ │ ├── number-field.styles.ts │ │ │ ├── number-field.test.ts │ │ │ └── number-field.test.ts-snapshots │ │ │ │ ├── number-field-default-chromium-linux.png │ │ │ │ ├── number-field-default-firefox-linux.png │ │ │ │ ├── number-field-default-webkit-linux.png │ │ │ │ ├── number-field-error-chromium-linux.png │ │ │ │ ├── number-field-error-firefox-linux.png │ │ │ │ ├── number-field-error-webkit-linux.png │ │ │ │ ├── number-field-with-autofocus-chromium-linux.png │ │ │ │ ├── number-field-with-autofocus-firefox-linux.png │ │ │ │ ├── number-field-with-autofocus-webkit-linux.png │ │ │ │ ├── number-field-with-disabled-chromium-linux.png │ │ │ │ ├── number-field-with-disabled-firefox-linux.png │ │ │ │ ├── number-field-with-disabled-webkit-linux.png │ │ │ │ ├── number-field-with-max-length-chromium-linux.png │ │ │ │ ├── number-field-with-max-length-firefox-linux.png │ │ │ │ ├── number-field-with-max-length-webkit-linux.png │ │ │ │ ├── number-field-with-placeholder-chromium-linux.png │ │ │ │ ├── number-field-with-placeholder-firefox-linux.png │ │ │ │ ├── number-field-with-placeholder-webkit-linux.png │ │ │ │ ├── number-field-with-readonly-chromium-linux.png │ │ │ │ ├── number-field-with-readonly-firefox-linux.png │ │ │ │ ├── number-field-with-readonly-webkit-linux.png │ │ │ │ ├── number-field-with-size-chromium-linux.png │ │ │ │ ├── number-field-with-size-firefox-linux.png │ │ │ │ ├── number-field-with-size-webkit-linux.png │ │ │ │ ├── number-field-with-start-icon-chromium-linux.png │ │ │ │ ├── number-field-with-start-icon-firefox-linux.png │ │ │ │ └── number-field-with-start-icon-webkit-linux.png │ │ ├── option │ │ │ ├── index.ts │ │ │ ├── option.stories.ts │ │ │ ├── option.styles.ts │ │ │ ├── option.test.ts │ │ │ └── option.test.ts-snapshots │ │ │ │ ├── option-default-chromium-linux.png │ │ │ │ ├── option-default-firefox-linux.png │ │ │ │ ├── option-default-webkit-linux.png │ │ │ │ ├── option-disabled-chromium-linux.png │ │ │ │ ├── option-disabled-firefox-linux.png │ │ │ │ ├── option-disabled-webkit-linux.png │ │ │ │ ├── option-selected-chromium-linux.png │ │ │ │ ├── option-selected-firefox-linux.png │ │ │ │ └── option-selected-webkit-linux.png │ │ ├── progress-ring │ │ │ ├── index.ts │ │ │ ├── progress-ring.stories.ts │ │ │ ├── progress-ring.styles.ts │ │ │ ├── progress-ring.test.ts │ │ │ └── progress-ring.test.ts-snapshots │ │ │ │ ├── progress-ring-with-value-chromium-linux.png │ │ │ │ └── progress-ring-with-value-firefox-linux.png │ │ ├── progress │ │ │ ├── index.ts │ │ │ ├── progress.stories.ts │ │ │ ├── progress.styles.ts │ │ │ ├── progress.test.ts │ │ │ └── progress.test.ts-snapshots │ │ │ │ ├── progress-with-value-chromium-linux.png │ │ │ │ └── progress-with-value-firefox-linux.png │ │ ├── radio-group │ │ │ ├── index.ts │ │ │ ├── radio-group.stories.ts │ │ │ ├── radio-group.styles.ts │ │ │ ├── radio-group.test.ts │ │ │ └── radio-group.test.ts-snapshots │ │ │ │ ├── radio-group-default-chromium-linux.png │ │ │ │ ├── radio-group-default-firefox-linux.png │ │ │ │ ├── radio-group-default-webkit-linux.png │ │ │ │ ├── radio-group-disabled-chromium-linux.png │ │ │ │ ├── radio-group-disabled-firefox-linux.png │ │ │ │ ├── radio-group-disabled-webkit-linux.png │ │ │ │ ├── radio-group-error-chromium-linux.png │ │ │ │ ├── radio-group-error-firefox-linux.png │ │ │ │ ├── radio-group-error-webkit-linux.png │ │ │ │ ├── radio-group-read-only-chromium-linux.png │ │ │ │ ├── radio-group-read-only-firefox-linux.png │ │ │ │ ├── radio-group-read-only-webkit-linux.png │ │ │ │ ├── radio-group-vertical-chromium-linux.png │ │ │ │ ├── radio-group-vertical-firefox-linux.png │ │ │ │ └── radio-group-vertical-webkit-linux.png │ │ ├── radio │ │ │ ├── index.ts │ │ │ ├── radio.stories.ts │ │ │ ├── radio.styles.ts │ │ │ ├── radio.test.ts │ │ │ └── radio.test.ts-snapshots │ │ │ │ ├── radio-checked-chromium-linux.png │ │ │ │ ├── radio-checked-firefox-linux.png │ │ │ │ ├── radio-checked-webkit-linux.png │ │ │ │ ├── radio-default-chromium-linux.png │ │ │ │ ├── radio-default-firefox-linux.png │ │ │ │ ├── radio-default-webkit-linux.png │ │ │ │ ├── radio-disabled-chromium-linux.png │ │ │ │ ├── radio-disabled-firefox-linux.png │ │ │ │ ├── radio-disabled-webkit-linux.png │ │ │ │ ├── radio-error-chromium-linux.png │ │ │ │ ├── radio-error-firefox-linux.png │ │ │ │ ├── radio-error-webkit-linux.png │ │ │ │ ├── radio-read-only-chromium-linux.png │ │ │ │ ├── radio-read-only-firefox-linux.png │ │ │ │ └── radio-read-only-webkit-linux.png │ │ ├── search │ │ │ ├── index.ts │ │ │ ├── search.stories.ts │ │ │ ├── search.styles.ts │ │ │ ├── search.test.ts │ │ │ └── search.test.ts-snapshots │ │ │ │ ├── search-default-chromium-linux.png │ │ │ │ ├── search-default-firefox-linux.png │ │ │ │ ├── search-default-webkit-linux.png │ │ │ │ ├── search-error-chromium-linux.png │ │ │ │ ├── search-error-firefox-linux.png │ │ │ │ ├── search-error-webkit-linux.png │ │ │ │ ├── search-with-autofocus-chromium-linux.png │ │ │ │ ├── search-with-autofocus-firefox-linux.png │ │ │ │ ├── search-with-autofocus-webkit-linux.png │ │ │ │ ├── search-with-disabled-chromium-linux.png │ │ │ │ ├── search-with-disabled-firefox-linux.png │ │ │ │ ├── search-with-disabled-webkit-linux.png │ │ │ │ ├── search-with-maxlength-chromium-linux.png │ │ │ │ ├── search-with-maxlength-firefox-linux.png │ │ │ │ ├── search-with-maxlength-webkit-linux.png │ │ │ │ ├── search-with-placeholder-chromium-linux.png │ │ │ │ ├── search-with-placeholder-firefox-linux.png │ │ │ │ ├── search-with-placeholder-webkit-linux.png │ │ │ │ ├── search-with-search-icon-chromium-linux.png │ │ │ │ ├── search-with-search-icon-firefox-linux.png │ │ │ │ ├── search-with-search-icon-webkit-linux.png │ │ │ │ ├── search-with-size-chromium-linux.png │ │ │ │ ├── search-with-size-firefox-linux.png │ │ │ │ └── search-with-size-webkit-linux.png │ │ ├── select │ │ │ ├── index.ts │ │ │ ├── select.base.test.ts │ │ │ ├── select.stories.ts │ │ │ ├── select.styles.ts │ │ │ ├── select.test.ts │ │ │ └── select.test.ts-snapshots │ │ │ │ ├── select-default-chromium-linux.png │ │ │ │ ├── select-default-firefox-linux.png │ │ │ │ ├── select-default-webkit-linux.png │ │ │ │ ├── select-error-chromium-linux.png │ │ │ │ ├── select-error-firefox-linux.png │ │ │ │ ├── select-error-webkit-linux.png │ │ │ │ ├── select-with-custom-indicator-chromium-linux.png │ │ │ │ ├── select-with-custom-indicator-firefox-linux.png │ │ │ │ ├── select-with-custom-indicator-webkit-linux.png │ │ │ │ ├── select-with-disabled-chromium-linux.png │ │ │ │ ├── select-with-disabled-firefox-linux.png │ │ │ │ ├── select-with-disabled-webkit-linux.png │ │ │ │ ├── select-with-open-chromium-linux.png │ │ │ │ ├── select-with-open-firefox-linux.png │ │ │ │ └── select-with-open-webkit-linux.png │ │ ├── skeleton │ │ │ ├── index.ts │ │ │ ├── skeleton.stories.ts │ │ │ ├── skeleton.styles.ts │ │ │ ├── skeleton.test.ts │ │ │ └── skeleton.test.ts-snapshots │ │ │ │ ├── skeleton-default-chromium-linux.png │ │ │ │ ├── skeleton-default-firefox-linux.png │ │ │ │ └── skeleton-default-webkit-linux.png │ │ ├── slider-label │ │ │ ├── index.ts │ │ │ ├── slider-label.stories.ts │ │ │ ├── slider-label.styles.ts │ │ │ ├── slider-label.test.ts │ │ │ └── slider-label.test.ts-snapshots │ │ │ │ ├── slider-label-default-chromium-linux.png │ │ │ │ ├── slider-label-default-firefox-linux.png │ │ │ │ ├── slider-label-default-webkit-linux.png │ │ │ │ ├── slider-label-with-hide-mark-chromium-linux.png │ │ │ │ ├── slider-label-with-hide-mark-firefox-linux.png │ │ │ │ └── slider-label-with-hide-mark-webkit-linux.png │ │ ├── slider │ │ │ ├── index.ts │ │ │ ├── slider.stories.ts │ │ │ ├── slider.styles.ts │ │ │ ├── slider.test.ts │ │ │ └── slider.test.ts-snapshots │ │ │ │ ├── slider-default-chromium-linux.png │ │ │ │ ├── slider-default-firefox-linux.png │ │ │ │ ├── slider-default-webkit-linux.png │ │ │ │ ├── slider-error-chromium-linux.png │ │ │ │ ├── slider-error-firefox-linux.png │ │ │ │ ├── slider-error-webkit-linux.png │ │ │ │ ├── slider-vertical-chromium-linux.png │ │ │ │ ├── slider-vertical-firefox-linux.png │ │ │ │ ├── slider-vertical-webkit-linux.png │ │ │ │ ├── slider-with-disabled-chromium-linux.png │ │ │ │ └── slider-with-disabled-firefox-linux.png │ │ ├── styles │ │ │ ├── direction.ts │ │ │ ├── elevation.ts │ │ │ ├── index.ts │ │ │ ├── patterns │ │ │ │ ├── button.ts │ │ │ │ ├── field.ts │ │ │ │ └── index.ts │ │ │ └── size.ts │ │ ├── switch │ │ │ ├── index.ts │ │ │ ├── switch.stories.ts │ │ │ ├── switch.styles.ts │ │ │ ├── switch.test.ts │ │ │ └── switch.test.ts-snapshots │ │ │ │ ├── switch-default-chromium-linux.png │ │ │ │ ├── switch-default-firefox-linux.png │ │ │ │ ├── switch-default-webkit-linux.png │ │ │ │ ├── switch-disabled-chromium-linux.png │ │ │ │ ├── switch-disabled-firefox-linux.png │ │ │ │ ├── switch-disabled-webkit-linux.png │ │ │ │ ├── switch-error-chromium-linux.png │ │ │ │ ├── switch-error-firefox-linux.png │ │ │ │ ├── switch-error-webkit-linux.png │ │ │ │ ├── switch-with-checked-chromium-linux.png │ │ │ │ ├── switch-with-checked-firefox-linux.png │ │ │ │ ├── switch-with-checked-webkit-linux.png │ │ │ │ ├── switch-with-messages-chromium-linux.png │ │ │ │ ├── switch-with-messages-firefox-linux.png │ │ │ │ └── switch-with-messages-webkit-linux.png │ │ ├── tab-panel │ │ │ ├── index.ts │ │ │ └── tab-panel.styles.ts │ │ ├── tab │ │ │ ├── index.ts │ │ │ └── tab.styles.ts │ │ ├── tabs │ │ │ ├── index.ts │ │ │ ├── tabs.stories.ts │ │ │ ├── tabs.styles.ts │ │ │ ├── tabs.test.ts │ │ │ └── tabs.test.ts-snapshots │ │ │ │ ├── tabs-default-chromium-linux.png │ │ │ │ ├── tabs-default-firefox-linux.png │ │ │ │ ├── tabs-default-webkit-linux.png │ │ │ │ ├── tabs-vertical-chromium-linux.png │ │ │ │ ├── tabs-vertical-firefox-linux.png │ │ │ │ ├── tabs-vertical-webkit-linux.png │ │ │ │ ├── tabs-without-indicator-chromium-linux.png │ │ │ │ ├── tabs-without-indicator-firefox-linux.png │ │ │ │ └── tabs-without-indicator-webkit-linux.png │ │ ├── text-area │ │ │ ├── index.ts │ │ │ ├── text-area.stories.ts │ │ │ ├── text-area.styles.ts │ │ │ ├── text-area.test.ts │ │ │ └── text-area.test.ts-snapshots │ │ │ │ ├── text-area-default-chromium-linux.png │ │ │ │ ├── text-area-default-firefox-linux.png │ │ │ │ ├── text-area-default-webkit-linux.png │ │ │ │ ├── text-area-error-chromium-linux.png │ │ │ │ ├── text-area-error-firefox-linux.png │ │ │ │ ├── text-area-error-webkit-linux.png │ │ │ │ ├── text-area-with-autofocus-chromium-linux.png │ │ │ │ ├── text-area-with-autofocus-firefox-linux.png │ │ │ │ ├── text-area-with-autofocus-webkit-linux.png │ │ │ │ ├── text-area-with-disabled-chromium-linux.png │ │ │ │ ├── text-area-with-disabled-firefox-linux.png │ │ │ │ ├── text-area-with-disabled-webkit-linux.png │ │ │ │ ├── text-area-with-max-length-chromium-linux.png │ │ │ │ ├── text-area-with-max-length-firefox-linux.png │ │ │ │ ├── text-area-with-max-length-webkit-linux.png │ │ │ │ ├── text-area-with-placeholder-chromium-linux.png │ │ │ │ ├── text-area-with-placeholder-firefox-linux.png │ │ │ │ ├── text-area-with-placeholder-webkit-linux.png │ │ │ │ ├── text-area-with-readonly-chromium-linux.png │ │ │ │ ├── text-area-with-readonly-firefox-linux.png │ │ │ │ └── text-area-with-readonly-webkit-linux.png │ │ ├── text-field │ │ │ ├── index.ts │ │ │ ├── text-field.stories.ts │ │ │ ├── text-field.styles.ts │ │ │ ├── text-field.test.ts │ │ │ └── text-field.test.ts-snapshots │ │ │ │ ├── text-field-default-chromium-linux.png │ │ │ │ ├── text-field-default-firefox-linux.png │ │ │ │ ├── text-field-default-webkit-linux.png │ │ │ │ ├── text-field-error-chromium-linux.png │ │ │ │ ├── text-field-error-firefox-linux.png │ │ │ │ ├── text-field-error-webkit-linux.png │ │ │ │ ├── text-field-with-autofocus-chromium-linux.png │ │ │ │ ├── text-field-with-autofocus-firefox-linux.png │ │ │ │ ├── text-field-with-autofocus-webkit-linux.png │ │ │ │ ├── text-field-with-disabled-chromium-linux.png │ │ │ │ ├── text-field-with-disabled-firefox-linux.png │ │ │ │ ├── text-field-with-disabled-webkit-linux.png │ │ │ │ ├── text-field-with-max-length-chromium-linux.png │ │ │ │ ├── text-field-with-max-length-firefox-linux.png │ │ │ │ ├── text-field-with-max-length-webkit-linux.png │ │ │ │ ├── text-field-with-placeholder-chromium-linux.png │ │ │ │ ├── text-field-with-placeholder-firefox-linux.png │ │ │ │ ├── text-field-with-placeholder-webkit-linux.png │ │ │ │ ├── text-field-with-readonly-chromium-linux.png │ │ │ │ ├── text-field-with-readonly-firefox-linux.png │ │ │ │ ├── text-field-with-readonly-webkit-linux.png │ │ │ │ ├── text-field-with-size-chromium-linux.png │ │ │ │ ├── text-field-with-size-firefox-linux.png │ │ │ │ ├── text-field-with-size-webkit-linux.png │ │ │ │ ├── text-field-with-start-icon-chromium-linux.png │ │ │ │ ├── text-field-with-start-icon-firefox-linux.png │ │ │ │ ├── text-field-with-start-icon-webkit-linux.png │ │ │ │ ├── text-field-with-type-chromium-linux.png │ │ │ │ ├── text-field-with-type-firefox-linux.png │ │ │ │ └── text-field-with-type-webkit-linux.png │ │ ├── toolbar │ │ │ ├── index.ts │ │ │ ├── toolbar.stories.ts │ │ │ ├── toolbar.styles.ts │ │ │ ├── toolbar.test.ts │ │ │ └── toolbar.test.ts-snapshots │ │ │ │ ├── toolbar-default-chromium-linux.png │ │ │ │ ├── toolbar-default-firefox-linux.png │ │ │ │ └── toolbar-default-webkit-linux.png │ │ ├── tooltip │ │ │ ├── index.ts │ │ │ ├── tooltip.stories.ts │ │ │ ├── tooltip.styles.ts │ │ │ ├── tooltip.test.ts │ │ │ └── tooltip.test.ts-snapshots │ │ │ │ ├── tooltip-default-chromium-linux.png │ │ │ │ ├── tooltip-default-firefox-linux.png │ │ │ │ └── tooltip-default-webkit-linux.png │ │ ├── tree-item │ │ │ ├── index.ts │ │ │ ├── tree-item.stories.ts │ │ │ ├── tree-item.styles.ts │ │ │ ├── tree-item.test.ts │ │ │ └── tree-item.test.ts-snapshots │ │ │ │ ├── tree-item-default-chromium-linux.png │ │ │ │ ├── tree-item-default-firefox-linux.png │ │ │ │ ├── tree-item-default-webkit-linux.png │ │ │ │ ├── tree-item-selected-chromium-linux.png │ │ │ │ ├── tree-item-selected-firefox-linux.png │ │ │ │ ├── tree-item-selected-webkit-linux.png │ │ │ │ ├── tree-item-with-after-content-chromium-linux.png │ │ │ │ ├── tree-item-with-after-content-firefox-linux.png │ │ │ │ ├── tree-item-with-after-content-webkit-linux.png │ │ │ │ ├── tree-item-with-before-content-chromium-linux.png │ │ │ │ ├── tree-item-with-before-content-firefox-linux.png │ │ │ │ └── tree-item-with-before-content-webkit-linux.png │ │ ├── tree-view │ │ │ ├── index.ts │ │ │ ├── tree-view.stories.ts │ │ │ ├── tree-view.styles.ts │ │ │ ├── tree-view.test.ts │ │ │ └── tree-view.test.ts-snapshots │ │ │ │ ├── tree-view-default-chromium-linux.png │ │ │ │ ├── tree-view-default-firefox-linux.png │ │ │ │ └── tree-view-default-webkit-linux.png │ │ └── utilities │ │ │ ├── behaviors.ts │ │ │ ├── storybook │ │ │ └── index.ts │ │ │ └── theme │ │ │ ├── applyTheme.spec.ts │ │ │ └── applyTheme.ts │ ├── tsconfig.json │ ├── tsconfig.storybook.json │ ├── tsconfig.test.json │ └── tsconfigbase.json ├── lab-example │ ├── .eslintignore │ ├── .eslintrc.js │ ├── LICENSE │ ├── README.md │ ├── package.json │ ├── src │ │ ├── index.tsx │ │ └── model.ts │ ├── style │ │ ├── base.css │ │ ├── index.css │ │ └── index.js │ └── tsconfig.json └── react-components │ ├── .eslintignore │ ├── .eslintrc.cjs │ ├── README.md │ ├── lib │ ├── Accordion.d.ts │ ├── Accordion.js │ ├── AccordionItem.d.ts │ ├── AccordionItem.js │ ├── Anchor.d.ts │ ├── Anchor.js │ ├── AnchoredRegion.d.ts │ ├── AnchoredRegion.js │ ├── Avatar.d.ts │ ├── Avatar.js │ ├── Badge.d.ts │ ├── Badge.js │ ├── Breadcrumb.d.ts │ ├── Breadcrumb.js │ ├── BreadcrumbItem.d.ts │ ├── BreadcrumbItem.js │ ├── Button.d.ts │ ├── Button.js │ ├── Card.d.ts │ ├── Card.js │ ├── Checkbox.d.ts │ ├── Checkbox.js │ ├── Combobox.d.ts │ ├── Combobox.js │ ├── DataGrid.d.ts │ ├── DataGrid.js │ ├── DataGridCell.d.ts │ ├── DataGridCell.js │ ├── DataGridRow.d.ts │ ├── DataGridRow.js │ ├── DateField.d.ts │ ├── DateField.js │ ├── Dialog.d.ts │ ├── Dialog.js │ ├── Disclosure.d.ts │ ├── Disclosure.js │ ├── Divider.d.ts │ ├── Divider.js │ ├── Icon.d.ts │ ├── Icon.js │ ├── Listbox.d.ts │ ├── Listbox.js │ ├── Menu.d.ts │ ├── Menu.js │ ├── MenuItem.d.ts │ ├── MenuItem.js │ ├── NumberField.d.ts │ ├── NumberField.js │ ├── Option.d.ts │ ├── Option.js │ ├── Picker.d.ts │ ├── Picker.js │ ├── PickerList.d.ts │ ├── PickerList.js │ ├── PickerListItem.d.ts │ ├── PickerListItem.js │ ├── PickerMenu.d.ts │ ├── PickerMenu.js │ ├── PickerMenuOption.d.ts │ ├── PickerMenuOption.js │ ├── Progress.d.ts │ ├── Progress.js │ ├── ProgressRing.d.ts │ ├── ProgressRing.js │ ├── Radio.d.ts │ ├── Radio.js │ ├── RadioGroup.d.ts │ ├── RadioGroup.js │ ├── Search.d.ts │ ├── Search.js │ ├── Select.d.ts │ ├── Select.js │ ├── Skeleton.d.ts │ ├── Skeleton.js │ ├── Slider.d.ts │ ├── Slider.js │ ├── SliderLabel.d.ts │ ├── SliderLabel.js │ ├── Switch.d.ts │ ├── Switch.js │ ├── Tab.d.ts │ ├── Tab.js │ ├── TabPanel.d.ts │ ├── TabPanel.js │ ├── Tabs.d.ts │ ├── Tabs.js │ ├── TextArea.d.ts │ ├── TextArea.js │ ├── TextField.d.ts │ ├── TextField.js │ ├── Toolbar.d.ts │ ├── Toolbar.js │ ├── Tooltip.d.ts │ ├── Tooltip.js │ ├── TreeItem.d.ts │ ├── TreeItem.js │ ├── TreeView.d.ts │ ├── TreeView.js │ ├── index.d.ts │ ├── index.js │ └── react-utils.js │ ├── package.json │ └── tsconfig.json ├── pyproject.toml ├── scripts └── bump_version.py ├── setup.py ├── tsconfig.json └── yarn.lock /.copier-answers.yml: -------------------------------------------------------------------------------- 1 | # Changes here will be overwritten by Copier; NEVER EDIT MANUALLY 2 | _commit: v4.0.6 3 | _src_path: https://github.com/jupyterlab/extension-template 4 | author_email: '' 5 | author_name: Project Jupyter 6 | has_binder: true 7 | has_settings: false 8 | kind: frontend 9 | labextension_name: 'jupyter-ui-demo' 10 | project_short_description: UI Toolkit for Jupyter. 11 | python_name: jupyter_ui_demo 12 | repository: https://github.com/jupyterlab-contrib/jupyter-ui-toolkit 13 | test: false 14 | 15 | -------------------------------------------------------------------------------- /.github/workflows/binder-on-pr.yml: -------------------------------------------------------------------------------- 1 | name: Binder Badge 2 | on: 3 | pull_request_target: 4 | types: [opened] 5 | 6 | jobs: 7 | binder: 8 | runs-on: ubuntu-latest 9 | permissions: 10 | pull-requests: write 11 | steps: 12 | - uses: jupyterlab/maintainer-tools/.github/actions/binder-link@v1 13 | with: 14 | github_token: ${{ secrets.github_token }} 15 | -------------------------------------------------------------------------------- /.github/workflows/enforce-label.yml: -------------------------------------------------------------------------------- 1 | name: Enforce PR label 2 | 3 | on: 4 | pull_request: 5 | types: [labeled, unlabeled, opened, edited, synchronize] 6 | jobs: 7 | enforce-label: 8 | runs-on: ubuntu-latest 9 | permissions: 10 | pull-requests: write 11 | steps: 12 | - name: enforce-triage-label 13 | uses: jupyterlab/maintainer-tools/.github/actions/enforce-label@v1 14 | -------------------------------------------------------------------------------- /.prettierignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | **/node_modules 3 | **/lib 4 | **/package.json 5 | !/package.json 6 | jupyter_ui_demo 7 | 8 | # Production 9 | build/ 10 | dist/ 11 | storybook-static/ 12 | packages/components/docs/api-report.md 13 | 14 | # Misc 15 | .DS_Store 16 | .vscode 17 | .env.local 18 | .env.development.local 19 | .env.test.local 20 | .env.production.local 21 | .eslintcache 22 | coverage/ 23 | temp/ 24 | docs/api-report.md 25 | 26 | npm-debug.log* 27 | yarn-debug.log* 28 | yarn-error.log* 29 | tests-out/ 30 | 31 | !packages/react-components/lib -------------------------------------------------------------------------------- /.prettierrc: -------------------------------------------------------------------------------- 1 | { 2 | "singleQuote": true, 3 | "trailingComma": "none", 4 | "arrowParens": "avoid", 5 | "overrides": [ 6 | { 7 | "files": "package.json", 8 | "options": { 9 | "tabWidth": 4 10 | } 11 | } 12 | ] 13 | } -------------------------------------------------------------------------------- /.yarnrc.yml: -------------------------------------------------------------------------------- 1 | nodeLinker: node-modules 2 | 3 | yarnPath: .yarn/releases/yarn-3.6.0.cjs 4 | -------------------------------------------------------------------------------- /binder/environment.yml: -------------------------------------------------------------------------------- 1 | # a mybinder.org-ready environment for demoing jupyter_ui_demo 2 | # this environment may also be used locally on Linux/MacOS/Windows, e.g. 3 | # 4 | # conda env update --file binder/environment.yml 5 | # conda activate jupyter-ui-demo 6 | # 7 | name: jupyter-ui-demo 8 | 9 | channels: 10 | - conda-forge 11 | 12 | dependencies: 13 | # runtime dependencies 14 | - python >=3.10,<3.11.0a0 15 | - jupyterlab >=4.0.0,<4.1.0 16 | # labextension build dependencies 17 | - nodejs >=20,<21 18 | - pip 19 | - wheel 20 | -------------------------------------------------------------------------------- /examples/cdn/README.md: -------------------------------------------------------------------------------- 1 | # Using the toolkit from CDN 2 | 3 | This example demonstrates how to use the Jupyter UI toolkit from CDN with 4 | JupyterLab theming on. 5 | -------------------------------------------------------------------------------- /install.json: -------------------------------------------------------------------------------- 1 | { 2 | "packageManager": "python", 3 | "packageName": "jupyter_ui_demo", 4 | "uninstallInstructions": "Use your Python package manager (pip, conda, etc.) to uninstall the package jupyter_ui_demo" 5 | } 6 | -------------------------------------------------------------------------------- /jupyter_ui_demo/__init__.py: -------------------------------------------------------------------------------- 1 | try: 2 | from ._version import __version__ 3 | except ImportError: 4 | # Fallback when using the package in dev mode without installing 5 | # in editable mode with pip. It is highly recommended to install 6 | # the package from a stable release or in editable mode: https://pip.pypa.io/en/stable/topics/local-project-installs/#editable-installs 7 | import warnings 8 | warnings.warn("Importing 'jupyter_ui_demo' outside a proper installation.") 9 | __version__ = "dev" 10 | 11 | 12 | def _jupyter_labextension_paths(): 13 | return [{ 14 | "src": "labextension", 15 | "dest": "jupyter-ui-demo" 16 | }] 17 | -------------------------------------------------------------------------------- /lerna.json: -------------------------------------------------------------------------------- 1 | { 2 | "npmClient": "yarn", 3 | "version": "0.17.1" 4 | } 5 | -------------------------------------------------------------------------------- /packages/components/.babelrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "sourceType": "unambiguous", 3 | "presets": [ 4 | [ 5 | "@babel/preset-env", 6 | { 7 | "targets": { 8 | "node": "current" 9 | } 10 | } 11 | ] 12 | ], 13 | "plugins": [] 14 | } 15 | -------------------------------------------------------------------------------- /packages/components/.eslintignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | **/dist 3 | **/node_modules 4 | **/lib 5 | **/build 6 | **/dist 7 | **/coverage 8 | **/docs 9 | 10 | # don't lint storybook files 11 | **/.storybook/ 12 | # don't lint stories 13 | **/*.stories.* 14 | **/*.d.ts 15 | **/tests 16 | src/utilities/storybook/ 17 | src/**/*.spec.ts 18 | src/**/*.stories.ts 19 | src/**/fixtures/ 20 | playwright.config.ts 21 | -------------------------------------------------------------------------------- /packages/components/.npmignore: -------------------------------------------------------------------------------- 1 | # Source files 2 | src/ 3 | 4 | # Docs 5 | docs/ 6 | 7 | # Tests 8 | *.spec.* 9 | *.test.* 10 | coverage/ 11 | test-results/ 12 | tests-out/ 13 | 14 | # Builds 15 | build/ 16 | storybook-static/ 17 | 18 | # Config files 19 | .storybook 20 | .eslintrc.js 21 | .eslintignore 22 | api-extractor.json 23 | jest.config.js 24 | tsconfig.json 25 | tsconfigbase.json 26 | tsconfig.storybook.json 27 | rollup.config.js 28 | playwright.config.ts 29 | tsconfig.playwright.* 30 | 31 | # Cache 32 | temp 33 | -------------------------------------------------------------------------------- /packages/components/.storybook/customTheme.js: -------------------------------------------------------------------------------- 1 | import { create } from '@storybook/theming/create'; 2 | 3 | export default create({ 4 | base: 'dark', 5 | brandTitle: 'Jupyter UI Toolkit', 6 | brandUrl: 'https://github.com/jupyterlab-contrib/jupyter-ui-toolkit' 7 | }); 8 | -------------------------------------------------------------------------------- /packages/components/.storybook/manager.js: -------------------------------------------------------------------------------- 1 | import { addons } from '@storybook/addons'; 2 | import customTheme from './customTheme'; 3 | 4 | addons.setConfig({ 5 | isFullscreen: false, 6 | showNav: true, 7 | showPanel: true, 8 | panelPosition: 'bottom', 9 | sidebarAnimations: true, 10 | enableShortcuts: false, 11 | isToolshown: true, 12 | theme: customTheme, 13 | selectedPanel: undefined, 14 | initialActive: 'sidebar', 15 | showRoots: true 16 | }); 17 | -------------------------------------------------------------------------------- /packages/components/api-extractor.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://developer.microsoft.com/json-schemas/api-extractor/v7/api-extractor.schema.json", 3 | "mainEntryPointFilePath": "dist/dts/index.d.ts", 4 | "apiReport": { 5 | "enabled": true, 6 | "reportFolder": "docs", 7 | "reportFileName": "api-report.md" 8 | }, 9 | "docModel": { 10 | "enabled": false 11 | }, 12 | "dtsRollup": { 13 | "enabled": true, 14 | "untrimmedFilePath": "dist/toolkit.d.ts" 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /packages/components/docs/api-report.mdx: -------------------------------------------------------------------------------- 1 | import { Meta } from '@storybook/addon-docs'; 2 | import { Markdown } from '@storybook/blocks'; 3 | import APIReport from './api-report.md'; 4 | 5 | 6 | 7 | {APIReport} 8 | -------------------------------------------------------------------------------- /packages/components/docs/assets/toolkit-artwork.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/docs/assets/toolkit-artwork.png -------------------------------------------------------------------------------- /packages/components/docs/changelog.mdx: -------------------------------------------------------------------------------- 1 | import { Meta } from '@storybook/addon-docs'; 2 | import { Markdown } from '@storybook/blocks'; 3 | import Changelog from '../../../CHANGELOG.md'; 4 | 5 | 6 | 7 | {Changelog} 8 | -------------------------------------------------------------------------------- /packages/components/docs/contributing.mdx: -------------------------------------------------------------------------------- 1 | import { Meta } from '@storybook/addon-docs'; 2 | import { Markdown } from '@storybook/blocks'; 3 | import Contributing from '../../../CONTRIBUTING.md'; 4 | 5 | 6 | 7 | {Contributing} 8 | -------------------------------------------------------------------------------- /packages/components/jest.config.cjs: -------------------------------------------------------------------------------- 1 | /** @type {import('ts-jest/dist/types').InitialOptionsTsJest} */ 2 | const esModules = ['@microsoft/fast-colors', ''].join('|'); 3 | 4 | module.exports = { 5 | transform: { 6 | '^.+\\.tsx?$': [ 7 | 'ts-jest', 8 | { 9 | tsconfig: './tsconfig.test.json', 10 | useESM: true 11 | } 12 | ], 13 | '^.+\\.jsx?$': 'babel-jest' 14 | }, 15 | testEnvironment: 'jsdom', 16 | testMatch: ['**/?(*.)+(spec).ts'], 17 | transformIgnorePatterns: [`/node_modules/(?!@microsoft|@jupyterlab).+`], 18 | extensionsToTreatAsEsm: ['.ts'], 19 | moduleNameMapper: { 20 | '^(\\.{1,2}/.*)\\.js$': '$1' 21 | } 22 | }; 23 | -------------------------------------------------------------------------------- /packages/components/src/accordion-item/accordion-item.stories.ts: -------------------------------------------------------------------------------- 1 | // Copyright (c) Jupyter Development Team. 2 | // Distributed under the terms of the Modified BSD License. 3 | import type { StoryFn, Meta, StoryObj } from '@storybook/html'; 4 | 5 | export default { 6 | title: 'Components/Accordion Item', 7 | 8 | parameters: { 9 | controls: { 10 | disabled: true 11 | }, 12 | actions: { 13 | disabled: true 14 | } 15 | } 16 | } as Meta; 17 | 18 | const Template: StoryFn = (args, context): string => { 19 | return ` 20 | Accordion one content
Accordion one
21 |
`; 22 | }; 23 | 24 | export const Default: StoryObj = { render: Template.bind({}) }; 25 | Default.args = {}; 26 | -------------------------------------------------------------------------------- /packages/components/src/accordion-item/accordion-item.test.ts: -------------------------------------------------------------------------------- 1 | // Copyright (c) Jupyter Development Team. 2 | // Distributed under the terms of the Modified BSD License. 3 | 4 | import { test, expect } from '@playwright/test'; 5 | 6 | test('Default', async ({ page }) => { 7 | await page.goto('/iframe.html?id=components-accordion-item--default'); 8 | 9 | expect(await page.locator('jp-accordion-item').screenshot()).toMatchSnapshot( 10 | 'accordion-item-default.png' 11 | ); 12 | }); 13 | -------------------------------------------------------------------------------- /packages/components/src/accordion-item/accordion-item.test.ts-snapshots/accordion-item-default-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/accordion-item/accordion-item.test.ts-snapshots/accordion-item-default-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/accordion-item/accordion-item.test.ts-snapshots/accordion-item-default-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/accordion-item/accordion-item.test.ts-snapshots/accordion-item-default-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/accordion-item/accordion-item.test.ts-snapshots/accordion-item-default-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/accordion-item/accordion-item.test.ts-snapshots/accordion-item-default-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/accordion/accordion.test.ts: -------------------------------------------------------------------------------- 1 | // Copyright (c) Jupyter Development Team. 2 | // Distributed under the terms of the Modified BSD License. 3 | 4 | import { test, expect } from '@playwright/test'; 5 | 6 | test('Default', async ({ page }) => { 7 | await page.goto('/iframe.html?id=components-accordion--default'); 8 | 9 | expect(await page.locator('jp-accordion').screenshot()).toMatchSnapshot( 10 | 'accordion-default.png' 11 | ); 12 | }); 13 | -------------------------------------------------------------------------------- /packages/components/src/accordion/accordion.test.ts-snapshots/accordion-default-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/accordion/accordion.test.ts-snapshots/accordion-default-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/accordion/accordion.test.ts-snapshots/accordion-default-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/accordion/accordion.test.ts-snapshots/accordion-default-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/accordion/accordion.test.ts-snapshots/accordion-default-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/accordion/accordion.test.ts-snapshots/accordion-default-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/anchor/anchor.test.ts: -------------------------------------------------------------------------------- 1 | // Copyright (c) Jupyter Development Team. 2 | // Distributed under the terms of the Modified BSD License. 3 | 4 | import { test, expect } from '@playwright/test'; 5 | 6 | test('Default', async ({ page }) => { 7 | await page.goto('/iframe.html?id=components-anchor--default'); 8 | 9 | expect(await page.locator('jp-anchor').screenshot()).toMatchSnapshot( 10 | 'anchor-default.png' 11 | ); 12 | }); 13 | -------------------------------------------------------------------------------- /packages/components/src/anchor/anchor.test.ts-snapshots/anchor-default-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/anchor/anchor.test.ts-snapshots/anchor-default-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/anchor/anchor.test.ts-snapshots/anchor-default-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/anchor/anchor.test.ts-snapshots/anchor-default-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/anchor/anchor.test.ts-snapshots/anchor-default-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/anchor/anchor.test.ts-snapshots/anchor-default-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/anchored-region/anchored-region.styles.ts: -------------------------------------------------------------------------------- 1 | // Copyright (c) Jupyter Development Team. 2 | // Copyright (c) Microsoft Corporation. 3 | // Distributed under the terms of the Modified BSD License. 4 | 5 | import { css, ElementStyles } from '@microsoft/fast-element'; 6 | import { FoundationElementTemplate } from '@microsoft/fast-foundation'; 7 | 8 | /** 9 | * Styles for AnchoredRegion 10 | * @public 11 | */ 12 | export const anchoredRegionStyles: FoundationElementTemplate = ( 13 | context, 14 | definition 15 | ) => css` 16 | :host { 17 | contain: layout; 18 | display: block; 19 | } 20 | `; 21 | -------------------------------------------------------------------------------- /packages/components/src/avatar/avatar.test.ts-snapshots/avatar-default-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/avatar/avatar.test.ts-snapshots/avatar-default-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/avatar/avatar.test.ts-snapshots/avatar-default-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/avatar/avatar.test.ts-snapshots/avatar-default-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/avatar/avatar.test.ts-snapshots/avatar-default-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/avatar/avatar.test.ts-snapshots/avatar-default-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/avatar/avatar.test.ts-snapshots/avatar-square-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/avatar/avatar.test.ts-snapshots/avatar-square-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/avatar/avatar.test.ts-snapshots/avatar-square-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/avatar/avatar.test.ts-snapshots/avatar-square-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/avatar/avatar.test.ts-snapshots/avatar-square-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/avatar/avatar.test.ts-snapshots/avatar-square-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/avatar/avatar.test.ts-snapshots/avatar-with-image-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/avatar/avatar.test.ts-snapshots/avatar-with-image-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/avatar/avatar.test.ts-snapshots/avatar-with-image-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/avatar/avatar.test.ts-snapshots/avatar-with-image-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/avatar/avatar.test.ts-snapshots/avatar-with-image-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/avatar/avatar.test.ts-snapshots/avatar-with-image-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/badge/badge.test.ts: -------------------------------------------------------------------------------- 1 | // Copyright (c) Jupyter Development Team. 2 | // Distributed under the terms of the Modified BSD License. 3 | 4 | import { test, expect } from '@playwright/test'; 5 | 6 | test('Default', async ({ page }) => { 7 | await page.goto('/iframe.html?id=components-badge--default'); 8 | 9 | expect(await page.locator('jp-badge').screenshot()).toMatchSnapshot( 10 | 'badge-default.png' 11 | ); 12 | }); 13 | -------------------------------------------------------------------------------- /packages/components/src/badge/badge.test.ts-snapshots/badge-default-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/badge/badge.test.ts-snapshots/badge-default-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/badge/badge.test.ts-snapshots/badge-default-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/badge/badge.test.ts-snapshots/badge-default-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/badge/badge.test.ts-snapshots/badge-default-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/badge/badge.test.ts-snapshots/badge-default-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/breadcrumb-item/breadcrumb-item.test.ts-snapshots/breadcrumb-item-default-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/breadcrumb-item/breadcrumb-item.test.ts-snapshots/breadcrumb-item-default-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/breadcrumb-item/breadcrumb-item.test.ts-snapshots/breadcrumb-item-default-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/breadcrumb-item/breadcrumb-item.test.ts-snapshots/breadcrumb-item-default-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/breadcrumb-item/breadcrumb-item.test.ts-snapshots/breadcrumb-item-default-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/breadcrumb-item/breadcrumb-item.test.ts-snapshots/breadcrumb-item-default-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/breadcrumb-item/breadcrumb-item.test.ts-snapshots/breadcrumb-item-with-end-icon-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/breadcrumb-item/breadcrumb-item.test.ts-snapshots/breadcrumb-item-with-end-icon-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/breadcrumb-item/breadcrumb-item.test.ts-snapshots/breadcrumb-item-with-end-icon-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/breadcrumb-item/breadcrumb-item.test.ts-snapshots/breadcrumb-item-with-end-icon-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/breadcrumb-item/breadcrumb-item.test.ts-snapshots/breadcrumb-item-with-end-icon-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/breadcrumb-item/breadcrumb-item.test.ts-snapshots/breadcrumb-item-with-end-icon-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/breadcrumb-item/breadcrumb-item.test.ts-snapshots/breadcrumb-item-with-start-icon-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/breadcrumb-item/breadcrumb-item.test.ts-snapshots/breadcrumb-item-with-start-icon-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/breadcrumb-item/breadcrumb-item.test.ts-snapshots/breadcrumb-item-with-start-icon-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/breadcrumb-item/breadcrumb-item.test.ts-snapshots/breadcrumb-item-with-start-icon-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/breadcrumb-item/breadcrumb-item.test.ts-snapshots/breadcrumb-item-with-start-icon-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/breadcrumb-item/breadcrumb-item.test.ts-snapshots/breadcrumb-item-with-start-icon-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/breadcrumb-item/breadcrumb-item.test.ts-snapshots/breadcrumb-item-without-href-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/breadcrumb-item/breadcrumb-item.test.ts-snapshots/breadcrumb-item-without-href-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/breadcrumb-item/breadcrumb-item.test.ts-snapshots/breadcrumb-item-without-href-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/breadcrumb-item/breadcrumb-item.test.ts-snapshots/breadcrumb-item-without-href-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/breadcrumb-item/breadcrumb-item.test.ts-snapshots/breadcrumb-item-without-href-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/breadcrumb-item/breadcrumb-item.test.ts-snapshots/breadcrumb-item-without-href-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-default-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-default-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-default-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-default-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-default-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-default-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-with-custom-children-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-with-custom-children-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-with-custom-children-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-with-custom-children-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-with-custom-children-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-with-custom-children-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-with-end-icon-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-with-end-icon-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-with-end-icon-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-with-end-icon-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-with-end-icon-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-with-end-icon-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-with-start-icon-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-with-start-icon-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-with-start-icon-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-with-start-icon-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-with-start-icon-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-with-start-icon-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/button/button.test.ts-snapshots/button-default-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/button/button.test.ts-snapshots/button-default-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/button/button.test.ts-snapshots/button-default-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/button/button.test.ts-snapshots/button-default-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/button/button.test.ts-snapshots/button-default-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/button/button.test.ts-snapshots/button-default-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/button/button.test.ts-snapshots/button-error-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/button/button.test.ts-snapshots/button-error-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/button/button.test.ts-snapshots/button-error-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/button/button.test.ts-snapshots/button-error-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/button/button.test.ts-snapshots/button-error-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/button/button.test.ts-snapshots/button-error-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/button/button.test.ts-snapshots/button-icon-only-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/button/button.test.ts-snapshots/button-icon-only-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/button/button.test.ts-snapshots/button-icon-only-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/button/button.test.ts-snapshots/button-icon-only-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/button/button.test.ts-snapshots/button-icon-only-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/button/button.test.ts-snapshots/button-icon-only-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/button/button.test.ts-snapshots/button-lightweight-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/button/button.test.ts-snapshots/button-lightweight-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/button/button.test.ts-snapshots/button-lightweight-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/button/button.test.ts-snapshots/button-lightweight-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/button/button.test.ts-snapshots/button-lightweight-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/button/button.test.ts-snapshots/button-lightweight-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/button/button.test.ts-snapshots/button-neutral-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/button/button.test.ts-snapshots/button-neutral-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/button/button.test.ts-snapshots/button-neutral-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/button/button.test.ts-snapshots/button-neutral-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/button/button.test.ts-snapshots/button-neutral-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/button/button.test.ts-snapshots/button-neutral-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/button/button.test.ts-snapshots/button-toggle-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/button/button.test.ts-snapshots/button-toggle-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/button/button.test.ts-snapshots/button-toggle-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/button/button.test.ts-snapshots/button-toggle-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/button/button.test.ts-snapshots/button-toggle-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/button/button.test.ts-snapshots/button-toggle-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/button/button.test.ts-snapshots/button-with-disabled-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/button/button.test.ts-snapshots/button-with-disabled-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/button/button.test.ts-snapshots/button-with-disabled-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/button/button.test.ts-snapshots/button-with-disabled-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/button/button.test.ts-snapshots/button-with-disabled-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/button/button.test.ts-snapshots/button-with-disabled-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/button/button.test.ts-snapshots/button-with-start-icon-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/button/button.test.ts-snapshots/button-with-start-icon-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/button/button.test.ts-snapshots/button-with-start-icon-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/button/button.test.ts-snapshots/button-with-start-icon-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/button/button.test.ts-snapshots/button-with-start-icon-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/button/button.test.ts-snapshots/button-with-start-icon-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/card/card.test.ts: -------------------------------------------------------------------------------- 1 | // Copyright (c) Jupyter Development Team. 2 | // Distributed under the terms of the Modified BSD License. 3 | 4 | import { test, expect } from '@playwright/test'; 5 | 6 | test('Default', async ({ page }) => { 7 | await page.goto('/iframe.html?id=components-card--default'); 8 | 9 | expect(await page.locator('jp-card').screenshot()).toMatchSnapshot( 10 | 'card-default.png' 11 | ); 12 | }); 13 | -------------------------------------------------------------------------------- /packages/components/src/card/card.test.ts-snapshots/card-default-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/card/card.test.ts-snapshots/card-default-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/card/card.test.ts-snapshots/card-default-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/card/card.test.ts-snapshots/card-default-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/card/card.test.ts-snapshots/card-default-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/card/card.test.ts-snapshots/card-default-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/checkbox/checkbox.test.ts-snapshots/checkbox-default-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/checkbox/checkbox.test.ts-snapshots/checkbox-default-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/checkbox/checkbox.test.ts-snapshots/checkbox-default-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/checkbox/checkbox.test.ts-snapshots/checkbox-default-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/checkbox/checkbox.test.ts-snapshots/checkbox-default-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/checkbox/checkbox.test.ts-snapshots/checkbox-default-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/checkbox/checkbox.test.ts-snapshots/checkbox-disabled-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/checkbox/checkbox.test.ts-snapshots/checkbox-disabled-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/checkbox/checkbox.test.ts-snapshots/checkbox-disabled-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/checkbox/checkbox.test.ts-snapshots/checkbox-disabled-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/checkbox/checkbox.test.ts-snapshots/checkbox-disabled-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/checkbox/checkbox.test.ts-snapshots/checkbox-disabled-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/checkbox/checkbox.test.ts-snapshots/checkbox-error-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/checkbox/checkbox.test.ts-snapshots/checkbox-error-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/checkbox/checkbox.test.ts-snapshots/checkbox-error-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/checkbox/checkbox.test.ts-snapshots/checkbox-error-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/checkbox/checkbox.test.ts-snapshots/checkbox-error-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/checkbox/checkbox.test.ts-snapshots/checkbox-error-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/checkbox/checkbox.test.ts-snapshots/checkbox-indeterminate-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/checkbox/checkbox.test.ts-snapshots/checkbox-indeterminate-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/checkbox/checkbox.test.ts-snapshots/checkbox-indeterminate-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/checkbox/checkbox.test.ts-snapshots/checkbox-indeterminate-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/checkbox/checkbox.test.ts-snapshots/checkbox-indeterminate-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/checkbox/checkbox.test.ts-snapshots/checkbox-indeterminate-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/checkbox/checkbox.test.ts-snapshots/checkbox-with-checked-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/checkbox/checkbox.test.ts-snapshots/checkbox-with-checked-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/checkbox/checkbox.test.ts-snapshots/checkbox-with-checked-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/checkbox/checkbox.test.ts-snapshots/checkbox-with-checked-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/checkbox/checkbox.test.ts-snapshots/checkbox-with-checked-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/checkbox/checkbox.test.ts-snapshots/checkbox-with-checked-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/color/palette.spec.ts: -------------------------------------------------------------------------------- 1 | import { PaletteRGB } from './palette.js'; 2 | import { SwatchRGB, isSwatchRGB } from './swatch.js'; 3 | 4 | const test: SwatchRGB = { 5 | r: 0, 6 | g: 0, 7 | b: 0, 8 | relativeLuminance: 0, 9 | contrast: () => 1, 10 | toColorString: () => '' 11 | }; 12 | 13 | describe('PaletteRGB.from', () => { 14 | it('should create a palette from the provided swatch if it matches a SwatchRGB implementation', () => { 15 | const palette = PaletteRGB.from(test); 16 | 17 | expect(palette.source === test).toEqual(true); 18 | }); 19 | 20 | it('should create a palette from a rgb object', () => { 21 | const source = { r: 1, g: 1, b: 1 }; 22 | const palette = PaletteRGB.from(source); 23 | 24 | expect(palette.source === source).toEqual(false); 25 | expect(isSwatchRGB(palette.source)).toEqual(true); 26 | }); 27 | }); 28 | -------------------------------------------------------------------------------- /packages/components/src/color/recipe.ts: -------------------------------------------------------------------------------- 1 | import { Swatch } from './swatch.js'; 2 | 3 | /** @public */ 4 | export interface InteractiveSwatchSet { 5 | /** 6 | * The swatch to apply to the rest state 7 | */ 8 | rest: Swatch; 9 | 10 | /** 11 | * The swatch to apply to the hover state 12 | */ 13 | hover: Swatch; 14 | 15 | /** 16 | * The swatch to apply to the active state 17 | */ 18 | active: Swatch; 19 | 20 | /** 21 | * The swatch to apply to the focus state 22 | */ 23 | focus: Swatch; 24 | } 25 | -------------------------------------------------------------------------------- /packages/components/src/color/recipes/focus-stroke.ts: -------------------------------------------------------------------------------- 1 | import { Palette } from '../palette.js'; 2 | import { Swatch } from '../swatch.js'; 3 | import { directionByIsDark } from '../utilities/direction-by-is-dark.js'; 4 | 5 | /** @internal */ 6 | export function focusStrokeOuter(palette: Palette, reference: Swatch) { 7 | return palette.colorContrast(reference, 3.5); 8 | } 9 | 10 | /** @internal */ 11 | export function focusStrokeInner( 12 | palette: Palette, 13 | reference: Swatch, 14 | focusColor: Swatch 15 | ): Swatch { 16 | return palette.colorContrast( 17 | focusColor, 18 | 3.5, 19 | palette.closestIndexOf(palette.source), 20 | (directionByIsDark(reference) * -1) as 1 | -1 21 | ); 22 | } 23 | -------------------------------------------------------------------------------- /packages/components/src/color/recipes/foreground-on-accent.spec.ts: -------------------------------------------------------------------------------- 1 | import { SwatchRGB } from '../swatch.js'; 2 | import { black } from '../utilities/color-constants.js'; 3 | import { foregroundOnAccent } from './foreground-on-accent.js'; 4 | 5 | describe('Cut text', (): void => { 6 | it('should return black when background does not meet contrast ratio', (): void => { 7 | const small = foregroundOnAccent( 8 | SwatchRGB.create(1, 1, 1), 9 | 4.5 10 | ) as SwatchRGB; 11 | const large = foregroundOnAccent(SwatchRGB.create(1, 1, 1), 3) as SwatchRGB; 12 | 13 | expect(small.r).toEqual(black.r); 14 | expect(small.g).toEqual(black.g); 15 | expect(small.b).toEqual(black.b); 16 | 17 | expect(large.r).toEqual(black.r); 18 | expect(large.g).toEqual(black.g); 19 | expect(large.b).toEqual(black.b); 20 | }); 21 | }); 22 | -------------------------------------------------------------------------------- /packages/components/src/color/recipes/foreground-on-accent.ts: -------------------------------------------------------------------------------- 1 | import { Swatch } from '../swatch.js'; 2 | import { black, white } from '../utilities/color-constants.js'; 3 | 4 | /** 5 | * @internal 6 | */ 7 | export function foregroundOnAccent( 8 | reference: Swatch, 9 | contrastTarget: number 10 | ): Swatch { 11 | return reference.contrast(white) >= contrastTarget ? white : black; 12 | } 13 | -------------------------------------------------------------------------------- /packages/components/src/color/recipes/foreground-on-error.ts: -------------------------------------------------------------------------------- 1 | import { Swatch } from '../swatch.js'; 2 | import { black, white } from '../utilities/color-constants.js'; 3 | 4 | /** 5 | * @internal 6 | */ 7 | 8 | export function foregroundOnErrorAlgorithm( 9 | reference: Swatch, 10 | contrastTarget: number 11 | ): Swatch { 12 | return reference.contrast(white) >= contrastTarget ? white : black; 13 | } 14 | -------------------------------------------------------------------------------- /packages/components/src/color/recipes/neutral-fill-layer.ts: -------------------------------------------------------------------------------- 1 | import { Palette } from '../palette.js'; 2 | import { Swatch } from '../swatch.js'; 3 | 4 | /** 5 | * @internal 6 | */ 7 | export function neutralFillLayer( 8 | palette: Palette, 9 | reference: Swatch, 10 | delta: number 11 | ): Swatch { 12 | const referenceIndex = palette.closestIndexOf(reference); 13 | 14 | return palette.get( 15 | referenceIndex - (referenceIndex < delta ? delta * -1 : delta) 16 | ); 17 | } 18 | -------------------------------------------------------------------------------- /packages/components/src/color/recipes/neutral-foreground-hint.ts: -------------------------------------------------------------------------------- 1 | import { Swatch } from '../swatch.js'; 2 | import { Palette } from '../palette.js'; 3 | 4 | /** 5 | * The neutralForegroundHint color recipe 6 | * @param palette - The palette to operate on 7 | * @param reference - The reference color 8 | * 9 | * @internal 10 | */ 11 | export function neutralForegroundHint( 12 | palette: Palette, 13 | reference: Swatch 14 | ): Swatch { 15 | return palette.colorContrast(reference, 4.5); 16 | } 17 | -------------------------------------------------------------------------------- /packages/components/src/color/recipes/neutral-foreground.spec.ts: -------------------------------------------------------------------------------- 1 | import { PaletteRGB } from '../palette.js'; 2 | import { neutralForeground } from './neutral-foreground.js'; 3 | import { middleGrey, white } from '../utilities/color-constants.js'; 4 | 5 | describe('neutralForeground', (): void => { 6 | const neutralPalette = PaletteRGB.create(middleGrey); 7 | 8 | it('should return correct result with default design system values', (): void => { 9 | expect( 10 | neutralForeground(neutralPalette, neutralPalette.get(88)).contrast( 11 | neutralPalette.get(neutralPalette.swatches.length - 1) 12 | ) 13 | ).toBeGreaterThanOrEqual(14); 14 | }); 15 | 16 | it('should return #FFFFFF with a dark background', (): void => { 17 | expect( 18 | neutralForeground(neutralPalette, white).contrast(white) 19 | ).toBeGreaterThanOrEqual(14); 20 | }); 21 | }); 22 | -------------------------------------------------------------------------------- /packages/components/src/color/recipes/neutral-foreground.ts: -------------------------------------------------------------------------------- 1 | import { Palette } from '../palette.js'; 2 | import { Swatch } from '../swatch.js'; 3 | 4 | /** 5 | * @internal 6 | */ 7 | export function neutralForeground(palette: Palette, reference: Swatch): Swatch { 8 | return palette.colorContrast(reference, 14); 9 | } 10 | -------------------------------------------------------------------------------- /packages/components/src/color/recipes/neutral-layer-1.ts: -------------------------------------------------------------------------------- 1 | import { Palette } from '../palette.js'; 2 | import { Swatch } from '../swatch.js'; 3 | import { baseLayerLuminanceSwatch } from '../utilities/base-layer-luminance.js'; 4 | 5 | export function neutralLayer1( 6 | palette: Palette, 7 | baseLayerLuminance: number 8 | ): Swatch { 9 | return palette.get( 10 | palette.closestIndexOf(baseLayerLuminanceSwatch(baseLayerLuminance)) 11 | ); 12 | } 13 | -------------------------------------------------------------------------------- /packages/components/src/color/recipes/neutral-layer-3.ts: -------------------------------------------------------------------------------- 1 | import { Palette } from '../palette.js'; 2 | import { Swatch } from '../swatch.js'; 3 | import { neutralLayer2Index } from './neutral-layer-2.js'; 4 | 5 | /** 6 | * @internal 7 | */ 8 | export function neutralLayer3( 9 | palette: Palette, 10 | luminance: number, 11 | layerDelta: number, 12 | fillRestDelta: number, 13 | fillHoverDelta: number, 14 | fillActiveDelta: number 15 | ): Swatch { 16 | return palette.get( 17 | neutralLayer2Index( 18 | palette, 19 | luminance, 20 | layerDelta, 21 | fillRestDelta, 22 | fillHoverDelta, 23 | fillActiveDelta 24 | ) + layerDelta 25 | ); 26 | } 27 | -------------------------------------------------------------------------------- /packages/components/src/color/recipes/neutral-layer-4.ts: -------------------------------------------------------------------------------- 1 | import { Palette } from '../palette.js'; 2 | import { Swatch } from '../swatch.js'; 3 | import { neutralLayer2Index } from './neutral-layer-2.js'; 4 | 5 | /** 6 | * @internal 7 | */ 8 | export function neutralLayer4( 9 | palette: Palette, 10 | luminance: number, 11 | layerDelta: number, 12 | fillRestDelta: number, 13 | fillHoverDelta: number, 14 | fillActiveDelta: number 15 | ): Swatch { 16 | return palette.get( 17 | neutralLayer2Index( 18 | palette, 19 | luminance, 20 | layerDelta, 21 | fillRestDelta, 22 | fillHoverDelta, 23 | fillActiveDelta 24 | ) + 25 | layerDelta * 2 26 | ); 27 | } 28 | -------------------------------------------------------------------------------- /packages/components/src/color/recipes/neutral-layer-card-container.ts: -------------------------------------------------------------------------------- 1 | import { Palette } from '../palette.js'; 2 | import { Swatch } from '../swatch.js'; 3 | import { baseLayerLuminanceSwatch } from '../utilities/base-layer-luminance.js'; 4 | 5 | /** 6 | * @internal 7 | */ 8 | export function neutralLayerCardContainer( 9 | palette: Palette, 10 | relativeLuminance: number, 11 | layerDelta: number 12 | ): Swatch { 13 | return palette.get( 14 | palette.closestIndexOf(baseLayerLuminanceSwatch(relativeLuminance)) + 15 | layerDelta 16 | ); 17 | } 18 | -------------------------------------------------------------------------------- /packages/components/src/color/recipes/neutral-layer-floating.ts: -------------------------------------------------------------------------------- 1 | import { Palette } from '../palette.js'; 2 | import { Swatch } from '../swatch.js'; 3 | import { baseLayerLuminanceSwatch } from '../utilities/base-layer-luminance.js'; 4 | 5 | /** 6 | * @internal 7 | */ 8 | export function neutralLayerFloating( 9 | palette: Palette, 10 | relativeLuminance: number, 11 | layerDelta: number 12 | ): Swatch { 13 | const cardIndex = 14 | palette.closestIndexOf(baseLayerLuminanceSwatch(relativeLuminance)) - 15 | layerDelta; 16 | return palette.get(cardIndex - layerDelta); 17 | } 18 | -------------------------------------------------------------------------------- /packages/components/src/color/recipes/neutral-stroke-divider.ts: -------------------------------------------------------------------------------- 1 | import { Swatch } from '../swatch.js'; 2 | import { Palette } from '../palette.js'; 3 | import { directionByIsDark } from '../utilities/direction-by-is-dark.js'; 4 | 5 | /** 6 | * The neutralStrokeDivider color recipe 7 | * @param palette - The palette to operate on 8 | * @param reference - The reference color 9 | * @param delta - The offset from the reference 10 | * 11 | * @internal 12 | */ 13 | export function neutralStrokeDivider( 14 | palette: Palette, 15 | reference: Swatch, 16 | delta: number 17 | ): Swatch { 18 | return palette.get( 19 | palette.closestIndexOf(reference) + directionByIsDark(reference) * delta 20 | ); 21 | } 22 | -------------------------------------------------------------------------------- /packages/components/src/color/utilities/base-layer-luminance.ts: -------------------------------------------------------------------------------- 1 | import { SwatchRGB } from '../swatch.js'; 2 | 3 | export function baseLayerLuminanceSwatch(luminance: number) { 4 | return SwatchRGB.create(luminance, luminance, luminance); 5 | } 6 | 7 | /** 8 | * Recommended values for light and dark mode for {@link @microsoft/fast-components#baseLayerLuminance}. 9 | * 10 | * @public 11 | */ 12 | export const StandardLuminance = { 13 | LightMode: 1, 14 | DarkMode: 0.23 15 | } as const; 16 | 17 | /** 18 | * Types of recommended values for light and dark mode for {@link @microsoft/fast-components#baseLayerLuminance}. 19 | * 20 | * @public 21 | */ 22 | export type StandardLuminance = 23 | (typeof StandardLuminance)[keyof typeof StandardLuminance]; 24 | -------------------------------------------------------------------------------- /packages/components/src/color/utilities/direction-by-is-dark.ts: -------------------------------------------------------------------------------- 1 | import { Swatch } from '../swatch.js'; 2 | import { isDark } from './is-dark.js'; 3 | 4 | /** 5 | * @internal 6 | */ 7 | export function directionByIsDark(color: Swatch): 1 | -1 { 8 | return isDark(color) ? -1 : 1; 9 | } 10 | -------------------------------------------------------------------------------- /packages/components/src/color/utilities/is-dark.ts: -------------------------------------------------------------------------------- 1 | import { Swatch } from '../swatch.js'; 2 | 3 | /* 4 | * A color is in "dark" if there is more contrast between #000000 and a reference 5 | * color than #FFFFFF and the reference color. That threshold can be expressed as a relative luminance 6 | * using the contrast formula as (1 + 0.5) / (R + 0.05) === (R + 0.05) / (0 + 0.05), 7 | * which reduces to the following, where 'R' is the relative luminance of the reference color 8 | */ 9 | const target = (-0.1 + Math.sqrt(0.21)) / 2; 10 | 11 | /** 12 | * Determines if a color should be considered Dark Mode 13 | * @param color - The color to check to mode of 14 | * @returns boolean 15 | * 16 | * @public 17 | */ 18 | export function isDark(color: Swatch): boolean { 19 | return color.relativeLuminance <= target; 20 | } 21 | -------------------------------------------------------------------------------- /packages/components/src/color/utilities/relative-luminance.ts: -------------------------------------------------------------------------------- 1 | /** 2 | * @public 3 | */ 4 | export interface RelativeLuminance { 5 | /** 6 | * A number between 0 and 1, calculated by {@link https://www.w3.org/WAI/GL/wiki/Relative_luminance} 7 | */ 8 | readonly relativeLuminance: number; 9 | } 10 | 11 | /** 12 | * @internal 13 | */ 14 | export function contrast(a: RelativeLuminance, b: RelativeLuminance): number { 15 | const L1 = a.relativeLuminance > b.relativeLuminance ? a : b; 16 | const L2 = a.relativeLuminance > b.relativeLuminance ? b : a; 17 | 18 | return (L1.relativeLuminance + 0.05) / (L2.relativeLuminance + 0.05); 19 | } 20 | -------------------------------------------------------------------------------- /packages/components/src/combobox/combobox.test.ts-snapshots/combobox-custom-indicator-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/combobox/combobox.test.ts-snapshots/combobox-custom-indicator-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/combobox/combobox.test.ts-snapshots/combobox-custom-indicator-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/combobox/combobox.test.ts-snapshots/combobox-custom-indicator-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/combobox/combobox.test.ts-snapshots/combobox-custom-indicator-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/combobox/combobox.test.ts-snapshots/combobox-custom-indicator-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/combobox/combobox.test.ts-snapshots/combobox-default-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/combobox/combobox.test.ts-snapshots/combobox-default-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/combobox/combobox.test.ts-snapshots/combobox-default-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/combobox/combobox.test.ts-snapshots/combobox-default-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/combobox/combobox.test.ts-snapshots/combobox-default-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/combobox/combobox.test.ts-snapshots/combobox-default-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/combobox/combobox.test.ts-snapshots/combobox-disabled-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/combobox/combobox.test.ts-snapshots/combobox-disabled-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/combobox/combobox.test.ts-snapshots/combobox-disabled-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/combobox/combobox.test.ts-snapshots/combobox-disabled-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/combobox/combobox.test.ts-snapshots/combobox-disabled-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/combobox/combobox.test.ts-snapshots/combobox-disabled-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/combobox/combobox.test.ts-snapshots/combobox-error-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/combobox/combobox.test.ts-snapshots/combobox-error-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/combobox/combobox.test.ts-snapshots/combobox-error-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/combobox/combobox.test.ts-snapshots/combobox-error-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/combobox/combobox.test.ts-snapshots/combobox-error-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/combobox/combobox.test.ts-snapshots/combobox-error-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/data-grid/data-grid.styles.ts: -------------------------------------------------------------------------------- 1 | // Copyright (c) Jupyter Development Team. 2 | // Copyright (c) Microsoft Corporation. 3 | // Distributed under the terms of the Modified BSD License. 4 | 5 | import { css, ElementStyles } from '@microsoft/fast-element'; 6 | import { FoundationElementTemplate } from '@microsoft/fast-foundation'; 7 | 8 | /** 9 | * Styles for Data Grid 10 | * @public 11 | */ 12 | export const dataGridStyles: FoundationElementTemplate = ( 13 | context, 14 | definition 15 | ) => css` 16 | :host { 17 | display: flex; 18 | position: relative; 19 | flex-direction: column; 20 | } 21 | `; 22 | -------------------------------------------------------------------------------- /packages/components/src/data-grid/data-grid.test.ts: -------------------------------------------------------------------------------- 1 | // Copyright (c) Jupyter Development Team. 2 | // Distributed under the terms of the Modified BSD License. 3 | 4 | import { test, expect } from '@playwright/test'; 5 | 6 | test('Default', async ({ page }) => { 7 | await page.goto('/iframe.html?id=components-data-grid--default'); 8 | 9 | expect(await page.locator('jp-data-grid').screenshot()).toMatchSnapshot( 10 | 'data-grid-default.png' 11 | ); 12 | }); 13 | -------------------------------------------------------------------------------- /packages/components/src/data-grid/data-grid.test.ts-snapshots/data-grid-default-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/data-grid/data-grid.test.ts-snapshots/data-grid-default-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/data-grid/data-grid.test.ts-snapshots/data-grid-default-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/data-grid/data-grid.test.ts-snapshots/data-grid-default-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/data-grid/data-grid.test.ts-snapshots/data-grid-default-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/data-grid/data-grid.test.ts-snapshots/data-grid-default-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/date-field/date-field.form-associated.ts: -------------------------------------------------------------------------------- 1 | // Copyright (c) Jupyter Development Team. 2 | // Distributed under the terms of the Modified BSD License. 3 | 4 | import { FormAssociated, FoundationElement } from '@microsoft/fast-foundation'; 5 | 6 | class _DateField extends FoundationElement {} 7 | // eslint-disable-next-line @typescript-eslint/no-empty-interface 8 | interface _DateField extends FormAssociated {} 9 | 10 | /** 11 | * A form-associated base class for the {@link @jupyter/web-components#(DateField:class)} component. 12 | * 13 | * @internal 14 | */ 15 | export class FormAssociatedDateField extends FormAssociated(_DateField) { 16 | proxy = document.createElement('input'); 17 | } 18 | -------------------------------------------------------------------------------- /packages/components/src/date-field/date-field.styles.ts: -------------------------------------------------------------------------------- 1 | // Copyright (c) Jupyter Development Team. 2 | // Distributed under the terms of the Modified BSD License. 3 | 4 | import { css, ElementStyles } from '@microsoft/fast-element'; 5 | import type { FoundationElementTemplate } from '@microsoft/fast-foundation'; 6 | import { BaseFieldStyles } from '../styles/index.js'; 7 | import { DateFieldOptions } from './date-field.js'; 8 | 9 | /** 10 | * Styles for Date Field 11 | * @public 12 | */ 13 | export const dateFieldStyles: FoundationElementTemplate< 14 | ElementStyles, 15 | DateFieldOptions 16 | > = (context, definition) => css` 17 | ${BaseFieldStyles} 18 | `; 19 | -------------------------------------------------------------------------------- /packages/components/src/date-field/date-field.test.ts-snapshots/date-field-default-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/date-field/date-field.test.ts-snapshots/date-field-default-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/date-field/date-field.test.ts-snapshots/date-field-default-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/date-field/date-field.test.ts-snapshots/date-field-default-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/date-field/date-field.test.ts-snapshots/date-field-default-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/date-field/date-field.test.ts-snapshots/date-field-default-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/date-field/date-field.test.ts-snapshots/date-field-error-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/date-field/date-field.test.ts-snapshots/date-field-error-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/date-field/date-field.test.ts-snapshots/date-field-error-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/date-field/date-field.test.ts-snapshots/date-field-error-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/date-field/date-field.test.ts-snapshots/date-field-error-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/date-field/date-field.test.ts-snapshots/date-field-error-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/date-field/date-field.test.ts-snapshots/date-field-with-autofocus-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/date-field/date-field.test.ts-snapshots/date-field-with-autofocus-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/date-field/date-field.test.ts-snapshots/date-field-with-autofocus-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/date-field/date-field.test.ts-snapshots/date-field-with-autofocus-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/date-field/date-field.test.ts-snapshots/date-field-with-autofocus-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/date-field/date-field.test.ts-snapshots/date-field-with-autofocus-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/date-field/date-field.test.ts-snapshots/date-field-with-disabled-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/date-field/date-field.test.ts-snapshots/date-field-with-disabled-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/date-field/date-field.test.ts-snapshots/date-field-with-disabled-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/date-field/date-field.test.ts-snapshots/date-field-with-disabled-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/date-field/date-field.test.ts-snapshots/date-field-with-disabled-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/date-field/date-field.test.ts-snapshots/date-field-with-disabled-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/date-field/date-field.test.ts-snapshots/date-field-with-readonly-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/date-field/date-field.test.ts-snapshots/date-field-with-readonly-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/date-field/date-field.test.ts-snapshots/date-field-with-readonly-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/date-field/date-field.test.ts-snapshots/date-field-with-readonly-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/date-field/date-field.test.ts-snapshots/date-field-with-readonly-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/date-field/date-field.test.ts-snapshots/date-field-with-readonly-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/date-field/date-field.test.ts-snapshots/date-field-with-start-icon-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/date-field/date-field.test.ts-snapshots/date-field-with-start-icon-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/date-field/date-field.test.ts-snapshots/date-field-with-start-icon-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/date-field/date-field.test.ts-snapshots/date-field-with-start-icon-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/date-field/date-field.test.ts-snapshots/date-field-with-start-icon-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/date-field/date-field.test.ts-snapshots/date-field-with-start-icon-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/dialog/dialog.test.ts: -------------------------------------------------------------------------------- 1 | // Copyright (c) Jupyter Development Team. 2 | // Distributed under the terms of the Modified BSD License. 3 | 4 | import { test, expect } from '@playwright/test'; 5 | 6 | test.skip('Default', async ({ page }) => { 7 | await page.goto('/iframe.html?id=components-dialog--default'); 8 | 9 | expect(await page.locator('jp-dialog').screenshot()).toMatchSnapshot( 10 | 'dialog-default.png' 11 | ); 12 | }); 13 | -------------------------------------------------------------------------------- /packages/components/src/disclosure/disclosure.test.ts: -------------------------------------------------------------------------------- 1 | // Copyright (c) Jupyter Development Team. 2 | // Distributed under the terms of the Modified BSD License. 3 | 4 | import { test, expect } from '@playwright/test'; 5 | 6 | test('Default', async ({ page }) => { 7 | await page.goto('/iframe.html?id=components-disclosure--default'); 8 | 9 | expect(await page.locator('jp-disclosure').screenshot()).toMatchSnapshot( 10 | 'disclosure-default.png' 11 | ); 12 | }); 13 | -------------------------------------------------------------------------------- /packages/components/src/disclosure/disclosure.test.ts-snapshots/disclosure-default-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/disclosure/disclosure.test.ts-snapshots/disclosure-default-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/disclosure/disclosure.test.ts-snapshots/disclosure-default-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/disclosure/disclosure.test.ts-snapshots/disclosure-default-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/disclosure/disclosure.test.ts-snapshots/disclosure-default-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/disclosure/disclosure.test.ts-snapshots/disclosure-default-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/divider/divider.test.ts: -------------------------------------------------------------------------------- 1 | // Copyright (c) Jupyter Development Team. 2 | // Distributed under the terms of the Modified BSD License. 3 | 4 | import { test, expect } from '@playwright/test'; 5 | 6 | test('Default', async ({ page }) => { 7 | await page.goto('/iframe.html?id=components-divider--default'); 8 | 9 | expect(await page.locator('jp-divider').screenshot()).toMatchSnapshot( 10 | 'divider-default.png' 11 | ); 12 | }); 13 | 14 | test('Vertical', async ({ page }) => { 15 | await page.goto('/iframe.html?id=components-divider--vertical'); 16 | 17 | expect(await page.locator('jp-divider').screenshot()).toMatchSnapshot( 18 | 'divider-vertical.png' 19 | ); 20 | }); 21 | -------------------------------------------------------------------------------- /packages/components/src/divider/divider.test.ts-snapshots/divider-default-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/divider/divider.test.ts-snapshots/divider-default-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/divider/divider.test.ts-snapshots/divider-default-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/divider/divider.test.ts-snapshots/divider-default-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/divider/divider.test.ts-snapshots/divider-default-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/divider/divider.test.ts-snapshots/divider-default-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/divider/divider.test.ts-snapshots/divider-vertical-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/divider/divider.test.ts-snapshots/divider-vertical-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/divider/divider.test.ts-snapshots/divider-vertical-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/divider/divider.test.ts-snapshots/divider-vertical-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/divider/divider.test.ts-snapshots/divider-vertical-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/divider/divider.test.ts-snapshots/divider-vertical-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/drafts/picker/Documentation.mdx: -------------------------------------------------------------------------------- 1 | import { Meta, Primary, Controls } from '@storybook/blocks'; 2 | import * as PickerStories from './picker.stories'; 3 | 4 | 5 | 6 | # Picker 7 | 8 | > This component is experimental. The API may changed between 9 | > minor versions. 10 | 11 | 12 | 13 | ## Props 14 | 15 | 16 | -------------------------------------------------------------------------------- /packages/components/src/drafts/picker/picker.test.ts: -------------------------------------------------------------------------------- 1 | // Copyright (c) Jupyter Development Team. 2 | // Distributed under the terms of the Modified BSD License. 3 | 4 | import { test, expect } from '@playwright/test'; 5 | 6 | test('Default', async ({ page }) => { 7 | await page.goto('/iframe.html?id=components-picker--default'); 8 | 9 | expect(await page.locator('jp-draft-picker').screenshot()).toMatchSnapshot( 10 | 'picker-default.png' 11 | ); 12 | }); 13 | -------------------------------------------------------------------------------- /packages/components/src/drafts/picker/picker.test.ts-snapshots/picker-default-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/drafts/picker/picker.test.ts-snapshots/picker-default-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/drafts/picker/picker.test.ts-snapshots/picker-default-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/drafts/picker/picker.test.ts-snapshots/picker-default-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/drafts/picker/picker.test.ts-snapshots/picker-default-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/drafts/picker/picker.test.ts-snapshots/picker-default-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/fixture.d.ts: -------------------------------------------------------------------------------- 1 | // import type { fixture } from '@microsoft/fast-foundation/dist/dts/test-utilities/fixture'; 2 | declare module '@microsoft/fast-foundation/dist/esm/test-utilities/fixture'; 3 | -------------------------------------------------------------------------------- /packages/components/src/icon/icon.styles.ts: -------------------------------------------------------------------------------- 1 | // Copyright (c) Jupyter Development Team. 2 | // Distributed under the terms of the Modified BSD License. 3 | 4 | import { css, ElementStyles } from '@microsoft/fast-element'; 5 | import { display } from '@microsoft/fast-foundation'; 6 | import { heightNumber } from '../styles/index.js'; 7 | 8 | /** 9 | * Styles for Badge 10 | * @public 11 | */ 12 | export const iconStyles: ElementStyles = css` 13 | ${display('inline-block')} :host { 14 | inline-size: ${heightNumber}; 15 | block-size: ${heightNumber}; 16 | } 17 | 18 | :host svg { 19 | display: block; 20 | width: 100%; 21 | height: 100%; 22 | } 23 | `; 24 | -------------------------------------------------------------------------------- /packages/components/src/icon/icon.test.ts: -------------------------------------------------------------------------------- 1 | // Copyright (c) Jupyter Development Team. 2 | // Distributed under the terms of the Modified BSD License. 3 | 4 | import { test, expect } from '@playwright/test'; 5 | 6 | test('Default', async ({ page }) => { 7 | await page.goto('/iframe.html?id=components-icon--default'); 8 | expect(await page.locator('jp-icon').screenshot()).toMatchSnapshot( 9 | 'icon-default.png' 10 | ); 11 | }); 12 | test('ChangeIcon', async ({ page }) => { 13 | await page.goto('/iframe.html?id=components-icon--change-icon'); 14 | await page.waitForTimeout(2000); 15 | expect(await page.locator('jp-icon').screenshot()).toMatchSnapshot( 16 | 'icon-change-icon.png' 17 | ); 18 | }); 19 | -------------------------------------------------------------------------------- /packages/components/src/icon/icon.test.ts-snapshots/icon-change-icon-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/icon/icon.test.ts-snapshots/icon-change-icon-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/icon/icon.test.ts-snapshots/icon-change-icon-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/icon/icon.test.ts-snapshots/icon-change-icon-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/icon/icon.test.ts-snapshots/icon-change-icon-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/icon/icon.test.ts-snapshots/icon-change-icon-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/icon/icon.test.ts-snapshots/icon-default-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/icon/icon.test.ts-snapshots/icon-default-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/icon/icon.test.ts-snapshots/icon-default-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/icon/icon.test.ts-snapshots/icon-default-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/icon/icon.test.ts-snapshots/icon-default-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/icon/icon.test.ts-snapshots/icon-default-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/index-rollup.ts: -------------------------------------------------------------------------------- 1 | // Copyright (c) Jupyter Development Team. 2 | // Distributed under the terms of the Modified BSD License. 3 | 4 | import { allComponents } from './custom-elements.js'; 5 | import { provideJupyterDesignSystem } from './jupyter-design-system.js'; 6 | 7 | export * from './index.js'; 8 | 9 | /** 10 | * The global Jupyter Design System. 11 | * @remarks 12 | * Only available if the components are added through a script tag 13 | * rather than a module/build system. 14 | */ 15 | export const JupyterDesignSystem = 16 | provideJupyterDesignSystem().register(allComponents); 17 | -------------------------------------------------------------------------------- /packages/components/src/jupyter-design-system.ts: -------------------------------------------------------------------------------- 1 | // Copyright (c) Jupyter Development Team. 2 | // Distributed under the terms of the Modified BSD License. 3 | 4 | import { DesignSystem } from '@microsoft/fast-foundation'; 5 | 6 | /** 7 | * Provides a design system for the specified element either by returning one that was 8 | * already created for that element or creating one. 9 | * @param element - The element to root the design system at. By default, this is the body. 10 | * @returns A Jupyter Design System 11 | * @public 12 | */ 13 | export function provideJupyterDesignSystem( 14 | element?: HTMLElement 15 | ): DesignSystem { 16 | return DesignSystem.getOrCreate(element).withPrefix('jp'); 17 | } 18 | -------------------------------------------------------------------------------- /packages/components/src/listbox/listbox.test.ts: -------------------------------------------------------------------------------- 1 | // Copyright (c) Jupyter Development Team. 2 | // Distributed under the terms of the Modified BSD License. 3 | 4 | import { test, expect } from '@playwright/test'; 5 | 6 | test('Default', async ({ page }) => { 7 | await page.goto('/iframe.html?id=components-listbox--default'); 8 | 9 | expect(await page.locator('jp-listbox').screenshot()).toMatchSnapshot( 10 | 'listbox-default.png' 11 | ); 12 | }); 13 | 14 | test('Disabled', async ({ page }) => { 15 | await page.goto('/iframe.html?id=components-listbox--with-disabled'); 16 | 17 | expect(await page.locator('jp-listbox').screenshot()).toMatchSnapshot( 18 | 'listbox-disabled.png' 19 | ); 20 | }); 21 | -------------------------------------------------------------------------------- /packages/components/src/listbox/listbox.test.ts-snapshots/listbox-default-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/listbox/listbox.test.ts-snapshots/listbox-default-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/listbox/listbox.test.ts-snapshots/listbox-default-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/listbox/listbox.test.ts-snapshots/listbox-default-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/listbox/listbox.test.ts-snapshots/listbox-default-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/listbox/listbox.test.ts-snapshots/listbox-default-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/listbox/listbox.test.ts-snapshots/listbox-disabled-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/listbox/listbox.test.ts-snapshots/listbox-disabled-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/listbox/listbox.test.ts-snapshots/listbox-disabled-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/listbox/listbox.test.ts-snapshots/listbox-disabled-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/listbox/listbox.test.ts-snapshots/listbox-disabled-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/listbox/listbox.test.ts-snapshots/listbox-disabled-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/menu-item/menu-item.test.ts-snapshots/menu-item-checkbox-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/menu-item/menu-item.test.ts-snapshots/menu-item-checkbox-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/menu-item/menu-item.test.ts-snapshots/menu-item-checkbox-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/menu-item/menu-item.test.ts-snapshots/menu-item-checkbox-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/menu-item/menu-item.test.ts-snapshots/menu-item-checkbox-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/menu-item/menu-item.test.ts-snapshots/menu-item-checkbox-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/menu-item/menu-item.test.ts-snapshots/menu-item-default-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/menu-item/menu-item.test.ts-snapshots/menu-item-default-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/menu-item/menu-item.test.ts-snapshots/menu-item-default-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/menu-item/menu-item.test.ts-snapshots/menu-item-default-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/menu-item/menu-item.test.ts-snapshots/menu-item-default-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/menu-item/menu-item.test.ts-snapshots/menu-item-default-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/menu-item/menu-item.test.ts-snapshots/menu-item-disabled-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/menu-item/menu-item.test.ts-snapshots/menu-item-disabled-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/menu-item/menu-item.test.ts-snapshots/menu-item-disabled-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/menu-item/menu-item.test.ts-snapshots/menu-item-disabled-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/menu-item/menu-item.test.ts-snapshots/menu-item-disabled-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/menu-item/menu-item.test.ts-snapshots/menu-item-disabled-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/menu-item/menu-item.test.ts-snapshots/menu-item-radio-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/menu-item/menu-item.test.ts-snapshots/menu-item-radio-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/menu-item/menu-item.test.ts-snapshots/menu-item-radio-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/menu-item/menu-item.test.ts-snapshots/menu-item-radio-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/menu-item/menu-item.test.ts-snapshots/menu-item-radio-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/menu-item/menu-item.test.ts-snapshots/menu-item-radio-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/menu/menu.test.ts: -------------------------------------------------------------------------------- 1 | // Copyright (c) Jupyter Development Team. 2 | // Distributed under the terms of the Modified BSD License. 3 | 4 | import { test, expect } from '@playwright/test'; 5 | 6 | test('Default', async ({ page }) => { 7 | await page.goto('/iframe.html?id=components-menu--default'); 8 | 9 | expect(await page.locator('jp-menu').first().screenshot()).toMatchSnapshot( 10 | 'menu-default.png' 11 | ); 12 | }); 13 | -------------------------------------------------------------------------------- /packages/components/src/menu/menu.test.ts-snapshots/menu-default-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/menu/menu.test.ts-snapshots/menu-default-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/menu/menu.test.ts-snapshots/menu-default-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/menu/menu.test.ts-snapshots/menu-default-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/menu/menu.test.ts-snapshots/menu-default-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/menu/menu.test.ts-snapshots/menu-default-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/number-field/number-field.test.ts-snapshots/number-field-default-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/number-field/number-field.test.ts-snapshots/number-field-default-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/number-field/number-field.test.ts-snapshots/number-field-default-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/number-field/number-field.test.ts-snapshots/number-field-default-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/number-field/number-field.test.ts-snapshots/number-field-default-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/number-field/number-field.test.ts-snapshots/number-field-default-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/number-field/number-field.test.ts-snapshots/number-field-error-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/number-field/number-field.test.ts-snapshots/number-field-error-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/number-field/number-field.test.ts-snapshots/number-field-error-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/number-field/number-field.test.ts-snapshots/number-field-error-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/number-field/number-field.test.ts-snapshots/number-field-error-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/number-field/number-field.test.ts-snapshots/number-field-error-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/number-field/number-field.test.ts-snapshots/number-field-with-autofocus-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/number-field/number-field.test.ts-snapshots/number-field-with-autofocus-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/number-field/number-field.test.ts-snapshots/number-field-with-autofocus-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/number-field/number-field.test.ts-snapshots/number-field-with-autofocus-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/number-field/number-field.test.ts-snapshots/number-field-with-autofocus-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/number-field/number-field.test.ts-snapshots/number-field-with-autofocus-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/number-field/number-field.test.ts-snapshots/number-field-with-disabled-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/number-field/number-field.test.ts-snapshots/number-field-with-disabled-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/number-field/number-field.test.ts-snapshots/number-field-with-disabled-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/number-field/number-field.test.ts-snapshots/number-field-with-disabled-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/number-field/number-field.test.ts-snapshots/number-field-with-disabled-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/number-field/number-field.test.ts-snapshots/number-field-with-disabled-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/number-field/number-field.test.ts-snapshots/number-field-with-max-length-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/number-field/number-field.test.ts-snapshots/number-field-with-max-length-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/number-field/number-field.test.ts-snapshots/number-field-with-max-length-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/number-field/number-field.test.ts-snapshots/number-field-with-max-length-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/number-field/number-field.test.ts-snapshots/number-field-with-max-length-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/number-field/number-field.test.ts-snapshots/number-field-with-max-length-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/number-field/number-field.test.ts-snapshots/number-field-with-placeholder-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/number-field/number-field.test.ts-snapshots/number-field-with-placeholder-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/number-field/number-field.test.ts-snapshots/number-field-with-placeholder-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/number-field/number-field.test.ts-snapshots/number-field-with-placeholder-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/number-field/number-field.test.ts-snapshots/number-field-with-placeholder-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/number-field/number-field.test.ts-snapshots/number-field-with-placeholder-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/number-field/number-field.test.ts-snapshots/number-field-with-readonly-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/number-field/number-field.test.ts-snapshots/number-field-with-readonly-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/number-field/number-field.test.ts-snapshots/number-field-with-readonly-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/number-field/number-field.test.ts-snapshots/number-field-with-readonly-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/number-field/number-field.test.ts-snapshots/number-field-with-readonly-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/number-field/number-field.test.ts-snapshots/number-field-with-readonly-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/number-field/number-field.test.ts-snapshots/number-field-with-size-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/number-field/number-field.test.ts-snapshots/number-field-with-size-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/number-field/number-field.test.ts-snapshots/number-field-with-size-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/number-field/number-field.test.ts-snapshots/number-field-with-size-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/number-field/number-field.test.ts-snapshots/number-field-with-size-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/number-field/number-field.test.ts-snapshots/number-field-with-size-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/number-field/number-field.test.ts-snapshots/number-field-with-start-icon-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/number-field/number-field.test.ts-snapshots/number-field-with-start-icon-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/number-field/number-field.test.ts-snapshots/number-field-with-start-icon-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/number-field/number-field.test.ts-snapshots/number-field-with-start-icon-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/number-field/number-field.test.ts-snapshots/number-field-with-start-icon-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/number-field/number-field.test.ts-snapshots/number-field-with-start-icon-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/option/option.test.ts-snapshots/option-default-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/option/option.test.ts-snapshots/option-default-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/option/option.test.ts-snapshots/option-default-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/option/option.test.ts-snapshots/option-default-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/option/option.test.ts-snapshots/option-default-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/option/option.test.ts-snapshots/option-default-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/option/option.test.ts-snapshots/option-disabled-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/option/option.test.ts-snapshots/option-disabled-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/option/option.test.ts-snapshots/option-disabled-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/option/option.test.ts-snapshots/option-disabled-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/option/option.test.ts-snapshots/option-disabled-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/option/option.test.ts-snapshots/option-disabled-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/option/option.test.ts-snapshots/option-selected-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/option/option.test.ts-snapshots/option-selected-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/option/option.test.ts-snapshots/option-selected-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/option/option.test.ts-snapshots/option-selected-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/option/option.test.ts-snapshots/option-selected-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/option/option.test.ts-snapshots/option-selected-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/progress-ring/progress-ring.test.ts: -------------------------------------------------------------------------------- 1 | // Copyright (c) Jupyter Development Team. 2 | // Distributed under the terms of the Modified BSD License. 3 | 4 | import { test, expect } from '@playwright/test'; 5 | 6 | test('With value', async ({ browserName, page }) => { 7 | // FIXME 8 | test.skip(browserName === 'webkit', 'Progress ring bar animation unstable.'); 9 | 10 | await page.goto('/iframe.html?id=components-progress-ring--with-value'); 11 | 12 | // Ensure the progress animation is finished 13 | await page.waitForTimeout(200); 14 | 15 | expect(await page.locator('jp-progress-ring').screenshot()).toMatchSnapshot( 16 | 'progress-ring-with-value.png' 17 | ); 18 | }); 19 | -------------------------------------------------------------------------------- /packages/components/src/progress-ring/progress-ring.test.ts-snapshots/progress-ring-with-value-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/progress-ring/progress-ring.test.ts-snapshots/progress-ring-with-value-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/progress-ring/progress-ring.test.ts-snapshots/progress-ring-with-value-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/progress-ring/progress-ring.test.ts-snapshots/progress-ring-with-value-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/progress/progress.test.ts: -------------------------------------------------------------------------------- 1 | // Copyright (c) Jupyter Development Team. 2 | // Distributed under the terms of the Modified BSD License. 3 | 4 | import { test, expect } from '@playwright/test'; 5 | 6 | test('With value', async ({ browserName, page }) => { 7 | // FIXME 8 | test.skip(browserName === 'webkit', 'Progress bar animation unstable.'); 9 | 10 | await page.goto('/iframe.html?id=components-progress--with-value'); 11 | 12 | // Ensure the progress animation is finished 13 | await page.waitForTimeout(200); 14 | 15 | expect(await page.locator('jp-progress').screenshot()).toMatchSnapshot( 16 | 'progress-with-value.png' 17 | ); 18 | }); 19 | -------------------------------------------------------------------------------- /packages/components/src/progress/progress.test.ts-snapshots/progress-with-value-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/progress/progress.test.ts-snapshots/progress-with-value-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/progress/progress.test.ts-snapshots/progress-with-value-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/progress/progress.test.ts-snapshots/progress-with-value-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/radio-group/radio-group.test.ts-snapshots/radio-group-default-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/radio-group/radio-group.test.ts-snapshots/radio-group-default-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/radio-group/radio-group.test.ts-snapshots/radio-group-default-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/radio-group/radio-group.test.ts-snapshots/radio-group-default-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/radio-group/radio-group.test.ts-snapshots/radio-group-default-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/radio-group/radio-group.test.ts-snapshots/radio-group-default-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/radio-group/radio-group.test.ts-snapshots/radio-group-disabled-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/radio-group/radio-group.test.ts-snapshots/radio-group-disabled-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/radio-group/radio-group.test.ts-snapshots/radio-group-disabled-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/radio-group/radio-group.test.ts-snapshots/radio-group-disabled-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/radio-group/radio-group.test.ts-snapshots/radio-group-disabled-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/radio-group/radio-group.test.ts-snapshots/radio-group-disabled-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/radio-group/radio-group.test.ts-snapshots/radio-group-error-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/radio-group/radio-group.test.ts-snapshots/radio-group-error-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/radio-group/radio-group.test.ts-snapshots/radio-group-error-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/radio-group/radio-group.test.ts-snapshots/radio-group-error-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/radio-group/radio-group.test.ts-snapshots/radio-group-error-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/radio-group/radio-group.test.ts-snapshots/radio-group-error-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/radio-group/radio-group.test.ts-snapshots/radio-group-read-only-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/radio-group/radio-group.test.ts-snapshots/radio-group-read-only-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/radio-group/radio-group.test.ts-snapshots/radio-group-read-only-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/radio-group/radio-group.test.ts-snapshots/radio-group-read-only-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/radio-group/radio-group.test.ts-snapshots/radio-group-read-only-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/radio-group/radio-group.test.ts-snapshots/radio-group-read-only-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/radio-group/radio-group.test.ts-snapshots/radio-group-vertical-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/radio-group/radio-group.test.ts-snapshots/radio-group-vertical-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/radio-group/radio-group.test.ts-snapshots/radio-group-vertical-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/radio-group/radio-group.test.ts-snapshots/radio-group-vertical-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/radio-group/radio-group.test.ts-snapshots/radio-group-vertical-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/radio-group/radio-group.test.ts-snapshots/radio-group-vertical-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/radio/radio.test.ts-snapshots/radio-checked-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/radio/radio.test.ts-snapshots/radio-checked-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/radio/radio.test.ts-snapshots/radio-checked-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/radio/radio.test.ts-snapshots/radio-checked-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/radio/radio.test.ts-snapshots/radio-checked-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/radio/radio.test.ts-snapshots/radio-checked-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/radio/radio.test.ts-snapshots/radio-default-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/radio/radio.test.ts-snapshots/radio-default-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/radio/radio.test.ts-snapshots/radio-default-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/radio/radio.test.ts-snapshots/radio-default-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/radio/radio.test.ts-snapshots/radio-default-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/radio/radio.test.ts-snapshots/radio-default-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/radio/radio.test.ts-snapshots/radio-disabled-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/radio/radio.test.ts-snapshots/radio-disabled-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/radio/radio.test.ts-snapshots/radio-disabled-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/radio/radio.test.ts-snapshots/radio-disabled-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/radio/radio.test.ts-snapshots/radio-disabled-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/radio/radio.test.ts-snapshots/radio-disabled-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/radio/radio.test.ts-snapshots/radio-error-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/radio/radio.test.ts-snapshots/radio-error-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/radio/radio.test.ts-snapshots/radio-error-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/radio/radio.test.ts-snapshots/radio-error-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/radio/radio.test.ts-snapshots/radio-error-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/radio/radio.test.ts-snapshots/radio-error-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/radio/radio.test.ts-snapshots/radio-read-only-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/radio/radio.test.ts-snapshots/radio-read-only-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/radio/radio.test.ts-snapshots/radio-read-only-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/radio/radio.test.ts-snapshots/radio-read-only-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/radio/radio.test.ts-snapshots/radio-read-only-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/radio/radio.test.ts-snapshots/radio-read-only-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/search/search.test.ts-snapshots/search-default-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/search/search.test.ts-snapshots/search-default-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/search/search.test.ts-snapshots/search-default-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/search/search.test.ts-snapshots/search-default-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/search/search.test.ts-snapshots/search-default-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/search/search.test.ts-snapshots/search-default-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/search/search.test.ts-snapshots/search-error-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/search/search.test.ts-snapshots/search-error-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/search/search.test.ts-snapshots/search-error-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/search/search.test.ts-snapshots/search-error-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/search/search.test.ts-snapshots/search-error-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/search/search.test.ts-snapshots/search-error-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/search/search.test.ts-snapshots/search-with-autofocus-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/search/search.test.ts-snapshots/search-with-autofocus-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/search/search.test.ts-snapshots/search-with-autofocus-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/search/search.test.ts-snapshots/search-with-autofocus-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/search/search.test.ts-snapshots/search-with-autofocus-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/search/search.test.ts-snapshots/search-with-autofocus-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/search/search.test.ts-snapshots/search-with-disabled-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/search/search.test.ts-snapshots/search-with-disabled-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/search/search.test.ts-snapshots/search-with-disabled-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/search/search.test.ts-snapshots/search-with-disabled-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/search/search.test.ts-snapshots/search-with-disabled-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/search/search.test.ts-snapshots/search-with-disabled-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/search/search.test.ts-snapshots/search-with-maxlength-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/search/search.test.ts-snapshots/search-with-maxlength-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/search/search.test.ts-snapshots/search-with-maxlength-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/search/search.test.ts-snapshots/search-with-maxlength-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/search/search.test.ts-snapshots/search-with-maxlength-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/search/search.test.ts-snapshots/search-with-maxlength-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/search/search.test.ts-snapshots/search-with-placeholder-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/search/search.test.ts-snapshots/search-with-placeholder-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/search/search.test.ts-snapshots/search-with-placeholder-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/search/search.test.ts-snapshots/search-with-placeholder-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/search/search.test.ts-snapshots/search-with-placeholder-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/search/search.test.ts-snapshots/search-with-placeholder-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/search/search.test.ts-snapshots/search-with-search-icon-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/search/search.test.ts-snapshots/search-with-search-icon-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/search/search.test.ts-snapshots/search-with-search-icon-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/search/search.test.ts-snapshots/search-with-search-icon-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/search/search.test.ts-snapshots/search-with-search-icon-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/search/search.test.ts-snapshots/search-with-search-icon-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/search/search.test.ts-snapshots/search-with-size-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/search/search.test.ts-snapshots/search-with-size-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/search/search.test.ts-snapshots/search-with-size-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/search/search.test.ts-snapshots/search-with-size-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/search/search.test.ts-snapshots/search-with-size-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/search/search.test.ts-snapshots/search-with-size-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/select/select.test.ts-snapshots/select-default-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/select/select.test.ts-snapshots/select-default-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/select/select.test.ts-snapshots/select-default-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/select/select.test.ts-snapshots/select-default-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/select/select.test.ts-snapshots/select-default-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/select/select.test.ts-snapshots/select-default-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/select/select.test.ts-snapshots/select-error-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/select/select.test.ts-snapshots/select-error-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/select/select.test.ts-snapshots/select-error-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/select/select.test.ts-snapshots/select-error-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/select/select.test.ts-snapshots/select-error-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/select/select.test.ts-snapshots/select-error-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/select/select.test.ts-snapshots/select-with-custom-indicator-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/select/select.test.ts-snapshots/select-with-custom-indicator-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/select/select.test.ts-snapshots/select-with-custom-indicator-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/select/select.test.ts-snapshots/select-with-custom-indicator-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/select/select.test.ts-snapshots/select-with-custom-indicator-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/select/select.test.ts-snapshots/select-with-custom-indicator-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/select/select.test.ts-snapshots/select-with-disabled-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/select/select.test.ts-snapshots/select-with-disabled-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/select/select.test.ts-snapshots/select-with-disabled-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/select/select.test.ts-snapshots/select-with-disabled-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/select/select.test.ts-snapshots/select-with-disabled-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/select/select.test.ts-snapshots/select-with-disabled-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/select/select.test.ts-snapshots/select-with-open-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/select/select.test.ts-snapshots/select-with-open-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/select/select.test.ts-snapshots/select-with-open-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/select/select.test.ts-snapshots/select-with-open-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/select/select.test.ts-snapshots/select-with-open-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/select/select.test.ts-snapshots/select-with-open-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/skeleton/skeleton.test.ts: -------------------------------------------------------------------------------- 1 | // Copyright (c) Jupyter Development Team. 2 | // Distributed under the terms of the Modified BSD License. 3 | 4 | import { test, expect } from '@playwright/test'; 5 | 6 | test('Default', async ({ page }) => { 7 | await page.goto('/iframe.html?id=components-skeleton--default'); 8 | 9 | expect( 10 | await page.getByTestId('skeleton-container').screenshot() 11 | ).toMatchSnapshot('skeleton-default.png'); 12 | }); 13 | -------------------------------------------------------------------------------- /packages/components/src/skeleton/skeleton.test.ts-snapshots/skeleton-default-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/skeleton/skeleton.test.ts-snapshots/skeleton-default-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/skeleton/skeleton.test.ts-snapshots/skeleton-default-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/skeleton/skeleton.test.ts-snapshots/skeleton-default-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/skeleton/skeleton.test.ts-snapshots/skeleton-default-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/skeleton/skeleton.test.ts-snapshots/skeleton-default-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/slider-label/slider-label.test.ts: -------------------------------------------------------------------------------- 1 | // Copyright (c) Jupyter Development Team. 2 | // Distributed under the terms of the Modified BSD License. 3 | 4 | import { test, expect } from '@playwright/test'; 5 | 6 | test('Default', async ({ page }) => { 7 | await page.goto('/iframe.html?id=components-slider-label--default'); 8 | 9 | expect(await page.locator('body').screenshot()).toMatchSnapshot( 10 | 'slider-label-default.png' 11 | ); 12 | }); 13 | 14 | test('With Hide Mark', async ({ page }) => { 15 | await page.goto('/iframe.html?id=components-slider-label--with-hide-mark'); 16 | 17 | expect(await page.locator('body').screenshot()).toMatchSnapshot( 18 | 'slider-label-with-hide-mark.png' 19 | ); 20 | }); 21 | -------------------------------------------------------------------------------- /packages/components/src/slider-label/slider-label.test.ts-snapshots/slider-label-default-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/slider-label/slider-label.test.ts-snapshots/slider-label-default-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/slider-label/slider-label.test.ts-snapshots/slider-label-default-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/slider-label/slider-label.test.ts-snapshots/slider-label-default-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/slider-label/slider-label.test.ts-snapshots/slider-label-default-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/slider-label/slider-label.test.ts-snapshots/slider-label-default-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/slider-label/slider-label.test.ts-snapshots/slider-label-with-hide-mark-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/slider-label/slider-label.test.ts-snapshots/slider-label-with-hide-mark-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/slider-label/slider-label.test.ts-snapshots/slider-label-with-hide-mark-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/slider-label/slider-label.test.ts-snapshots/slider-label-with-hide-mark-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/slider-label/slider-label.test.ts-snapshots/slider-label-with-hide-mark-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/slider-label/slider-label.test.ts-snapshots/slider-label-with-hide-mark-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/slider/slider.test.ts-snapshots/slider-default-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/slider/slider.test.ts-snapshots/slider-default-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/slider/slider.test.ts-snapshots/slider-default-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/slider/slider.test.ts-snapshots/slider-default-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/slider/slider.test.ts-snapshots/slider-default-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/slider/slider.test.ts-snapshots/slider-default-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/slider/slider.test.ts-snapshots/slider-error-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/slider/slider.test.ts-snapshots/slider-error-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/slider/slider.test.ts-snapshots/slider-error-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/slider/slider.test.ts-snapshots/slider-error-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/slider/slider.test.ts-snapshots/slider-error-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/slider/slider.test.ts-snapshots/slider-error-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/slider/slider.test.ts-snapshots/slider-vertical-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/slider/slider.test.ts-snapshots/slider-vertical-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/slider/slider.test.ts-snapshots/slider-vertical-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/slider/slider.test.ts-snapshots/slider-vertical-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/slider/slider.test.ts-snapshots/slider-vertical-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/slider/slider.test.ts-snapshots/slider-vertical-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/slider/slider.test.ts-snapshots/slider-with-disabled-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/slider/slider.test.ts-snapshots/slider-with-disabled-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/slider/slider.test.ts-snapshots/slider-with-disabled-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/slider/slider.test.ts-snapshots/slider-with-disabled-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/styles/index.ts: -------------------------------------------------------------------------------- 1 | // Copyright (c) Jupyter Development Team. 2 | // Distributed under the terms of the Modified BSD License. 3 | 4 | export * from './elevation.js'; 5 | export * from './patterns/index.js'; 6 | export * from './size.js'; 7 | export * from './direction.js'; 8 | -------------------------------------------------------------------------------- /packages/components/src/styles/patterns/index.ts: -------------------------------------------------------------------------------- 1 | // Copyright (c) Jupyter Development Team. 2 | // Distributed under the terms of the Modified BSD License. 3 | 4 | export * from './button.js'; 5 | export * from './field.js'; 6 | -------------------------------------------------------------------------------- /packages/components/src/styles/size.ts: -------------------------------------------------------------------------------- 1 | // Copyright (c) Jupyter Development Team. 2 | // Copyright (c) Microsoft Corporation. 3 | // Distributed under the terms of the Modified BSD License. 4 | 5 | import { cssPartial } from '@microsoft/fast-element'; 6 | import { 7 | baseHeightMultiplier, 8 | density, 9 | designUnit, 10 | elementScale 11 | } from '../design-tokens.js'; 12 | 13 | /** 14 | * A formula to retrieve the control height. 15 | * Use this as the value of any CSS property that 16 | * accepts a pixel size. 17 | */ 18 | export const heightNumber = cssPartial`(${baseHeightMultiplier} + ${density} + ${elementScale}) * ${designUnit}`; 19 | -------------------------------------------------------------------------------- /packages/components/src/switch/switch.test.ts-snapshots/switch-default-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/switch/switch.test.ts-snapshots/switch-default-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/switch/switch.test.ts-snapshots/switch-default-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/switch/switch.test.ts-snapshots/switch-default-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/switch/switch.test.ts-snapshots/switch-default-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/switch/switch.test.ts-snapshots/switch-default-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/switch/switch.test.ts-snapshots/switch-disabled-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/switch/switch.test.ts-snapshots/switch-disabled-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/switch/switch.test.ts-snapshots/switch-disabled-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/switch/switch.test.ts-snapshots/switch-disabled-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/switch/switch.test.ts-snapshots/switch-disabled-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/switch/switch.test.ts-snapshots/switch-disabled-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/switch/switch.test.ts-snapshots/switch-error-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/switch/switch.test.ts-snapshots/switch-error-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/switch/switch.test.ts-snapshots/switch-error-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/switch/switch.test.ts-snapshots/switch-error-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/switch/switch.test.ts-snapshots/switch-error-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/switch/switch.test.ts-snapshots/switch-error-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/switch/switch.test.ts-snapshots/switch-with-checked-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/switch/switch.test.ts-snapshots/switch-with-checked-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/switch/switch.test.ts-snapshots/switch-with-checked-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/switch/switch.test.ts-snapshots/switch-with-checked-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/switch/switch.test.ts-snapshots/switch-with-checked-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/switch/switch.test.ts-snapshots/switch-with-checked-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/switch/switch.test.ts-snapshots/switch-with-messages-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/switch/switch.test.ts-snapshots/switch-with-messages-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/switch/switch.test.ts-snapshots/switch-with-messages-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/switch/switch.test.ts-snapshots/switch-with-messages-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/switch/switch.test.ts-snapshots/switch-with-messages-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/switch/switch.test.ts-snapshots/switch-with-messages-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/tabs/tabs.test.ts-snapshots/tabs-default-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/tabs/tabs.test.ts-snapshots/tabs-default-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/tabs/tabs.test.ts-snapshots/tabs-default-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/tabs/tabs.test.ts-snapshots/tabs-default-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/tabs/tabs.test.ts-snapshots/tabs-default-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/tabs/tabs.test.ts-snapshots/tabs-default-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/tabs/tabs.test.ts-snapshots/tabs-vertical-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/tabs/tabs.test.ts-snapshots/tabs-vertical-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/tabs/tabs.test.ts-snapshots/tabs-vertical-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/tabs/tabs.test.ts-snapshots/tabs-vertical-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/tabs/tabs.test.ts-snapshots/tabs-vertical-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/tabs/tabs.test.ts-snapshots/tabs-vertical-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/tabs/tabs.test.ts-snapshots/tabs-without-indicator-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/tabs/tabs.test.ts-snapshots/tabs-without-indicator-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/tabs/tabs.test.ts-snapshots/tabs-without-indicator-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/tabs/tabs.test.ts-snapshots/tabs-without-indicator-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/tabs/tabs.test.ts-snapshots/tabs-without-indicator-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/tabs/tabs.test.ts-snapshots/tabs-without-indicator-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/text-area/text-area.test.ts-snapshots/text-area-default-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/text-area/text-area.test.ts-snapshots/text-area-default-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/text-area/text-area.test.ts-snapshots/text-area-default-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/text-area/text-area.test.ts-snapshots/text-area-default-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/text-area/text-area.test.ts-snapshots/text-area-default-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/text-area/text-area.test.ts-snapshots/text-area-default-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/text-area/text-area.test.ts-snapshots/text-area-error-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/text-area/text-area.test.ts-snapshots/text-area-error-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/text-area/text-area.test.ts-snapshots/text-area-error-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/text-area/text-area.test.ts-snapshots/text-area-error-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/text-area/text-area.test.ts-snapshots/text-area-error-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/text-area/text-area.test.ts-snapshots/text-area-error-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/text-area/text-area.test.ts-snapshots/text-area-with-autofocus-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/text-area/text-area.test.ts-snapshots/text-area-with-autofocus-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/text-area/text-area.test.ts-snapshots/text-area-with-autofocus-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/text-area/text-area.test.ts-snapshots/text-area-with-autofocus-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/text-area/text-area.test.ts-snapshots/text-area-with-autofocus-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/text-area/text-area.test.ts-snapshots/text-area-with-autofocus-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/text-area/text-area.test.ts-snapshots/text-area-with-disabled-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/text-area/text-area.test.ts-snapshots/text-area-with-disabled-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/text-area/text-area.test.ts-snapshots/text-area-with-disabled-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/text-area/text-area.test.ts-snapshots/text-area-with-disabled-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/text-area/text-area.test.ts-snapshots/text-area-with-disabled-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/text-area/text-area.test.ts-snapshots/text-area-with-disabled-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/text-area/text-area.test.ts-snapshots/text-area-with-max-length-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/text-area/text-area.test.ts-snapshots/text-area-with-max-length-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/text-area/text-area.test.ts-snapshots/text-area-with-max-length-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/text-area/text-area.test.ts-snapshots/text-area-with-max-length-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/text-area/text-area.test.ts-snapshots/text-area-with-max-length-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/text-area/text-area.test.ts-snapshots/text-area-with-max-length-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/text-area/text-area.test.ts-snapshots/text-area-with-placeholder-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/text-area/text-area.test.ts-snapshots/text-area-with-placeholder-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/text-area/text-area.test.ts-snapshots/text-area-with-placeholder-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/text-area/text-area.test.ts-snapshots/text-area-with-placeholder-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/text-area/text-area.test.ts-snapshots/text-area-with-placeholder-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/text-area/text-area.test.ts-snapshots/text-area-with-placeholder-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/text-area/text-area.test.ts-snapshots/text-area-with-readonly-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/text-area/text-area.test.ts-snapshots/text-area-with-readonly-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/text-area/text-area.test.ts-snapshots/text-area-with-readonly-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/text-area/text-area.test.ts-snapshots/text-area-with-readonly-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/text-area/text-area.test.ts-snapshots/text-area-with-readonly-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/text-area/text-area.test.ts-snapshots/text-area-with-readonly-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/text-field/text-field.styles.ts: -------------------------------------------------------------------------------- 1 | // Copyright (c) Jupyter Development Team. 2 | // Copyright (c) Microsoft Corporation. 3 | // Distributed under the terms of the Modified BSD License. 4 | 5 | import { css, ElementStyles } from '@microsoft/fast-element'; 6 | import { 7 | FoundationElementTemplate, 8 | TextFieldOptions 9 | } from '@microsoft/fast-foundation'; 10 | import { BaseFieldStyles } from '../styles/index.js'; 11 | 12 | /** 13 | * Styles for Text Field 14 | * @public 15 | */ 16 | export const textFieldStyles: FoundationElementTemplate< 17 | ElementStyles, 18 | TextFieldOptions 19 | > = (context, definition) => css` 20 | ${BaseFieldStyles} 21 | 22 | .start, 23 | .end { 24 | display: flex; 25 | } 26 | `; 27 | -------------------------------------------------------------------------------- /packages/components/src/text-field/text-field.test.ts-snapshots/text-field-default-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/text-field/text-field.test.ts-snapshots/text-field-default-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/text-field/text-field.test.ts-snapshots/text-field-default-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/text-field/text-field.test.ts-snapshots/text-field-default-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/text-field/text-field.test.ts-snapshots/text-field-default-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/text-field/text-field.test.ts-snapshots/text-field-default-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/text-field/text-field.test.ts-snapshots/text-field-error-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/text-field/text-field.test.ts-snapshots/text-field-error-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/text-field/text-field.test.ts-snapshots/text-field-error-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/text-field/text-field.test.ts-snapshots/text-field-error-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/text-field/text-field.test.ts-snapshots/text-field-error-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/text-field/text-field.test.ts-snapshots/text-field-error-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/text-field/text-field.test.ts-snapshots/text-field-with-autofocus-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/text-field/text-field.test.ts-snapshots/text-field-with-autofocus-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/text-field/text-field.test.ts-snapshots/text-field-with-autofocus-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/text-field/text-field.test.ts-snapshots/text-field-with-autofocus-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/text-field/text-field.test.ts-snapshots/text-field-with-autofocus-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/text-field/text-field.test.ts-snapshots/text-field-with-autofocus-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/text-field/text-field.test.ts-snapshots/text-field-with-disabled-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/text-field/text-field.test.ts-snapshots/text-field-with-disabled-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/text-field/text-field.test.ts-snapshots/text-field-with-disabled-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/text-field/text-field.test.ts-snapshots/text-field-with-disabled-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/text-field/text-field.test.ts-snapshots/text-field-with-disabled-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/text-field/text-field.test.ts-snapshots/text-field-with-disabled-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/text-field/text-field.test.ts-snapshots/text-field-with-max-length-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/text-field/text-field.test.ts-snapshots/text-field-with-max-length-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/text-field/text-field.test.ts-snapshots/text-field-with-max-length-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/text-field/text-field.test.ts-snapshots/text-field-with-max-length-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/text-field/text-field.test.ts-snapshots/text-field-with-max-length-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/text-field/text-field.test.ts-snapshots/text-field-with-max-length-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/text-field/text-field.test.ts-snapshots/text-field-with-placeholder-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/text-field/text-field.test.ts-snapshots/text-field-with-placeholder-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/text-field/text-field.test.ts-snapshots/text-field-with-placeholder-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/text-field/text-field.test.ts-snapshots/text-field-with-placeholder-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/text-field/text-field.test.ts-snapshots/text-field-with-placeholder-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/text-field/text-field.test.ts-snapshots/text-field-with-placeholder-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/text-field/text-field.test.ts-snapshots/text-field-with-readonly-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/text-field/text-field.test.ts-snapshots/text-field-with-readonly-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/text-field/text-field.test.ts-snapshots/text-field-with-readonly-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/text-field/text-field.test.ts-snapshots/text-field-with-readonly-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/text-field/text-field.test.ts-snapshots/text-field-with-readonly-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/text-field/text-field.test.ts-snapshots/text-field-with-readonly-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/text-field/text-field.test.ts-snapshots/text-field-with-size-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/text-field/text-field.test.ts-snapshots/text-field-with-size-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/text-field/text-field.test.ts-snapshots/text-field-with-size-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/text-field/text-field.test.ts-snapshots/text-field-with-size-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/text-field/text-field.test.ts-snapshots/text-field-with-size-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/text-field/text-field.test.ts-snapshots/text-field-with-size-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/text-field/text-field.test.ts-snapshots/text-field-with-start-icon-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/text-field/text-field.test.ts-snapshots/text-field-with-start-icon-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/text-field/text-field.test.ts-snapshots/text-field-with-start-icon-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/text-field/text-field.test.ts-snapshots/text-field-with-start-icon-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/text-field/text-field.test.ts-snapshots/text-field-with-start-icon-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/text-field/text-field.test.ts-snapshots/text-field-with-start-icon-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/text-field/text-field.test.ts-snapshots/text-field-with-type-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/text-field/text-field.test.ts-snapshots/text-field-with-type-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/text-field/text-field.test.ts-snapshots/text-field-with-type-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/text-field/text-field.test.ts-snapshots/text-field-with-type-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/text-field/text-field.test.ts-snapshots/text-field-with-type-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/text-field/text-field.test.ts-snapshots/text-field-with-type-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/toolbar/toolbar.test.ts: -------------------------------------------------------------------------------- 1 | // Copyright (c) Jupyter Development Team. 2 | // Distributed under the terms of the Modified BSD License. 3 | 4 | import { test, expect } from '@playwright/test'; 5 | 6 | test('Default', async ({ page }) => { 7 | await page.goto('/iframe.html?id=components-toolbar--default'); 8 | 9 | expect(await page.locator('jp-toolbar').screenshot()).toMatchSnapshot( 10 | 'toolbar-default.png' 11 | ); 12 | }); 13 | -------------------------------------------------------------------------------- /packages/components/src/toolbar/toolbar.test.ts-snapshots/toolbar-default-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/toolbar/toolbar.test.ts-snapshots/toolbar-default-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/toolbar/toolbar.test.ts-snapshots/toolbar-default-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/toolbar/toolbar.test.ts-snapshots/toolbar-default-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/toolbar/toolbar.test.ts-snapshots/toolbar-default-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/toolbar/toolbar.test.ts-snapshots/toolbar-default-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/tooltip/tooltip.test.ts: -------------------------------------------------------------------------------- 1 | // Copyright (c) Jupyter Development Team. 2 | // Distributed under the terms of the Modified BSD License. 3 | 4 | import { test, expect } from '@playwright/test'; 5 | import { Tooltip } from './index.js'; 6 | 7 | test('Default', async ({ page }) => { 8 | await page.goto('/iframe.html?id=components-tooltip--default'); 9 | 10 | await page.locator('jp-button').waitFor(); 11 | await page.evaluate(() => { 12 | const tooltip = document.querySelector('jp-tooltip') as Tooltip; 13 | if (tooltip) { 14 | tooltip.delay = 0; 15 | tooltip.visible = true; 16 | } 17 | }); 18 | 19 | expect(await page.locator('jp-anchored-region').screenshot()).toMatchSnapshot( 20 | 'tooltip-default.png' 21 | ); 22 | }); 23 | -------------------------------------------------------------------------------- /packages/components/src/tooltip/tooltip.test.ts-snapshots/tooltip-default-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/tooltip/tooltip.test.ts-snapshots/tooltip-default-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/tooltip/tooltip.test.ts-snapshots/tooltip-default-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/tooltip/tooltip.test.ts-snapshots/tooltip-default-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/tooltip/tooltip.test.ts-snapshots/tooltip-default-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/tooltip/tooltip.test.ts-snapshots/tooltip-default-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/tree-item/tree-item.test.ts-snapshots/tree-item-default-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/tree-item/tree-item.test.ts-snapshots/tree-item-default-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/tree-item/tree-item.test.ts-snapshots/tree-item-default-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/tree-item/tree-item.test.ts-snapshots/tree-item-default-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/tree-item/tree-item.test.ts-snapshots/tree-item-default-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/tree-item/tree-item.test.ts-snapshots/tree-item-default-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/tree-item/tree-item.test.ts-snapshots/tree-item-selected-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/tree-item/tree-item.test.ts-snapshots/tree-item-selected-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/tree-item/tree-item.test.ts-snapshots/tree-item-selected-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/tree-item/tree-item.test.ts-snapshots/tree-item-selected-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/tree-item/tree-item.test.ts-snapshots/tree-item-selected-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/tree-item/tree-item.test.ts-snapshots/tree-item-selected-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/tree-item/tree-item.test.ts-snapshots/tree-item-with-after-content-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/tree-item/tree-item.test.ts-snapshots/tree-item-with-after-content-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/tree-item/tree-item.test.ts-snapshots/tree-item-with-after-content-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/tree-item/tree-item.test.ts-snapshots/tree-item-with-after-content-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/tree-item/tree-item.test.ts-snapshots/tree-item-with-after-content-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/tree-item/tree-item.test.ts-snapshots/tree-item-with-after-content-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/tree-item/tree-item.test.ts-snapshots/tree-item-with-before-content-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/tree-item/tree-item.test.ts-snapshots/tree-item-with-before-content-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/tree-item/tree-item.test.ts-snapshots/tree-item-with-before-content-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/tree-item/tree-item.test.ts-snapshots/tree-item-with-before-content-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/tree-item/tree-item.test.ts-snapshots/tree-item-with-before-content-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/tree-item/tree-item.test.ts-snapshots/tree-item-with-before-content-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/tree-view/tree-view.styles.ts: -------------------------------------------------------------------------------- 1 | // Copyright (c) Jupyter Development Team. 2 | // Copyright (c) Microsoft Corporation. 3 | // Distributed under the terms of the Modified BSD License. 4 | 5 | import { css, ElementStyles } from '@microsoft/fast-element'; 6 | import { display, FoundationElementTemplate } from '@microsoft/fast-foundation'; 7 | 8 | /** 9 | * Styles for Tree View 10 | * @public 11 | */ 12 | export const treeViewStyles: FoundationElementTemplate = ( 13 | context, 14 | definition 15 | ) => css` 16 | ${display('flex')} :host { 17 | flex-direction: column; 18 | align-items: stretch; 19 | min-width: fit-content; 20 | font-size: 0; 21 | } 22 | 23 | :host:focus-visible { 24 | outline: none; 25 | } 26 | `; 27 | -------------------------------------------------------------------------------- /packages/components/src/tree-view/tree-view.test.ts: -------------------------------------------------------------------------------- 1 | // Copyright (c) Jupyter Development Team. 2 | // Distributed under the terms of the Modified BSD License. 3 | 4 | import { test, expect } from '@playwright/test'; 5 | 6 | test('Default', async ({ page }) => { 7 | await page.goto('/iframe.html?id=components-tree-view--default'); 8 | 9 | expect(await page.locator('jp-tree-view').screenshot()).toMatchSnapshot( 10 | 'tree-view-default.png' 11 | ); 12 | }); 13 | -------------------------------------------------------------------------------- /packages/components/src/tree-view/tree-view.test.ts-snapshots/tree-view-default-chromium-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/tree-view/tree-view.test.ts-snapshots/tree-view-default-chromium-linux.png -------------------------------------------------------------------------------- /packages/components/src/tree-view/tree-view.test.ts-snapshots/tree-view-default-firefox-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/tree-view/tree-view.test.ts-snapshots/tree-view-default-firefox-linux.png -------------------------------------------------------------------------------- /packages/components/src/tree-view/tree-view.test.ts-snapshots/tree-view-default-webkit-linux.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/7e440680744b52c31145e4d46066599d099c1063/packages/components/src/tree-view/tree-view.test.ts-snapshots/tree-view-default-webkit-linux.png -------------------------------------------------------------------------------- /packages/components/src/utilities/behaviors.ts: -------------------------------------------------------------------------------- 1 | // Copyright (c) Jupyter Development Team. 2 | // Copyright (c) Microsoft Corporation. 3 | // Distributed under the terms of the Modified BSD License. 4 | 5 | import { ElementStyles } from '@microsoft/fast-element'; 6 | import { PropertyStyleSheetBehavior } from '@microsoft/fast-foundation'; 7 | 8 | /** 9 | * Behavior that will conditionally apply a stylesheet based on the elements 10 | * appearance property 11 | * 12 | * @param value - The value of the appearance property 13 | * @param styles - The styles to be applied when condition matches 14 | * 15 | * @public 16 | */ 17 | export function appearanceBehavior(value: string, styles: ElementStyles) { 18 | return new PropertyStyleSheetBehavior('appearance', value, styles); 19 | } 20 | -------------------------------------------------------------------------------- /packages/components/src/utilities/theme/applyTheme.spec.ts: -------------------------------------------------------------------------------- 1 | // Copyright (c) Jupyter Development Team. 2 | // Copyright (c) Microsoft Corporation. 3 | // Distributed under the terms of the Modified BSD License. 4 | 5 | // FIXME 6 | test('temporary test', () => { 7 | const sum = (a: number, b: number): number => { 8 | return a + b; 9 | }; 10 | expect(sum(1, 2)).toBe(3); 11 | }); 12 | -------------------------------------------------------------------------------- /packages/components/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "./tsconfigbase.json", 3 | "include": ["src"], 4 | "exclude": [ 5 | "node_modules", 6 | "src/**/*.spec.ts", 7 | "src/**/*.stories.ts", 8 | "src/**/*.stories.mdx", 9 | "src/**/fixtures/", 10 | "src/utilities/storybook/", 11 | "playwright.config.ts" 12 | ] 13 | } 14 | -------------------------------------------------------------------------------- /packages/components/tsconfig.storybook.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "./tsconfigbase.json", 3 | "include": ["src"], 4 | "exclude": [ 5 | "node_modules", 6 | "src/**/*.spec.ts", 7 | "src/**/*.stories.mdx", 8 | "src/**/*.test.ts", 9 | "playwright.config.ts" 10 | ] 11 | } 12 | -------------------------------------------------------------------------------- /packages/components/tsconfigbase.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "target": "es6", 4 | "module": "esnext", 5 | "moduleResolution": "node", 6 | "rootDir": "src", 7 | "outDir": "dist/esm", 8 | "declarationDir": "dist/dts", 9 | "lib": ["dom", "es6"], 10 | "pretty": true, 11 | "esModuleInterop": true, 12 | "importHelpers": true, 13 | "experimentalDecorators": true, 14 | "strictPropertyInitialization": false, 15 | "declaration": true, 16 | "sourceMap": false, 17 | "noEmitOnError": true, 18 | "strict": true, 19 | "strictNullChecks": true, 20 | "strictFunctionTypes": false, 21 | "allowJs": true, 22 | "types": ["node", "webpack-env"] 23 | } 24 | } 25 | -------------------------------------------------------------------------------- /packages/lab-example/.eslintignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | **/dist 3 | **/node_modules 4 | **/lib 5 | **/build 6 | **/dist 7 | **/coverage 8 | **/docs 9 | -------------------------------------------------------------------------------- /packages/lab-example/LICENSE: -------------------------------------------------------------------------------- 1 | ../../LICENSE -------------------------------------------------------------------------------- /packages/lab-example/README.md: -------------------------------------------------------------------------------- 1 | ../../README.md -------------------------------------------------------------------------------- /packages/lab-example/style/index.css: -------------------------------------------------------------------------------- 1 | /* 2 | / Copyright (c) Jupyter Development Team. 3 | / Distributed under the terms of the Modified BSD License. 4 | / */ 5 | 6 | @import url('base.css'); 7 | -------------------------------------------------------------------------------- /packages/lab-example/style/index.js: -------------------------------------------------------------------------------- 1 | // Copyright (c) Jupyter Development Team. 2 | // Distributed under the terms of the Modified BSD License. 3 | 4 | import './base.css'; 5 | -------------------------------------------------------------------------------- /packages/lab-example/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig.json", 3 | "compilerOptions": { 4 | "outDir": "lib", 5 | "rootDir": "src", 6 | "types": ["react"] 7 | }, 8 | "include": ["src/*"] 9 | } 10 | -------------------------------------------------------------------------------- /packages/react-components/.eslintignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | **/dist 3 | **/node_modules 4 | **/build 5 | **/dist 6 | **/coverage 7 | **/docs 8 | lib/*.d.ts 9 | -------------------------------------------------------------------------------- /packages/react-components/.eslintrc.cjs: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | extends: ['eslint:recommended', 'plugin:prettier/recommended'], 3 | rules: { 4 | curly: ['error', 'all'], 5 | eqeqeq: 'error', 6 | 'prefer-arrow-callback': 'error' 7 | } 8 | }; 9 | -------------------------------------------------------------------------------- /packages/react-components/lib/Card.d.ts: -------------------------------------------------------------------------------- 1 | import { Card as CardElement } from '@jupyter/web-components'; 2 | 3 | export type { CardElement }; 4 | 5 | export interface CardProps extends React.AllHTMLAttributes { 6 | /** 7 | * Allows getting a ref to the component instance. 8 | */ 9 | ref?: React.Ref; 10 | } 11 | 12 | /** 13 | * Card class 14 | * --- 15 | * 16 | * 17 | * ### **Methods:** 18 | * - **compose(this: _K_, elementDefinition: _T_): _( 19 | * overrideDefinition?: OverrideFoundationElementDefinition 20 | * ) => FoundationElementRegistry_** - Defines an element registry function with a set of element definition defaults. 21 | * 22 | * ### **Slots:** 23 | * - _default_ - The default slot for the card content 24 | */ 25 | export const Card: React.ForwardRefExoticComponent; 26 | -------------------------------------------------------------------------------- /packages/react-components/lib/PickerList.d.ts: -------------------------------------------------------------------------------- 1 | import { PickerList as PickerListElement } from '@jupyter/web-components'; 2 | 3 | export type { PickerListElement }; 4 | 5 | export interface PickerListProps extends React.AllHTMLAttributes { 6 | /** 7 | * Allows getting a ref to the component instance. 8 | */ 9 | ref?: React.Ref; 10 | } 11 | 12 | /** 13 | * Picker list class 14 | * 15 | * @alpha 16 | * --- 17 | * 18 | * 19 | * ### **Methods:** 20 | * - **compose(this: _K_, elementDefinition: _T_): _( 21 | * overrideDefinition?: OverrideFoundationElementDefinition 22 | * ) => FoundationElementRegistry_** - Defines an element registry function with a set of element definition defaults. 23 | */ 24 | export const PickerList: React.ForwardRefExoticComponent; 25 | -------------------------------------------------------------------------------- /packages/react-components/lib/TabPanel.d.ts: -------------------------------------------------------------------------------- 1 | import { TabPanel as TabPanelElement } from '@jupyter/web-components'; 2 | 3 | export type { TabPanelElement }; 4 | 5 | export interface TabPanelProps extends React.AllHTMLAttributes { 6 | /** 7 | * Allows getting a ref to the component instance. 8 | */ 9 | ref?: React.Ref; 10 | } 11 | 12 | /** 13 | * Tab panel class 14 | * --- 15 | * 16 | * 17 | * ### **Methods:** 18 | * - **compose(this: _K_, elementDefinition: _T_): _( 19 | * overrideDefinition?: OverrideFoundationElementDefinition 20 | * ) => FoundationElementRegistry_** - Defines an element registry function with a set of element definition defaults. 21 | * 22 | * ### **Slots:** 23 | * - _default_ - The default slot for the tabpanel content 24 | */ 25 | export const TabPanel: React.ForwardRefExoticComponent; 26 | -------------------------------------------------------------------------------- /packages/react-components/lib/Toolbar.d.ts: -------------------------------------------------------------------------------- 1 | import { Toolbar as ToolbarElement } from '@jupyter/web-components'; 2 | 3 | export type { ToolbarElement }; 4 | 5 | export interface ToolbarProps extends React.AllHTMLAttributes { 6 | /** 7 | * Allows getting a ref to the component instance. 8 | */ 9 | ref?: React.Ref; 10 | } 11 | 12 | /** 13 | * 14 | * --- 15 | * 16 | * 17 | * ### **Methods:** 18 | * - **compose(this: _K_, elementDefinition: _T_): _( 19 | * overrideDefinition?: OverrideFoundationElementDefinition 20 | * ) => FoundationElementRegistry_** - Defines an element registry function with a set of element definition defaults. 21 | */ 22 | export const Toolbar: React.ForwardRefExoticComponent; 23 | -------------------------------------------------------------------------------- /setup.py: -------------------------------------------------------------------------------- 1 | __import__('setuptools').setup() 2 | -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "allowSyntheticDefaultImports": true, 4 | "composite": true, 5 | "declaration": true, 6 | "esModuleInterop": true, 7 | "experimentalDecorators": true, 8 | "incremental": true, 9 | "jsx": "react", 10 | "module": "esnext", 11 | "moduleResolution": "node", 12 | "noEmitOnError": true, 13 | "noImplicitAny": true, 14 | "noUnusedLocals": true, 15 | "preserveWatchOutput": true, 16 | "resolveJsonModule": true, 17 | "strict": true, 18 | "strictNullChecks": true, 19 | "target": "ES2018", 20 | "types": [] 21 | } 22 | } 23 | --------------------------------------------------------------------------------