@storybook/addon-backgrounds 7.0.0-alpha.5 → 7.0.0-alpha.51

package/dist/cjs/helpers/index.js

@@ -1,113 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.isReduceMotionEnabled = exports.getBackgroundColorByName = exports.clearStyles = exports.addGridStyle = exports.addBackgroundStyle = void 0;
-
-var _global = _interopRequireDefault(require("global"));
-
-var _tsDedent = _interopRequireDefault(require("ts-dedent"));
-
-var _clientLogger = require("@storybook/client-logger");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const {
-  document,
-  window
-} = _global.default;
-
-const isReduceMotionEnabled = () => {
-  const prefersReduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)');
-  return prefersReduceMotion.matches;
-};
-
-exports.isReduceMotionEnabled = isReduceMotionEnabled;
-
-const getBackgroundColorByName = (currentSelectedValue, backgrounds = [], defaultName) => {
-  if (currentSelectedValue === 'transparent') {
-    return 'transparent';
-  }
-
-  if (backgrounds.find(background => background.value === currentSelectedValue)) {
-    return currentSelectedValue;
-  }
-
-  const defaultBackground = backgrounds.find(background => background.name === defaultName);
-
-  if (defaultBackground) {
-    return defaultBackground.value;
-  }
-
-  if (defaultName) {
-    const availableColors = backgrounds.map(background => background.name).join(', ');
-
-    _clientLogger.logger.warn((0, _tsDedent.default)`
-        Backgrounds Addon: could not find the default color "${defaultName}".
-        These are the available colors for your story based on your configuration:
-        ${availableColors}.
-      `);
-  }
-
-  return 'transparent';
-};
-
-exports.getBackgroundColorByName = getBackgroundColorByName;
-
-const clearStyles = selector => {
-  const selectors = Array.isArray(selector) ? selector : [selector];
-  selectors.forEach(clearStyle);
-};
-
-exports.clearStyles = clearStyles;
-
-const clearStyle = selector => {
-  const element = document.getElementById(selector);
-
-  if (element) {
-    element.parentElement.removeChild(element);
-  }
-};
-
-const addGridStyle = (selector, css) => {
-  const existingStyle = document.getElementById(selector);
-
-  if (existingStyle) {
-    if (existingStyle.innerHTML !== css) {
-      existingStyle.innerHTML = css;
-    }
-  } else {
-    const style = document.createElement('style');
-    style.setAttribute('id', selector);
-    style.innerHTML = css;
-    document.head.appendChild(style);
-  }
-};
-
-exports.addGridStyle = addGridStyle;
-
-const addBackgroundStyle = (selector, css, storyId) => {
-  const existingStyle = document.getElementById(selector);
-
-  if (existingStyle) {
-    if (existingStyle.innerHTML !== css) {
-      existingStyle.innerHTML = css;
-    }
-  } else {
-    const style = document.createElement('style');
-    style.setAttribute('id', selector);
-    style.innerHTML = css;
-    const gridStyleSelector = `addon-backgrounds-grid${storyId ? `-docs-${storyId}` : ''}`; // If grids already exist, we want to add the style tag BEFORE it so the background doesn't override grid
-
-    const existingGridStyle = document.getElementById(gridStyleSelector);
-
-    if (existingGridStyle) {
-      existingGridStyle.parentElement.insertBefore(style, existingGridStyle);
-    } else {
-      document.head.appendChild(style);
-    }
-  }
-};
-
-exports.addBackgroundStyle = addBackgroundStyle;

package/dist/cjs/index.js

@@ -1,14 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-if (module && module.hot && module.hot.decline) {
-  module.hot.decline();
-} // make it work with --isolatedModules
-
-
-var _default = {};
-exports.default = _default;

package/dist/cjs/manager.js

