@koine/react 2.0.0-beta.5 → 2.0.0-beta.51

package/Dialog/tw/index.stories.js

@@ -1,112 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    // import { KoineDialog as elegantComp } from "./elegant";
-    default: function() {
-        return _default;
-    },
-    bare: function() {
-        return bare;
-    },
-    material: function() {
-        return material;
-    },
-    framer: function() {
-        return framer;
-    },
-    framerMaterial: function() {
-        return framerMaterial;
-    },
-    customised: function() {
-        return customised;
-    }
-});
-const _stories = require("@koine/stories");
-const _helpers = require("../../helpers");
-const _bare = require("./bare");
-const _framer = require("./framer");
-const _framerMaterial = require("./framerMaterial");
-const _material = require("./material");
-const _default = {
-    title: "Base/Dialog/Tailwind",
-    ..._stories.storyDialogMeta
-};
-const bareTemplate = (args)=>{
-    return /*#__PURE__*/ React.createElement(_stories.StoryDialog, {
-        ...args,
-        Dialog: _bare.KoineDialog
-    });
-};
-const bare = bareTemplate.bind({});
-bare.args = _stories.storyDialogArgs;
-const materialTemplate = (args)=>{
-    return /*#__PURE__*/ React.createElement(_stories.StoryDialog, {
-        ...args,
-        Dialog: _material.KoineDialog
-    });
-};
-const material = materialTemplate.bind({});
-material.args = _stories.storyDialogArgs;
-const framerTemplate = (args)=>{
-    return /*#__PURE__*/ React.createElement(_stories.StoryDialog, {
-        ...args,
-        Dialog: _framer.KoineDialog
-    });
-};
-const framer = framerTemplate.bind({});
-framer.decorators = [
-    _stories.decoratorFramer
-];
-framer.args = _stories.storyDialogArgs;
-const framerMaterialTemplate = (args)=>{
-    return /*#__PURE__*/ React.createElement(_stories.StoryDialog, {
-        ...args,
-        Dialog: _framerMaterial.KoineDialog
-    });
-};
-const framerMaterial = framerMaterialTemplate.bind({});
-framerMaterial.decorators = [
-    _stories.decoratorFramer
-];
-framerMaterial.args = _stories.storyDialogArgs;
-const customisedTemplate = (args)=>{
-    return /*#__PURE__*/ React.createElement(_stories.StoryDialog, {
-        ...args,
-        Dialog: _framer.KoineDialog
-    });
-};
-const customised = customisedTemplate.bind({});
-customised.decorators = [
-    _stories.decoratorFramer
-];
-customised.args = {
-    ..._stories.storyDialogArgs,
-    $scrollPaper: true,
-    Backdrop: (0, _helpers.classed)(_framer.KoineDialog.Backdrop)`< class="bg-sky-100/[.5]"`,
-    Paper: (0, _helpers.classed)(_framer.KoineDialog.Paper)`< class="shadow-2xl m-8 max-w-screen-sm bg-blue-500 text-white rounded-3xl"`,
-    Close: (0, _helpers.classed)(_framer.KoineDialog.Close)`< class="absolute lg:-right-8 lg:-top-8 p-4 text-4xl rounded-full bg-blue-300 hover:bg-blue-700 text-blue-800 hover:text-white"`,
-    Header: (0, _helpers.classed)(_framer.KoineDialog.Header)`< class="font-mono font-bold text-3xl p-12 pb-6`,
-    Body: (0, _helpers.classed)(_framer.KoineDialog.Body)`< class="px-12 pb-12 border-none"`,
-    mPaper: {
-        initial: {
-            scale: 0.9,
-            scaleX: 0
-        },
-        animate: {
-            scale: 1,
-            scaleX: 1
-        },
-        exit: {
-            scale: 0.9,
-            scaleX: 0
-        }
-    }
-};

package/Dialog/tw/index.stories.mjs

@@ -1,82 +0,0 @@
-import { StoryDialog, decoratorFramer, storyDialogArgs, storyDialogMeta } from "@koine/stories";
-import { classed } from "../../helpers";
-import { KoineDialog as bareComp } from "./bare";
-import { KoineDialog as framerComp } from "./framer";
-import { KoineDialog as framerMaterialComp } from "./framerMaterial";
-import { KoineDialog as materialComp } from "./material";
-// import { KoineDialog as elegantComp } from "./elegant";
-export default {
-    title: "Base/Dialog/Tailwind",
-    ...storyDialogMeta
-};
-const bareTemplate = (args)=>{
-    return /*#__PURE__*/ React.createElement(StoryDialog, {
-        ...args,
-        Dialog: bareComp
-    });
-};
-export const bare = bareTemplate.bind({});
-bare.args = storyDialogArgs;
-const materialTemplate = (args)=>{
-    return /*#__PURE__*/ React.createElement(StoryDialog, {
-        ...args,
-        Dialog: materialComp
-    });
-};
-export const material = materialTemplate.bind({});
-material.args = storyDialogArgs;
-const framerTemplate = (args)=>{
-    return /*#__PURE__*/ React.createElement(StoryDialog, {
-        ...args,
-        Dialog: framerComp
-    });
-};
-export const framer = framerTemplate.bind({});
-framer.decorators = [
-    decoratorFramer
-];
-framer.args = storyDialogArgs;
-const framerMaterialTemplate = (args)=>{
-    return /*#__PURE__*/ React.createElement(StoryDialog, {
-        ...args,
-        Dialog: framerMaterialComp
-    });
-};
-export const framerMaterial = framerMaterialTemplate.bind({});
-framerMaterial.decorators = [
-    decoratorFramer
-];
-framerMaterial.args = storyDialogArgs;
-const customisedTemplate = (args)=>{
-    return /*#__PURE__*/ React.createElement(StoryDialog, {
-        ...args,
-        Dialog: framerComp
-    });
-};
-export const customised = customisedTemplate.bind({});
-customised.decorators = [
-    decoratorFramer
-];
-customised.args = {
-    ...storyDialogArgs,
-    $scrollPaper: true,
-    Backdrop: classed(framerComp.Backdrop)`< class="bg-sky-100/[.5]"`,
-    Paper: classed(framerComp.Paper)`< class="shadow-2xl m-8 max-w-screen-sm bg-blue-500 text-white rounded-3xl"`,
-    Close: classed(framerComp.Close)`< class="absolute lg:-right-8 lg:-top-8 p-4 text-4xl rounded-full bg-blue-300 hover:bg-blue-700 text-blue-800 hover:text-white"`,
-    Header: classed(framerComp.Header)`< class="font-mono font-bold text-3xl p-12 pb-6`,
-    Body: classed(framerComp.Body)`< class="px-12 pb-12 border-none"`,
-    mPaper: {
-        initial: {
-            scale: 0.9,
-            scaleX: 0
-        },
-        animate: {
-            scale: 1,
-            scaleX: 1
-        },
-        exit: {
-            scale: 0.9,
-            scaleX: 0
-        }
-    }
-};