@mirai/ui 2.1.16 → 2.1.18
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/InputText/InputText.module.css +5 -1
- package/build/components/InputText/partials/InputText.Label.js +1 -1
- package/build/components/InputText/partials/InputText.Label.js.map +1 -1
- package/build/primitives/Checkbox/Checkbox.module.css +1 -0
- package/build/primitives/Switch/Switch.module.css +2 -1
- package/package.json +1 -1
|
@@ -29,7 +29,7 @@ var Label = function Label(_ref) {
|
|
|
29
29
|
others = _objectWithoutProperties(_ref, _excluded);
|
|
30
30
|
return /*#__PURE__*/_react["default"].createElement(_primitives.Text, _extends({}, others, {
|
|
31
31
|
tag: "label",
|
|
32
|
-
className: (0, _helpers.styles)(_InputTextModule["default"].text, others.className || _InputTextModule["default"].label, disabled && _InputTextModule["default"].disabled, focus && _InputTextModule["default"].focus, (focus || error || value !== undefined && ((value === null || value === void 0 ? void 0 : value.length) > 0 || typeof value === 'number')) && _InputTextModule["default"].withValue)
|
|
32
|
+
className: (0, _helpers.styles)(_InputTextModule["default"].text, others.className || _InputTextModule["default"].label, disabled && _InputTextModule["default"].disabled, error && _InputTextModule["default"].error, focus && _InputTextModule["default"].focus, (focus || error || value !== undefined && ((value === null || value === void 0 ? void 0 : value.length) > 0 || typeof value === 'number')) && _InputTextModule["default"].withValue)
|
|
33
33
|
}), label, required && !disabled && !(!focus && success) && /*#__PURE__*/_react["default"].createElement("span", {
|
|
34
34
|
className: (0, _helpers.styles)(_InputTextModule["default"].required, _InputTextModule["default"].error)
|
|
35
35
|
}, requiredText !== DEFAULT_REQUIRED_TEXT ? "(".concat(requiredText, ")") : requiredText));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputText.Label.js","names":["_propTypes","_interopRequireDefault","require","_react","_helpers","_primitives","_InputTextModule","_excluded","e","__esModule","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","_objectWithoutProperties","o","i","_objectWithoutPropertiesLoose","getOwnPropertySymbols","s","includes","propertyIsEnumerable","DEFAULT_REQUIRED_TEXT","Label","_ref","disabled","error","focus","label","_ref$required","required","_ref$requiredText","requiredText","success","value","others","createElement","Text","tag","className","styles","style","text","undefined","withValue","concat","exports","displayName","propTypes","PropTypes","bool","string"],"sources":["../../../../src/components/InputText/partials/InputText.Label.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../../helpers';\nimport { Text } from '../../../primitives';\nimport style from '../InputText.module.css';\n\nconst DEFAULT_REQUIRED_TEXT = '✱';\n\nconst Label = ({\n disabled,\n error,\n focus,\n label,\n required = false,\n requiredText = DEFAULT_REQUIRED_TEXT,\n success,\n value,\n ...others\n}) => (\n <Text\n {...others}\n tag=\"label\"\n className={styles(\n style.text,\n others.className || style.label,\n disabled && style.disabled,\n focus && style.focus,\n (focus || error || (value !== undefined && (value?.length > 0 || typeof value === 'number'))) && style.withValue,\n )}\n >\n {label}\n\n {/* {required && !disabled && !(!focus && success) && (\n <Text\n bold={requiredText !== DEFAULT_REQUIRED_TEXT}\n error={!success}\n success={success}\n tiny\n className={styles(\n style.required,\n requiredText === DEFAULT_REQUIRED_TEXT && style.square,\n focus && style.focus,\n success ? style.success : style.error,\n )}\n >\n {requiredText !== DEFAULT_REQUIRED_TEXT ? `(${requiredText})` : requiredText}\n </Text>\n )} */}\n\n {required && !disabled && !(!focus && success) && (\n <span className={styles(style.required, style.error)}>\n {requiredText !== DEFAULT_REQUIRED_TEXT ? `(${requiredText})` : requiredText}\n </span>\n )}\n </Text>\n);\n\nLabel.displayName = 'Component:InputText.Label';\n\nLabel.propTypes = {\n disabled: PropTypes.bool,\n error: PropTypes.bool,\n focus: PropTypes.bool,\n label: PropTypes.string,\n required: PropTypes.bool,\n requiredText: PropTypes.bool,\n success: PropTypes.bool,\n value: PropTypes.string,\n};\n\nexport { Label };\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAL,sBAAA,CAAAC,OAAA;AAA4C,IAAAK,SAAA;AAAA,SAAAN,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,gBAAAA,CAAA;AAAA,SAAAE,SAAA,WAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,CAAA,aAAAN,CAAA,MAAAA,CAAA,GAAAO,SAAA,CAAAC,MAAA,EAAAR,CAAA,UAAAS,CAAA,GAAAF,SAAA,CAAAP,CAAA,YAAAU,CAAA,IAAAD,CAAA,SAAAE,cAAA,CAAAC,IAAA,CAAAH,CAAA,EAAAC,CAAA,MAAAJ,CAAA,CAAAI,CAAA,IAAAD,CAAA,CAAAC,CAAA,eAAAJ,CAAA,KAAAJ,QAAA,CAAAW,KAAA,OAAAN,SAAA;AAAA,SAAAO,yBAAAd,CAAA,EAAAS,CAAA,gBAAAT,CAAA,iBAAAe,CAAA,EAAAL,CAAA,EAAAM,CAAA,GAAAC,6BAAA,CAAAjB,CAAA,EAAAS,CAAA,OAAAN,MAAA,CAAAe,qBAAA,QAAAC,CAAA,GAAAhB,MAAA,CAAAe,qBAAA,CAAAlB,CAAA,QAAAU,CAAA,MAAAA,CAAA,GAAAS,CAAA,CAAAX,MAAA,EAAAE,CAAA,MAAAK,CAAA,GAAAI,CAAA,CAAAT,CAAA,GAAAD,CAAA,CAAAW,QAAA,CAAAL,CAAA,QAAAM,oBAAA,CAAAT,IAAA,CAAAZ,CAAA,EAAAe,CAAA,MAAAC,CAAA,CAAAD,CAAA,IAAAf,CAAA,CAAAe,CAAA,eAAAC,CAAA;AAAA,SAAAC,8BAAAP,CAAA,EAAAV,CAAA,gBAAAU,CAAA,iBAAAD,CAAA,gBAAAH,CAAA,IAAAI,CAAA,WAAAC,cAAA,CAAAC,IAAA,CAAAF,CAAA,EAAAJ,CAAA,SAAAN,CAAA,CAAAoB,QAAA,CAAAd,CAAA,aAAAG,CAAA,CAAAH,CAAA,IAAAI,CAAA,CAAAJ,CAAA,cAAAG,CAAA;AAE5C,IAAMa,qBAAqB,GAAG,GAAG;AAEjC,IAAMC,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA;EAAA,IACTC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,KAAK,GAAAH,IAAA,CAALG,KAAK;IACLC,KAAK,GAAAJ,IAAA,CAALI,KAAK;IAAAC,aAAA,GAAAL,IAAA,CACLM,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;IAAAE,iBAAA,GAAAP,IAAA,CAChBQ,YAAY;IAAZA,YAAY,GAAAD,iBAAA,cAAGT,qBAAqB,GAAAS,iBAAA;IACpCE,OAAO,GAAAT,IAAA,CAAPS,OAAO;IACPC,KAAK,GAAAV,IAAA,CAALU,KAAK;IACFC,MAAM,GAAArB,wBAAA,CAAAU,IAAA,EAAAzB,SAAA;EAAA,oBAETJ,MAAA,YAAAyC,aAAA,CAACvC,WAAA,CAAAwC,IAAI,EAAAnC,QAAA,KACCiC,MAAM;IACVG,GAAG,EAAC,OAAO;IACXC,SAAS,EAAE,IAAAC,eAAM,EACfC,2BAAK,CAACC,IAAI,EACVP,MAAM,CAACI,SAAS,IAAIE,2BAAK,CAACb,KAAK,EAC/BH,QAAQ,IAAIgB,2BAAK,CAAChB,QAAQ,
|
|
1
|
+
{"version":3,"file":"InputText.Label.js","names":["_propTypes","_interopRequireDefault","require","_react","_helpers","_primitives","_InputTextModule","_excluded","e","__esModule","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","_objectWithoutProperties","o","i","_objectWithoutPropertiesLoose","getOwnPropertySymbols","s","includes","propertyIsEnumerable","DEFAULT_REQUIRED_TEXT","Label","_ref","disabled","error","focus","label","_ref$required","required","_ref$requiredText","requiredText","success","value","others","createElement","Text","tag","className","styles","style","text","undefined","withValue","concat","exports","displayName","propTypes","PropTypes","bool","string"],"sources":["../../../../src/components/InputText/partials/InputText.Label.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../../helpers';\nimport { Text } from '../../../primitives';\nimport style from '../InputText.module.css';\n\nconst DEFAULT_REQUIRED_TEXT = '✱';\n\nconst Label = ({\n disabled,\n error,\n focus,\n label,\n required = false,\n requiredText = DEFAULT_REQUIRED_TEXT,\n success,\n value,\n ...others\n}) => (\n <Text\n {...others}\n tag=\"label\"\n className={styles(\n style.text,\n others.className || style.label,\n disabled && style.disabled,\n error && style.error,\n focus && style.focus,\n (focus || error || (value !== undefined && (value?.length > 0 || typeof value === 'number'))) && style.withValue,\n )}\n >\n {label}\n\n {/* {required && !disabled && !(!focus && success) && (\n <Text\n bold={requiredText !== DEFAULT_REQUIRED_TEXT}\n error={!success}\n success={success}\n tiny\n className={styles(\n style.required,\n requiredText === DEFAULT_REQUIRED_TEXT && style.square,\n focus && style.focus,\n success ? style.success : style.error,\n )}\n >\n {requiredText !== DEFAULT_REQUIRED_TEXT ? `(${requiredText})` : requiredText}\n </Text>\n )} */}\n\n {required && !disabled && !(!focus && success) && (\n <span className={styles(style.required, style.error)}>\n {requiredText !== DEFAULT_REQUIRED_TEXT ? `(${requiredText})` : requiredText}\n </span>\n )}\n </Text>\n);\n\nLabel.displayName = 'Component:InputText.Label';\n\nLabel.propTypes = {\n disabled: PropTypes.bool,\n error: PropTypes.bool,\n focus: PropTypes.bool,\n label: PropTypes.string,\n required: PropTypes.bool,\n requiredText: PropTypes.bool,\n success: PropTypes.bool,\n value: PropTypes.string,\n};\n\nexport { Label };\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
|
|
37
37
|
.switch .area.error {
|
|
38
38
|
background-color: var(--mirai-ui-error);
|
|
39
|
-
box-shadow: var(--mirai-ui-input-focus-shadow-
|
|
39
|
+
box-shadow: var(--mirai-ui-input-focus-shadow-warning);
|
|
40
40
|
}
|
|
41
41
|
|
|
42
42
|
.switch .toggle {
|
|
@@ -87,5 +87,6 @@
|
|
|
87
87
|
|
|
88
88
|
.switch:hover input:not(:checked):not(:disabled) + .area {
|
|
89
89
|
background-color: var(--mirai-ui-input-focus-color);
|
|
90
|
+
box-shadow: var(--mirai-ui-input-focus-shadow-error);
|
|
90
91
|
}
|
|
91
92
|
}
|