@@ -1,26 +0,0 @@
-"use strict";
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _addons = require("@storybook/addons");
-
-var _constants = require("./constants");
-
-var _BackgroundSelector = require("./containers/BackgroundSelector");
-
-var _GridSelector = require("./containers/GridSelector");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-_addons.addons.register(_constants.ADDON_ID, () => {
-  _addons.addons.add(_constants.ADDON_ID, {
-    title: 'Backgrounds',
-    type: _addons.types.TOOL,
-    match: ({
-      viewMode
-    }) => !!(viewMode && viewMode.match(/^(story|docs)$/)),
-    render: () => /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_BackgroundSelector.BackgroundSelector, null), /*#__PURE__*/_react.default.createElement(_GridSelector.GridSelector, null))
-  });
-});

package/dist/cjs/preview.js

@@ -1,30 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.parameters = exports.decorators = void 0;
-
-var _withBackground = require("./decorators/withBackground");
-
-var _withGrid = require("./decorators/withGrid");
-
-const decorators = [_withGrid.withGrid, _withBackground.withBackground];
-exports.decorators = decorators;
-const parameters = {
-  backgrounds: {
-    grid: {
-      cellSize: 20,
-      opacity: 0.5,
-      cellAmount: 5
-    },
-    values: [{
-      name: 'light',
-      value: '#F8F8F8'
-    }, {
-      name: 'dark',
-      value: '#333333'
-    }]
-  }
-};
-exports.parameters = parameters;

package/dist/cjs/types/index.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/dist/esm/components/ColorIcon.js

@@ -1,14 +0,0 @@
-import { styled } from '@storybook/theming';
-export const ColorIcon = styled.span(({
-  background
-}) => ({
-  borderRadius: '1rem',
-  display: 'block',
-  height: '1rem',
-  width: '1rem',
-  background
-}), ({
-  theme
-}) => ({
-  boxShadow: `${theme.appBorderColor} 0 0 0 1px inset`
-}));

package/dist/esm/constants.js

@@ -1,6 +0,0 @@
-export const ADDON_ID = 'storybook/background';
-export const PARAM_KEY = 'backgrounds';
-export const GRID_PARAM_KEY = 'grid';
-export const EVENTS = {
-  UPDATE: `${ADDON_ID}/update`
-};

package/dist/esm/containers/BackgroundSelector.js

@@ -1,91 +0,0 @@
-import React, { Fragment, useCallback, useMemo, memo } from 'react';
-import memoize from 'memoizerific';
-import { useParameter, useGlobals } from '@storybook/api';
-import { logger } from '@storybook/client-logger';
-import { Icons, IconButton, WithTooltip, TooltipLinkList } from '@storybook/components';
-import { PARAM_KEY as BACKGROUNDS_PARAM_KEY } from '../constants';
-import { ColorIcon } from '../components/ColorIcon';
-import { getBackgroundColorByName } from '../helpers';
-const createBackgroundSelectorItem = memoize(1000)((id, name, value, hasSwatch, change, active) => ({
-  id: id || name,
-  title: name,
-  onClick: () => {
-    change({
-      selected: value,
-      name
-    });
-  },
-  value,
-  right: hasSwatch ? /*#__PURE__*/React.createElement(ColorIcon, {
-    background: value
-  }) : undefined,
-  active
-}));
-const getDisplayedItems = memoize(10)((backgrounds, selectedBackgroundColor, change) => {
-  const backgroundSelectorItems = backgrounds.map(({
-    name,
-    value
-  }) => createBackgroundSelectorItem(null, name, value, true, change, value === selectedBackgroundColor));
-
-  if (selectedBackgroundColor !== 'transparent') {
-    return [createBackgroundSelectorItem('reset', 'Clear background', 'transparent', null, change, false), ...backgroundSelectorItems];
-  }
-
-  return backgroundSelectorItems;
-});
-const DEFAULT_BACKGROUNDS_CONFIG = {
-  default: null,
-  disable: true,
-  values: []
-};
-export const BackgroundSelector = /*#__PURE__*/memo(() => {
-  const backgroundsConfig = useParameter(BACKGROUNDS_PARAM_KEY, DEFAULT_BACKGROUNDS_CONFIG);
-  const [globals, updateGlobals] = useGlobals();
-  const globalsBackgroundColor = globals[BACKGROUNDS_PARAM_KEY]?.value;
-  const selectedBackgroundColor = useMemo(() => {
-    return getBackgroundColorByName(globalsBackgroundColor, backgroundsConfig.values, backgroundsConfig.default);
-  }, [backgroundsConfig, globalsBackgroundColor]);
-
-  if (Array.isArray(backgroundsConfig)) {
-    logger.warn('Addon Backgrounds api has changed in Storybook 6.0. Please refer to the migration guide: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md');
-  }
-
-  const onBackgroundChange = useCallback(value => {
-    updateGlobals({
-      [BACKGROUNDS_PARAM_KEY]: Object.assign({}, globals[BACKGROUNDS_PARAM_KEY], {
-        value
-      })
-    });
-  }, [backgroundsConfig, globals, updateGlobals]);
-
-  if (backgroundsConfig.disable) {
-    return null;
-  }
-
-  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(WithTooltip, {
-    placement: "top",
-    trigger: "click",
-    closeOnClick: true,
-    tooltip: ({
-      onHide
-    }) => {
-      return /*#__PURE__*/React.createElement(TooltipLinkList, {
-        links: getDisplayedItems(backgroundsConfig.values, selectedBackgroundColor, ({
-          selected
-        }) => {
-          if (selectedBackgroundColor !== selected) {
-            onBackgroundChange(selected);
-          }
-
-          onHide();
-        })
-      });
-    }
-  }, /*#__PURE__*/React.createElement(IconButton, {
-    key: "background",
-    title: "Change the background of the preview",
-    active: selectedBackgroundColor !== 'transparent'
-  }, /*#__PURE__*/React.createElement(Icons, {
-    icon: "photo"
-  }))));
-});

