@gluonjs/core / packages/atoms/src / switchStyles

Variable: switchStyles

const switchStyles: CSSStyleSheet

Example

Inspect the exact separately tree-shakable Switch stylesheet retained by rendered Switch values:

import { buttonStyles, checkboxStyles, iconStyles, inputStyles, labelStyles, progressStyles, radioStyles, selectStyles, sliderStyles, statusBadgeStyles, switchStyles, textareaStyles, toggleButtonStyles } from '@gluonjs/atoms';
import { accordionStyles, breadcrumbsStyles, buttonGroupStyles, cardStyles, choiceGroupStyles, controlFieldStyles, dataListStyles, dialogSurfaceStyles, disclosureStyles, emptyStateStyles, filterBarStyles, formFieldStyles, inlineNoticeStyles, listboxFieldStyles, menuToolbarStyles, navigationMenuStyles, navigationStripStyles, paginationStyles, popoverStyles, segmentedControlStyles, sheetStyles, sortControlStyles, stepperStyles, tableRegionStyles, tabsStyles, tooltipStyles, toolbarStyles } from '@gluonjs/molecules';
import { appShellStyles } from '@gluonjs/organisms';

const exactSheets = [buttonStyles, checkboxStyles, iconStyles, inputStyles, labelStyles, progressStyles, radioStyles, selectStyles, sliderStyles, statusBadgeStyles, switchStyles, textareaStyles, toggleButtonStyles, accordionStyles, breadcrumbsStyles, buttonGroupStyles, cardStyles, choiceGroupStyles, controlFieldStyles, dataListStyles, dialogSurfaceStyles, disclosureStyles, emptyStateStyles, filterBarStyles, formFieldStyles, inlineNoticeStyles, listboxFieldStyles, menuToolbarStyles, navigationMenuStyles, navigationStripStyles, paginationStyles, popoverStyles, segmentedControlStyles, sheetStyles, sortControlStyles, stepperStyles, tableRegionStyles, tabsStyles, tooltipStyles, toolbarStyles, appShellStyles];
console.log(exactSheets.length);