react-pdf-builder
Version:
Build beautiful PDF documents in React.
227 lines (226 loc) • 4.66 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.Dark = exports.Light = exports.Danger = exports.Warning = exports.Info = exports.Success = exports.Secondary = exports.Primary = exports.Black = exports.Gray900 = exports.Gray800 = exports.Gray700 = exports.Gray600 = exports.Gray500 = exports.Gray400 = exports.Gray300 = exports.Gray200 = exports.Gray100 = exports.White = exports.Cyan = exports.Teal = exports.Green = exports.Yellow = exports.Orange = exports.Red = exports.Pink = exports.Purple = exports.Indigo = exports.Blue = void 0;
const react_1 = __importDefault(require("react"));
const GradientBackdrop_1 = require("../../components/backdrops/GradientBackdrop");
const PDFStory_1 = require("../parts/PDFStory");
const StoryComponent = (props) => {
return (react_1.default.createElement(PDFStory_1.PDFStory, null,
react_1.default.createElement(GradientBackdrop_1.GradientBackdrop, Object.assign({}, props))));
};
// === Setup ===
const meta = {
title: 'Stories/GradientBackdrop/Swatches', // <-- Set to your story title
component: StoryComponent,
parameters: {
options: { showPanel: false }, // Don't show addons panel
},
};
exports.default = meta;
// === Stories ===
exports.Blue = {
args: {
size: 'LETTER',
darken: true,
swatch: 'blue',
},
};
exports.Indigo = {
args: {
size: 'LETTER',
darken: true,
swatch: 'indigo',
},
};
exports.Purple = {
args: {
size: 'LETTER',
darken: true,
swatch: 'purple',
},
};
exports.Pink = {
args: {
size: 'LETTER',
darken: true,
swatch: 'pink',
},
};
exports.Red = {
args: {
size: 'LETTER',
darken: true,
swatch: 'red',
},
};
exports.Orange = {
args: {
size: 'LETTER',
darken: true,
swatch: 'orange',
},
};
exports.Yellow = {
args: {
size: 'LETTER',
darken: true,
swatch: 'yellow',
},
};
exports.Green = {
args: {
size: 'LETTER',
darken: true,
swatch: 'green',
},
};
exports.Teal = {
args: {
size: 'LETTER',
darken: true,
swatch: 'teal',
},
};
exports.Cyan = {
args: {
size: 'LETTER',
darken: true,
swatch: 'cyan',
},
};
exports.White = {
args: {
size: 'LETTER',
darken: true,
swatch: 'white',
},
};
exports.Gray100 = {
args: {
size: 'LETTER',
darken: true,
swatch: 'gray100',
},
};
exports.Gray200 = {
args: {
size: 'LETTER',
darken: true,
swatch: 'gray200',
},
};
exports.Gray300 = {
args: {
size: 'LETTER',
darken: true,
swatch: 'gray300',
},
};
exports.Gray400 = {
args: {
size: 'LETTER',
darken: true,
swatch: 'gray400',
},
};
exports.Gray500 = {
args: {
size: 'LETTER',
darken: true,
swatch: 'gray500',
},
};
exports.Gray600 = {
args: {
size: 'LETTER',
darken: true,
swatch: 'gray600',
},
};
exports.Gray700 = {
args: {
size: 'LETTER',
darken: true,
swatch: 'gray700',
},
};
exports.Gray800 = {
args: {
size: 'LETTER',
darken: true,
swatch: 'gray800',
},
};
exports.Gray900 = {
args: {
size: 'LETTER',
darken: true,
swatch: 'gray900',
},
};
exports.Black = {
args: {
size: 'LETTER',
darken: true,
swatch: 'black',
},
};
exports.Primary = {
args: {
size: 'LETTER',
darken: true,
swatch: 'primary',
},
};
exports.Secondary = {
args: {
size: 'LETTER',
darken: true,
swatch: 'secondary',
},
};
exports.Success = {
args: {
size: 'LETTER',
darken: true,
swatch: 'success',
},
};
exports.Info = {
args: {
size: 'LETTER',
darken: true,
swatch: 'info',
},
};
exports.Warning = {
args: {
size: 'LETTER',
darken: true,
swatch: 'warning',
},
};
exports.Danger = {
args: {
size: 'LETTER',
darken: true,
swatch: 'danger',
},
};
exports.Light = {
args: {
size: 'LETTER',
darken: true,
swatch: 'light',
},
};
exports.Dark = {
args: {
size: 'LETTER',
darken: true,
swatch: 'dark',
},
};