New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

@instructure/ui-text

Package Overview
Dependencies
Maintainers
37
Versions
1354
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@instructure/ui-text - npm Package Compare versions

Comparing version 6.14.1-rc.17 to 6.14.1-rc.18

87

es/Text/index.js

@@ -8,3 +8,3 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";

var _dec, _dec2, _class, _class2, _temp;
var _dec, _class, _class2, _temp;

@@ -34,2 +34,3 @@ /*

*/
// TODO: remove color comment description once the error color is removed
import React, { Component } from 'react';

@@ -39,41 +40,42 @@ import PropTypes from 'prop-types';

import { themeable } from '@instructure/ui-themeable';
import { passthroughProps, getElementType, experimental } from '@instructure/ui-react-utils';
import { passthroughProps, getElementType, deprecated } from '@instructure/ui-react-utils';
var styles = {
componentId: 'dCxLg',
componentId: 'enRcg',
template: function template(theme) {
return "\n\n.dCxLg_bGBk{font-family:".concat(theme.fontFamily || 'inherit', "}\n\n.dCxLg_bGBk sub,.dCxLg_bGBk sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}\n\n.dCxLg_bGBk sup{top:-0.4em}\n\n.dCxLg_bGBk sub{bottom:-0.4em}\n\n.dCxLg_bGBk code,.dCxLg_bGBk pre{all:initial;animation:none 0s ease 0s 1 normal none running;backface-visibility:visible;background:transparent none repeat 0 0/auto auto padding-box border-box scroll;border:medium none currentColor;border-collapse:separate;border-image:none;border-radius:0;border-spacing:0;bottom:auto;box-shadow:none;box-sizing:content-box;caption-side:top;clear:none;clip:auto;color:#000;column-count:auto;column-fill:balance;column-gap:normal;column-rule:medium none currentColor;column-span:1;column-width:auto;columns:auto;content:normal;counter-increment:none;counter-reset:none;cursor:auto;direction:ltr;display:inline;empty-cells:show;float:none;font-family:serif;font-family:").concat(theme.fontFamilyMonospace || 'inherit', ";font-size:medium;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:400;height:auto;hyphens:none;left:auto;letter-spacing:normal;line-height:normal;list-style:disc outside none;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;opacity:1;orphans:2;outline:medium none invert;overflow:visible;overflow-x:visible;overflow-y:visible;padding:0;page-break-after:auto;page-break-before:auto;page-break-inside:auto;perspective:none;perspective-origin:50% 50%;position:static;right:auto;tab-size:8;table-layout:auto;text-align:left;text-align-last:auto;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;top:auto;transform:none;transform-origin:50% 50% 0;transform-style:flat;transition:none 0s ease 0s;unicode-bidi:normal;vertical-align:baseline;visibility:visible;white-space:normal;widows:2;width:auto;word-spacing:normal;z-index:auto}\n\n.dCxLg_bGBk em,.dCxLg_bGBk i{font-style:italic}\n\n.dCxLg_bGBk b,.dCxLg_bGBk strong{font-weight:").concat(theme.fontWeightBold || 'inherit', "}\n\n.dCxLg_bGBk p{display:block;margin:").concat(theme.paragraphMargin || 'inherit', ";padding:0}\n\ninput.dCxLg_bGBk[type]{-moz-appearance:none;-webkit-appearance:none;appearance:none;background:none;border:none;border-radius:0;box-shadow:none;box-sizing:border-box;color:inherit;display:block;height:auto;line-height:inherit;margin:0;outline:0;padding:0;text-align:start;width:100%}\n\n[dir=ltr] input.dCxLg_bGBk[type]{text-align:left}\n\n[dir=rtl] input.dCxLg_bGBk[type]{text-align:right}\n\n.dCxLg_bGBk:focus,input.dCxLg_bGBk[type]:focus{outline:none}\n\n.dCxLg_bGBk.dCxLg_qFsi,input.dCxLg_bGBk[type].dCxLg_qFsi{color:").concat(theme.primaryColor || 'inherit', "}\n\n.dCxLg_bGBk.dCxLg_bLsb,input.dCxLg_bGBk[type].dCxLg_bLsb{color:").concat(theme.secondaryColor || 'inherit', "}\n\n.dCxLg_bGBk.dCxLg_ezBQ,input.dCxLg_bGBk[type].dCxLg_ezBQ{color:").concat(theme.primaryInverseColor || 'inherit', "}\n\n.dCxLg_bGBk.dCxLg_dlnd,input.dCxLg_bGBk[type].dCxLg_dlnd{color:").concat(theme.secondaryInverseColor || 'inherit', "}\n\n.dCxLg_bGBk.dCxLg_cJLh,input.dCxLg_bGBk[type].dCxLg_cJLh{color:").concat(theme.successColor || 'inherit', "}\n\n.dCxLg_bGBk.dCxLg_fpfC,input.dCxLg_bGBk[type].dCxLg_fpfC{color:").concat(theme.brandColor || 'inherit', "}\n\n.dCxLg_bGBk.dCxLg_eHcp,input.dCxLg_bGBk[type].dCxLg_eHcp{color:").concat(theme.warningColor || 'inherit', "}\n\n.dCxLg_bGBk.dCxLg_NQMb,input.dCxLg_bGBk[type].dCxLg_NQMb{color:").concat(theme.dangerColor || 'inherit', "}\n\n.dCxLg_bGBk.dCxLg_eZgl,input.dCxLg_bGBk[type].dCxLg_eZgl{color:").concat(theme.alertColor || 'inherit', "}\n\n.dCxLg_bGBk.dCxLg_fbNi,input.dCxLg_bGBk[type].dCxLg_fbNi{-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;word-break:break-word}\n\n.dCxLg_bGBk.dCxLg_drST,input.dCxLg_bGBk[type].dCxLg_drST{font-weight:").concat(theme.fontWeightNormal || 'inherit', "}\n\n.dCxLg_bGBk.dCxLg_pEgL,input.dCxLg_bGBk[type].dCxLg_pEgL{font-weight:").concat(theme.fontWeightLight || 'inherit', "}\n\n.dCxLg_bGBk.dCxLg_bdMA,input.dCxLg_bGBk[type].dCxLg_bdMA{font-weight:").concat(theme.fontWeightBold || 'inherit', "}\n\n.dCxLg_bGBk.dCxLg_ijuF,input.dCxLg_bGBk[type].dCxLg_ijuF{font-style:normal}\n\n.dCxLg_bGBk.dCxLg_fetN,input.dCxLg_bGBk[type].dCxLg_fetN{font-style:italic}\n\n.dCxLg_bGBk.dCxLg_dfBC,input.dCxLg_bGBk[type].dCxLg_dfBC{font-size:").concat(theme.fontSizeXSmall || 'inherit', "}\n\n.dCxLg_bGBk.dCxLg_doqw,input.dCxLg_bGBk[type].dCxLg_doqw{font-size:").concat(theme.fontSizeSmall || 'inherit', "}\n\n.dCxLg_bGBk.dCxLg_ycrn,input.dCxLg_bGBk[type].dCxLg_ycrn{font-size:").concat(theme.fontSizeMedium || 'inherit', "}\n\n.dCxLg_bGBk.dCxLg_cMDj,input.dCxLg_bGBk[type].dCxLg_cMDj{font-size:").concat(theme.fontSizeLarge || 'inherit', "}\n\n.dCxLg_bGBk.dCxLg_eoMd,input.dCxLg_bGBk[type].dCxLg_eoMd{font-size:").concat(theme.fontSizeXLarge || 'inherit', "}\n\n.dCxLg_bGBk.dCxLg_fdca,input.dCxLg_bGBk[type].dCxLg_fdca{font-size:").concat(theme.fontSizeXXLarge || 'inherit', "}\n\n.dCxLg_bGBk.dCxLg_fEWX,input.dCxLg_bGBk[type].dCxLg_fEWX{line-height:").concat(theme.lineHeight || 'inherit', "}\n\n.dCxLg_bGBk.dCxLg_fNIu,input.dCxLg_bGBk[type].dCxLg_fNIu{line-height:").concat(theme.lineHeightFit || 'inherit', "}\n\n.dCxLg_bGBk.dCxLg_dfDs,input.dCxLg_bGBk[type].dCxLg_dfDs{line-height:").concat(theme.lineHeightCondensed || 'inherit', "}\n\n.dCxLg_bGBk.dCxLg_bDjL,input.dCxLg_bGBk[type].dCxLg_bDjL{line-height:").concat(theme.lineHeightDouble || 'inherit', "}\n\n.dCxLg_bGBk.dCxLg_eQnG,input.dCxLg_bGBk[type].dCxLg_eQnG{letter-spacing:").concat(theme.letterSpacingNormal || 'inherit', "}\n\n.dCxLg_bGBk.dCxLg_bbUA,input.dCxLg_bGBk[type].dCxLg_bbUA{letter-spacing:").concat(theme.letterSpacingCondensed || 'inherit', "}\n\n.dCxLg_bGBk.dCxLg_bRWU,input.dCxLg_bGBk[type].dCxLg_bRWU{letter-spacing:").concat(theme.letterSpacingExpanded || 'inherit', "}\n\n.dCxLg_bGBk.dCxLg_wZsr,input.dCxLg_bGBk[type].dCxLg_wZsr{text-transform:none}\n\n.dCxLg_bGBk.dCxLg_fCZK,input.dCxLg_bGBk[type].dCxLg_fCZK{text-transform:capitalize}\n\n.dCxLg_bGBk.dCxLg_dsRi,input.dCxLg_bGBk[type].dCxLg_dsRi{text-transform:uppercase}\n\n.dCxLg_bGBk.dCxLg_bLtD,input.dCxLg_bGBk[type].dCxLg_bLtD{text-transform:lowercase}");
return "\n\n.enRcg_bGBk{font-family:".concat(theme.fontFamily || 'inherit', "}\n\n.enRcg_bGBk sub,.enRcg_bGBk sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}\n\n.enRcg_bGBk sup{top:-0.4em}\n\n.enRcg_bGBk sub{bottom:-0.4em}\n\n.enRcg_bGBk code,.enRcg_bGBk pre{all:initial;animation:none 0s ease 0s 1 normal none running;backface-visibility:visible;background:transparent none repeat 0 0/auto auto padding-box border-box scroll;border:medium none currentColor;border-collapse:separate;border-image:none;border-radius:0;border-spacing:0;bottom:auto;box-shadow:none;box-sizing:content-box;caption-side:top;clear:none;clip:auto;color:#000;column-count:auto;column-fill:balance;column-gap:normal;column-rule:medium none currentColor;column-span:1;column-width:auto;columns:auto;content:normal;counter-increment:none;counter-reset:none;cursor:auto;direction:ltr;display:inline;empty-cells:show;float:none;font-family:serif;font-family:").concat(theme.fontFamilyMonospace || 'inherit', ";font-size:medium;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:400;height:auto;hyphens:none;left:auto;letter-spacing:normal;line-height:normal;list-style:disc outside none;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;opacity:1;orphans:2;outline:medium none invert;overflow:visible;overflow-x:visible;overflow-y:visible;padding:0;page-break-after:auto;page-break-before:auto;page-break-inside:auto;perspective:none;perspective-origin:50% 50%;position:static;right:auto;tab-size:8;table-layout:auto;text-align:left;text-align-last:auto;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;top:auto;transform:none;transform-origin:50% 50% 0;transform-style:flat;transition:none 0s ease 0s;unicode-bidi:normal;vertical-align:baseline;visibility:visible;white-space:normal;widows:2;width:auto;word-spacing:normal;z-index:auto}\n\n.enRcg_bGBk em,.enRcg_bGBk i{font-style:italic}\n\n.enRcg_bGBk b,.enRcg_bGBk strong{font-weight:").concat(theme.fontWeightBold || 'inherit', "}\n\n.enRcg_bGBk p{display:block;margin:").concat(theme.paragraphMargin || 'inherit', ";padding:0}\n\ninput.enRcg_bGBk[type]{-moz-appearance:none;-webkit-appearance:none;appearance:none;background:none;border:none;border-radius:0;box-shadow:none;box-sizing:border-box;color:inherit;display:block;height:auto;line-height:inherit;margin:0;outline:0;padding:0;text-align:start;width:100%}\n\n[dir=ltr] input.enRcg_bGBk[type]{text-align:left}\n\n[dir=rtl] input.enRcg_bGBk[type]{text-align:right}\n\n.enRcg_bGBk:focus,input.enRcg_bGBk[type]:focus{outline:none}\n\n.enRcg_bGBk.enRcg_qFsi,input.enRcg_bGBk[type].enRcg_qFsi{color:").concat(theme.primaryColor || 'inherit', "}\n\n.enRcg_bGBk.enRcg_bLsb,input.enRcg_bGBk[type].enRcg_bLsb{color:").concat(theme.secondaryColor || 'inherit', "}\n\n.enRcg_bGBk.enRcg_ezBQ,input.enRcg_bGBk[type].enRcg_ezBQ{color:").concat(theme.primaryInverseColor || 'inherit', "}\n\n.enRcg_bGBk.enRcg_dlnd,input.enRcg_bGBk[type].enRcg_dlnd{color:").concat(theme.secondaryInverseColor || 'inherit', "}\n\n.enRcg_bGBk.enRcg_cJLh,input.enRcg_bGBk[type].enRcg_cJLh{color:").concat(theme.successColor || 'inherit', "}\n\n.enRcg_bGBk.enRcg_fpfC,input.enRcg_bGBk[type].enRcg_fpfC{color:").concat(theme.brandColor || 'inherit', "}\n\n.enRcg_bGBk.enRcg_eHcp,input.enRcg_bGBk[type].enRcg_eHcp{color:").concat(theme.warningColor || 'inherit', "}\n\n.enRcg_bGBk.enRcg_dwua,input.enRcg_bGBk[type].enRcg_dwua{color:").concat(theme.errorColor || 'inherit', "}\n\n.enRcg_bGBk.enRcg_NQMb,input.enRcg_bGBk[type].enRcg_NQMb{color:").concat(theme.dangerColor || 'inherit', "}\n\n.enRcg_bGBk.enRcg_eZgl,input.enRcg_bGBk[type].enRcg_eZgl{color:").concat(theme.alertColor || 'inherit', "}\n\n.enRcg_bGBk.enRcg_fbNi,input.enRcg_bGBk[type].enRcg_fbNi{-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;word-break:break-word}\n\n.enRcg_bGBk.enRcg_drST,input.enRcg_bGBk[type].enRcg_drST{font-weight:").concat(theme.fontWeightNormal || 'inherit', "}\n\n.enRcg_bGBk.enRcg_pEgL,input.enRcg_bGBk[type].enRcg_pEgL{font-weight:").concat(theme.fontWeightLight || 'inherit', "}\n\n.enRcg_bGBk.enRcg_bdMA,input.enRcg_bGBk[type].enRcg_bdMA{font-weight:").concat(theme.fontWeightBold || 'inherit', "}\n\n.enRcg_bGBk.enRcg_ijuF,input.enRcg_bGBk[type].enRcg_ijuF{font-style:normal}\n\n.enRcg_bGBk.enRcg_fetN,input.enRcg_bGBk[type].enRcg_fetN{font-style:italic}\n\n.enRcg_bGBk.enRcg_dfBC,input.enRcg_bGBk[type].enRcg_dfBC{font-size:").concat(theme.fontSizeXSmall || 'inherit', "}\n\n.enRcg_bGBk.enRcg_doqw,input.enRcg_bGBk[type].enRcg_doqw{font-size:").concat(theme.fontSizeSmall || 'inherit', "}\n\n.enRcg_bGBk.enRcg_ycrn,input.enRcg_bGBk[type].enRcg_ycrn{font-size:").concat(theme.fontSizeMedium || 'inherit', "}\n\n.enRcg_bGBk.enRcg_cMDj,input.enRcg_bGBk[type].enRcg_cMDj{font-size:").concat(theme.fontSizeLarge || 'inherit', "}\n\n.enRcg_bGBk.enRcg_eoMd,input.enRcg_bGBk[type].enRcg_eoMd{font-size:").concat(theme.fontSizeXLarge || 'inherit', "}\n\n.enRcg_bGBk.enRcg_fdca,input.enRcg_bGBk[type].enRcg_fdca{font-size:").concat(theme.fontSizeXXLarge || 'inherit', "}\n\n.enRcg_bGBk.enRcg_fEWX,input.enRcg_bGBk[type].enRcg_fEWX{line-height:").concat(theme.lineHeight || 'inherit', "}\n\n.enRcg_bGBk.enRcg_fNIu,input.enRcg_bGBk[type].enRcg_fNIu{line-height:").concat(theme.lineHeightFit || 'inherit', "}\n\n.enRcg_bGBk.enRcg_dfDs,input.enRcg_bGBk[type].enRcg_dfDs{line-height:").concat(theme.lineHeightCondensed || 'inherit', "}\n\n.enRcg_bGBk.enRcg_bDjL,input.enRcg_bGBk[type].enRcg_bDjL{line-height:").concat(theme.lineHeightDouble || 'inherit', "}\n\n.enRcg_bGBk.enRcg_eQnG,input.enRcg_bGBk[type].enRcg_eQnG{letter-spacing:").concat(theme.letterSpacingNormal || 'inherit', "}\n\n.enRcg_bGBk.enRcg_bbUA,input.enRcg_bGBk[type].enRcg_bbUA{letter-spacing:").concat(theme.letterSpacingCondensed || 'inherit', "}\n\n.enRcg_bGBk.enRcg_bRWU,input.enRcg_bGBk[type].enRcg_bRWU{letter-spacing:").concat(theme.letterSpacingExpanded || 'inherit', "}\n\n.enRcg_bGBk.enRcg_wZsr,input.enRcg_bGBk[type].enRcg_wZsr{text-transform:none}\n\n.enRcg_bGBk.enRcg_fCZK,input.enRcg_bGBk[type].enRcg_fCZK{text-transform:capitalize}\n\n.enRcg_bGBk.enRcg_dsRi,input.enRcg_bGBk[type].enRcg_dsRi{text-transform:uppercase}\n\n.enRcg_bGBk.enRcg_bLtD,input.enRcg_bGBk[type].enRcg_bLtD{text-transform:lowercase}");
},
'root': 'dCxLg_bGBk',
'color-primary': 'dCxLg_qFsi',
'color-secondary': 'dCxLg_bLsb',
'color-primary-inverse': 'dCxLg_ezBQ',
'color-secondary-inverse': 'dCxLg_dlnd',
'color-success': 'dCxLg_cJLh',
'color-brand': 'dCxLg_fpfC',
'color-warning': 'dCxLg_eHcp',
'color-danger': 'dCxLg_NQMb',
'color-alert': 'dCxLg_eZgl',
'wrap-break-word': 'dCxLg_fbNi',
'weight-normal': 'dCxLg_drST',
'weight-light': 'dCxLg_pEgL',
'weight-bold': 'dCxLg_bdMA',
'style-normal': 'dCxLg_ijuF',
'style-italic': 'dCxLg_fetN',
'x-small': 'dCxLg_dfBC',
'small': 'dCxLg_doqw',
'medium': 'dCxLg_ycrn',
'large': 'dCxLg_cMDj',
'x-large': 'dCxLg_eoMd',
'xx-large': 'dCxLg_fdca',
'lineHeight-default': 'dCxLg_fEWX',
'lineHeight-fit': 'dCxLg_fNIu',
'lineHeight-condensed': 'dCxLg_dfDs',
'lineHeight-double': 'dCxLg_bDjL',
'letterSpacing-normal': 'dCxLg_eQnG',
'letterSpacing-condensed': 'dCxLg_bbUA',
'letterSpacing-expanded': 'dCxLg_bRWU',
'transform-none': 'dCxLg_wZsr',
'transform-capitalize': 'dCxLg_fCZK',
'transform-uppercase': 'dCxLg_dsRi',
'transform-lowercase': 'dCxLg_bLtD'
'root': 'enRcg_bGBk',
'color-primary': 'enRcg_qFsi',
'color-secondary': 'enRcg_bLsb',
'color-primary-inverse': 'enRcg_ezBQ',
'color-secondary-inverse': 'enRcg_dlnd',
'color-success': 'enRcg_cJLh',
'color-brand': 'enRcg_fpfC',
'color-warning': 'enRcg_eHcp',
'color-error': 'enRcg_dwua',
'color-danger': 'enRcg_NQMb',
'color-alert': 'enRcg_eZgl',
'wrap-break-word': 'enRcg_fbNi',
'weight-normal': 'enRcg_drST',
'weight-light': 'enRcg_pEgL',
'weight-bold': 'enRcg_bdMA',
'style-normal': 'enRcg_ijuF',
'style-italic': 'enRcg_fetN',
'x-small': 'enRcg_dfBC',
'small': 'enRcg_doqw',
'medium': 'enRcg_ycrn',
'large': 'enRcg_cMDj',
'x-large': 'enRcg_eoMd',
'xx-large': 'enRcg_fdca',
'lineHeight-default': 'enRcg_fEWX',
'lineHeight-fit': 'enRcg_fNIu',
'lineHeight-condensed': 'enRcg_dfDs',
'lineHeight-double': 'enRcg_bDjL',
'letterSpacing-normal': 'enRcg_eQnG',
'letterSpacing-condensed': 'enRcg_bbUA',
'letterSpacing-expanded': 'enRcg_bRWU',
'transform-none': 'enRcg_wZsr',
'transform-capitalize': 'enRcg_fCZK',
'transform-uppercase': 'enRcg_dsRi',
'transform-lowercase': 'enRcg_bLtD'
};

