/* stylelint-disable @stylistic/selector-max-empty-lines */

.pr-u-highlightPrisme {
	// HTML COMPONENTS OUTSIDE

	// Actions
	.button,
	.buttonGroup,
	.link,

	// Icons
	.bubbleIllustration,
	.bubbleIcon,
	.softwareIcon,
	.lucca-icon,

	// Texts
	.code,
	.comment,
	.newBadge,
	.numericBadge,
	.plgPush,
	.readMore,
	.statusBadge,
	.tag,
	.textFlow,
	.mobilePush,
	.presentation,

	// Lists
	.chip,
	.indexTable,
	.indexTable-body-row,
	.sortableList,
	.listing,
	.activityFeed,
	.activityFeed-step,

	// Forms
	.calendar,
	.color,
	.textField,
	.checkboxField,
	.switchField,
	.radioField,
	.clear,
	.dateField,
	.dateRangeField,
	.timepicker,
	.form,
	.fieldset,
	.fileUpload,
	.fileEntry,
	.formLabel,
	.inlineMessage,
	.inputFramed,
	.richText,
	.simpleSelect,
	.multiSelect,
	.listboxOption,

	// Feedback
	.callout,
	.calloutDisclosure,
	.calloutPopover,
	.calloutPopover-overlay,
	.calloutFeedbackList,
	.errorPage,
	.gauge,
	.toast,

	// Navigation
	.breadcrumbs,
	.mobileNavigation,
	.navside,
	.pagination,
	.progressStepper,
	.segmentedControl,
	.skipLinks,
	.timeline,
	.tableOfContent,

	// Overlays
	.popover,
	.dropdown,
	.tooltip,

	// Structure
	.box,
	.card,
	.container,
	.divider,
	.emptyState,
	.fancyBox,
	.filterPill,
	.filterBar,
	.grid,
	.highlightData,
	.mobileHeader,
	.pageHeader,
	.resourceCard,
	.appLayout,
	.mainLayout,

	// Users
	.avatar,
	.userPopover,
	.userTile,

	// Loaders
	.loading,
	.progress,

	// Misc & oldies
	.scrollBox,
	.suggestion,
	.section,
	.collapse,
	.titleSection,
	.contentSection {
		outline: 2px dashed springgreen;
		outline-offset: 3px;
	}

	// HTML COMPONENTS INSIDE

	.dialog,
	.dataTable-head-row,
	.dataTable-body-row,
	.dataTable-foot-row,
	.footer,
	.horizontalNavigation,
	.verticalNavigation {
		outline: 2px dashed springgreen;
		outline-offset: -3px;
	}

	// ANGULAR COMPONENTS OUTSIDE

	[luButton],
	[luLink],

	// Icons
	lu-bubble-illustration .bubbleIllustration,
	lu-bubble-icon .bubbleIcon,
	lu-software-icon .softwareIcon,
	lu-icon .lucca-icon,

	// Texts
	lu-code .code,
	lu-comment,
	lu-new-badge,
	lu-numeric-badge,
	lu-plg-push .plgPush,
	lu-read-more,
	lu-status-badge,
	lu-tag .tag,
	lu-text-flow,
	lu-mobile-push,
	lu-data-presentation,

	// Lists
	lu-chip,
	[luChip],
	lu-index-table,
	[luindextablerow],
	lu-sortable-list .sortableList,
	lu-listing-item,
	lu-activity-feed,
	lu-activity-feed-step,

	// Forms
	[luFormLabel],
	lu-form-field,
	[luFormLabel],
	lu-color-input,
	lu-text-input .textField,
	lu-checkbox-input,
	lu-switch-input,
	lu-radio-input,
	lu-clear,
	lu-date-input,
	lu-date-range-input,
	lu-time-picker,
	lu-duration-picker,
	[luForm],
	lu-fieldset,
	lu-single-file-upload .fileUpload,
	lu-multi-file-upload .fileUpload,
	lu-file-entry .fileEntry,
	lu-inline-message,
	lu-input-framed,
	lu-rich-text-input,
	lu-simple-select,
	lu-multi-select,
	lu-listbox-option,

	// Feedback
	lu-callout .callout,
	lu-callout-disclosure,
	lu-callout-popover,
	lu-callout-feedback-list,
	lu-error-page,
	lu-gauge .gauge,
	lu-toasts,

	// Navigation
	lu-breadcrumbs,
	lu-mobile-navigation,
	lu-pagination,
	lu-progress-stepper,
	lu-segmented-control,
	lu-skip-links,
	lu-table-of-content,

	// Overlays
	lu-popover-content,
	lu-dropdown-menu .dropdown,
	lu-dropdown-item,
	lu-tooltip-panel,

	// Structure
	lu-box,
	lu-container,
	lu-divider,
	lu-empty-state-page,
	lu-empty-state-section .emptyState,
	lu-fancy-box,
	lu-filter-pill,
	lu-filter-bar,
	lu-grid,
	lu-highlight-data,
	lu-mobile-header,
	lu-page-header,
	lu-resource-card,
	lu-app-layout,
	lu-main-layout,

	// Users
	lu-user-picture,
	lu-user-tile,

	// Loaders
	lu-loading,
	lu-progress-bar .progress,
	lu-skeleton-button,
	lu-skeleton-field,
	lu-skeleton-header,
	lu-skeleton-index-table,
	lu-skeleton-data-table,

	// Misc & oldies
	lu-scroll-box {
		outline: 2px solid springgreen !important;
		outline-offset: 3px;
	}

	// ANGULAR COMPONENTS INSIDE

	lu-dialog,
	lu-dialog-header,
	lu-dialog-content,
	lu-dialog-footer,
	lu-footer .footer,
	lu-horizontal-navigation,
	lu-vertical-navigation,
	[luDataTableRow] {
		outline: 2px solid springgreen;
		outline-offset: -4px;
	}

	// DEPRECATED COMPONENTS

	.checkbox,
	.switch,
	.radio,
	.file,
	.list,
	.label,
	.radioButtons,
	.textfield,
	.table,
	.main,
	.filters,
	.notchBox,
	.layout,
	.header,
	.filterBarDeprecated,
	lu-skeleton-table {
		outline: 2px solid red;
		outline-offset: 3px;
	}
}