@instructure/ui-text
Advanced tools
Comparing version 6.14.1-rc.17 to 6.14.1-rc.18
@@ -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
Manifest confusion
Supply chain riskThis package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.
Found 1 instance in 1 package
Manifest confusion
Supply chain riskThis package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.
Found 1 instance in 1 package
58114
1037
51