@lotte-innovate/ui-component-test 0.0.6 → 0.0.7

package/dist/app/template/textTemplate.jsx

@@ -1,72 +0,0 @@
-import React from 'react';
-import { Tab, Tabs, TabList, TabPanel } from 'react-tabs';
-import 'react-tabs/style/react-tabs.css';
-import { scalingOptions, weightOptions } from '../../constants';
-import { Text } from '../../Typography/Text';
-import { colorOptions } from 'color/constants';
-var TextTemplate = function (_a) {
-    var scalingTheme = _a.scalingTheme, fontWeightTheme = _a.fontWeightTheme, colorTheme = _a.colorTheme, mode = _a.mode;
-    return (<div className="m-3">
-      <div className=" font-extrabold">Text</div>
-      <div className="">
-        <div className="border p-2 space-x-2">
-          <Tabs className="">
-            <TabList>
-              <Tab>All colors</Tab>
-              <Tab>All sizes</Tab>
-              <Tab>All weights</Tab>
-            </TabList>
-            <TabPanel>
-              <table>
-                <tbody>
-                  {colorOptions === null || colorOptions === void 0 ? void 0 : colorOptions.map(function (color) { return (<tr key={color}>
-                      <td>{color}</td>
-                      <td>
-                        <Text 
-        // scaling={scalingTheme}
-        weight={fontWeightTheme} color={color}>
-                          The quick brown fox jumps over the lazy dog.
-                        </Text>
-                      </td>
-                    </tr>); })}
-                </tbody>
-              </table>
-            </TabPanel>
-            <TabPanel>
-              <table>
-                <tbody>
-                  {scalingOptions === null || scalingOptions === void 0 ? void 0 : scalingOptions.map(function (scale) { return (<tr key={scale}>
-                      <td>{scale}</td>
-                      <td>
-                        <Text 
-        // scaling={scale}
-        weight={fontWeightTheme} color={colorTheme}>
-                          The quick brown fox jumps over the lazy dog.
-                        </Text>
-                      </td>
-                    </tr>); })}
-                </tbody>
-              </table>
-            </TabPanel>
-            <TabPanel>
-              <table>
-                <tbody>
-                  {weightOptions === null || weightOptions === void 0 ? void 0 : weightOptions.map(function (weight) { return (<tr key={weight}>
-                      <td>{weight}</td>
-                      <td>
-                        <Text 
-        // scaling={scalingTheme}
-        weight={weight} color={colorTheme}>
-                          The quick brown fox jumps over the lazy dog.
-                        </Text>
-                      </td>
-                    </tr>); })}
-                </tbody>
-              </table>
-            </TabPanel>
-          </Tabs>
-        </div>
-      </div>
-    </div>);
-};
-export default TextTemplate;

package/dist/app/template/theme.d.ts

@@ -1,12 +0,0 @@
-import React, { Dispatch, SetStateAction } from 'react';
-import { IColor, IRadius, IScaling, IWeight } from 'types';
-type ITheme = {
-    setRadiusTheme: Dispatch<SetStateAction<IRadius>>;
-    setScalingTheme: Dispatch<SetStateAction<IScaling>>;
-    setFontWeightTheme: Dispatch<SetStateAction<IWeight>>;
-    setColorTheme: Dispatch<SetStateAction<IColor>>;
-    setFontColorTheme: Dispatch<SetStateAction<IColor>>;
-    mode: string;
-};
-declare const Theme: ({ setRadiusTheme, setScalingTheme, setFontWeightTheme, setColorTheme, setFontColorTheme, mode, }: ITheme) => React.JSX.Element;
-export default Theme;

package/dist/app/template/theme.jsx

@@ -1,44 +0,0 @@
-import React from 'react';
-import ColorPicker from './colorPicker';
-import { radiusOptions, scalingOptions, weightOptions } from '../../constants';
-var Theme = function (_a) {
-    var setRadiusTheme = _a.setRadiusTheme, setScalingTheme = _a.setScalingTheme, setFontWeightTheme = _a.setFontWeightTheme, setColorTheme = _a.setColorTheme, setFontColorTheme = _a.setFontColorTheme, mode = _a.mode;
-    var setColor = function (color) {
-        setColorTheme(color);
-        setFontColorTheme(color);
-    };
-    return (<div className="flex flex-col p-3">
-      <p className="text-2xl font-bold">Themes</p>
-      <div className="flex flex-col text-xl gap-2">
-        Accent Color
-        <ColorPicker mode={mode} setColorTheme={setColor}/>
-      </div>
-      <div className="flex gap-4">
-        <div className="flex gap-2">
-          <p>Radius</p>
-          <select className="border border-gray-900" onChange={function (e) { return setRadiusTheme(e.target.value); }} defaultValue={'full'}>
-            {radiusOptions.map(function (item) { return (<option key={item} value={item}>
-                {item}
-              </option>); })}
-          </select>
-        </div>
-        <div className="flex gap-2">
-          <p>Scaling</p>
-          <select className="border border-gray-900" onChange={function (e) { return setScalingTheme(e.target.value); }}>
-            {scalingOptions.map(function (item) { return (<option key={item} value={item}>
-                {item}
-              </option>); })}
-          </select>
-        </div>
-        <div className="flex gap-2">
-          <p>Font Weight</p>
-          <select className="border border-gray-900" onChange={function (e) { return setFontWeightTheme(e.target.value); }} defaultValue={'semibold'}>
-            {weightOptions.map(function (item) { return (<option key={item} value={item}>
-                {item}
-              </option>); })}
-          </select>
-        </div>
-      </div>
-    </div>);
-};
-export default Theme;