@@ -84,7 +86,6 @@ import theme from './theme';

category: components
experimental: true
---
**/
var Text = (_dec = experimental(), _dec2 = themeable(theme, styles), _dec(_class = _dec2(_class = (_temp = _class2 =
var Text = (_dec = themeable(theme, styles), _dec(_class = (_temp = _class2 =
/*#__PURE__*/

@@ -131,3 +132,7 @@ function (_Component) {

children: PropTypes.node,
color: PropTypes.oneOf(['primary', 'secondary', 'brand', 'success', 'warning', 'danger', 'alert', 'primary-inverse', 'secondary-inverse']),
/**
* One of: primary, secondary, brand, success, warning, danger, alert, primary-inverse, secondary-inverse
*/
color: deprecated.deprecatePropValues(PropTypes.oneOf(['primary', 'secondary', 'brand', 'success', 'warning', 'error', 'danger', 'alert', 'primary-inverse', 'secondary-inverse']), ['error'], 'It will be removed in version 8.0.0. Use `danger` instead.'),
elementRef: PropTypes.func,

@@ -153,4 +158,4 @@ fontStyle: PropTypes.oneOf(['italic', 'normal']),

weight: void 0
}, _temp)) || _class) || _class);
}, _temp)) || _class);
export default Text;
export { Text };

