@mirai/ui 1.1.0-beta → 1.1.0-d
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/build/components/Action/Action.js +2 -4
- package/build/components/Action/Action.js.map +1 -1
- package/build/components/Action/Action.module.css +50 -49
- package/build/components/Action/Action.stories.js +4 -7
- package/build/components/Action/Action.stories.js.map +1 -1
- package/build/components/Button/Button.js +5 -7
- package/build/components/Button/Button.js.map +1 -1
- package/build/components/Calendar/Calendar.Month.js +4 -6
- package/build/components/Calendar/Calendar.Month.js.map +1 -1
- package/build/components/Calendar/Calendar.Week.js +6 -6
- package/build/components/Calendar/Calendar.Week.js.map +1 -1
- package/build/components/Calendar/Calendar.Weekdays.js +3 -6
- package/build/components/Calendar/Calendar.Weekdays.js.map +1 -1
- package/build/components/Calendar/Calendar.js +3 -3
- package/build/components/Calendar/Calendar.js.map +1 -1
- package/build/components/Calendar/__tests__/__snapshots__/Calendar.test.jsx.snap +32 -32
- package/build/components/InputNumber/InputNumber.js +6 -9
- package/build/components/InputNumber/InputNumber.js.map +1 -1
- package/build/components/InputNumber/__tests__/__snapshots__/InputNumber.test.js.snap +24 -24
- package/build/components/InputOption/InputOption.js +4 -7
- package/build/components/InputOption/InputOption.js.map +1 -1
- package/build/components/InputOption/__tests__/__snapshots__/InputOption.test.js.snap +4 -4
- package/build/components/InputPhone/InputPhone.js +11 -11
- package/build/components/InputPhone/InputPhone.js.map +1 -1
- package/build/components/InputPhone/__tests__/__snapshots__/InputPhone.test.js.snap +27 -27
- package/build/components/InputSelect/InputSelect.js +7 -7
- package/build/components/InputSelect/InputSelect.js.map +1 -1
- package/build/components/InputSelect/__tests__/__snapshots__/InputSelect.test.js.snap +12 -12
- package/build/components/InputText/InputText.js +10 -10
- package/build/components/InputText/InputText.js.map +1 -1
- package/build/components/InputText/__tests__/__snapshots__/InputText.test.js.snap +7 -7
- package/build/components/InputText/partials/InputText.Hint.js +2 -5
- package/build/components/InputText/partials/InputText.Hint.js.map +1 -1
- package/build/components/InputText/partials/InputText.IconState.js +2 -5
- package/build/components/InputText/partials/InputText.IconState.js.map +1 -1
- package/build/components/InputText/partials/InputText.Label.js +3 -6
- package/build/components/InputText/partials/InputText.Label.js.map +1 -1
- package/build/components/Menu/Menu.Option.js +5 -8
- package/build/components/Menu/Menu.Option.js.map +1 -1
- package/build/components/Menu/Menu.js +3 -6
- package/build/components/Menu/Menu.js.map +1 -1
- package/build/components/Menu/Menu.module.css +0 -3
- package/build/components/Menu/__tests__/__snapshots__/Menu.test.jsx.snap +2 -2
- package/build/components/Modal/Modal.js +9 -8
- package/build/components/Modal/Modal.js.map +1 -1
- package/build/components/Modal/__tests__/__snapshots__/Modal.test.js.snap +3 -3
- package/build/components/Notification/Notification.js +5 -8
- package/build/components/Notification/Notification.js.map +1 -1
- package/build/components/Notification/__tests__/__snapshots__/Notification.test.js.snap +19 -19
- package/build/components/Progress/Progress.js +3 -6
- package/build/components/Progress/Progress.js.map +1 -1
- package/build/components/Slider/Slider.js +11 -11
- package/build/components/Slider/Slider.js.map +1 -1
- package/build/components/Slider/__tests__/__snapshots__/Slider.test.js.snap +12 -12
- package/build/components/Table/Table.ColumnFilter.js +9 -9
- package/build/components/Table/Table.ColumnFilter.js.map +1 -1
- package/build/components/Table/Table.Filter.js +4 -7
- package/build/components/Table/Table.Filter.js.map +1 -1
- package/build/components/Table/Table.Row.js +7 -7
- package/build/components/Table/Table.Row.js.map +1 -1
- package/build/components/Table/Table.js +3 -3
- package/build/components/Table/Table.js.map +1 -1
- package/build/components/Table/Table.stories.js +5 -4
- package/build/components/Table/Table.stories.js.map +1 -1
- package/build/components/Table/__tests__/__snapshots__/Table.ColumnFilter.test.js.snap +12 -12
- package/build/components/Table/__tests__/__snapshots__/Table.test.js.snap +60 -60
- package/build/components/Tooltip/Tooltip.js +4 -4
- package/build/components/Tooltip/Tooltip.js.map +1 -1
- package/build/primitives/Checkbox/Checkbox.js +3 -6
- package/build/primitives/Checkbox/Checkbox.js.map +1 -1
- package/build/primitives/Icon/Icon.js +2 -4
- package/build/primitives/Icon/Icon.js.map +1 -1
- package/build/primitives/Icon/Icon.module.css +4 -4
- package/build/primitives/Icon/__tests__/__snapshots__/Icon.test.js.snap +27 -27
- package/build/primitives/Input/Input.js +2 -2
- package/build/primitives/Input/Input.js.map +1 -1
- package/build/primitives/Layer/Layer.js +2 -2
- package/build/primitives/Layer/Layer.js.map +1 -1
- package/build/primitives/Pressable/Pressable.js +2 -4
- package/build/primitives/Pressable/Pressable.js.map +1 -1
- package/build/primitives/Radio/Radio.js +4 -7
- package/build/primitives/Radio/Radio.js.map +1 -1
- package/build/primitives/ScrollView/ScrollView.js +2 -2
- package/build/primitives/ScrollView/ScrollView.js.map +1 -1
- package/build/primitives/Select/Select.js +2 -2
- package/build/primitives/Select/Select.js.map +1 -1
- package/build/primitives/Switch/Switch.js +4 -7
- package/build/primitives/Switch/Switch.js.map +1 -1
- package/build/primitives/Text/Text.js +2 -4
- package/build/primitives/Text/Text.js.map +1 -1
- package/build/primitives/Text/Text.module.css +4 -4
- package/build/primitives/View/View.js +2 -4
- package/build/primitives/View/View.js.map +1 -1
- package/package.json +1 -5
- package/build/primitives/Primitive/Primitive.module.css +0 -241
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.js","names":["Radio","checked","disabled","name","value","onChange","others","handleChange","event","role","styles","style","radio","className","testId","input","checkmark","displayName","propTypes","PropTypes","bool","string","isRequired","oneOfType","func"],"sources":["../../../src/primitives/Radio/Radio.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Primitive } from '../Primitive';\nimport
|
|
1
|
+
{"version":3,"file":"Radio.js","names":["Radio","checked","disabled","name","value","onChange","others","handleChange","event","role","styles","style","radio","className","testId","input","checkmark","displayName","propTypes","PropTypes","bool","string","isRequired","oneOfType","func"],"sources":["../../../src/primitives/Radio/Radio.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Primitive } from '../Primitive';\nimport style from './Radio.module.css';\n\nconst Radio = ({ checked = false, disabled, name, value = '', onChange = () => {}, ...others }) => {\n const handleChange = (event) => {\n if (disabled) return;\n\n onChange(value, event);\n };\n\n return (\n <Primitive\n role={others.role || 'radio'}\n tag=\"radio\"\n className={styles(style.radio, others.className)}\n style={others.style}\n >\n <Primitive\n checked={checked}\n disabled={disabled}\n name={name}\n tag=\"input\"\n type=\"radio\"\n value={value}\n onChange={handleChange}\n testId={others.testId}\n className={style.input}\n />\n <Primitive className={style.checkmark} />\n </Primitive>\n );\n};\n\nRadio.displayName = 'Primitive:Radio';\n\nRadio.propTypes = {\n checked: PropTypes.bool,\n disabled: PropTypes.bool,\n name: PropTypes.string.isRequired,\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n onChange: PropTypes.func,\n};\n\nexport { Radio };\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AACA;AAAuC;AAAA;AAAA;AAAA;AAEvC,IAAMA,KAAK,GAAG,SAARA,KAAK,OAAwF;EAAA,wBAAlFC,OAAO;IAAPA,OAAO,6BAAG,KAAK;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,IAAI,QAAJA,IAAI;IAAA,kBAAEC,KAAK;IAALA,KAAK,2BAAG,EAAE;IAAA,qBAAEC,QAAQ;IAARA,QAAQ,8BAAG,YAAM,CAAC,CAAC;IAAKC,MAAM;EAC1F,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAAIC,KAAK,EAAK;IAC9B,IAAIN,QAAQ,EAAE;IAEdG,QAAQ,CAACD,KAAK,EAAEI,KAAK,CAAC;EACxB,CAAC;EAED,oBACE,6BAAC,oBAAS;IACR,IAAI,EAAEF,MAAM,CAACG,IAAI,IAAI,OAAQ;IAC7B,GAAG,EAAC,OAAO;IACX,SAAS,EAAE,IAAAC,eAAM,EAACC,oBAAK,CAACC,KAAK,EAAEN,MAAM,CAACO,SAAS,CAAE;IACjD,KAAK,EAAEP,MAAM,CAACK;EAAM,gBAEpB,6BAAC,oBAAS;IACR,OAAO,EAAEV,OAAQ;IACjB,QAAQ,EAAEC,QAAS;IACnB,IAAI,EAAEC,IAAK;IACX,GAAG,EAAC,OAAO;IACX,IAAI,EAAC,OAAO;IACZ,KAAK,EAAEC,KAAM;IACb,QAAQ,EAAEG,YAAa;IACvB,MAAM,EAAED,MAAM,CAACQ,MAAO;IACtB,SAAS,EAAEH,oBAAK,CAACI;EAAM,EACvB,eACF,6BAAC,oBAAS;IAAC,SAAS,EAAEJ,oBAAK,CAACK;EAAU,EAAG,CAC/B;AAEhB,CAAC;AAAC;AAEFhB,KAAK,CAACiB,WAAW,GAAG,iBAAiB;AAErCjB,KAAK,CAACkB,SAAS,GAAG;EAChBjB,OAAO,EAAEkB,kBAAS,CAACC,IAAI;EACvBlB,QAAQ,EAAEiB,kBAAS,CAACC,IAAI;EACxBjB,IAAI,EAAEgB,kBAAS,CAACE,MAAM,CAACC,UAAU;EACjClB,KAAK,EAAEe,kBAAS,CAACI,SAAS,CAAC,CAACJ,kBAAS,CAACE,MAAM,EAAEF,kBAAS,CAACC,IAAI,CAAC,CAAC;EAC9Df,QAAQ,EAAEc,kBAAS,CAACK;AACtB,CAAC"}
|
|
@@ -9,7 +9,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
9
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
10
|
var _helpers = require("../../helpers");
|
|
11
11
|
var _Primitive = require("../Primitive");
|
|
12
|
-
var
|
|
12
|
+
var _ScrollViewModule = _interopRequireDefault(require("./ScrollView.module.css"));
|
|
13
13
|
var _excluded = ["behavior", "children", "height", "horizontal", "scrollEventThrottle", "scrollIndicator", "scrollTo", "snap", "tag", "width", "onScroll"];
|
|
14
14
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
15
15
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
@@ -78,7 +78,7 @@ var ScrollView = function ScrollView(_ref) {
|
|
|
78
78
|
role: others.role || 'scrollview',
|
|
79
79
|
tag: tag,
|
|
80
80
|
onScroll: onScroll ? handleScroll : undefined,
|
|
81
|
-
className: (0, _helpers.styles)(
|
|
81
|
+
className: (0, _helpers.styles)(_ScrollViewModule.default.scrollview, snap && _ScrollViewModule.default.snap, horizontal ? _ScrollViewModule.default.horizontal : _ScrollViewModule.default.vertical, !scrollIndicator && _ScrollViewModule.default.notIndicator, others.className),
|
|
82
82
|
style: _objectSpread(_objectSpread({}, others.style), {}, {
|
|
83
83
|
height: height,
|
|
84
84
|
width: width
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScrollView.js","names":["ScrollView","behavior","children","height","horizontal","scrollEventThrottle","scrollIndicator","scrollTo","snap","tag","width","onScroll","others","ref","useRef","timeout","useEffect","current","undefined","handleScroll","target","clientHeight","clientWidth","scrollHeight","scrollWidth","scrollTop","scrollLeft","x","parseInt","y","offsetX","offsetY","clearTimeout","setTimeout","percentX","percentY","React","createElement","Primitive","role","className","styles","style","scrollview","vertical","notIndicator","displayName","propTypes","PropTypes","string","node","isRequired","number","bool","func"],"sources":["../../../src/primitives/ScrollView/ScrollView.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useEffect, useRef } from 'react';\n\nimport { styles } from '../../helpers';\nimport { Primitive } from '../Primitive';\nimport
|
|
1
|
+
{"version":3,"file":"ScrollView.js","names":["ScrollView","behavior","children","height","horizontal","scrollEventThrottle","scrollIndicator","scrollTo","snap","tag","width","onScroll","others","ref","useRef","timeout","useEffect","current","undefined","handleScroll","target","clientHeight","clientWidth","scrollHeight","scrollWidth","scrollTop","scrollLeft","x","parseInt","y","offsetX","offsetY","clearTimeout","setTimeout","percentX","percentY","React","createElement","Primitive","role","className","styles","style","scrollview","vertical","notIndicator","displayName","propTypes","PropTypes","string","node","isRequired","number","bool","func"],"sources":["../../../src/primitives/ScrollView/ScrollView.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useEffect, useRef } from 'react';\n\nimport { styles } from '../../helpers';\nimport { Primitive } from '../Primitive';\nimport style from './ScrollView.module.css';\n\nconst ScrollView = ({\n behavior = 'smooth',\n children,\n height,\n horizontal,\n scrollEventThrottle = 16, // * 60fps\n scrollIndicator = false,\n scrollTo,\n snap = true,\n tag = 'scrollview',\n width,\n onScroll,\n ...others\n}) => {\n const ref = useRef();\n\n let timeout = null;\n\n useEffect(() => {\n const { current = {} } = ref || {};\n if (!current.scrollTo || scrollTo === undefined) return;\n\n current.scrollTo({ [horizontal ? 'left' : 'top']: scrollTo, behavior });\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [scrollTo]);\n\n const handleScroll = ({\n target: { clientHeight, clientWidth, scrollHeight, scrollWidth, scrollTop, scrollLeft } = {},\n }) => {\n const x = parseInt(scrollLeft, 10);\n const y = parseInt(scrollTop, 10);\n const offsetX = scrollWidth - clientWidth;\n const offsetY = scrollHeight - clientHeight;\n\n clearTimeout(timeout);\n timeout = setTimeout(() => {\n onScroll({\n x,\n y,\n percentX: offsetX ? parseInt((x * 100) / offsetX, 10) : 0,\n percentY: offsetY ? parseInt((y * 100) / offsetY, 10) : 0,\n });\n }, scrollEventThrottle);\n };\n\n return React.createElement(\n Primitive,\n {\n ...others,\n ref,\n role: others.role || 'scrollview',\n tag,\n onScroll: onScroll ? handleScroll : undefined,\n className: styles(\n style.scrollview,\n snap && style.snap,\n horizontal ? style.horizontal : style.vertical,\n !scrollIndicator && style.notIndicator,\n others.className,\n ),\n style: { ...others.style, height, width },\n },\n children,\n );\n};\n\nScrollView.displayName = 'Primitive:ScrollView';\n\nScrollView.propTypes = {\n behavior: PropTypes.string,\n children: PropTypes.node.isRequired,\n height: PropTypes.number,\n horizontal: PropTypes.bool,\n scrollEventThrottle: PropTypes.number,\n scrollIndicator: PropTypes.bool,\n scrollTo: PropTypes.number,\n snap: PropTypes.bool,\n tag: PropTypes.string,\n width: PropTypes.number,\n onScroll: PropTypes.func,\n};\n\nexport { ScrollView };\n"],"mappings":"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"}
|
|
@@ -9,7 +9,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
9
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
10
|
var _helpers = require("../../helpers");
|
|
11
11
|
var _Primitive = require("../Primitive");
|
|
12
|
-
var
|
|
12
|
+
var _SelectModule = _interopRequireDefault(require("./Select.module.css"));
|
|
13
13
|
var _excluded = ["disabled", "emptyOption", "options", "value", "onChange", "onEnter", "onError", "onLeave"];
|
|
14
14
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
15
15
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
@@ -56,7 +56,7 @@ var Select = function Select(_ref) {
|
|
|
56
56
|
onFocus: onEnter,
|
|
57
57
|
onBlur: onLeave
|
|
58
58
|
} : {}), {}, {
|
|
59
|
-
className: (0, _helpers.styles)(
|
|
59
|
+
className: (0, _helpers.styles)(_SelectModule.default.select, value === EMPTY && _SelectModule.default.empty, others.className)
|
|
60
60
|
}), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, emptyOption && /*#__PURE__*/_react.default.createElement(_Primitive.Primitive, {
|
|
61
61
|
tag: "option",
|
|
62
62
|
value: EMPTY
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","names":["EMPTY","Select","disabled","emptyOption","options","value","onChange","onEnter","onError","onLeave","others","useEffect","errors","getInputErrors","handleChange","event","React","createElement","Primitive","role","tag","target","onFocus","onBlur","className","styles","style","select","empty","map","option","displayName","propTypes","PropTypes","bool","string","name","isRequired","arrayOf","func"],"sources":["../../../src/primitives/Select/Select.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useEffect } from 'react';\n\nimport { getInputErrors, styles } from '../../helpers';\nimport { Primitive } from '../Primitive';\nimport
|
|
1
|
+
{"version":3,"file":"Select.js","names":["EMPTY","Select","disabled","emptyOption","options","value","onChange","onEnter","onError","onLeave","others","useEffect","errors","getInputErrors","handleChange","event","React","createElement","Primitive","role","tag","target","onFocus","onBlur","className","styles","style","select","empty","map","option","displayName","propTypes","PropTypes","bool","string","name","isRequired","arrayOf","func"],"sources":["../../../src/primitives/Select/Select.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useEffect } from 'react';\n\nimport { getInputErrors, styles } from '../../helpers';\nimport { Primitive } from '../Primitive';\nimport style from './Select.module.css';\n\nconst EMPTY = '';\n\nconst Select = ({ disabled, emptyOption, options = [], value, onChange, onEnter, onError, onLeave, ...others }) => {\n useEffect(() => {\n const errors = getInputErrors({ ...others });\n if (errors && onError) onError(errors);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n const handleChange = (value, event) => {\n onError && onError(getInputErrors({ ...others, value }));\n onChange && onChange(value, event);\n };\n\n return React.createElement(\n Primitive,\n {\n ...others,\n disabled,\n role: others.role || 'select',\n tag: 'select',\n value,\n ...(!disabled\n ? {\n onChange: (event) => handleChange(event.target.value, event),\n onFocus: onEnter,\n onBlur: onLeave,\n }\n : {}),\n className: styles(style.select, value === EMPTY && style.empty, others.className),\n },\n <>\n {emptyOption && (\n <Primitive tag=\"option\" value={EMPTY}>\n {emptyOption}\n </Primitive>\n )}\n {options.map((option) => (\n <Primitive tag=\"option\" value={option} key={option}>\n {option}\n </Primitive>\n ))}\n </>,\n );\n};\n\nSelect.displayName = 'Primitive:Input';\n\nSelect.propTypes = {\n disabled: PropTypes.bool,\n emptyOption: PropTypes.string,\n name: PropTypes.string.isRequired,\n options: PropTypes.arrayOf(PropTypes.string),\n value: PropTypes.string,\n onChange: PropTypes.func,\n onEnter: PropTypes.func,\n onError: PropTypes.func,\n onLeave: PropTypes.func,\n};\n\nexport { Select };\n"],"mappings":";;;;;;;AAAA;AACA;AAEA;AACA;AACA;AAAwC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAExC,IAAMA,KAAK,GAAG,EAAE;AAEhB,IAAMC,MAAM,GAAG,SAATA,MAAM,OAAuG;EAAA,IAAjGC,QAAQ,QAARA,QAAQ;IAAEC,WAAW,QAAXA,WAAW;IAAA,oBAAEC,OAAO;IAAPA,OAAO,6BAAG,EAAE;IAAEC,KAAK,QAALA,KAAK;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,OAAO,QAAPA,OAAO;IAAEC,OAAO,QAAPA,OAAO;IAAEC,OAAO,QAAPA,OAAO;IAAKC,MAAM;EAC1G,IAAAC,gBAAS,EAAC,YAAM;IACd,IAAMC,MAAM,GAAG,IAAAC,uBAAc,oBAAMH,MAAM,EAAG;IAC5C,IAAIE,MAAM,IAAIJ,OAAO,EAAEA,OAAO,CAACI,MAAM,CAAC;IACtC;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,IAAME,YAAY,GAAG,SAAfA,YAAY,CAAIT,KAAK,EAAEU,KAAK,EAAK;IACrCP,OAAO,IAAIA,OAAO,CAAC,IAAAK,uBAAc,kCAAMH,MAAM;MAAEL,KAAK,EAALA;IAAK,GAAG,CAAC;IACxDC,QAAQ,IAAIA,QAAQ,CAACD,KAAK,EAAEU,KAAK,CAAC;EACpC,CAAC;EAED,oBAAOC,cAAK,CAACC,aAAa,CACxBC,oBAAS,gDAEJR,MAAM;IACTR,QAAQ,EAARA,QAAQ;IACRiB,IAAI,EAAET,MAAM,CAACS,IAAI,IAAI,QAAQ;IAC7BC,GAAG,EAAE,QAAQ;IACbf,KAAK,EAALA;EAAK,GACD,CAACH,QAAQ,GACT;IACEI,QAAQ,EAAE,kBAACS,KAAK;MAAA,OAAKD,YAAY,CAACC,KAAK,CAACM,MAAM,CAAChB,KAAK,EAAEU,KAAK,CAAC;IAAA;IAC5DO,OAAO,EAAEf,OAAO;IAChBgB,MAAM,EAAEd;EACV,CAAC,GACD,CAAC,CAAC;IACNe,SAAS,EAAE,IAAAC,eAAM,EAACC,qBAAK,CAACC,MAAM,EAAEtB,KAAK,KAAKL,KAAK,IAAI0B,qBAAK,CAACE,KAAK,EAAElB,MAAM,CAACc,SAAS;EAAC,iBAEnF,4DACGrB,WAAW,iBACV,6BAAC,oBAAS;IAAC,GAAG,EAAC,QAAQ;IAAC,KAAK,EAAEH;EAAM,GAClCG,WAAW,CAEf,EACAC,OAAO,CAACyB,GAAG,CAAC,UAACC,MAAM;IAAA,oBAClB,6BAAC,oBAAS;MAAC,GAAG,EAAC,QAAQ;MAAC,KAAK,EAAEA,MAAO;MAAC,GAAG,EAAEA;IAAO,GAChDA,MAAM,CACG;EAAA,CACb,CAAC,CACD,CACJ;AACH,CAAC;AAAC;AAEF7B,MAAM,CAAC8B,WAAW,GAAG,iBAAiB;AAEtC9B,MAAM,CAAC+B,SAAS,GAAG;EACjB9B,QAAQ,EAAE+B,kBAAS,CAACC,IAAI;EACxB/B,WAAW,EAAE8B,kBAAS,CAACE,MAAM;EAC7BC,IAAI,EAAEH,kBAAS,CAACE,MAAM,CAACE,UAAU;EACjCjC,OAAO,EAAE6B,kBAAS,CAACK,OAAO,CAACL,kBAAS,CAACE,MAAM,CAAC;EAC5C9B,KAAK,EAAE4B,kBAAS,CAACE,MAAM;EACvB7B,QAAQ,EAAE2B,kBAAS,CAACM,IAAI;EACxBhC,OAAO,EAAE0B,kBAAS,CAACM,IAAI;EACvB/B,OAAO,EAAEyB,kBAAS,CAACM,IAAI;EACvB9B,OAAO,EAAEwB,kBAAS,CAACM;AACrB,CAAC"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
|
5
4
|
value: true
|
|
6
5
|
});
|
|
@@ -9,10 +8,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
9
8
|
var _react = _interopRequireDefault(require("react"));
|
|
10
9
|
var _helpers = require("../../helpers");
|
|
11
10
|
var _Primitive = require("../Primitive");
|
|
12
|
-
var
|
|
11
|
+
var _SwitchModule = _interopRequireDefault(require("./Switch.module.css"));
|
|
13
12
|
var _excluded = ["checked", "disabled", "name", "onChange"];
|
|
14
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
15
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
16
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
14
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
18
15
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
@@ -31,7 +28,7 @@ var Switch = function Switch(_ref) {
|
|
|
31
28
|
role: others.role || 'switch',
|
|
32
29
|
tag: "switch",
|
|
33
30
|
onClick: !disabled ? handleChange : undefined,
|
|
34
|
-
className: (0, _helpers.styles)(
|
|
31
|
+
className: (0, _helpers.styles)(_SwitchModule.default.switch, others.className)
|
|
35
32
|
}), /*#__PURE__*/_react.default.createElement(_Primitive.Primitive, {
|
|
36
33
|
checked: checked,
|
|
37
34
|
disabled: disabled,
|
|
@@ -40,9 +37,9 @@ var Switch = function Switch(_ref) {
|
|
|
40
37
|
type: "checkbox",
|
|
41
38
|
onChange: function onChange() {}
|
|
42
39
|
}), /*#__PURE__*/_react.default.createElement(_Primitive.Primitive, {
|
|
43
|
-
className:
|
|
40
|
+
className: _SwitchModule.default.area
|
|
44
41
|
}, /*#__PURE__*/_react.default.createElement(_Primitive.Primitive, {
|
|
45
|
-
className:
|
|
42
|
+
className: _SwitchModule.default.toggle
|
|
46
43
|
})));
|
|
47
44
|
};
|
|
48
45
|
exports.Switch = Switch;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.js","names":["Switch","checked","disabled","name","onChange","others","handleChange","event","role","undefined","styles","style","switch","className","area","toggle","displayName","propTypes","PropTypes","bool","string","isRequired","func"],"sources":["../../../src/primitives/Switch/Switch.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Primitive } from '../Primitive';\nimport
|
|
1
|
+
{"version":3,"file":"Switch.js","names":["Switch","checked","disabled","name","onChange","others","handleChange","event","role","undefined","styles","style","switch","className","area","toggle","displayName","propTypes","PropTypes","bool","string","isRequired","func"],"sources":["../../../src/primitives/Switch/Switch.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Primitive } from '../Primitive';\nimport style from './Switch.module.css';\n\nconst Switch = ({ checked = false, disabled, name, onChange, ...others }) => {\n const handleChange = (event) => {\n onChange && onChange(!checked, event);\n };\n\n return (\n <Primitive\n {...others}\n role={others.role || 'switch'}\n tag=\"switch\"\n onClick={!disabled ? handleChange : undefined}\n className={styles(style.switch, others.className)}\n >\n <Primitive checked={checked} disabled={disabled} name={name} tag=\"input\" type=\"checkbox\" onChange={() => {}} />\n <Primitive className={style.area}>\n <Primitive className={style.toggle} />\n </Primitive>\n </Primitive>\n );\n};\n\nSwitch.displayName = 'Primitive:Switch';\n\nSwitch.propTypes = {\n checked: PropTypes.bool,\n disabled: PropTypes.bool,\n name: PropTypes.string.isRequired,\n onChange: PropTypes.func,\n};\n\nexport { Switch };\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AACA;AAAwC;AAAA;AAAA;AAAA;AAAA;AAExC,IAAMA,MAAM,GAAG,SAATA,MAAM,OAAiE;EAAA,wBAA3DC,OAAO;IAAPA,OAAO,6BAAG,KAAK;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,IAAI,QAAJA,IAAI;IAAEC,QAAQ,QAARA,QAAQ;IAAKC,MAAM;EACpE,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAAIC,KAAK,EAAK;IAC9BH,QAAQ,IAAIA,QAAQ,CAAC,CAACH,OAAO,EAAEM,KAAK,CAAC;EACvC,CAAC;EAED,oBACE,6BAAC,oBAAS,eACJF,MAAM;IACV,IAAI,EAAEA,MAAM,CAACG,IAAI,IAAI,QAAS;IAC9B,GAAG,EAAC,QAAQ;IACZ,OAAO,EAAE,CAACN,QAAQ,GAAGI,YAAY,GAAGG,SAAU;IAC9C,SAAS,EAAE,IAAAC,eAAM,EAACC,qBAAK,CAACC,MAAM,EAAEP,MAAM,CAACQ,SAAS;EAAE,iBAElD,6BAAC,oBAAS;IAAC,OAAO,EAAEZ,OAAQ;IAAC,QAAQ,EAAEC,QAAS;IAAC,IAAI,EAAEC,IAAK;IAAC,GAAG,EAAC,OAAO;IAAC,IAAI,EAAC,UAAU;IAAC,QAAQ,EAAE,oBAAM,CAAC;EAAE,EAAG,eAC/G,6BAAC,oBAAS;IAAC,SAAS,EAAEQ,qBAAK,CAACG;EAAK,gBAC/B,6BAAC,oBAAS;IAAC,SAAS,EAAEH,qBAAK,CAACI;EAAO,EAAG,CAC5B,CACF;AAEhB,CAAC;AAAC;AAEFf,MAAM,CAACgB,WAAW,GAAG,kBAAkB;AAEvChB,MAAM,CAACiB,SAAS,GAAG;EACjBhB,OAAO,EAAEiB,kBAAS,CAACC,IAAI;EACvBjB,QAAQ,EAAEgB,kBAAS,CAACC,IAAI;EACxBhB,IAAI,EAAEe,kBAAS,CAACE,MAAM,CAACC,UAAU;EACjCjB,QAAQ,EAAEc,kBAAS,CAACI;AACtB,CAAC"}
|
|
@@ -10,10 +10,8 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
10
10
|
var _helpers = require("../../helpers");
|
|
11
11
|
var _Primitive = require("../Primitive");
|
|
12
12
|
var _helpers2 = require("./helpers");
|
|
13
|
-
var
|
|
13
|
+
var _TextModule = _interopRequireDefault(require("./Text.module.css"));
|
|
14
14
|
var _excluded = ["accent", "action", "bold", "children", "headline", "level", "lighten", "markdown", "small", "tag", "tiny", "underline", "upperCase", "wide"];
|
|
15
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
16
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
17
15
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
18
16
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
19
17
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
@@ -44,7 +42,7 @@ var Text = function Text(_ref) {
|
|
|
44
42
|
return /*#__PURE__*/_react.default.createElement(_Primitive.Primitive, _objectSpread(_objectSpread({}, others), {}, {
|
|
45
43
|
role: others.role || 'text',
|
|
46
44
|
tag: headline ? "h".concat(level) : tag,
|
|
47
|
-
className: (0, _helpers.styles)(
|
|
45
|
+
className: (0, _helpers.styles)(_TextModule.default.text, accent && _TextModule.default.accent, bold && _TextModule.default.bold, headline ? _TextModule.default["headline-".concat(level)] : action ? _TextModule.default.action : small ? _TextModule.default.small : tiny ? _TextModule.default.tiny : _TextModule.default.paragraph, lighten && _TextModule.default.lighten, underline && _TextModule.default.underline, upperCase && _TextModule.default.upperCase, wide && _TextModule.default.wide, others.className)
|
|
48
46
|
}), markdown ? (0, _helpers2.parseMarkdown)(children) : children);
|
|
49
47
|
};
|
|
50
48
|
exports.Text = Text;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.js","names":["Text","accent","action","bold","children","headline","level","lighten","markdown","small","tag","tiny","underline","upperCase","wide","others","React","createElement","Primitive","role","className","styles","style","text","paragraph","parseMarkdown","displayName","propTypes","PropTypes","bool","oneOfType","string","number","array"],"sources":["../../../src/primitives/Text/Text.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Primitive } from '../Primitive';\nimport { parseMarkdown } from './helpers';\nimport
|
|
1
|
+
{"version":3,"file":"Text.js","names":["Text","accent","action","bold","children","headline","level","lighten","markdown","small","tag","tiny","underline","upperCase","wide","others","React","createElement","Primitive","role","className","styles","style","text","paragraph","parseMarkdown","displayName","propTypes","PropTypes","bool","oneOfType","string","number","array"],"sources":["../../../src/primitives/Text/Text.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Primitive } from '../Primitive';\nimport { parseMarkdown } from './helpers';\nimport style from './Text.module.css';\n\nconst Text = ({\n accent,\n action,\n bold,\n children,\n headline,\n level = 3,\n lighten,\n markdown = true,\n small,\n tag = 'text',\n tiny,\n underline,\n upperCase,\n wide,\n ...others\n}) =>\n React.createElement(\n Primitive,\n {\n ...others,\n role: others.role || 'text',\n tag: headline ? `h${level}` : tag,\n className: styles(\n style.text,\n accent && style.accent,\n bold && style.bold,\n headline\n ? style[`headline-${level}`]\n : action\n ? style.action\n : small\n ? style.small\n : tiny\n ? style.tiny\n : style.paragraph,\n lighten && style.lighten,\n underline && style.underline,\n upperCase && style.upperCase,\n wide && style.wide,\n others.className,\n ),\n },\n markdown ? parseMarkdown(children) : children,\n );\n\nText.displayName = 'Primitive:Text';\n\nText.propTypes = {\n accent: PropTypes.bool,\n action: PropTypes.bool,\n bold: PropTypes.bool,\n children: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.array]),\n headline: PropTypes.bool,\n level: PropTypes.number,\n lighten: PropTypes.bool,\n markdown: PropTypes.bool,\n small: PropTypes.bool,\n tag: PropTypes.string,\n tiny: PropTypes.bool,\n underline: PropTypes.bool,\n upperCase: PropTypes.bool,\n wide: PropTypes.bool,\n};\n\nexport { Text };\n"],"mappings":";;;;;;;AAAA;AACA;AAEA;AACA;AACA;AACA;AAAsC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEtC,IAAMA,IAAI,GAAG,SAAPA,IAAI;EAAA,IACRC,MAAM,QAANA,MAAM;IACNC,MAAM,QAANA,MAAM;IACNC,IAAI,QAAJA,IAAI;IACJC,QAAQ,QAARA,QAAQ;IACRC,QAAQ,QAARA,QAAQ;IAAA,kBACRC,KAAK;IAALA,KAAK,2BAAG,CAAC;IACTC,OAAO,QAAPA,OAAO;IAAA,qBACPC,QAAQ;IAARA,QAAQ,8BAAG,IAAI;IACfC,KAAK,QAALA,KAAK;IAAA,gBACLC,GAAG;IAAHA,GAAG,yBAAG,MAAM;IACZC,IAAI,QAAJA,IAAI;IACJC,SAAS,QAATA,SAAS;IACTC,SAAS,QAATA,SAAS;IACTC,IAAI,QAAJA,IAAI;IACDC,MAAM;EAAA,oBAETC,cAAK,CAACC,aAAa,CACjBC,oBAAS,kCAEJH,MAAM;IACTI,IAAI,EAAEJ,MAAM,CAACI,IAAI,IAAI,MAAM;IAC3BT,GAAG,EAAEL,QAAQ,cAAOC,KAAK,IAAKI,GAAG;IACjCU,SAAS,EAAE,IAAAC,eAAM,EACfC,mBAAK,CAACC,IAAI,EACVtB,MAAM,IAAIqB,mBAAK,CAACrB,MAAM,EACtBE,IAAI,IAAImB,mBAAK,CAACnB,IAAI,EAClBE,QAAQ,GACJiB,mBAAK,oBAAahB,KAAK,EAAG,GAC1BJ,MAAM,GACNoB,mBAAK,CAACpB,MAAM,GACZO,KAAK,GACLa,mBAAK,CAACb,KAAK,GACXE,IAAI,GACJW,mBAAK,CAACX,IAAI,GACVW,mBAAK,CAACE,SAAS,EACnBjB,OAAO,IAAIe,mBAAK,CAACf,OAAO,EACxBK,SAAS,IAAIU,mBAAK,CAACV,SAAS,EAC5BC,SAAS,IAAIS,mBAAK,CAACT,SAAS,EAC5BC,IAAI,IAAIQ,mBAAK,CAACR,IAAI,EAClBC,MAAM,CAACK,SAAS;EACjB,IAEHZ,QAAQ,GAAG,IAAAiB,uBAAa,EAACrB,QAAQ,CAAC,GAAGA,QAAQ,CAC9C;AAAA;AAAC;AAEJJ,IAAI,CAAC0B,WAAW,GAAG,gBAAgB;AAEnC1B,IAAI,CAAC2B,SAAS,GAAG;EACf1B,MAAM,EAAE2B,kBAAS,CAACC,IAAI;EACtB3B,MAAM,EAAE0B,kBAAS,CAACC,IAAI;EACtB1B,IAAI,EAAEyB,kBAAS,CAACC,IAAI;EACpBzB,QAAQ,EAAEwB,kBAAS,CAACE,SAAS,CAAC,CAACF,kBAAS,CAACG,MAAM,EAAEH,kBAAS,CAACI,MAAM,EAAEJ,kBAAS,CAACK,KAAK,CAAC,CAAC;EACpF5B,QAAQ,EAAEuB,kBAAS,CAACC,IAAI;EACxBvB,KAAK,EAAEsB,kBAAS,CAACI,MAAM;EACvBzB,OAAO,EAAEqB,kBAAS,CAACC,IAAI;EACvBrB,QAAQ,EAAEoB,kBAAS,CAACC,IAAI;EACxBpB,KAAK,EAAEmB,kBAAS,CAACC,IAAI;EACrBnB,GAAG,EAAEkB,kBAAS,CAACG,MAAM;EACrBpB,IAAI,EAAEiB,kBAAS,CAACC,IAAI;EACpBjB,SAAS,EAAEgB,kBAAS,CAACC,IAAI;EACzBhB,SAAS,EAAEe,kBAAS,CAACC,IAAI;EACzBf,IAAI,EAAEc,kBAAS,CAACC;AAClB,CAAC"}
|
|
@@ -18,22 +18,22 @@
|
|
|
18
18
|
font-weight: var(--mirai-ui-font-bold-weight);
|
|
19
19
|
}
|
|
20
20
|
|
|
21
|
-
.
|
|
21
|
+
.headline-1 {
|
|
22
22
|
font-size: var(--mirai-ui-font-size-headline-1);
|
|
23
23
|
line-height: var(--mirai-ui-line-height-headline-1);
|
|
24
24
|
}
|
|
25
25
|
|
|
26
|
-
.
|
|
26
|
+
.headline-2 {
|
|
27
27
|
font-size: var(--mirai-ui-font-size-headline-2);
|
|
28
28
|
line-height: var(--mirai-ui-line-height-headline-2);
|
|
29
29
|
}
|
|
30
30
|
|
|
31
|
-
.
|
|
31
|
+
.headline-3 {
|
|
32
32
|
font-size: var(--mirai-ui-font-size-headline-3);
|
|
33
33
|
line-height: var(--mirai-ui-line-height-headline-3);
|
|
34
34
|
}
|
|
35
35
|
|
|
36
|
-
.
|
|
36
|
+
.headline-4 {
|
|
37
37
|
font-size: var(--mirai-ui-font-size-headline-4);
|
|
38
38
|
line-height: var(--mirai-ui-line-height-headline-4);
|
|
39
39
|
}
|
|
@@ -9,10 +9,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
9
9
|
var _react = _interopRequireDefault(require("react"));
|
|
10
10
|
var _helpers = require("../../helpers");
|
|
11
11
|
var _Primitive = require("../Primitive");
|
|
12
|
-
var
|
|
12
|
+
var _ViewModule = _interopRequireDefault(require("./View.module.css"));
|
|
13
13
|
var _excluded = ["children", "fit", "forceRow", "row", "tag", "wide"];
|
|
14
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
15
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
16
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
15
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
18
16
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
@@ -35,7 +33,7 @@ var View = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
|
|
|
35
33
|
ref: ref,
|
|
36
34
|
role: others.role || 'view',
|
|
37
35
|
tag: tag,
|
|
38
|
-
className: (0, _helpers.styles)(
|
|
36
|
+
className: (0, _helpers.styles)(_ViewModule.default.view, fit && _ViewModule.default.fit, row && !forceRow && _ViewModule.default.row, forceRow && _ViewModule.default.forceRow, wide && _ViewModule.default.wide, others.className)
|
|
39
37
|
}), children);
|
|
40
38
|
});
|
|
41
39
|
exports.View = View;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"View.js","names":["View","React","forwardRef","ref","children","fit","forceRow","row","tag","wide","others","createElement","Primitive","role","className","styles","style","view","displayName","propTypes","PropTypes","node","bool","string"],"sources":["../../../src/primitives/View/View.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Primitive } from '../Primitive';\nimport
|
|
1
|
+
{"version":3,"file":"View.js","names":["View","React","forwardRef","ref","children","fit","forceRow","row","tag","wide","others","createElement","Primitive","role","className","styles","style","view","displayName","propTypes","PropTypes","node","bool","string"],"sources":["../../../src/primitives/View/View.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Primitive } from '../Primitive';\nimport style from './View.module.css';\n\nconst View = React.forwardRef(({ children, fit, forceRow = false, row, tag = 'view', wide, ...others }, ref) =>\n React.createElement(\n Primitive,\n {\n ...others,\n ref,\n role: others.role || 'view',\n tag,\n className: styles(\n style.view,\n fit && style.fit,\n row && !forceRow && style.row,\n forceRow && style.forceRow,\n wide && style.wide,\n others.className,\n ),\n },\n children,\n ),\n);\n\nView.displayName = 'Primitive:View';\n\nView.propTypes = {\n children: PropTypes.node,\n fit: PropTypes.bool,\n forceRow: PropTypes.bool,\n row: PropTypes.bool,\n tag: PropTypes.string,\n wide: PropTypes.bool,\n};\n\nexport { View };\n"],"mappings":";;;;;;;AAAA;AACA;AAEA;AACA;AACA;AAAsC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEtC,IAAMA,IAAI,gBAAGC,cAAK,CAACC,UAAU,CAAC,gBAA0EC,GAAG;EAAA,IAA1EC,QAAQ,QAARA,QAAQ;IAAEC,GAAG,QAAHA,GAAG;IAAA,qBAAEC,QAAQ;IAARA,QAAQ,8BAAG,KAAK;IAAEC,GAAG,QAAHA,GAAG;IAAA,gBAAEC,GAAG;IAAHA,GAAG,yBAAG,MAAM;IAAEC,IAAI,QAAJA,IAAI;IAAKC,MAAM;EAAA,oBAClGT,cAAK,CAACU,aAAa,CACjBC,oBAAS,kCAEJF,MAAM;IACTP,GAAG,EAAHA,GAAG;IACHU,IAAI,EAAEH,MAAM,CAACG,IAAI,IAAI,MAAM;IAC3BL,GAAG,EAAHA,GAAG;IACHM,SAAS,EAAE,IAAAC,eAAM,EACfC,mBAAK,CAACC,IAAI,EACVZ,GAAG,IAAIW,mBAAK,CAACX,GAAG,EAChBE,GAAG,IAAI,CAACD,QAAQ,IAAIU,mBAAK,CAACT,GAAG,EAC7BD,QAAQ,IAAIU,mBAAK,CAACV,QAAQ,EAC1BG,IAAI,IAAIO,mBAAK,CAACP,IAAI,EAClBC,MAAM,CAACI,SAAS;EACjB,IAEHV,QAAQ,CACT;AAAA,EACF;AAAC;AAEFJ,IAAI,CAACkB,WAAW,GAAG,gBAAgB;AAEnClB,IAAI,CAACmB,SAAS,GAAG;EACff,QAAQ,EAAEgB,kBAAS,CAACC,IAAI;EACxBhB,GAAG,EAAEe,kBAAS,CAACE,IAAI;EACnBhB,QAAQ,EAAEc,kBAAS,CAACE,IAAI;EACxBf,GAAG,EAAEa,kBAAS,CAACE,IAAI;EACnBd,GAAG,EAAEY,kBAAS,CAACG,MAAM;EACrBd,IAAI,EAAEW,kBAAS,CAACE;AAClB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mirai/ui",
|
|
3
|
-
"version": "1.1.0-
|
|
3
|
+
"version": "1.1.0-d",
|
|
4
4
|
"repository": "git@gitlab.com:miraicorp/dev/frontend/ui.git",
|
|
5
5
|
"author": "JΛVI <hello@soyjavi.com>",
|
|
6
6
|
"license": "MIT",
|
|
@@ -62,9 +62,5 @@
|
|
|
62
62
|
"last 1 firefox version",
|
|
63
63
|
"last 1 safari version"
|
|
64
64
|
]
|
|
65
|
-
},
|
|
66
|
-
"parcel": {
|
|
67
|
-
"extends": "@parcel/config-default",
|
|
68
|
-
"localIdentName": "[local]"
|
|
69
65
|
}
|
|
70
66
|
}
|
|
@@ -1,241 +0,0 @@
|
|
|
1
|
-
/* -- MARGIN ---------------------------------------------------------------- */
|
|
2
|
-
.marginXS {
|
|
3
|
-
margin: var(--mirai-ui-space-XS);
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
.marginS {
|
|
7
|
-
margin: var(--mirai-ui-space-S);
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
.marginM {
|
|
11
|
-
margin: var(--mirai-ui-space-M);
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
.marginL {
|
|
15
|
-
margin: var(--mirai-ui-space-L);
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
.marginXL {
|
|
19
|
-
margin: var(--mirai-ui-space-XL);
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
.marginXXL {
|
|
23
|
-
margin: var(--mirai-ui-space-XXL);
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
.marginTopXS {
|
|
27
|
-
margin-top: var(--mirai-ui-space-XS);
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
.marginTopS {
|
|
31
|
-
margin-top: var(--mirai-ui-space-S);
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
.marginTopM {
|
|
35
|
-
margin-top: var(--mirai-ui-space-M);
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
.marginTopL {
|
|
39
|
-
margin-top: var(--mirai-ui-space-L);
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
.marginTopXL {
|
|
43
|
-
margin-top: var(--mirai-ui-space-XL);
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
.marginTopXXL {
|
|
47
|
-
margin-top: var(--mirai-ui-space-XXL);
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
.marginRightXS {
|
|
51
|
-
margin-right: var(--mirai-ui-space-XS);
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
.marginRightS {
|
|
55
|
-
margin-right: var(--mirai-ui-space-S);
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
.marginRightM {
|
|
59
|
-
margin-right: var(--mirai-ui-space-M);
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
.marginRightL {
|
|
63
|
-
margin-right: var(--mirai-ui-space-L);
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
.marginRightXL {
|
|
67
|
-
margin-right: var(--mirai-ui-space-XL);
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
.marginRightXXL {
|
|
71
|
-
margin-right: var(--mirai-ui-space-XXL);
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
.marginBottomXS {
|
|
75
|
-
margin-bottom: var(--mirai-ui-space-XS);
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
.marginBottomS {
|
|
79
|
-
margin-bottom: var(--mirai-ui-space-S);
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
.marginBottomM {
|
|
83
|
-
margin-bottom: var(--mirai-ui-space-M);
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
.marginBottomL {
|
|
87
|
-
margin-bottom: var(--mirai-ui-space-L);
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
.marginBottomXL {
|
|
91
|
-
margin-bottom: var(--mirai-ui-space-XL);
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
.marginBottomXXL {
|
|
95
|
-
margin-bottom: var(--mirai-ui-space-XXL);
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
.marginLeftXS {
|
|
99
|
-
margin-left: var(--mirai-ui-space-XS);
|
|
100
|
-
}
|
|
101
|
-
|
|
102
|
-
.marginLeftS {
|
|
103
|
-
margin-left: var(--mirai-ui-space-S);
|
|
104
|
-
}
|
|
105
|
-
|
|
106
|
-
.marginLeftM {
|
|
107
|
-
margin-left: var(--mirai-ui-space-M);
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
.marginLeftL {
|
|
111
|
-
margin-left: var(--mirai-ui-space-L);
|
|
112
|
-
}
|
|
113
|
-
|
|
114
|
-
.marginLeftXL {
|
|
115
|
-
margin-left: var(--mirai-ui-space-XL);
|
|
116
|
-
}
|
|
117
|
-
|
|
118
|
-
.marginLeftXXL {
|
|
119
|
-
margin-left: var(--mirai-ui-space-XXL);
|
|
120
|
-
}
|
|
121
|
-
|
|
122
|
-
/* -- PADDING --------------------------------------------------------------- */
|
|
123
|
-
.paddingXS {
|
|
124
|
-
padding: var(--mirai-ui-space-XS);
|
|
125
|
-
}
|
|
126
|
-
|
|
127
|
-
.paddingS {
|
|
128
|
-
padding: var(--mirai-ui-space-S);
|
|
129
|
-
}
|
|
130
|
-
|
|
131
|
-
.paddingM {
|
|
132
|
-
padding: var(--mirai-ui-space-M);
|
|
133
|
-
}
|
|
134
|
-
|
|
135
|
-
.paddingL {
|
|
136
|
-
padding: var(--mirai-ui-space-L);
|
|
137
|
-
}
|
|
138
|
-
|
|
139
|
-
.paddingXL {
|
|
140
|
-
padding: var(--mirai-ui-space-XL);
|
|
141
|
-
}
|
|
142
|
-
|
|
143
|
-
.paddingXXL {
|
|
144
|
-
padding: var(--mirai-ui-space-XXL);
|
|
145
|
-
}
|
|
146
|
-
|
|
147
|
-
.paddingTopXS {
|
|
148
|
-
padding-top: var(--mirai-ui-space-XS);
|
|
149
|
-
}
|
|
150
|
-
|
|
151
|
-
.paddingTopS {
|
|
152
|
-
padding-top: var(--mirai-ui-space-S);
|
|
153
|
-
}
|
|
154
|
-
|
|
155
|
-
.paddingTopM {
|
|
156
|
-
padding-top: var(--mirai-ui-space-M);
|
|
157
|
-
}
|
|
158
|
-
|
|
159
|
-
.paddingTopL {
|
|
160
|
-
padding-top: var(--mirai-ui-space-L);
|
|
161
|
-
}
|
|
162
|
-
|
|
163
|
-
.paddingTopXL {
|
|
164
|
-
padding-top: var(--mirai-ui-space-XL);
|
|
165
|
-
}
|
|
166
|
-
|
|
167
|
-
.paddingTopXXL {
|
|
168
|
-
padding-top: var(--mirai-ui-space-XXL);
|
|
169
|
-
}
|
|
170
|
-
|
|
171
|
-
.paddingRightXS {
|
|
172
|
-
padding-right: var(--mirai-ui-space-XS);
|
|
173
|
-
}
|
|
174
|
-
|
|
175
|
-
.paddingRightS {
|
|
176
|
-
padding-right: var(--mirai-ui-space-S);
|
|
177
|
-
}
|
|
178
|
-
|
|
179
|
-
.paddingRightM {
|
|
180
|
-
padding-right: var(--mirai-ui-space-M);
|
|
181
|
-
}
|
|
182
|
-
|
|
183
|
-
.paddingRightL {
|
|
184
|
-
padding-right: var(--mirai-ui-space-L);
|
|
185
|
-
}
|
|
186
|
-
|
|
187
|
-
.paddingRightXL {
|
|
188
|
-
padding-right: var(--mirai-ui-space-XL);
|
|
189
|
-
}
|
|
190
|
-
|
|
191
|
-
.paddingRightXXL {
|
|
192
|
-
padding-right: var(--mirai-ui-space-XXL);
|
|
193
|
-
}
|
|
194
|
-
|
|
195
|
-
.paddingBottomXS {
|
|
196
|
-
padding-bottom: var(--mirai-ui-space-XS);
|
|
197
|
-
}
|
|
198
|
-
|
|
199
|
-
.paddingBottomS {
|
|
200
|
-
padding-bottom: var(--mirai-ui-space-S);
|
|
201
|
-
}
|
|
202
|
-
|
|
203
|
-
.paddingBottomM {
|
|
204
|
-
padding-bottom: var(--mirai-ui-space-M);
|
|
205
|
-
}
|
|
206
|
-
|
|
207
|
-
.paddingBottomL {
|
|
208
|
-
padding-bottom: var(--mirai-ui-space-L);
|
|
209
|
-
}
|
|
210
|
-
|
|
211
|
-
.paddingBottomXL {
|
|
212
|
-
padding-bottom: var(--mirai-ui-space-XL);
|
|
213
|
-
}
|
|
214
|
-
|
|
215
|
-
.paddingBottomXXL {
|
|
216
|
-
padding-bottom: var(--mirai-ui-space-XXL);
|
|
217
|
-
}
|
|
218
|
-
|
|
219
|
-
.paddingLeftXS {
|
|
220
|
-
padding-left: var(--mirai-ui-space-XS);
|
|
221
|
-
}
|
|
222
|
-
|
|
223
|
-
.paddingLeftS {
|
|
224
|
-
padding-left: var(--mirai-ui-space-S);
|
|
225
|
-
}
|
|
226
|
-
|
|
227
|
-
.paddingLeftM {
|
|
228
|
-
padding-left: var(--mirai-ui-space-M);
|
|
229
|
-
}
|
|
230
|
-
|
|
231
|
-
.paddingLeftL {
|
|
232
|
-
padding-left: var(--mirai-ui-space-L);
|
|
233
|
-
}
|
|
234
|
-
|
|
235
|
-
.paddingLeftXL {
|
|
236
|
-
padding-left: var(--mirai-ui-space-XL);
|
|
237
|
-
}
|
|
238
|
-
|
|
239
|
-
.paddingLeftXXL {
|
|
240
|
-
padding-left: var(--mirai-ui-space-XXL);
|
|
241
|
-
}
|