@neo4j-ndl/react
Version:
React implementation of Neo4j Design System
178 lines (177 loc) • 4.73 kB
JavaScript
/**
*
* Copyright (c) "Neo4j"
* Neo4j Sweden AB [http://neo4j.com]
*
* This file is part of Neo4j.
*
* Neo4j is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.OnTabs = exports.FixedPositioning = exports.TargetInDialog = exports.InSideNav = exports.Tour = exports.WithPointerIndicator = exports.WithImage = exports.WithIcon = exports.WithLabel = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const chromatic_1 = __importDefault(require("chromatic"));
const index_1 = require("../../index");
const _1 = require(".");
const componentMeta = {
component: index_1.Spotlight,
decorators: [
(StoryFn) => ((0, jsx_runtime_1.jsx)(index_1.SpotlightProvider, { hasOverlay: true, children: (0, jsx_runtime_1.jsx)(StoryFn, {}) })),
],
id: 'components-spotlight',
parameters: {
controls: { disable: true },
},
tags: ['docsPage'],
title: 'Components/Spotlight',
};
exports.default = componentMeta;
exports.WithLabel = {
args: {
isChromatic: (0, chromatic_1.default)(),
},
parameters: {
docs: {
source: {
code: _1.SpotlightWithLabelSrc,
language: 'tsx',
type: 'code',
},
},
},
render: _1.SpotlightWithLabel,
};
exports.WithIcon = {
args: {
isChromatic: (0, chromatic_1.default)(),
},
parameters: {
docs: {
source: {
code: _1.SpotlightWithIconSrc,
language: 'tsx',
type: 'code',
},
},
},
render: _1.SpotlightWithIcon,
};
exports.WithImage = {
args: {
isChromatic: (0, chromatic_1.default)(),
},
parameters: {
docs: {
source: {
code: _1.SpotlightWithImageSrc,
language: 'tsx',
type: 'code',
},
},
},
render: _1.SpotlightWithImage,
};
exports.WithPointerIndicator = {
args: {
isChromatic: (0, chromatic_1.default)(),
},
parameters: {
docs: {
source: {
code: _1.SpotlightWithPointerSrc,
language: 'tsx',
type: 'code',
},
},
},
render: _1.SpotlightWithPointer,
};
exports.Tour = {
args: {},
parameters: {
docs: {
source: {
code: _1.SpotlightTourSrc,
language: 'tsx',
type: 'code',
},
},
},
render: _1.SpotlightTour,
};
exports.InSideNav = {
args: {
isChromatic: (0, chromatic_1.default)(),
},
parameters: {
docs: {
source: {
code: _1.SpotlightInSideNavSrc,
language: 'tsx',
type: 'code',
},
},
},
render: _1.SpotlightInSideNav,
};
exports.TargetInDialog = {
args: {
isChromatic: (0, chromatic_1.default)(),
},
parameters: {
docs: {
source: {
code: _1.SpotlightInDialogSrc,
language: 'tsx',
type: 'code',
},
},
},
render: _1.SpotlightInDialog,
};
exports.FixedPositioning = {
args: {
isChromatic: (0, chromatic_1.default)(),
},
parameters: {
docs: {
source: {
code: _1.SpotlightFixedPositioningSrc,
language: 'tsx',
type: 'code',
},
},
},
render: _1.SpotlightFixedPositioning,
};
exports.OnTabs = {
args: {
isChromatic: (0, chromatic_1.default)(),
},
parameters: {
docs: {
source: {
code: _1.SpotlightOnTabsSrc,
language: 'tsx',
type: 'code',
},
},
},
render: _1.SpotlightOnTabs,
};
//# sourceMappingURL=spotlight.stories.js.map