react-sass-inlinesvg
Version:
React library designed to control SVG from Sass.
82 lines (81 loc) • 5.04 kB
JavaScript
"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.StylingPattern = exports.Catalog = exports._7_HiddenHoverShow = exports._6_NoneClickShow = exports._5_ShowClickNull = exports._4_ShowClickNone = exports._3_ShowHoverHidden = exports._2_ShowHoverShow = exports._1_ShowHoverColor = void 0;
const react_1 = __importDefault(require("react"));
const __1 = require("../..");
const Svg_1 = require("./Svg");
const svg_stories_module_scss_1 = __importDefault(require("./svg.stories.module.scss"));
const name_default_module_scss_1 = __importDefault(require("./name-default.module.scss"));
const name_module_scss_1 = __importDefault(require("./name.module.scss"));
exports.default = { component: Svg_1.SVG, title: "atoms/SVG" };
exports._1_ShowHoverColor = {
args: { className: svg_stories_module_scss_1.default.showHoverColor },
};
exports._2_ShowHoverShow = {
args: { className: svg_stories_module_scss_1.default.showHoverShow },
};
exports._3_ShowHoverHidden = {
args: { className: svg_stories_module_scss_1.default.showHoverHidden },
};
exports._4_ShowClickNone = {
args: { className: svg_stories_module_scss_1.default.showClickNone },
};
exports._5_ShowClickNull = {
args: { className: svg_stories_module_scss_1.default.showClickNull },
};
exports._6_NoneClickShow = {
args: { className: svg_stories_module_scss_1.default.noneClickShow },
};
exports._7_HiddenHoverShow = {
args: { className: svg_stories_module_scss_1.default.hiddenHoverShow },
};
const Catalog = () => (0, __1.renderStoryCatalog)(Svg_1.SVG, Svg_1.pathMap, svg_stories_module_scss_1.default.svgCatalog, true);
exports.Catalog = Catalog;
const StylingPattern = () => (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement("section", null,
react_1.default.createElement("h1", null, "Plane & Fill"),
react_1.default.createElement(Svg_1.SVG, { defaultName: "Svg", className: name_default_module_scss_1.default.plane }),
"\u00A0",
react_1.default.createElement(Svg_1.SVG, { className: name_module_scss_1.default.plane }),
"\u00A0",
react_1.default.createElement(Svg_1.SVG, { defaultName: "React", className: name_default_module_scss_1.default.planeFill }),
"\u00A0",
react_1.default.createElement(Svg_1.SVG, { className: name_module_scss_1.default.planeFill })),
react_1.default.createElement("section", null,
react_1.default.createElement("h1", null, "+ Background"),
react_1.default.createElement(Svg_1.SVG, { defaultName: "Svg", className: name_default_module_scss_1.default.circle }),
"\u00A0",
react_1.default.createElement(Svg_1.SVG, { className: name_module_scss_1.default.circle }),
"\u00A0",
react_1.default.createElement(Svg_1.SVG, { defaultName: "React", className: name_default_module_scss_1.default.circleFill }),
"\u00A0",
react_1.default.createElement(Svg_1.SVG, { className: name_module_scss_1.default.circleFill }),
react_1.default.createElement("br", null),
react_1.default.createElement(Svg_1.SVG, { defaultName: "Svg", className: name_default_module_scss_1.default.square }),
"\u00A0",
react_1.default.createElement(Svg_1.SVG, { className: name_module_scss_1.default.square }),
"\u00A0",
react_1.default.createElement(Svg_1.SVG, { defaultName: "React", className: name_default_module_scss_1.default.squareFill }),
"\u00A0",
react_1.default.createElement(Svg_1.SVG, { className: name_module_scss_1.default.squareFill })),
react_1.default.createElement("section", null,
react_1.default.createElement("h1", null, "+ Border"),
react_1.default.createElement(Svg_1.SVG, { defaultName: "Svg", className: name_default_module_scss_1.default.circleBorder }),
"\u00A0",
react_1.default.createElement(Svg_1.SVG, { className: name_module_scss_1.default.circleBorder }),
"\u00A0",
react_1.default.createElement(Svg_1.SVG, { defaultName: "React", className: name_default_module_scss_1.default.circleFillBorder }),
"\u00A0",
react_1.default.createElement(Svg_1.SVG, { className: name_module_scss_1.default.circleFillBorder }),
react_1.default.createElement("br", null),
react_1.default.createElement(Svg_1.SVG, { defaultName: "Svg", className: name_default_module_scss_1.default.squareBorder }),
"\u00A0",
react_1.default.createElement(Svg_1.SVG, { className: name_module_scss_1.default.squareBorder }),
"\u00A0",
react_1.default.createElement(Svg_1.SVG, { defaultName: "React", className: name_default_module_scss_1.default.squareFillBorder }),
"\u00A0",
react_1.default.createElement(Svg_1.SVG, { className: name_module_scss_1.default.squareFillBorder }))));
exports.StylingPattern = StylingPattern;