package/dist/esm/containers/GridSelector.js

@@ -1,32 +0,0 @@
-import React, { memo } from 'react';
-import { useGlobals, useParameter } from '@storybook/api';
-import { Icons, IconButton } from '@storybook/components';
-import { PARAM_KEY as BACKGROUNDS_PARAM_KEY } from '../constants';
-export const GridSelector = /*#__PURE__*/memo(() => {
-  const [globals, updateGlobals] = useGlobals();
-  const {
-    grid
-  } = useParameter(BACKGROUNDS_PARAM_KEY, {
-    grid: {
-      disable: false
-    }
-  });
-
-  if (grid?.disable) {
-    return null;
-  }
-
-  const isActive = globals[BACKGROUNDS_PARAM_KEY]?.grid || false;
-  return /*#__PURE__*/React.createElement(IconButton, {
-    key: "background",
-    active: isActive,
-    title: "Apply a grid to the preview",
-    onClick: () => updateGlobals({
-      [BACKGROUNDS_PARAM_KEY]: Object.assign({}, globals[BACKGROUNDS_PARAM_KEY], {
-        grid: !isActive
-      })
-    })
-  }, /*#__PURE__*/React.createElement(Icons, {
-    icon: "grid"
-  }));
-});

package/dist/esm/decorators/withBackground.js

@@ -1,40 +0,0 @@
-import { useMemo, useEffect } from '@storybook/addons';
-import { PARAM_KEY as BACKGROUNDS_PARAM_KEY } from '../constants';
-import { clearStyles, addBackgroundStyle, getBackgroundColorByName, isReduceMotionEnabled } from '../helpers';
-export const withBackground = (StoryFn, context) => {
-  const {
-    globals,
-    parameters
-  } = context;
-  const globalsBackgroundColor = globals[BACKGROUNDS_PARAM_KEY]?.value;
-  const backgroundsConfig = parameters[BACKGROUNDS_PARAM_KEY];
-  const selectedBackgroundColor = useMemo(() => {
-    if (backgroundsConfig.disable) {
-      return 'transparent';
-    }
-
-    return getBackgroundColorByName(globalsBackgroundColor, backgroundsConfig.values, backgroundsConfig.default);
-  }, [backgroundsConfig, globalsBackgroundColor]);
-  const isActive = useMemo(() => selectedBackgroundColor && selectedBackgroundColor !== 'transparent', [selectedBackgroundColor]);
-  const selector = context.viewMode === 'docs' ? `#anchor--${context.id} .docs-story` : '.sb-show-main';
-  const backgroundStyles = useMemo(() => {
-    const transitionStyle = 'transition: background-color 0.3s;';
-    return `
-      ${selector} {
-        background: ${selectedBackgroundColor} !important;
-        ${isReduceMotionEnabled() ? '' : transitionStyle}
-      }
-    `;
-  }, [selectedBackgroundColor, selector]);
-  useEffect(() => {
-    const selectorId = context.viewMode === 'docs' ? `addon-backgrounds-docs-${context.id}` : `addon-backgrounds-color`;
-
-    if (!isActive) {
-      clearStyles(selectorId);
-      return;
-    }
-
-    addBackgroundStyle(selectorId, backgroundStyles, context.viewMode === 'docs' ? context.id : null);
-  }, [isActive, backgroundStyles, context]);
-  return StoryFn();
-};

