@salesforce/design-system-react/lib/components/site-stories.js

Salesforce Lightning Design System for React

"use strict";

// This object is imported into the documentation site. An example for the documentation site should be part of the pull request for the component. The object key is the component value listed in the component's component.json file. The following uses webpack's raw-loader plugin to get "text files" that will be eval()'d by CodeMirror within the documentation site on page load.

/* eslint-env node */

/* eslint-disable global-require */

/* eslint-disable import/no-extraneous-dependencies */

/* eslint-disable import/no-unresolved */
var documentationSiteLiveExamples = {
  accordion: [require('raw-loader!@salesforce/design-system-react/components/accordion/__examples__/base.jsx')],
  alert: [require('raw-loader!@salesforce/design-system-react/components/alert/__examples__/info.jsx'), require('raw-loader!@salesforce/design-system-react/components/alert/__examples__/warning.jsx'), require('raw-loader!@salesforce/design-system-react/components/alert/__examples__/offline.jsx'), require('raw-loader!@salesforce/design-system-react/components/alert/__examples__/error.jsx'), require('raw-loader!@salesforce/design-system-react/components/alert/__examples__/dismissable.jsx')],
  'app-launcher': [require('raw-loader!@salesforce/design-system-react/components/app-launcher/__examples__/default.jsx')],
  avatar: [require('raw-loader!@salesforce/design-system-react/components/avatar/__examples__/base.jsx'), require('raw-loader!@salesforce/design-system-react/components/avatar/__examples__/user-initials.jsx'), require('raw-loader!@salesforce/design-system-react/components/avatar/__examples__/user-icon.jsx'), require('raw-loader!@salesforce/design-system-react/components/avatar/__examples__/entity-initials.jsx'), require('raw-loader!@salesforce/design-system-react/components/avatar/__examples__/entity-icon.jsx')],
  badge: [require('raw-loader!@salesforce/design-system-react/components/badge/__examples__/color-variants.jsx'), require('raw-loader!@salesforce/design-system-react/components/badge/__examples__/default.jsx'), require('raw-loader!@salesforce/design-system-react/components/badge/__examples__/with-icon.jsx')],
  'brand-band': [require('raw-loader!@salesforce/design-system-react/components/brand-band/__examples__/lightning-blue-theme.jsx'), require('raw-loader!@salesforce/design-system-react/components/brand-band/__examples__/default.jsx'), require('raw-loader!@salesforce/design-system-react/components/brand-band/__examples__/small.jsx'), require('raw-loader!@salesforce/design-system-react/components/brand-band/__examples__/large.jsx'), require('raw-loader!@salesforce/design-system-react/components/brand-band/__examples__/no-image.jsx')],
  breadcrumb: [require('raw-loader!@salesforce/design-system-react/components/breadcrumb/__examples__/base.jsx'), require('raw-loader!@salesforce/design-system-react/components/breadcrumb/__examples__/one-item.jsx'), require('raw-loader!@salesforce/design-system-react/components/breadcrumb/__examples__/base-with-overflow-menu.jsx')],
  'builder-header': [require('raw-loader!@salesforce/design-system-react/components/builder-header/__examples__/base.jsx'), require('raw-loader!@salesforce/design-system-react/components/builder-header/__examples__/base-with-toolbar.jsx'), require('raw-loader!@salesforce/design-system-react/components/builder-header/__examples__/successful-save.jsx'), require('raw-loader!@salesforce/design-system-react/components/builder-header/__examples__/after-successful-save.jsx'), require('raw-loader!@salesforce/design-system-react/components/builder-header/__examples__/failed-save.jsx')],
  'button-group': [require('raw-loader!@salesforce/design-system-react/components/button-group/__examples__/more-icon.jsx'), require('raw-loader!@salesforce/design-system-react/components/button-group/__examples__/icon-group.jsx'), require('raw-loader!@salesforce/design-system-react/components/button-group/__examples__/list-variant.jsx')],
  'button-stateful': [require('raw-loader!@salesforce/design-system-react/components/button-stateful/__examples__/icon.jsx'), require('raw-loader!@salesforce/design-system-react/components/button-stateful/__examples__/icon-text.jsx')],
  button: [require('raw-loader!@salesforce/design-system-react/components/button/__examples__/base-neutral.jsx'), require('raw-loader!@salesforce/design-system-react/components/button/__examples__/brand-disabled-destructive-inverse.jsx'), require('raw-loader!@salesforce/design-system-react/components/button/__examples__/button-icons.jsx')],
  card: [require('raw-loader!@salesforce/design-system-react/components/card/__examples__/related-list-with-table.jsx')],
  carousel: [require('raw-loader!@salesforce/design-system-react/components/carousel/__examples__/three-items.jsx'), require('raw-loader!@salesforce/design-system-react/components/carousel/__examples__/default.jsx'), require('raw-loader!@salesforce/design-system-react/components/carousel/__examples__/default-with-navigation.jsx')],
  checkbox: [require('raw-loader!@salesforce/design-system-react/components/checkbox/__examples__/default.jsx'), require('raw-loader!@salesforce/design-system-react/components/checkbox/__examples__/error.jsx'), require('raw-loader!@salesforce/design-system-react/components/checkbox/__examples__/toggle.jsx'), require('raw-loader!@salesforce/design-system-react/components/checkbox/__examples__/grouped-with-tristate.jsx')],
  'color-picker': [require('raw-loader!@salesforce/design-system-react/components/color-picker/__examples__/default.jsx')],
  combobox: [require('raw-loader!@salesforce/design-system-react/components/combobox/__examples__/base.jsx'), require('raw-loader!@salesforce/design-system-react/components/combobox/__examples__/base-menu-subheader.jsx'), require('raw-loader!@salesforce/design-system-react/components/combobox/__examples__/base-inherit-menu-width.jsx'), require('raw-loader!@salesforce/design-system-react/components/combobox/__examples__/base-predefined-options-only.jsx'), require('raw-loader!@salesforce/design-system-react/components/combobox/__examples__/base-with-scroll.jsx'), require('raw-loader!@salesforce/design-system-react/components/combobox/__examples__/dialog.jsx'), require('raw-loader!@salesforce/design-system-react/components/combobox/__examples__/inline-multiple.jsx'), require('raw-loader!@salesforce/design-system-react/components/combobox/__examples__/inline-single.jsx'), require('raw-loader!@salesforce/design-system-react/components/combobox/__examples__/inline-single-entity-combobox.jsx'), require('raw-loader!@salesforce/design-system-react/components/combobox/__examples__/inline-single-search-add-entities.jsx'), require('raw-loader!@salesforce/design-system-react/components/combobox/__examples__/inline-multiple-loading.jsx'), require('raw-loader!@salesforce/design-system-react/components/combobox/__examples__/readonly-single.jsx'), require('raw-loader!@salesforce/design-system-react/components/combobox/__examples__/readonly-multiple.jsx'), require('raw-loader!@salesforce/design-system-react/components/combobox/__examples__/required-input-error-state.jsx'), require('raw-loader!@salesforce/design-system-react/components/combobox/__examples__/dialog.jsx')],
  'data-table': [require('raw-loader!@salesforce/design-system-react/components/data-table/__examples__/basic-fluid.jsx'), require('raw-loader!@salesforce/design-system-react/components/data-table/__examples__/basic-fluid-striped.jsx'), require('raw-loader!@salesforce/design-system-react/components/data-table/__examples__/basic-fluid-no-row-hover.jsx'), require('raw-loader!@salesforce/design-system-react/components/data-table/__examples__/basic-fluid-column-bordered.jsx'), require('raw-loader!@salesforce/design-system-react/components/data-table/__examples__/basic-fixed-layout.jsx'), require('raw-loader!@salesforce/design-system-react/components/data-table/__examples__/advanced.jsx'), require('raw-loader!@salesforce/design-system-react/components/data-table/__examples__/advanced-single-select.jsx'), require('raw-loader!@salesforce/design-system-react/components/data-table/__examples__/fixed-header.jsx'), require('raw-loader!@salesforce/design-system-react/components/data-table/__examples__/joined-with-page-header.jsx')],
  'date-picker': [require('raw-loader!@salesforce/design-system-react/components/date-picker/__examples__/default.jsx')],
  'dynamic-icon': [require('raw-loader!@salesforce/design-system-react/components/dynamic-icon/__examples__/ellie.jsx'), require('raw-loader!@salesforce/design-system-react/components/dynamic-icon/__examples__/eq.jsx'), require('raw-loader!@salesforce/design-system-react/components/dynamic-icon/__examples__/score.jsx'), require('raw-loader!@salesforce/design-system-react/components/dynamic-icon/__examples__/strength.jsx'), require('raw-loader!@salesforce/design-system-react/components/dynamic-icon/__examples__/trend.jsx'), require('raw-loader!@salesforce/design-system-react/components/dynamic-icon/__examples__/typing.jsx'), require('raw-loader!@salesforce/design-system-react/components/dynamic-icon/__examples__/waffle.jsx')],
  'expandable-section': [require('raw-loader!@salesforce/design-system-react/components/expandable-section/__examples__/default.jsx'), require('raw-loader!@salesforce/design-system-react/components/expandable-section/__examples__/controlled.jsx'), require('raw-loader!@salesforce/design-system-react/components/expandable-section/__examples__/non-collapsible.jsx')],
  expression: [require('raw-loader!@salesforce/design-system-react/components/expression/__examples__/resource-selected.jsx')],
  files: [require('raw-loader!@salesforce/design-system-react/components/files/__examples__/default.jsx'), require('raw-loader!@salesforce/design-system-react/components/files/__examples__/crops.jsx'), require('raw-loader!@salesforce/design-system-react/components/files/__examples__/loading.jsx'), require('raw-loader!@salesforce/design-system-react/components/files/__examples__/no-title.jsx'), require('raw-loader!@salesforce/design-system-react/components/files/__examples__/with-external-icon.jsx'), require('raw-loader!@salesforce/design-system-react/components/files/__examples__/no-image.jsx'), require('raw-loader!@salesforce/design-system-react/components/files/__examples__/actions.jsx')],
  filter: [require('raw-loader!@salesforce/design-system-react/components/filter/__examples__/default.jsx'), require('raw-loader!@salesforce/design-system-react/components/filter/__examples__/new.jsx'), require('raw-loader!@salesforce/design-system-react/components/filter/__examples__/error.jsx'), require('raw-loader!@salesforce/design-system-react/components/filter/__examples__/locked.jsx')],
  'global-header': [require('raw-loader!@salesforce/design-system-react/components/global-header/__examples__/default.jsx')],
  'global-navigation-bar': [require('raw-loader!@salesforce/design-system-react/components/global-navigation-bar/__examples__/default.jsx')],
  icon: [require('raw-loader!@salesforce/design-system-react/components/icon/__examples__/categories.jsx'), require('raw-loader!@salesforce/design-system-react/components/icon/__examples__/colors.jsx'), require('raw-loader!@salesforce/design-system-react/components/icon/__examples__/sizes.jsx')],
  input: [require('raw-loader!@salesforce/design-system-react/components/input/__examples__/default.jsx'), require('raw-loader!@salesforce/design-system-react/components/input/__examples__/icons.jsx'), require('raw-loader!@salesforce/design-system-react/components/input/__examples__/error.jsx'), require('raw-loader!@salesforce/design-system-react/components/input/__examples__/inactiveInputs.jsx'), require('raw-loader!@salesforce/design-system-react/components/input/__examples__/inline-help.jsx'), require('raw-loader!@salesforce/design-system-react/components/input/__examples__/field-level-help.jsx'), require('raw-loader!@salesforce/design-system-react/components/input/__examples__/counter-input.jsx')],
  'media-object': [require('raw-loader!@salesforce/design-system-react/components/media-object/__examples__/default.jsx'), require('raw-loader!@salesforce/design-system-react/components/media-object/__examples__/vertically-centered.jsx')],
  'menu-dropdown': [require('raw-loader!@salesforce/design-system-react/components/menu-dropdown/__examples__/default.jsx'), require('raw-loader!@salesforce/design-system-react/components/menu-dropdown/__examples__/default-icon-label.jsx'), require('raw-loader!@salesforce/design-system-react/components/menu-dropdown/__examples__/default-right-to-left.jsx'), require('raw-loader!@salesforce/design-system-react/components/menu-dropdown/__examples__/sub-heading.jsx'), require('raw-loader!@salesforce/design-system-react/components/menu-dropdown/__examples__/custom-trigger.jsx'), require('raw-loader!@salesforce/design-system-react/components/menu-dropdown/__examples__/checkmark.jsx')],
  modal: [require('raw-loader!@salesforce/design-system-react/components/modal/__examples__/menu-contents.jsx'), require('raw-loader!@salesforce/design-system-react/components/modal/__examples__/header-footer.jsx'), require('raw-loader!@salesforce/design-system-react/components/modal/__examples__/taglines.jsx'), require('raw-loader!@salesforce/design-system-react/components/modal/__examples__/prompt.jsx'), require('raw-loader!@salesforce/design-system-react/components/modal/__examples__/sizes.jsx')],
  'page-header': [require('raw-loader!@salesforce/design-system-react/components/page-header/__examples__/record-home.jsx'), require('raw-loader!@salesforce/design-system-react/components/page-header/__examples__/object-home.jsx'), require('raw-loader!@salesforce/design-system-react/components/page-header/__examples__/related-list.jsx'), require('raw-loader!@salesforce/design-system-react/components/page-header/__examples__/setup.jsx')],
  panel: [require('raw-loader!@salesforce/design-system-react/components/panel/__examples__/filtering.jsx'), require('raw-loader!@salesforce/design-system-react/components/panel/__examples__/filtering-locked.jsx'), require('raw-loader!@salesforce/design-system-react/components/panel/__examples__/filtering-error.jsx')],
  'pill-container': [require('raw-loader!@salesforce/design-system-react/components/pill-container/__examples__/base.jsx'), require('raw-loader!@salesforce/design-system-react/components/pill-container/__examples__/icons.jsx'), require('raw-loader!@salesforce/design-system-react/components/pill-container/__examples__/avatars.jsx'), require('raw-loader!@salesforce/design-system-react/components/pill-container/__examples__/bare.jsx')],
  pill: [require('raw-loader!@salesforce/design-system-react/components/pill/__examples__/base.jsx'), require('raw-loader!@salesforce/design-system-react/components/pill/__examples__/icon.jsx')],
  popover: [require('raw-loader!@salesforce/design-system-react/components/popover/__examples__/header.jsx'), require('raw-loader!@salesforce/design-system-react/components/popover/__examples__/alternative-header.jsx'), require('raw-loader!@salesforce/design-system-react/components/popover/__examples__/controlled-with-footer.jsx'), require('raw-loader!@salesforce/design-system-react/components/popover/__examples__/custom-target.jsx'), require('raw-loader!@salesforce/design-system-react/components/popover/__examples__/error.jsx'), require('raw-loader!@salesforce/design-system-react/components/popover/__examples__/feature.jsx'), require('raw-loader!@salesforce/design-system-react/components/popover/__examples__/walkthrough.jsx'), require('raw-loader!@salesforce/design-system-react/components/popover/__examples__/walkthrough-action.jsx'), require('raw-loader!@salesforce/design-system-react/components/popover/__examples__/warning.jsx'), require('raw-loader!@salesforce/design-system-react/components/popover/__examples__/edit-dialog.jsx')],
  'progress-bar': [require('raw-loader!@salesforce/design-system-react/components/progress-bar/__examples__/default.jsx'), require('raw-loader!@salesforce/design-system-react/components/progress-bar/__examples__/descriptive.jsx'), require('raw-loader!@salesforce/design-system-react/components/progress-bar/__examples__/color.jsx'), require('raw-loader!@salesforce/design-system-react/components/progress-bar/__examples__/radius.jsx'), require('raw-loader!@salesforce/design-system-react/components/progress-bar/__examples__/thickness.jsx'), require('raw-loader!@salesforce/design-system-react/components/progress-bar/__examples__/vertical.jsx')],
  'progress-indicator': [require('raw-loader!@salesforce/design-system-react/components/progress-indicator/__examples__/default.jsx'), require('raw-loader!@salesforce/design-system-react/components/progress-indicator/__examples__/vertical.jsx')],
  'progress-ring': [require('raw-loader!@salesforce/design-system-react/components/progress-ring/__examples__/base.jsx'), require('raw-loader!@salesforce/design-system-react/components/progress-ring/__examples__/complete.jsx'), require('raw-loader!@salesforce/design-system-react/components/progress-ring/__examples__/warning.jsx'), require('raw-loader!@salesforce/design-system-react/components/progress-ring/__examples__/expired.jsx'), require('raw-loader!@salesforce/design-system-react/components/progress-ring/__examples__/active.jsx'), require('raw-loader!@salesforce/design-system-react/components/progress-ring/__examples__/customIcon.jsx')],
  'radio-button-group': [require('raw-loader!@salesforce/design-system-react/components/radio-button-group/__examples__/base.jsx')],
  'radio-group': [require('raw-loader!@salesforce/design-system-react/components/radio-group/__examples__/base.jsx')],
  radio: [require('raw-loader!@salesforce/design-system-react/components/radio/__examples__/default.jsx'), require('raw-loader!@salesforce/design-system-react/components/radio/__examples__/disabled.jsx')],
  'scoped-notification': [require('raw-loader!@salesforce/design-system-react/components/scoped-notification/__examples__/base.jsx'), require('raw-loader!@salesforce/design-system-react/components/scoped-notification/__examples__/light.jsx'), require('raw-loader!@salesforce/design-system-react/components/scoped-notification/__examples__/dark.jsx'), require('raw-loader!@salesforce/design-system-react/components/scoped-notification/__examples__/custom-icon.jsx')],
  'setup-assistant': [require('raw-loader!@salesforce/design-system-react/components/setup-assistant/__examples__/base.jsx'), require('raw-loader!@salesforce/design-system-react/components/setup-assistant/__examples__/step-progress.jsx'), require('raw-loader!@salesforce/design-system-react/components/setup-assistant/__examples__/hub-expandable-steps.jsx'), require('raw-loader!@salesforce/design-system-react/components/setup-assistant/__examples__/card.jsx')],
  slider: [require('raw-loader!@salesforce/design-system-react/components/slider/__examples__/base.jsx'), require('raw-loader!@salesforce/design-system-react/components/slider/__examples__/disabled.jsx'), require('raw-loader!@salesforce/design-system-react/components/slider/__examples__/error.jsx'), require('raw-loader!@salesforce/design-system-react/components/slider/__examples__/sizes.jsx'), require('raw-loader!@salesforce/design-system-react/components/slider/__examples__/vertical.jsx')],
  spinner: [require('raw-loader!@salesforce/design-system-react/components/spinner/__examples__/default.jsx')],
  'split-view': [require('raw-loader!@salesforce/design-system-react/components/split-view/__examples__/base.jsx'), require('raw-loader!@salesforce/design-system-react/components/split-view/__examples__/base-multiple.jsx'), require('raw-loader!@salesforce/design-system-react/components/split-view/__examples__/external-state.jsx'), require('raw-loader!@salesforce/design-system-react/components/split-view/__examples__/custom-items-list.jsx')],
  tabs: [require('raw-loader!@salesforce/design-system-react/components/tabs/__examples__/default.jsx'), require('raw-loader!@salesforce/design-system-react/components/tabs/__examples__/scoped.jsx')],
  textarea: [require('raw-loader!@salesforce/design-system-react/components/textarea/__examples__/default.jsx'), require('raw-loader!@salesforce/design-system-react/components/textarea/__examples__/error.jsx'), require('raw-loader!@salesforce/design-system-react/components/textarea/__examples__/disabled.jsx')],
  'time-picker': [require('raw-loader!@salesforce/design-system-react/components/time-picker/__examples__/default.jsx')],
  toast: [require('raw-loader!@salesforce/design-system-react/components/toast/__examples__/info.jsx'), require('raw-loader!@salesforce/design-system-react/components/toast/__examples__/success.jsx'), require('raw-loader!@salesforce/design-system-react/components/toast/__examples__/warning.jsx'), require('raw-loader!@salesforce/design-system-react/components/toast/__examples__/error.jsx'), require('raw-loader!@salesforce/design-system-react/components/toast/__examples__/error-with-details.jsx')],
  tooltip: [require('raw-loader!@salesforce/design-system-react/components/tooltip/__examples__/base.jsx'), require('raw-loader!@salesforce/design-system-react/components/tooltip/__examples__/button.jsx'), require('raw-loader!@salesforce/design-system-react/components/tooltip/__examples__/button-group.jsx'), require('raw-loader!@salesforce/design-system-react/components/tooltip/__examples__/learn-more.jsx')],
  tree: [require('raw-loader!@salesforce/design-system-react/components/tree/__examples__/default.jsx')],
  'trial-bar': [require('raw-loader!@salesforce/design-system-react/components/trial-bar/__examples__/default.jsx')],
  'vertical-navigation': [require('raw-loader!@salesforce/design-system-react/components/vertical-navigation/__examples__/default.jsx')],
  'visual-picker': [require('raw-loader!@salesforce/design-system-react/components/visual-picker/__examples__/coverable.jsx'), require('raw-loader!@salesforce/design-system-react/components/visual-picker/__examples__/non-coverable.jsx'), require('raw-loader!@salesforce/design-system-react/components/visual-picker/__examples__/vertical.jsx')],
  'welcome-mat': [require('raw-loader!@salesforce/design-system-react/components/welcome-mat/__examples__/default.jsx'), require('raw-loader!@salesforce/design-system-react/components/welcome-mat/__examples__/steps-complete.jsx'), require('raw-loader!@salesforce/design-system-react/components/welcome-mat/__examples__/info-only.jsx'), require('raw-loader!@salesforce/design-system-react/components/welcome-mat/__examples__/splash.jsx'), require('raw-loader!@salesforce/design-system-react/components/welcome-mat/__examples__/trailhead.jsx'), require('raw-loader!@salesforce/design-system-react/components/welcome-mat/__examples__/trailhead-complete.jsx')]
};
module.exports = documentationSiteLiveExamples;