@tds/core-text
Advanced tools
Comparing version 3.0.6 to 3.1.0
@@ -6,2 +6,13 @@ # Change Log | ||
# [3.1.0](https://github.com/telusdigital/tds/compare/@tds/core-text@3.0.6...@tds/core-text@3.1.0) (2020-03-11) | ||
### Features | ||
* **core-text:** use DependentIconSizeContext ([cb8288e](https://github.com/telusdigital/tds/commit/cb8288e)) | ||
## [3.0.6](https://github.com/telusdigital/tds/compare/@tds/core-text@3.0.5...@tds/core-text@3.0.6) (2020-03-10) | ||
@@ -8,0 +19,0 @@ |
@@ -119,7 +119,16 @@ 'use strict'; | ||
var children = _ref6.children, | ||
rest = objectWithoutProperties(_ref6, ["children"]); | ||
size = _ref6.size, | ||
invert = _ref6.invert, | ||
rest = objectWithoutProperties(_ref6, ["children", "size", "invert"]); | ||
return React.createElement(StyledText, _extends_1({}, utilHelpers.safeRest(rest), { | ||
return React.createElement(utilHelpers.DependentIconSizeContext.Provider, { | ||
value: { | ||
paragraphSize: size, | ||
invert: invert | ||
} | ||
}, React.createElement(StyledText, _extends_1({}, utilHelpers.safeRest(rest), { | ||
size: size, | ||
invert: invert, | ||
inheritColor: context.inheritColor | ||
}), children); | ||
}), children)); | ||
}; | ||
@@ -126,0 +135,0 @@ |
@@ -6,3 +6,3 @@ import React from 'react'; | ||
import { sup, invertedColor, color, boldFont, blockText } from '@tds/shared-typography'; | ||
import { safeRest } from '@tds/util-helpers'; | ||
import { DependentIconSizeContext, safeRest } from '@tds/util-helpers'; | ||
@@ -115,7 +115,16 @@ function createCommonjsModule(fn, module) { | ||
var children = _ref6.children, | ||
rest = objectWithoutProperties(_ref6, ["children"]); | ||
size = _ref6.size, | ||
invert = _ref6.invert, | ||
rest = objectWithoutProperties(_ref6, ["children", "size", "invert"]); | ||
return React.createElement(StyledText, _extends_1({}, safeRest(rest), { | ||
return React.createElement(DependentIconSizeContext.Provider, { | ||
value: { | ||
paragraphSize: size, | ||
invert: invert | ||
} | ||
}, React.createElement(StyledText, _extends_1({}, safeRest(rest), { | ||
size: size, | ||
invert: invert, | ||
inheritColor: context.inheritColor | ||
}), children); | ||
}), children)); | ||
}; | ||
@@ -122,0 +131,0 @@ |
{ | ||
"name": "@tds/core-text", | ||
"version": "3.0.6", | ||
"version": "3.1.0", | ||
"description": "Inline text", | ||
@@ -33,3 +33,3 @@ "main": "index.cjs.js", | ||
}, | ||
"gitHead": "86b8f7e25578a42808940e077de20812fb33d1a0" | ||
"gitHead": "296a85b279e277a284bdda468136e0fe40f8c6d6" | ||
} |
12
Text.jsx
@@ -6,3 +6,3 @@ import React from 'react' | ||
import * as typography from '@tds/shared-typography' | ||
import { safeRest } from '@tds/util-helpers' | ||
import { safeRest, DependentIconSizeContext } from '@tds/util-helpers' | ||
@@ -24,6 +24,8 @@ const textColor = ({ invert }) => (invert ? typography.invertedColor : typography.color) | ||
*/ | ||
const Text = ({ children, ...rest }, context) => ( | ||
<StyledText {...safeRest(rest)} inheritColor={context.inheritColor}> | ||
{children} | ||
</StyledText> | ||
const Text = ({ children, size, invert, ...rest }, context) => ( | ||
<DependentIconSizeContext.Provider value={{ paragraphSize: size, invert }}> | ||
<StyledText {...safeRest(rest)} size={size} invert={invert} inheritColor={context.inheritColor}> | ||
{children} | ||
</StyledText> | ||
</DependentIconSizeContext.Provider> | ||
) | ||
@@ -30,0 +32,0 @@ |
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
21544
396