@lunit/design-system 1.0.0-a.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +34 -0
- package/dist/components/Alert/Alert.d.ts +2 -0
- package/dist/components/Alert/index.d.ts +1 -0
- package/dist/components/Alert/index.js +2 -0
- package/dist/components/Alert/index.js.map +1 -0
- package/dist/components/Button/Button.d.ts +3 -0
- package/dist/components/Button/Button.styled.d.ts +890 -0
- package/dist/components/Button/Button.types.d.ts +19 -0
- package/dist/components/Button/const.d.ts +2 -0
- package/dist/components/Button/index.d.ts +1 -0
- package/dist/components/Button/index.js +2 -0
- package/dist/components/Button/index.js.map +1 -0
- package/dist/components/Button/utils/getButtonPaddingBySizeAndKind.d.ts +10 -0
- package/dist/components/Button/utils/getIconButtonPaddingBySizeAndKind.d.ts +10 -0
- package/dist/components/Checkbox/Checkbox.d.ts +3 -0
- package/dist/components/Checkbox/index.d.ts +1 -0
- package/dist/components/Checkbox/index.js +2 -0
- package/dist/components/Checkbox/index.js.map +1 -0
- package/dist/components/Chip/Chip.d.ts +3 -0
- package/dist/components/Chip/Chip.styled.d.ts +41 -0
- package/dist/components/Chip/Chip.types.d.ts +37 -0
- package/dist/components/Chip/consts.d.ts +7 -0
- package/dist/components/Chip/index.d.ts +1 -0
- package/dist/components/Chip/index.js +2 -0
- package/dist/components/Chip/index.js.map +1 -0
- package/dist/components/DataTable/DataTable.d.ts +2 -0
- package/dist/components/DataTable/index.d.ts +1 -0
- package/dist/components/DataTable/index.js +2 -0
- package/dist/components/DataTable/index.js.map +1 -0
- package/dist/components/DatePicker/DatePicker.d.ts +2 -0
- package/dist/components/DatePicker/index.d.ts +1 -0
- package/dist/components/DatePicker/index.js +2 -0
- package/dist/components/DatePicker/index.js.map +1 -0
- package/dist/components/Dropdown/Dropdown.d.ts +2 -0
- package/dist/components/Dropdown/index.d.ts +1 -0
- package/dist/components/Dropdown/index.js +2 -0
- package/dist/components/Dropdown/index.js.map +1 -0
- package/dist/components/FormLabel/FormLabel.d.ts +3 -0
- package/dist/components/FormLabel/FormLabel.styled.d.ts +1 -0
- package/dist/components/FormLabel/index.d.ts +1 -0
- package/dist/components/FormLabel/index.js +2 -0
- package/dist/components/FormLabel/index.js.map +1 -0
- package/dist/components/HelloWorld/HelloWorld.d.ts +28 -0
- package/dist/components/Modal/Modal.d.ts +2 -0
- package/dist/components/Modal/index.d.ts +1 -0
- package/dist/components/Modal/index.js +2 -0
- package/dist/components/Modal/index.js.map +1 -0
- package/dist/components/Radio/Radio.d.ts +3 -0
- package/dist/components/Radio/index.d.ts +1 -0
- package/dist/components/Radio/index.js +2 -0
- package/dist/components/Radio/index.js.map +1 -0
- package/dist/components/RadioGroup/index.d.ts +2 -0
- package/dist/components/RadioGroup/index.js +2 -0
- package/dist/components/RadioGroup/index.js.map +1 -0
- package/dist/components/TextField/TextField.d.ts +2 -0
- package/dist/components/TextField/index.d.ts +1 -0
- package/dist/components/TextField/index.js +2 -0
- package/dist/components/TextField/index.js.map +1 -0
- package/dist/components/Toggle/Toggle.d.ts +3 -0
- package/dist/components/Toggle/Toggle.styled.d.ts +7 -0
- package/dist/components/Toggle/Toggle.types.d.ts +13 -0
- package/dist/components/Toggle/index.d.ts +1 -0
- package/dist/components/Toggle/index.js +2 -0
- package/dist/components/Toggle/index.js.map +1 -0
- package/dist/components/ToggleButton/ToggleButton.d.ts +3 -0
- package/dist/components/ToggleButton/ToggleButton.styled.d.ts +39 -0
- package/dist/components/ToggleButton/ToggleButton.types.d.ts +20 -0
- package/dist/components/ToggleButton/index.d.ts +1 -0
- package/dist/components/ToggleButton/index.js +2 -0
- package/dist/components/ToggleButton/index.js.map +1 -0
- package/dist/components/ToggleButtonGroup/ToggleButtonGroup.d.ts +3 -0
- package/dist/components/ToggleButtonGroup/index.d.ts +1 -0
- package/dist/components/Tooltip/Tooltip.d.ts +2 -0
- package/dist/components/Tooltip/index.d.ts +1 -0
- package/dist/components/Tooltip/index.js +2 -0
- package/dist/components/Tooltip/index.js.map +1 -0
- package/dist/components/index.d.ts +2 -0
- package/dist/foundation/Elevation/index.d.ts +65 -0
- package/dist/foundation/Elevation/utils.d.ts +2 -0
- package/dist/foundation/Typography/index.d.ts +93 -0
- package/dist/foundation/Typography/tokens.d.ts +57 -0
- package/dist/foundation/colors/base/blue.d.ts +24 -0
- package/dist/foundation/colors/base/green.d.ts +24 -0
- package/dist/foundation/colors/base/grey.d.ts +35 -0
- package/dist/foundation/colors/base/index.d.ts +11 -0
- package/dist/foundation/colors/base/lunitGreen.d.ts +24 -0
- package/dist/foundation/colors/base/lunitTeal.d.ts +24 -0
- package/dist/foundation/colors/base/magenta.d.ts +24 -0
- package/dist/foundation/colors/base/opacity.d.ts +6 -0
- package/dist/foundation/colors/base/orange.d.ts +24 -0
- package/dist/foundation/colors/base/purple.d.ts +24 -0
- package/dist/foundation/colors/base/red.d.ts +24 -0
- package/dist/foundation/colors/base/yellow.d.ts +24 -0
- package/dist/foundation/colors/index.d.ts +155 -0
- package/dist/foundation/colors/token/component.d.ts +7 -0
- package/dist/foundation/colors/token/core.d.ts +5 -0
- package/dist/foundation/colors/token/index.d.ts +2 -0
- package/dist/foundation/colors/token/types.d.ts +8 -0
- package/dist/foundation/colors/types.d.ts +86 -0
- package/dist/foundation/index.d.ts +111 -0
- package/dist/foundation/spacing.d.ts +2 -0
- package/dist/index.d.ts +16 -0
- package/dist/index.js +2 -0
- package/dist/index.js.map +1 -0
- package/dist/theme.d.ts +2 -0
- package/package.json +86 -0
- package/tsconfig.build.json +18 -0
- package/tsconfig.json +17 -0
- package/webpack.config.js +51 -0
package/README.md
ADDED
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
# Lunit Design System
|
|
2
|
+
|
|
3
|
+
## Development
|
|
4
|
+
|
|
5
|
+
- At `repository root` location
|
|
6
|
+
- `yarn` : Install node modules and set lerna environment
|
|
7
|
+
- `yarn storybook:design-system` : Runs [storybook](http://localhost:6006) local dev server on http://localhost:6006
|
|
8
|
+
|
|
9
|
+
## Usage
|
|
10
|
+
|
|
11
|
+
### Create Story
|
|
12
|
+
|
|
13
|
+
A story is simply a case in which one component is executable.
|
|
14
|
+
You can browse the stories in the UI and see the code behind them in files that end with `.stories.js(jsx)` or `.stories.ts(tsx)`.
|
|
15
|
+
|
|
16
|
+
```jsx
|
|
17
|
+
// Button.stories.js|jsx
|
|
18
|
+
|
|
19
|
+
import React from "react";
|
|
20
|
+
|
|
21
|
+
import { Button } from "./Button";
|
|
22
|
+
|
|
23
|
+
export default {
|
|
24
|
+
/* 👇 The title controls the name shown in the storybook sidebar. */
|
|
25
|
+
title: "Components/Button",
|
|
26
|
+
component: Button,
|
|
27
|
+
};
|
|
28
|
+
|
|
29
|
+
export const Primary = () => <Button primary>Button</Button>;
|
|
30
|
+
```
|
|
31
|
+
|
|
32
|
+
### Documentation
|
|
33
|
+
|
|
34
|
+
Documentation can be found [Storybook's docs site](https://storybook.js.org/docs/react/writing-stories/introduction).
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from "./Alert";
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
(()=>{"use strict";var e={692:e=>{e.exports=require("@mui/material")},997:e=>{e.exports=require("react/jsx-runtime")}},r={};function t(o){var n=r[o];if(void 0!==n)return n.exports;var u=r[o]={exports:{}};return e[o](u,u.exports,t),u.exports}t.d=(e,r)=>{for(var o in r)t.o(r,o)&&!t.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:r[o]})},t.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),t.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};(()=>{t.r(o),t.d(o,{default:()=>n});var e=t(997),r=t(692);const n=function(){return(0,e.jsx)(r.Box,{children:"Alert"})}})(),exports.default=o.default,Object.defineProperty(exports,"__esModule",{value:!0})})();
|
|
2
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"components/Alert/index.js","mappings":"kCAAAA,EAAOC,QAAUC,QAAQ,gB,UCAzBF,EAAOC,QAAUC,QAAQ,oB,GCCrBC,EAA2B,CAAC,EAGhC,SAASC,EAAoBC,GAE5B,IAAIC,EAAeH,EAAyBE,GAC5C,QAAqBE,IAAjBD,EACH,OAAOA,EAAaL,QAGrB,IAAID,EAASG,EAAyBE,GAAY,CAGjDJ,QAAS,CAAC,GAOX,OAHAO,EAAoBH,GAAUL,EAAQA,EAAOC,QAASG,GAG/CJ,EAAOC,OACf,CCrBAG,EAAoBK,EAAI,CAACR,EAASS,KACjC,IAAI,IAAIC,KAAOD,EACXN,EAAoBQ,EAAEF,EAAYC,KAASP,EAAoBQ,EAAEX,EAASU,IAC5EE,OAAOC,eAAeb,EAASU,EAAK,CAAEI,YAAY,EAAMC,IAAKN,EAAWC,IAE1E,ECNDP,EAAoBQ,EAAI,CAACK,EAAKC,IAAUL,OAAOM,UAAUC,eAAeC,KAAKJ,EAAKC,GCClFd,EAAoBkB,EAAKrB,IACH,oBAAXsB,QAA0BA,OAAOC,aAC1CX,OAAOC,eAAeb,EAASsB,OAAOC,YAAa,CAAEC,MAAO,WAE7DZ,OAAOC,eAAeb,EAAS,aAAc,CAAEwB,OAAO,GAAO,E,mECG9D,QAJc,WACZ,OAAO,SAAC,EAAAC,IAAG,mBACb,C","sources":["webpack://@lunit/design-system/external commonjs \"@mui/material\"","webpack://@lunit/design-system/external commonjs \"react/jsx-runtime\"","webpack://@lunit/design-system/webpack/bootstrap","webpack://@lunit/design-system/webpack/runtime/define property getters","webpack://@lunit/design-system/webpack/runtime/hasOwnProperty shorthand","webpack://@lunit/design-system/webpack/runtime/make namespace object","webpack://@lunit/design-system/./src/components/Alert/Alert.tsx"],"sourcesContent":["module.exports = require(\"@mui/material\");","module.exports = require(\"react/jsx-runtime\");","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import React from \"react\";\n\nimport { Box } from \"@mui/material\";\n\nconst Alert = () => {\n return <Box>Alert</Box>;\n};\n\nexport default Alert;\n"],"names":["module","exports","require","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__","d","definition","key","o","Object","defineProperty","enumerable","get","obj","prop","prototype","hasOwnProperty","call","r","Symbol","toStringTag","value","Box"],"sourceRoot":""}
|