@@ -26,2 +26,3 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";

*/
// TODO: delete error value once it has been removed in v8.0.0
export default function generator(_ref) {

@@ -38,2 +39,3 @@ var typography = _ref.typography,

brandColor: colors.textBrand,
errorColor: colors.textDanger,
dangerColor: colors.textDanger,

@@ -40,0 +42,0 @@ successColor: colors.textSuccess,

@@ -36,46 +36,47 @@ "use strict";

var _experimental = require("@instructure/ui-react-utils/lib/experimental");
var _deprecated = require("@instructure/ui-react-utils/lib/deprecated");
var _theme = _interopRequireDefault(require("./theme"));
var _dec, _dec2, _class, _class2, _temp;
var _dec, _class, _class2, _temp;
var styles = {
componentId: 'dCxLg',
componentId: 'enRcg',
template: function template(theme) {
return "\n\n.dCxLg_bGBk{font-family:".concat(theme.fontFamily || 'inherit', "}\n\n.dCxLg_bGBk sub,.dCxLg_bGBk sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}\n\n.dCxLg_bGBk sup{top:-0.4em}\n\n.dCxLg_bGBk sub{bottom:-0.4em}\n\n.dCxLg_bGBk code,.dCxLg_bGBk pre{all:initial;animation:none 0s ease 0s 1 normal none running;backface-visibility:visible;background:transparent none repeat 0 0/auto auto padding-box border-box scroll;border:medium none currentColor;border-collapse:separate;border-image:none;border-radius:0;border-spacing:0;bottom:auto;box-shadow:none;box-sizing:content-box;caption-side:top;clear:none;clip:auto;color:#000;column-count:auto;column-fill:balance;column-gap:normal;column-rule:medium none currentColor;column-span:1;column-width:auto;columns:auto;content:normal;counter-increment:none;counter-reset:none;cursor:auto;direction:ltr;display:inline;empty-cells:show;float:none;font-family:serif;font-family:").concat(theme.fontFamilyMonospace || 'inherit', ";font-size:medium;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:400;height:auto;hyphens:none;left:auto;letter-spacing:normal;line-height:normal;list-style:disc outside none;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;opacity:1;orphans:2;outline:medium none invert;overflow:visible;overflow-x:visible;overflow-y:visible;padding:0;page-break-after:auto;page-break-before:auto;page-break-inside:auto;perspective:none;perspective-origin:50% 50%;position:static;right:auto;tab-size:8;table-layout:auto;text-align:left;text-align-last:auto;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;top:auto;transform:none;transform-origin:50% 50% 0;transform-style:flat;transition:none 0s ease 0s;unicode-bidi:normal;vertical-align:baseline;visibility:visible;white-space:normal;widows:2;width:auto;word-spacing:normal;z-index:auto}\n\n.dCxLg_bGBk em,.dCxLg_bGBk i{font-style:italic}\n\n.dCxLg_bGBk b,.dCxLg_bGBk strong{font-weight:").concat(theme.fontWeightBold || 'inherit', "}\n\n.dCxLg_bGBk p{display:block;margin:").concat(theme.paragraphMargin || 'inherit', ";padding:0}\n\ninput.dCxLg_bGBk[type]{-moz-appearance:none;-webkit-appearance:none;appearance:none;background:none;border:none;border-radius:0;box-shadow:none;box-sizing:border-box;color:inherit;display:block;height:auto;line-height:inherit;margin:0;outline:0;padding:0;text-align:start;width:100%}\n\n[dir=ltr] input.dCxLg_bGBk[type]{text-align:left}\n\n[dir=rtl] input.dCxLg_bGBk[type]{text-align:right}\n\n.dCxLg_bGBk:focus,input.dCxLg_bGBk[type]:focus{outline:none}\n\n.dCxLg_bGBk.dCxLg_qFsi,input.dCxLg_bGBk[type].dCxLg_qFsi{color:").concat(theme.primaryColor || 'inherit', "}\n\n.dCxLg_bGBk.dCxLg_bLsb,input.dCxLg_bGBk[type].dCxLg_bLsb{color:").concat(theme.secondaryColor || 'inherit', "}\n\n.dCxLg_bGBk.dCxLg_ezBQ,input.dCxLg_bGBk[type].dCxLg_ezBQ{color:").concat(theme.primaryInverseColor || 'inherit', "}\n\n.dCxLg_bGBk.dCxLg_dlnd,input.dCxLg_bGBk[type].dCxLg_dlnd{color:").concat(theme.secondaryInverseColor || 'inherit', "}\n\n.dCxLg_bGBk.dCxLg_cJLh,input.dCxLg_bGBk[type].dCxLg_cJLh{color:").concat(theme.successColor || 'inherit', "}\n\n.dCxLg_bGBk.dCxLg_fpfC,input.dCxLg_bGBk[type].dCxLg_fpfC{color:").concat(theme.brandColor || 'inherit', "}\n\n.dCxLg_bGBk.dCxLg_eHcp,input.dCxLg_bGBk[type].dCxLg_eHcp{color:").concat(theme.warningColor || 'inherit', "}\n\n.dCxLg_bGBk.dCxLg_NQMb,input.dCxLg_bGBk[type].dCxLg_NQMb{color:").concat(theme.dangerColor || 'inherit', "}\n\n.dCxLg_bGBk.dCxLg_eZgl,input.dCxLg_bGBk[type].dCxLg_eZgl{color:").concat(theme.alertColor || 'inherit', "}\n\n.dCxLg_bGBk.dCxLg_fbNi,input.dCxLg_bGBk[type].dCxLg_fbNi{-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;word-break:break-word}\n\n.dCxLg_bGBk.dCxLg_drST,input.dCxLg_bGBk[type].dCxLg_drST{font-weight:").concat(theme.fontWeightNormal || 'inherit', "}\n\n.dCxLg_bGBk.dCxLg_pEgL,input.dCxLg_bGBk[type].dCxLg_pEgL{font-weight:").concat(theme.fontWeightLight || 'inherit', "}\n\n.dCxLg_bGBk.dCxLg_bdMA,input.dCxLg_bGBk[type].dCxLg_bdMA{font-weight:").concat(theme.fontWeightBold || 'inherit', "}\n\n.dCxLg_bGBk.dCxLg_ijuF,input.dCxLg_bGBk[type].dCxLg_ijuF{font-style:normal}\n\n.dCxLg_bGBk.dCxLg_fetN,input.dCxLg_bGBk[type].dCxLg_fetN{font-style:italic}\n\n.dCxLg_bGBk.dCxLg_dfBC,input.dCxLg_bGBk[type].dCxLg_dfBC{font-size:").concat(theme.fontSizeXSmall || 'inherit', "}\n\n.dCxLg_bGBk.dCxLg_doqw,input.dCxLg_bGBk[type].dCxLg_doqw{font-size:").concat(theme.fontSizeSmall || 'inherit', "}\n\n.dCxLg_bGBk.dCxLg_ycrn,input.dCxLg_bGBk[type].dCxLg_ycrn{font-size:").concat(theme.fontSizeMedium || 'inherit', "}\n\n.dCxLg_bGBk.dCxLg_cMDj,input.dCxLg_bGBk[type].dCxLg_cMDj{font-size:").concat(theme.fontSizeLarge || 'inherit', "}\n\n.dCxLg_bGBk.dCxLg_eoMd,input.dCxLg_bGBk[type].dCxLg_eoMd{font-size:").concat(theme.fontSizeXLarge || 'inherit', "}\n\n.dCxLg_bGBk.dCxLg_fdca,input.dCxLg_bGBk[type].dCxLg_fdca{font-size:").concat(theme.fontSizeXXLarge || 'inherit', "}\n\n.dCxLg_bGBk.dCxLg_fEWX,input.dCxLg_bGBk[type].dCxLg_fEWX{line-height:").concat(theme.lineHeight || 'inherit', "}\n\n.dCxLg_bGBk.dCxLg_fNIu,input.dCxLg_bGBk[type].dCxLg_fNIu{line-height:").concat(theme.lineHeightFit || 'inherit', "}\n\n.dCxLg_bGBk.dCxLg_dfDs,input.dCxLg_bGBk[type].dCxLg_dfDs{line-height:").concat(theme.lineHeightCondensed || 'inherit', "}\n\n.dCxLg_bGBk.dCxLg_bDjL,input.dCxLg_bGBk[type].dCxLg_bDjL{line-height:").concat(theme.lineHeightDouble || 'inherit', "}\n\n.dCxLg_bGBk.dCxLg_eQnG,input.dCxLg_bGBk[type].dCxLg_eQnG{letter-spacing:").concat(theme.letterSpacingNormal || 'inherit', "}\n\n.dCxLg_bGBk.dCxLg_bbUA,input.dCxLg_bGBk[type].dCxLg_bbUA{letter-spacing:").concat(theme.letterSpacingCondensed || 'inherit', "}\n\n.dCxLg_bGBk.dCxLg_bRWU,input.dCxLg_bGBk[type].dCxLg_bRWU{letter-spacing:").concat(theme.letterSpacingExpanded || 'inherit', "}\n\n.dCxLg_bGBk.dCxLg_wZsr,input.dCxLg_bGBk[type].dCxLg_wZsr{text-transform:none}\n\n.dCxLg_bGBk.dCxLg_fCZK,input.dCxLg_bGBk[type].dCxLg_fCZK{text-transform:capitalize}\n\n.dCxLg_bGBk.dCxLg_dsRi,input.dCxLg_bGBk[type].dCxLg_dsRi{text-transform:uppercase}\n\n.dCxLg_bGBk.dCxLg_bLtD,input.dCxLg_bGBk[type].dCxLg_bLtD{text-transform:lowercase}");
return "\n\n.enRcg_bGBk{font-family:".concat(theme.fontFamily || 'inherit', "}\n\n.enRcg_bGBk sub,.enRcg_bGBk sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}\n\n.enRcg_bGBk sup{top:-0.4em}\n\n.enRcg_bGBk sub{bottom:-0.4em}\n\n.enRcg_bGBk code,.enRcg_bGBk pre{all:initial;animation:none 0s ease 0s 1 normal none running;backface-visibility:visible;background:transparent none repeat 0 0/auto auto padding-box border-box scroll;border:medium none currentColor;border-collapse:separate;border-image:none;border-radius:0;border-spacing:0;bottom:auto;box-shadow:none;box-sizing:content-box;caption-side:top;clear:none;clip:auto;color:#000;column-count:auto;column-fill:balance;column-gap:normal;column-rule:medium none currentColor;column-span:1;column-width:auto;columns:auto;content:normal;counter-increment:none;counter-reset:none;cursor:auto;direction:ltr;display:inline;empty-cells:show;float:none;font-family:serif;font-family:").concat(theme.fontFamilyMonospace || 'inherit', ";font-size:medium;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:400;height:auto;hyphens:none;left:auto;letter-spacing:normal;line-height:normal;list-style:disc outside none;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;opacity:1;orphans:2;outline:medium none invert;overflow:visible;overflow-x:visible;overflow-y:visible;padding:0;page-break-after:auto;page-break-before:auto;page-break-inside:auto;perspective:none;perspective-origin:50% 50%;position:static;right:auto;tab-size:8;table-layout:auto;text-align:left;text-align-last:auto;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;top:auto;transform:none;transform-origin:50% 50% 0;transform-style:flat;transition:none 0s ease 0s;unicode-bidi:normal;vertical-align:baseline;visibility:visible;white-space:normal;widows:2;width:auto;word-spacing:normal;z-index:auto}\n\n.enRcg_bGBk em,.enRcg_bGBk i{font-style:italic}\n\n.enRcg_bGBk b,.enRcg_bGBk strong{font-weight:").concat(theme.fontWeightBold || 'inherit', "}\n\n.enRcg_bGBk p{display:block;margin:").concat(theme.paragraphMargin || 'inherit', ";padding:0}\n\ninput.enRcg_bGBk[type]{-moz-appearance:none;-webkit-appearance:none;appearance:none;background:none;border:none;border-radius:0;box-shadow:none;box-sizing:border-box;color:inherit;display:block;height:auto;line-height:inherit;margin:0;outline:0;padding:0;text-align:start;width:100%}\n\n[dir=ltr] input.enRcg_bGBk[type]{text-align:left}\n\n[dir=rtl] input.enRcg_bGBk[type]{text-align:right}\n\n.enRcg_bGBk:focus,input.enRcg_bGBk[type]:focus{outline:none}\n\n.enRcg_bGBk.enRcg_qFsi,input.enRcg_bGBk[type].enRcg_qFsi{color:").concat(theme.primaryColor || 'inherit', "}\n\n.enRcg_bGBk.enRcg_bLsb,input.enRcg_bGBk[type].enRcg_bLsb{color:").concat(theme.secondaryColor || 'inherit', "}\n\n.enRcg_bGBk.enRcg_ezBQ,input.enRcg_bGBk[type].enRcg_ezBQ{color:").concat(theme.primaryInverseColor || 'inherit', "}\n\n.enRcg_bGBk.enRcg_dlnd,input.enRcg_bGBk[type].enRcg_dlnd{color:").concat(theme.secondaryInverseColor || 'inherit', "}\n\n.enRcg_bGBk.enRcg_cJLh,input.enRcg_bGBk[type].enRcg_cJLh{color:").concat(theme.successColor || 'inherit', "}\n\n.enRcg_bGBk.enRcg_fpfC,input.enRcg_bGBk[type].enRcg_fpfC{color:").concat(theme.brandColor || 'inherit', "}\n\n.enRcg_bGBk.enRcg_eHcp,input.enRcg_bGBk[type].enRcg_eHcp{color:").concat(theme.warningColor || 'inherit', "}\n\n.enRcg_bGBk.enRcg_dwua,input.enRcg_bGBk[type].enRcg_dwua{color:").concat(theme.errorColor || 'inherit', "}\n\n.enRcg_bGBk.enRcg_NQMb,input.enRcg_bGBk[type].enRcg_NQMb{color:").concat(theme.dangerColor || 'inherit', "}\n\n.enRcg_bGBk.enRcg_eZgl,input.enRcg_bGBk[type].enRcg_eZgl{color:").concat(theme.alertColor || 'inherit', "}\n\n.enRcg_bGBk.enRcg_fbNi,input.enRcg_bGBk[type].enRcg_fbNi{-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;word-break:break-word}\n\n.enRcg_bGBk.enRcg_drST,input.enRcg_bGBk[type].enRcg_drST{font-weight:").concat(theme.fontWeightNormal || 'inherit', "}\n\n.enRcg_bGBk.enRcg_pEgL,input.enRcg_bGBk[type].enRcg_pEgL{font-weight:").concat(theme.fontWeightLight || 'inherit', "}\n\n.enRcg_bGBk.enRcg_bdMA,input.enRcg_bGBk[type].enRcg_bdMA{font-weight:").concat(theme.fontWeightBold || 'inherit', "}\n\n.enRcg_bGBk.enRcg_ijuF,input.enRcg_bGBk[type].enRcg_ijuF{font-style:normal}\n\n.enRcg_bGBk.enRcg_fetN,input.enRcg_bGBk[type].enRcg_fetN{font-style:italic}\n\n.enRcg_bGBk.enRcg_dfBC,input.enRcg_bGBk[type].enRcg_dfBC{font-size:").concat(theme.fontSizeXSmall || 'inherit', "}\n\n.enRcg_bGBk.enRcg_doqw,input.enRcg_bGBk[type].enRcg_doqw{font-size:").concat(theme.fontSizeSmall || 'inherit', "}\n\n.enRcg_bGBk.enRcg_ycrn,input.enRcg_bGBk[type].enRcg_ycrn{font-size:").concat(theme.fontSizeMedium || 'inherit', "}\n\n.enRcg_bGBk.enRcg_cMDj,input.enRcg_bGBk[type].enRcg_cMDj{font-size:").concat(theme.fontSizeLarge || 'inherit', "}\n\n.enRcg_bGBk.enRcg_eoMd,input.enRcg_bGBk[type].enRcg_eoMd{font-size:").concat(theme.fontSizeXLarge || 'inherit', "}\n\n.enRcg_bGBk.enRcg_fdca,input.enRcg_bGBk[type].enRcg_fdca{font-size:").concat(theme.fontSizeXXLarge || 'inherit', "}\n\n.enRcg_bGBk.enRcg_fEWX,input.enRcg_bGBk[type].enRcg_fEWX{line-height:").concat(theme.lineHeight || 'inherit', "}\n\n.enRcg_bGBk.enRcg_fNIu,input.enRcg_bGBk[type].enRcg_fNIu{line-height:").concat(theme.lineHeightFit || 'inherit', "}\n\n.enRcg_bGBk.enRcg_dfDs,input.enRcg_bGBk[type].enRcg_dfDs{line-height:").concat(theme.lineHeightCondensed || 'inherit', "}\n\n.enRcg_bGBk.enRcg_bDjL,input.enRcg_bGBk[type].enRcg_bDjL{line-height:").concat(theme.lineHeightDouble || 'inherit', "}\n\n.enRcg_bGBk.enRcg_eQnG,input.enRcg_bGBk[type].enRcg_eQnG{letter-spacing:").concat(theme.letterSpacingNormal || 'inherit', "}\n\n.enRcg_bGBk.enRcg_bbUA,input.enRcg_bGBk[type].enRcg_bbUA{letter-spacing:").concat(theme.letterSpacingCondensed || 'inherit', "}\n\n.enRcg_bGBk.enRcg_bRWU,input.enRcg_bGBk[type].enRcg_bRWU{letter-spacing:").concat(theme.letterSpacingExpanded || 'inherit', "}\n\n.enRcg_bGBk.enRcg_wZsr,input.enRcg_bGBk[type].enRcg_wZsr{text-transform:none}\n\n.enRcg_bGBk.enRcg_fCZK,input.enRcg_bGBk[type].enRcg_fCZK{text-transform:capitalize}\n\n.enRcg_bGBk.enRcg_dsRi,input.enRcg_bGBk[type].enRcg_dsRi{text-transform:uppercase}\n\n.enRcg_bGBk.enRcg_bLtD,input.enRcg_bGBk[type].enRcg_bLtD{text-transform:lowercase}");
},
'root': 'dCxLg_bGBk',
'color-primary': 'dCxLg_qFsi',
'color-secondary': 'dCxLg_bLsb',
'color-primary-inverse': 'dCxLg_ezBQ',
'color-secondary-inverse': 'dCxLg_dlnd',
'color-success': 'dCxLg_cJLh',
'color-brand': 'dCxLg_fpfC',
'color-warning': 'dCxLg_eHcp',
'color-danger': 'dCxLg_NQMb',
'color-alert': 'dCxLg_eZgl',
'wrap-break-word': 'dCxLg_fbNi',
'weight-normal': 'dCxLg_drST',
'weight-light': 'dCxLg_pEgL',
'weight-bold': 'dCxLg_bdMA',
'style-normal': 'dCxLg_ijuF',
'style-italic': 'dCxLg_fetN',
'x-small': 'dCxLg_dfBC',
'small': 'dCxLg_doqw',
'medium': 'dCxLg_ycrn',
'large': 'dCxLg_cMDj',
'x-large': 'dCxLg_eoMd',
'xx-large': 'dCxLg_fdca',
'lineHeight-default': 'dCxLg_fEWX',
'lineHeight-fit': 'dCxLg_fNIu',
'lineHeight-condensed': 'dCxLg_dfDs',
'lineHeight-double': 'dCxLg_bDjL',
'letterSpacing-normal': 'dCxLg_eQnG',
'letterSpacing-condensed': 'dCxLg_bbUA',
'letterSpacing-expanded': 'dCxLg_bRWU',
'transform-none': 'dCxLg_wZsr',
'transform-capitalize': 'dCxLg_fCZK',
'transform-uppercase': 'dCxLg_dsRi',
'transform-lowercase': 'dCxLg_bLtD'
'root': 'enRcg_bGBk',
'color-primary': 'enRcg_qFsi',
'color-secondary': 'enRcg_bLsb',
'color-primary-inverse': 'enRcg_ezBQ',
'color-secondary-inverse': 'enRcg_dlnd',
'color-success': 'enRcg_cJLh',
'color-brand': 'enRcg_fpfC',
'color-warning': 'enRcg_eHcp',
'color-error': 'enRcg_dwua',
'color-danger': 'enRcg_NQMb',
'color-alert': 'enRcg_eZgl',
'wrap-break-word': 'enRcg_fbNi',
'weight-normal': 'enRcg_drST',
'weight-light': 'enRcg_pEgL',
'weight-bold': 'enRcg_bdMA',
'style-normal': 'enRcg_ijuF',
'style-italic': 'enRcg_fetN',
'x-small': 'enRcg_dfBC',
'small': 'enRcg_doqw',
'medium': 'enRcg_ycrn',
'large': 'enRcg_cMDj',
'x-large': 'enRcg_eoMd',
'xx-large': 'enRcg_fdca',
'lineHeight-default': 'enRcg_fEWX',
'lineHeight-fit': 'enRcg_fNIu',
'lineHeight-condensed': 'enRcg_dfDs',
'lineHeight-double': 'enRcg_bDjL',
'letterSpacing-normal': 'enRcg_eQnG',
'letterSpacing-condensed': 'enRcg_bbUA',
'letterSpacing-expanded': 'enRcg_bRWU',
'transform-none': 'enRcg_wZsr',
'transform-capitalize': 'enRcg_fCZK',
'transform-uppercase': 'enRcg_dsRi',
'transform-lowercase': 'enRcg_bLtD'
};

@@ -86,6 +87,5 @@

category: components
experimental: true
---
**/
var Text = (_dec = (0, _experimental.experimental)(), _dec2 = (0, _themeable.themeable)(_theme.default, styles), _dec(_class = _dec2(_class = (_temp = _class2 =
var Text = (_dec = (0, _themeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 =
/*#__PURE__*/

@@ -130,3 +130,7 @@ function (_Component) {

children: _propTypes.default.node,
color: _propTypes.default.oneOf(['primary', 'secondary', 'brand', 'success', 'warning', 'danger', 'alert', 'primary-inverse', 'secondary-inverse']),
/**
* One of: primary, secondary, brand, success, warning, danger, alert, primary-inverse, secondary-inverse
*/
color: _deprecated.deprecated.deprecatePropValues(_propTypes.default.oneOf(['primary', 'secondary', 'brand', 'success', 'warning', 'error', 'danger', 'alert', 'primary-inverse', 'secondary-inverse']), ['error'], 'It will be removed in version 8.0.0. Use `danger` instead.'),
elementRef: _propTypes.default.func,

@@ -152,5 +156,5 @@ fontStyle: _propTypes.default.oneOf(['italic', 'normal']),

weight: void 0
}, _temp)) || _class) || _class);
}, _temp)) || _class);
exports.Text = Text;
var _default = Text;
exports.default = _default;