package/dist/esm/decorators/withGrid.js

@@ -1,65 +0,0 @@
-import dedent from 'ts-dedent';
-import deprecate from 'util-deprecate';
-import { useMemo, useEffect } from '@storybook/addons';
-import { clearStyles, addGridStyle } from '../helpers';
-import { PARAM_KEY as BACKGROUNDS_PARAM_KEY } from '../constants';
-const deprecatedCellSizeWarning = deprecate(() => {}, dedent`
-    Backgrounds Addon: The cell size parameter has been changed.
-
-    - parameters.grid.cellSize should now be parameters.backgrounds.grid.cellSize
-    See https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-grid-parameter
-  `);
-export const withGrid = (StoryFn, context) => {
-  const {
-    globals,
-    parameters
-  } = context;
-  const gridParameters = parameters[BACKGROUNDS_PARAM_KEY].grid;
-  const isActive = globals[BACKGROUNDS_PARAM_KEY]?.grid === true && gridParameters.disable !== true;
-  const {
-    cellAmount,
-    cellSize,
-    opacity
-  } = gridParameters;
-  const isInDocs = context.viewMode === 'docs';
-  let gridSize;
-
-  if (parameters.grid?.cellSize) {
-    gridSize = parameters.grid.cellSize;
-    deprecatedCellSizeWarning();
-  } else {
-    gridSize = cellSize;
-  }
-
-  const isLayoutPadded = parameters.layout === undefined || parameters.layout === 'padded'; // 16px offset in the grid to account for padded layout
-
-  const defaultOffset = isLayoutPadded ? 16 : 0;
-  const offsetX = gridParameters.offsetX ?? (isInDocs ? 20 : defaultOffset);
-  const offsetY = gridParameters.offsetY ?? (isInDocs ? 20 : defaultOffset);
-  const gridStyles = useMemo(() => {
-    const selector = context.viewMode === 'docs' ? `#anchor--${context.id} .docs-story` : '.sb-show-main';
-    const backgroundSize = [`${gridSize * cellAmount}px ${gridSize * cellAmount}px`, `${gridSize * cellAmount}px ${gridSize * cellAmount}px`, `${gridSize}px ${gridSize}px`, `${gridSize}px ${gridSize}px`].join(', ');
-    return `
-      ${selector} {
-        background-size: ${backgroundSize} !important;
-        background-position: ${offsetX}px ${offsetY}px, ${offsetX}px ${offsetY}px, ${offsetX}px ${offsetY}px, ${offsetX}px ${offsetY}px !important;
-        background-blend-mode: difference !important;
-        background-image: linear-gradient(rgba(130, 130, 130, ${opacity}) 1px, transparent 1px),
-         linear-gradient(90deg, rgba(130, 130, 130, ${opacity}) 1px, transparent 1px),
-         linear-gradient(rgba(130, 130, 130, ${opacity / 2}) 1px, transparent 1px),
-         linear-gradient(90deg, rgba(130, 130, 130, ${opacity / 2}) 1px, transparent 1px) !important;
-      }
-    `;
-  }, [gridSize]);
-  useEffect(() => {
-    const selectorId = context.viewMode === 'docs' ? `addon-backgrounds-grid-docs-${context.id}` : `addon-backgrounds-grid`;
-
-    if (!isActive) {
-      clearStyles(selectorId);
-      return;
-    }
-
-    addGridStyle(selectorId, gridStyles);
-  }, [isActive, gridStyles, context]);
-  return StoryFn();
-};

