@highlight-ui/toggle-input
Advanced tools
Comparing version 0.0.12 to 0.0.13
@@ -53,10 +53,10 @@ 'use strict'; | ||
var styles = { | ||
"toggleInputLabelText": "ToggleInput-module__ZMYr8aWg__v0-0-12", | ||
"toggleInput": "ToggleInput-module__YUzQNfq9__v0-0-12", | ||
"toggleInputIndicator": "ToggleInput-module__jJrIri9a__v0-0-12", | ||
"toggleInputLabel": "ToggleInput-module__oxSXTMro__v0-0-12", | ||
"toggleInputIndicatorWrapper": "ToggleInput-module__qOy8IKpm__v0-0-12", | ||
"toggleInputErrorTone": "ToggleInput-module__ZybhbtLC__v0-0-12", | ||
"tooltipContainer": "ToggleInput-module__JCMtfjcm__v0-0-12", | ||
"toggleInputSubLabel": "ToggleInput-module__tJExeFNO__v0-0-12" | ||
"toggleInput": "ToggleInput-module__YUzQNfq9__v0-0-13", | ||
"toggleInputIndicator": "ToggleInput-module__jJrIri9a__v0-0-13", | ||
"toggleInputLabel": "ToggleInput-module__oxSXTMro__v0-0-13", | ||
"toggleInputIndicatorWrapper": "ToggleInput-module__qOy8IKpm__v0-0-13", | ||
"toggleInputErrorTone": "ToggleInput-module__ZybhbtLC__v0-0-13", | ||
"tooltipContainer": "ToggleInput-module__JCMtfjcm__v0-0-13", | ||
"toggleInputSubLabel": "ToggleInput-module__tJExeFNO__v0-0-13", | ||
"toggleInputLabelText": "ToggleInput-module__ZMYr8aWg__v0-0-13" | ||
}; | ||
@@ -103,9 +103,9 @@ var ToggleInput = React__default["default"].forwardRef(function (_a, ref) { | ||
className: styles.toggleInputIndicator + " " + (tone === 'error' ? styles.toggleInputErrorTone : '') | ||
}, icon$1)), label && React__default["default"].createElement(typography.Typography, { | ||
}, icon$1)), label && React__default["default"].createElement("span", { | ||
className: styles.toggleInputLabelText | ||
}, React__default["default"].createElement(typography.Body, { | ||
color: disabled ? 'text-disabled' : 'text-default', | ||
title: label, | ||
token: "body-base", | ||
component: "span", | ||
color: disabled ? 'text-disabled' : 'text-default', | ||
className: styles.toggleInputLabelText | ||
}, label), label && tooltipContent && React__default["default"].createElement(tooltip.Tooltip, __assign({ | ||
truncate: true | ||
}, label)), label && tooltipContent && React__default["default"].createElement(tooltip.Tooltip, __assign({ | ||
content: tooltipContent, | ||
@@ -127,11 +127,10 @@ mouseOutDelay: tooltipMouseOutDelay | ||
metadata = _a.metadata; | ||
return React__default["default"].createElement("div", { | ||
className: styles.toggleInputSubLabel, | ||
id: "hint-" + inputId | ||
}, React__default["default"].createElement(typography.Typography, __assign({ | ||
return React__default["default"].createElement("span", { | ||
className: styles.toggleInputSubLabel | ||
}, React__default["default"].createElement(typography.Body, { | ||
color: disabled ? 'text-disabled' : 'text-subdued', | ||
title: subLabel, | ||
token: "body-base", | ||
component: "span", | ||
color: disabled ? 'text-disabled' : 'text-subdued' | ||
}, utilsCommons.parseMetadata(utilsCommons.suffixMetadata(metadata, 'sub-label'))), subLabel)); | ||
id: "hint-" + inputId, | ||
metadata: utilsCommons.suffixMetadata(metadata, 'sub-label') | ||
}, subLabel)); | ||
}; | ||
@@ -138,0 +137,0 @@ exports.ToggleInput = ToggleInput; |
import React from 'react'; | ||
import { parseMetadata, suffixMetadata } from '@highlight-ui/utils-commons'; | ||
import { Typography } from '@highlight-ui/typography'; | ||
import { Body } from '@highlight-ui/typography'; | ||
import { Inline } from '@highlight-ui/layout'; | ||
@@ -42,10 +42,10 @@ import { Tooltip } from '@highlight-ui/tooltip'; | ||
var styles = { | ||
"toggleInputLabelText": "ToggleInput-module__ZMYr8aWg__v0-0-12", | ||
"toggleInput": "ToggleInput-module__YUzQNfq9__v0-0-12", | ||
"toggleInputIndicator": "ToggleInput-module__jJrIri9a__v0-0-12", | ||
"toggleInputLabel": "ToggleInput-module__oxSXTMro__v0-0-12", | ||
"toggleInputIndicatorWrapper": "ToggleInput-module__qOy8IKpm__v0-0-12", | ||
"toggleInputErrorTone": "ToggleInput-module__ZybhbtLC__v0-0-12", | ||
"tooltipContainer": "ToggleInput-module__JCMtfjcm__v0-0-12", | ||
"toggleInputSubLabel": "ToggleInput-module__tJExeFNO__v0-0-12" | ||
"toggleInput": "ToggleInput-module__YUzQNfq9__v0-0-13", | ||
"toggleInputIndicator": "ToggleInput-module__jJrIri9a__v0-0-13", | ||
"toggleInputLabel": "ToggleInput-module__oxSXTMro__v0-0-13", | ||
"toggleInputIndicatorWrapper": "ToggleInput-module__qOy8IKpm__v0-0-13", | ||
"toggleInputErrorTone": "ToggleInput-module__ZybhbtLC__v0-0-13", | ||
"tooltipContainer": "ToggleInput-module__JCMtfjcm__v0-0-13", | ||
"toggleInputSubLabel": "ToggleInput-module__tJExeFNO__v0-0-13", | ||
"toggleInputLabelText": "ToggleInput-module__ZMYr8aWg__v0-0-13" | ||
}; | ||
@@ -92,9 +92,9 @@ var ToggleInput = /*#__PURE__*/React.forwardRef(function (_a, ref) { | ||
className: styles.toggleInputIndicator + " " + (tone === 'error' ? styles.toggleInputErrorTone : '') | ||
}, icon)), label && /*#__PURE__*/React.createElement(Typography, { | ||
}, icon)), label && /*#__PURE__*/React.createElement("span", { | ||
className: styles.toggleInputLabelText | ||
}, /*#__PURE__*/React.createElement(Body, { | ||
color: disabled ? 'text-disabled' : 'text-default', | ||
title: label, | ||
token: "body-base", | ||
component: "span", | ||
color: disabled ? 'text-disabled' : 'text-default', | ||
className: styles.toggleInputLabelText | ||
}, label), label && tooltipContent && /*#__PURE__*/React.createElement(Tooltip, __assign({ | ||
truncate: true | ||
}, label)), label && tooltipContent && /*#__PURE__*/React.createElement(Tooltip, __assign({ | ||
content: tooltipContent, | ||
@@ -116,13 +116,12 @@ mouseOutDelay: tooltipMouseOutDelay | ||
metadata = _a.metadata; | ||
return /*#__PURE__*/React.createElement("div", { | ||
className: styles.toggleInputSubLabel, | ||
id: "hint-" + inputId | ||
}, /*#__PURE__*/React.createElement(Typography, __assign({ | ||
return /*#__PURE__*/React.createElement("span", { | ||
className: styles.toggleInputSubLabel | ||
}, /*#__PURE__*/React.createElement(Body, { | ||
color: disabled ? 'text-disabled' : 'text-subdued', | ||
title: subLabel, | ||
token: "body-base", | ||
component: "span", | ||
color: disabled ? 'text-disabled' : 'text-subdued' | ||
}, parseMetadata(suffixMetadata(metadata, 'sub-label'))), subLabel)); | ||
id: "hint-" + inputId, | ||
metadata: suffixMetadata(metadata, 'sub-label') | ||
}, subLabel)); | ||
}; | ||
export { ToggleInput, ToggleInputLabel, ToggleInputSubLabel }; | ||
//# sourceMappingURL=index.js.map |
{ | ||
"name": "@highlight-ui/toggle-input", | ||
"version": "0.0.12", | ||
"version": "0.0.13", | ||
"author": "Personio GmbH & Co. KG", | ||
@@ -46,4 +46,4 @@ "main": "dist/cjs/index.js", | ||
"@highlight-ui/layout": "^0.4.2", | ||
"@highlight-ui/tooltip": "^3.3.47", | ||
"@highlight-ui/typography": "^6.0.1", | ||
"@highlight-ui/tooltip": "^4.0.0", | ||
"@highlight-ui/typography": "^6.1.0", | ||
"@highlight-ui/utils-commons": "^2.3.8" | ||
@@ -55,3 +55,3 @@ }, | ||
}, | ||
"gitHead": "e350b6a3203165c887f553b3f2bb0b286f392dbf" | ||
"gitHead": "d65a6a4c39fa3a6e8cf737ca221bdcd7688d9590" | ||
} |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
72325
556
13
+ Added@highlight-ui/tooltip@4.3.5(transitive)
- Removed@highlight-ui/tooltip@3.3.47(transitive)
Updated@highlight-ui/tooltip@^4.0.0