@@ -35,2 +35,3 @@ "use strict";

*/
// TODO: delete error value once it has been removed in v8.0.0
function generator(_ref) {

@@ -47,2 +48,3 @@ var typography = _ref.typography,

brandColor: colors.textBrand,
errorColor: colors.textDanger,
dangerColor: colors.textDanger,

@@ -49,0 +51,0 @@ successColor: colors.textSuccess,

{
"name": "@instructure/ui-text",
"version": "6.14.1-rc.17+4dfcf4a7f",
"version": "6.14.1-rc.18+7aabd6aad",
"description": "A component for styling textual content",

@@ -26,5 +26,5 @@ "author": "Instructure, Inc. Engineering and Product Design",

"@babel/runtime": "^7.5.0",
"@instructure/console": "6.14.1-rc.17+4dfcf4a7f",
"@instructure/ui-react-utils": "6.14.1-rc.17+4dfcf4a7f",
"@instructure/ui-themeable": "6.14.1-rc.17+4dfcf4a7f",
"@instructure/console": "6.14.1-rc.18+7aabd6aad",
"@instructure/ui-react-utils": "6.14.1-rc.18+7aabd6aad",
"@instructure/ui-themeable": "6.14.1-rc.18+7aabd6aad",
"classnames": "^2",

@@ -34,4 +34,4 @@ "prop-types": "^15"

"devDependencies": {
"@instructure/ui-babel-preset": "6.14.1-rc.17+4dfcf4a7f",
"@instructure/ui-test-utils": "6.14.1-rc.17+4dfcf4a7f"
"@instructure/ui-babel-preset": "6.14.1-rc.18+7aabd6aad",
"@instructure/ui-test-utils": "6.14.1-rc.18+7aabd6aad"
},

@@ -45,3 +45,3 @@ "peerDependencies": {

"sideEffects": false,
"gitHead": "4dfcf4a7ff37c2270273b63e1258d192d86a6162"
"gitHead": "7aabd6aad1bc412d5109d9e4ea88d87e51035f4a"
}
---
category: packages
experimental: true
---

@@ -5,0 +4,0 @@

@@ -24,2 +24,5 @@ /*

*/
// TODO: remove color comment description once the error color is removed
import React, { Component } from 'react'

@@ -30,3 +33,3 @@ import PropTypes from 'prop-types'

import { themeable } from '@instructure/ui-themeable'
import { passthroughProps, getElementType, experimental } from '@instructure/ui-react-utils'
import { passthroughProps, getElementType, deprecated } from '@instructure/ui-react-utils'

@@ -39,7 +42,5 @@ import styles from './styles.css'

category: components
experimental: true
---
**/
@experimental()
@themeable(theme, styles)

@@ -53,3 +54,6 @@ class Text extends Component {

children: PropTypes.node,
color: PropTypes.oneOf([
/**
* One of: primary, secondary, brand, success, warning, danger, alert, primary-inverse, secondary-inverse
*/
color: deprecated.deprecatePropValues(PropTypes.oneOf([
'primary',

@@ -60,2 +64,3 @@ 'secondary',

'warning',
'error',
'danger',

@@ -66,2 +71,3 @@ 'alert',

]),
['error'], 'It will be removed in version 8.0.0. Use `danger` instead.'),
elementRef: PropTypes.func,

@@ -68,0 +74,0 @@ fontStyle: PropTypes.oneOf([

@@ -5,2 +5,13 @@ ---

```js
---
guidelines: true
---
<Guidelines>
<Figure title="Upgrade Notes for v8.0.0" recommendation="none">
<Figure.Item>The color prop <code>error</code> has been updated to <code>danger</code> for component consistency</Figure.Item>
</Figure>
</Guidelines>
````
A component for styling textual content

@@ -7,0 +18,0 @@

@@ -25,2 +25,4 @@ /*

// TODO: delete error value once it has been removed in v8.0.0
export default function generator ({ typography, colors, spacing }) {

@@ -38,2 +40,3 @@ return {

brandColor: colors.textBrand,
errorColor: colors.textDanger,
dangerColor: colors.textDanger,

@@ -40,0 +43,0 @@ successColor: colors.textSuccess,

import * as React from 'react';
export type TextColor = "primary" | "secondary" | "brand" | "success" | "warning" | "danger" | "alert" | "primary-inverse" | "secondary-inverse";
export type TextFontStyle = "italic" | "normal";

@@ -25,3 +23,6 @@

children?: React.ReactNode;
color?: TextColor;
/**
* One of: primary, secondary, brand, success, warning, danger, alert, primary-inverse, secondary-inverse
*/
color?: any;
elementRef?: (...args: any[])=>any;

@@ -28,0 +29,0 @@ fontStyle?: TextFontStyle;

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc