@engie-group/fluid-design-system-react/lib/.storybook/utils/with-contrasted-variant.decorator.js

Fluid Design System React

import { makeDecorator } from '@storybook/preview-api';
import React from 'react';
export const withContrastedVariant = makeDecorator({
    name: 'withContrastedVariant',
    parameterName: 'contrastedVariant',
    skipIfNoParametersOrOptions: false,
    wrapper: (getStory, context, { options, parameters }) => {
        var _a, _b;
        const story = getStory(context);
        const value = (_a = options.stateByProps(story.props)) !== null && _a !== void 0 ? _a : null;
        const isInverse = value === 'inverse';
        const isContrasted = value === 'contrasted';
        const divStyle = {
            backgroundColor: isInverse
                ? 'var(--nj-semantic-color-background-neutral-spotlight-default)'
                : 'var(--nj-semantic-color-background-brand-secondary-default)',
            padding: (_b = parameters === null || parameters === void 0 ? void 0 : parameters['padding']) !== null && _b !== void 0 ? _b : 'var(--nj-semantic-size-spacing-16)'
        };
        return isInverse || isContrasted ? React.createElement("div", { style: divStyle }, story) : story;
    }
});
//# sourceMappingURL=with-contrasted-variant.decorator.js.map