metamask-extension/ui/components/component-library/component-library-components.scss

/**
* Please import your styles in order of atomicity.
* The most atomic styles should be imported first.
* This will help improve specificity and reduce the chance of
* unintended overrides.
**/

// Temp CSS Variables
:root {
  --opacity-disabled: 0.5;
}

// Atoms
@import 'box/box';
@import 'text/text';
@import 'icon/icon';
@import 'label/label';
@import 'tag/tag';
@import 'avatar-base/avatar-base';
@import 'avatar-account/avatar-account';
@import 'avatar-favicon/avatar-favicon';
@import 'avatar-network/avatar-network';
@import 'avatar-token/avatar-token';
@import 'badge-wrapper/badge-wrapper';
@import 'button-base/button-base';
@import 'button-icon/button-icon';
@import 'button-link/button-link';
@import 'button-primary/button-primary';
@import 'button-secondary/button-secondary';
@import 'checkbox/checkbox';
@import 'input/input';
// Molecules
@import 'picker-network/picker-network';
@import 'tag-url/tag-url';
@import 'text-field/text-field';
@import 'text-field-search/text-field-search';
@import 'form-text-field/form-text-field';
@import 'banner-alert/banner-alert';
@import 'banner-tip/banner-tip';
@import 'modal-content/modal-content';
@import 'modal-overlay/modal-overlay';
@import 'popover/popover';