package/dist/esm/helpers/index.js

@@ -1,86 +0,0 @@
-import global from 'global';
-import dedent from 'ts-dedent';
-import { logger } from '@storybook/client-logger';
-const {
-  document,
-  window
-} = global;
-export const isReduceMotionEnabled = () => {
-  const prefersReduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)');
-  return prefersReduceMotion.matches;
-};
-export const getBackgroundColorByName = (currentSelectedValue, backgrounds = [], defaultName) => {
-  if (currentSelectedValue === 'transparent') {
-    return 'transparent';
-  }
-
-  if (backgrounds.find(background => background.value === currentSelectedValue)) {
-    return currentSelectedValue;
-  }
-
-  const defaultBackground = backgrounds.find(background => background.name === defaultName);
-
-  if (defaultBackground) {
-    return defaultBackground.value;
-  }
-
-  if (defaultName) {
-    const availableColors = backgrounds.map(background => background.name).join(', ');
-    logger.warn(dedent`
-        Backgrounds Addon: could not find the default color "${defaultName}".
-        These are the available colors for your story based on your configuration:
-        ${availableColors}.
-      `);
-  }
-
-  return 'transparent';
-};
-export const clearStyles = selector => {
-  const selectors = Array.isArray(selector) ? selector : [selector];
-  selectors.forEach(clearStyle);
-};
-
-const clearStyle = selector => {
-  const element = document.getElementById(selector);
-
-  if (element) {
-    element.parentElement.removeChild(element);
-  }
-};
-
-export const addGridStyle = (selector, css) => {
-  const existingStyle = document.getElementById(selector);
-
-  if (existingStyle) {
-    if (existingStyle.innerHTML !== css) {
-      existingStyle.innerHTML = css;
-    }
-  } else {
-    const style = document.createElement('style');
-    style.setAttribute('id', selector);
-    style.innerHTML = css;
-    document.head.appendChild(style);
-  }
-};
-export const addBackgroundStyle = (selector, css, storyId) => {
-  const existingStyle = document.getElementById(selector);
-
-  if (existingStyle) {
-    if (existingStyle.innerHTML !== css) {
-      existingStyle.innerHTML = css;
-    }
-  } else {
-    const style = document.createElement('style');
-    style.setAttribute('id', selector);
-    style.innerHTML = css;
-    const gridStyleSelector = `addon-backgrounds-grid${storyId ? `-docs-${storyId}` : ''}`; // If grids already exist, we want to add the style tag BEFORE it so the background doesn't override grid
-
-    const existingGridStyle = document.getElementById(gridStyleSelector);
-
-    if (existingGridStyle) {
-      existingGridStyle.parentElement.insertBefore(style, existingGridStyle);
-    } else {
-      document.head.appendChild(style);
-    }
-  }
-};

package/dist/esm/index.js

@@ -1,6 +0,0 @@
-if (module && module.hot && module.hot.decline) {
-  module.hot.decline();
-} // make it work with --isolatedModules
-
-
-export default {};

package/dist/esm/manager.js

@@ -1,15 +0,0 @@
-import React, { Fragment } from 'react';
-import { addons, types } from '@storybook/addons';
-import { ADDON_ID } from './constants';
-import { BackgroundSelector } from './containers/BackgroundSelector';
-import { GridSelector } from './containers/GridSelector';
-addons.register(ADDON_ID, () => {
-  addons.add(ADDON_ID, {
-    title: 'Backgrounds',
-    type: types.TOOL,
-    match: ({
-      viewMode
-    }) => !!(viewMode && viewMode.match(/^(story|docs)$/)),
-    render: () => /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(BackgroundSelector, null), /*#__PURE__*/React.createElement(GridSelector, null))
-  });
-});

package/dist/esm/preview.js

@@ -1,19 +0,0 @@
-import { withBackground } from './decorators/withBackground';
-import { withGrid } from './decorators/withGrid';
-export const decorators = [withGrid, withBackground];
-export const parameters = {
-  backgrounds: {
-    grid: {
-      cellSize: 20,
-      opacity: 0.5,
-      cellAmount: 5
-    },
-    values: [{
-      name: 'light',
-      value: '#F8F8F8'
-    }, {
-      name: 'dark',
-      value: '#333333'
-    }]
-  }
-};

package/dist/esm/types/index.js

@@ -1 +0,0 @@
-export {};

package/dist/types/components/ColorIcon.d.ts

@@ -1,3 +0,0 @@
-export declare const ColorIcon: import("@storybook/theming").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
-    background: string;
-}, import("@storybook/theming").Theme>;

package/dist/types/constants.d.ts

@@ -1,6 +0,0 @@
-export declare const ADDON_ID = "storybook/background";
-export declare const PARAM_KEY = "backgrounds";
-export declare const GRID_PARAM_KEY = "grid";
-export declare const EVENTS: {
-    UPDATE: string;
-};

package/dist/types/containers/BackgroundSelector.d.ts

@@ -1,2 +0,0 @@
-import { FunctionComponent } from 'react';
-export declare const BackgroundSelector: FunctionComponent;

package/dist/types/containers/GridSelector.d.ts

@@ -1,2 +0,0 @@
-import { FunctionComponent } from 'react';
-export declare const GridSelector: FunctionComponent;

package/dist/types/decorators/withBackground.d.ts

@@ -1,2 +0,0 @@
-import type { AnyFramework, PartialStoryFn as StoryFunction, StoryContext } from '@storybook/csf';
-export declare const withBackground: (StoryFn: StoryFunction<AnyFramework>, context: StoryContext<AnyFramework>) => unknown;

package/dist/types/decorators/withGrid.d.ts

@@ -1,2 +0,0 @@
-import type { AnyFramework, PartialStoryFn as StoryFunction, StoryContext } from '@storybook/csf';
-export declare const withGrid: (StoryFn: StoryFunction<AnyFramework>, context: StoryContext<AnyFramework>) => unknown;

package/dist/types/helpers/index.d.ts

@@ -1,6 +0,0 @@
-import { Background } from '../types';
-export declare const isReduceMotionEnabled: () => any;
-export declare const getBackgroundColorByName: (currentSelectedValue: string, backgrounds: Background[], defaultName: string) => string;
-export declare const clearStyles: (selector: string | string[]) => void;
-export declare const addGridStyle: (selector: string, css: string) => void;
-export declare const addBackgroundStyle: (selector: string, css: string, storyId: string) => void;

package/dist/types/index.d.ts

@@ -1,2 +0,0 @@
-declare const _default: {};
-export default _default;

package/dist/types/manager.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/preview.d.ts

@@ -1,14 +0,0 @@
-export declare const decorators: ((StoryFn: import("@storybook/csf").PartialStoryFn<import("@storybook/csf").AnyFramework, import("@storybook/csf").Args>, context: import("@storybook/csf").StoryContext<import("@storybook/csf").AnyFramework, import("@storybook/csf").Args>) => unknown)[];
-export declare const parameters: {
-    backgrounds: {
-        grid: {
-            cellSize: number;
-            opacity: number;
-            cellAmount: number;
-        };
-        values: {
-            name: string;
-            value: string;
-        }[];
-    };
-};

package/dist/types/types/index.d.ts

@@ -1,28 +0,0 @@
-import { ReactElement } from 'react';
-export interface GlobalState {
-    name: string | undefined;
-    selected: string | undefined;
-}
-export interface BackgroundSelectorItem {
-    id: string;
-    title: string;
-    onClick: () => void;
-    value: string;
-    active: boolean;
-    right?: ReactElement;
-}
-export interface Background {
-    name: string;
-    value: string;
-}
-export interface BackgroundsParameter {
-    default?: string;
-    disable?: boolean;
-    values: Background[];
-}
-export interface BackgroundsConfig {
-    backgrounds: Background[] | null;
-    selectedBackgroundName: string | null;
-    defaultBackgroundName: string | null;
-    disable: boolean;
-}