@instructure/ui-radio-input 7.9.0 → 7.13.0

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.
Files changed (8) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/es/RadioInput/index.js +18 -18
  3. package/es/RadioInput/theme.js +2 -2
  4. package/lib/RadioInput/index.js +18 -18
  5. package/lib/RadioInput/theme.js +2 -2
  6. package/package.json +12 -12
  7. package/src/RadioInput/styles.css +1 -1
  8. package/src/RadioInput/theme.js +2 -2
package/CHANGELOG.md CHANGED
@@ -3,6 +3,24 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ # [7.13.0](https://github.com/instructure/instructure-ui/compare/v7.12.0...v7.13.0) (2021-11-18)
7
+
8
+ ### Features
9
+
10
+ - **ui-checkbox,ui-radio-input:** make checkbox and radio borders consistent ([9e2fa16](https://github.com/instructure/instructure-ui/commit/9e2fa16)), backports [#780](https://github.com/instructure/instructure-ui/issues/780)
11
+
12
+ # [7.12.0](https://github.com/instructure/instructure-ui/compare/v7.11.0...v7.12.0) (2021-10-15)
13
+
14
+ **Note:** Version bump only for package @instructure/ui-radio-input
15
+
16
+ # [7.11.0](https://github.com/instructure/instructure-ui/compare/v7.10.0...v7.11.0) (2021-09-17)
17
+
18
+ **Note:** Version bump only for package @instructure/ui-radio-input
19
+
20
+ # [7.10.0](https://github.com/instructure/instructure-ui/compare/v7.9.0...v7.10.0) (2021-08-27)
21
+
22
+ **Note:** Version bump only for package @instructure/ui-radio-input
23
+
6
24
  # [7.9.0](https://github.com/instructure/instructure-ui/compare/v7.8.0...v7.9.0) (2021-07-16)
7
25
 
8
26
  **Note:** Version bump only for package @instructure/ui-radio-input
package/es/RadioInput/index.js CHANGED
@@ -38,26 +38,26 @@ import { testable } from '@instructure/ui-testable';
38
38
  import { omitProps } from '@instructure/ui-react-utils';
39
39
  import { isActiveElement } from '@instructure/ui-dom-utils';
40
40
  var styles = {
41
- componentId: 'fNHEA',
41
+ componentId: 'Vmatu',
42
42
  template: function template(theme) {
43
- return "\n\n.fNHEA_bGBk{position:relative;width:100%}\n\n.fNHEA_bGBk:hover{cursor:default}\n\n.fNHEA_bOnW{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;direction:inherit;display:inline;display:block;empty-cells:show;float:none;font-family:serif;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:start;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[dir=ltr] .fNHEA_bOnW{text-align:left}\n\n[dir=rtl] .fNHEA_bOnW{text-align:right}\n\n.fNHEA_cwos,input.fNHEA_cwos[type=radio]{font-size:inherit;left:0;line-height:inherit;margin:0;opacity:0.0001;padding:0;position:absolute;top:0;width:auto}\n\n.fNHEA_ywdX{opacity:0.5}\n\n.fNHEA_ywdX:hover{cursor:not-allowed}\n\n.fNHEA_eXrk{display:inline-block;vertical-align:middle;width:auto}\n\n.fNHEA_blJt{color:".concat(theme.labelColor || 'inherit', ";flex:1 1 auto;font-family:").concat(theme.labelFontFamily || 'inherit', ";font-weight:").concat(theme.labelFontWeight || 'inherit', ";line-height:").concat(theme.labelLineHeight || 'inherit', "}\n\n.fNHEA_cAug .fNHEA_bOnW{align-items:flex-start;display:flex}\n\n.fNHEA_cAug .fNHEA_cSXm{-webkit-margin-end:").concat(theme.simpleFacadeMarginEnd || 'inherit', ";-webkit-margin-start:0;background:").concat(theme.background || 'inherit', ";border:0.125rem solid ").concat(theme.borderColor || 'inherit', ";border-radius:100%;box-sizing:border-box;display:block;flex-shrink:0;margin-inline-end:").concat(theme.simpleFacadeMarginEnd || 'inherit', ";margin-inline-start:0;min-width:1rem;position:relative;transition:all 0.2s ease-out}\n\n[dir=ltr] .fNHEA_cAug .fNHEA_cSXm{margin-left:0;margin-right:").concat(theme.simpleFacadeMarginEnd || 'inherit', "}\n\n[dir=rtl] .fNHEA_cAug .fNHEA_cSXm{margin-left:").concat(theme.simpleFacadeMarginEnd || 'inherit', ";margin-right:0}\n\n.fNHEA_cAug .fNHEA_cSXm:before{border:").concat(theme.focusBorderWidth || 'inherit', " ").concat(theme.focusBorderStyle || 'inherit', " ").concat(theme.focusBorderColor || 'inherit', ";border-radius:100%;box-sizing:border-box;content:\"\";height:calc(100% + 0.75rem);left:-0.375rem;opacity:0;pointer-events:none;position:absolute;top:-0.375rem;transform:scale(0.75);transition:all 0.2s;width:calc(100% + 0.75rem)}\n\n.fNHEA_cAug.fNHEA_doqw .fNHEA_cSXm{height:").concat(theme.simpleFacadeSmallSize || 'inherit', ";width:").concat(theme.simpleFacadeSmallSize || 'inherit', "}\n\n.fNHEA_cAug.fNHEA_doqw .fNHEA_blJt{font-size:").concat(theme.simpleFontSizeSmall || 'inherit', "}\n\n.fNHEA_cAug.fNHEA_doqw .fNHEA_cwos:checked+.fNHEA_bOnW .fNHEA_cSXm{box-shadow:inset 0 0 0 ").concat(theme.simpleCheckedInsetSmall || 'inherit', " ").concat(theme.hoverBorderColor || 'inherit', "}\n\n.fNHEA_cAug.fNHEA_ycrn .fNHEA_cSXm{height:").concat(theme.simpleFacadeMediumSize || 'inherit', ";width:").concat(theme.simpleFacadeMediumSize || 'inherit', "}\n\n.fNHEA_cAug.fNHEA_ycrn .fNHEA_blJt{font-size:").concat(theme.simpleFontSizeMedium || 'inherit', "}\n\n.fNHEA_cAug.fNHEA_ycrn .fNHEA_cwos:checked+.fNHEA_bOnW .fNHEA_cSXm{box-shadow:inset 0 0 0 ").concat(theme.simpleCheckedInsetMedium || 'inherit', " ").concat(theme.hoverBorderColor || 'inherit', "}\n\n.fNHEA_cAug.fNHEA_cMDj .fNHEA_cSXm{height:").concat(theme.simpleFacadeLargeSize || 'inherit', ";width:").concat(theme.simpleFacadeLargeSize || 'inherit', "}\n\n.fNHEA_cAug.fNHEA_cMDj .fNHEA_blJt{font-size:").concat(theme.simpleFontSizeLarge || 'inherit', "}\n\n.fNHEA_cAug.fNHEA_cMDj .fNHEA_cwos:checked+.fNHEA_bOnW .fNHEA_cSXm{box-shadow:inset 0 0 0 ").concat(theme.simpleCheckedInsetLarge || 'inherit', " ").concat(theme.hoverBorderColor || 'inherit', "}\n\n.fNHEA_cAug .fNHEA_cwos:hover+.fNHEA_bOnW .fNHEA_cSXm{border-color:").concat(theme.hoverBorderColor || 'inherit', "}\n\n.fNHEA_cAug .fNHEA_cwos:checked+.fNHEA_bOnW .fNHEA_cSXm{background:").concat(theme.background || 'inherit', ";border-color:").concat(theme.hoverBorderColor || 'inherit', ";box-shadow:inset 0 0 0 ").concat(theme.controlSize || 'inherit', " ").concat(theme.hoverBorderColor || 'inherit', "}\n\n.fNHEA_cAug .fNHEA_cwos:focus+.fNHEA_bOnW .fNHEA_cSXm{background:").concat(theme.background || 'inherit', "}\n\n.fNHEA_cAug .fNHEA_cwos:focus+.fNHEA_bOnW .fNHEA_cSXm:before{opacity:1;transform:scale(1)}\n\n.fNHEA_cjSw .fNHEA_bOnW{-ms-user-select:none;-webkit-user-select:none;box-sizing:border-box;display:block;position:relative;user-select:none}\n\n.fNHEA_cjSw .fNHEA_blJt{align-items:center;display:flex;line-height:1;min-width:0.0625rem;overflow:hidden;position:relative;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;z-index:1}\n\n.fNHEA_cjSw .fNHEA_cSXm{border-radius:").concat(theme.toggleBorderRadius || 'inherit', ";box-shadow:").concat(theme.toggleShadow || 'inherit', ";display:block;height:100%;left:0;top:0;visibility:hidden;width:100%;z-index:1}\n\n.fNHEA_cjSw .fNHEA_cSXm,.fNHEA_cjSw .fNHEA_cSXm:before{box-sizing:border-box;position:absolute}\n\n.fNHEA_cjSw .fNHEA_cSXm:before{border:").concat(theme.focusBorderWidth || 'inherit', " ").concat(theme.focusBorderStyle || 'inherit', " ").concat(theme.focusBorderColor || 'inherit', ";border-radius:calc(").concat(theme.toggleBorderRadius || 'inherit', " + 0.0625rem);content:\"\";height:calc(100% + 0.5rem);left:-0.25rem;opacity:0;top:-0.25rem;transform:scale(0.75);transition:all 0.2s;width:calc(100% + 0.5rem)}\n\n.fNHEA_cjSw.fNHEA_cOXX .fNHEA_cSXm{background-color:").concat(theme.toggleBackgroundSuccess || 'inherit', "}\n\n.fNHEA_cjSw.fNHEA_zGXc .fNHEA_cSXm{background-color:").concat(theme.toggleBackgroundDanger || 'inherit', "}\n\n.fNHEA_cjSw.fNHEA_eRqw .fNHEA_cSXm{background-color:").concat(theme.toggleBackgroundWarning || 'inherit', "}\n\n.fNHEA_cjSw.fNHEA_ksNK .fNHEA_cSXm{background-color:").concat(theme.toggleBackgroundOff || 'inherit', "}\n\n.fNHEA_cjSw.fNHEA_doqw .fNHEA_bOnW{height:").concat(theme.toggleSmallHeight || 'inherit', ";padding:0 0.5rem}\n\n.fNHEA_cjSw.fNHEA_doqw .fNHEA_bOnW .fNHEA_blJt{font-size:").concat(theme.toggleSmallFontSize || 'inherit', ";height:").concat(theme.toggleSmallHeight || 'inherit', "}\n\n.fNHEA_cjSw.fNHEA_doqw .fNHEA_bOnW .fNHEA_blJt svg{font-size:calc(").concat(theme.toggleSmallFontSize || 'inherit', " + 0.375rem)}\n\n.fNHEA_cjSw.fNHEA_ycrn .fNHEA_bOnW{height:").concat(theme.toggleMediumHeight || 'inherit', ";padding:0 0.875rem}\n\n.fNHEA_cjSw.fNHEA_ycrn .fNHEA_bOnW .fNHEA_blJt{font-size:").concat(theme.toggleMediumFontSize || 'inherit', ";height:").concat(theme.toggleMediumHeight || 'inherit', "}\n\n.fNHEA_cjSw.fNHEA_ycrn .fNHEA_bOnW .fNHEA_blJt svg{font-size:calc(").concat(theme.toggleMediumFontSize || 'inherit', " + 0.375rem)}\n\n.fNHEA_cjSw.fNHEA_cMDj .fNHEA_bOnW{height:").concat(theme.toggleLargeHeight || 'inherit', ";padding:0 1rem}\n\n.fNHEA_cjSw.fNHEA_cMDj .fNHEA_bOnW .fNHEA_blJt{font-size:").concat(theme.toggleLargeFontSize || 'inherit', ";height:").concat(theme.toggleLargeHeight || 'inherit', "}\n\n.fNHEA_cjSw.fNHEA_cMDj .fNHEA_bOnW .fNHEA_blJt svg{font-size:calc(").concat(theme.toggleLargeFontSize || 'inherit', " + 0.375rem)}\n\n.fNHEA_cjSw .fNHEA_cwos:checked+.fNHEA_bOnW .fNHEA_cSXm{visibility:visible}\n\n.fNHEA_cjSw .fNHEA_cwos:checked+.fNHEA_bOnW .fNHEA_blJt{color:").concat(theme.toggleHandleText || 'inherit', "}\n\n.fNHEA_cjSw .fNHEA_cwos:focus+.fNHEA_bOnW .fNHEA_blJt{text-decoration:underline}\n\n.fNHEA_cjSw .fNHEA_cwos:focus+.fNHEA_bOnW .fNHEA_cSXm:before{opacity:1;transform:scale(1)}");
43
+ return "\n\n.Vmatu_bGBk{position:relative;width:100%}\n\n.Vmatu_bGBk:hover{cursor:default}\n\n.Vmatu_bOnW{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;direction:inherit;display:inline;display:block;empty-cells:show;float:none;font-family:serif;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:start;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[dir=ltr] .Vmatu_bOnW{text-align:left}\n\n[dir=rtl] .Vmatu_bOnW{text-align:right}\n\n.Vmatu_cwos,input.Vmatu_cwos[type=radio]{font-size:inherit;left:0;line-height:inherit;margin:0;opacity:0.0001;padding:0;position:absolute;top:0;width:auto}\n\n.Vmatu_ywdX{opacity:0.5}\n\n.Vmatu_ywdX:hover{cursor:not-allowed}\n\n.Vmatu_eXrk{display:inline-block;vertical-align:middle;width:auto}\n\n.Vmatu_blJt{color:".concat(theme.labelColor || 'inherit', ";flex:1 1 auto;font-family:").concat(theme.labelFontFamily || 'inherit', ";font-weight:").concat(theme.labelFontWeight || 'inherit', ";line-height:").concat(theme.labelLineHeight || 'inherit', "}\n\n.Vmatu_cAug .Vmatu_bOnW{align-items:flex-start;display:flex}\n\n.Vmatu_cAug .Vmatu_cSXm{-webkit-margin-end:").concat(theme.simpleFacadeMarginEnd || 'inherit', ";-webkit-margin-start:0;background:").concat(theme.background || 'inherit', ";border:").concat(theme.borderWidth || 'inherit', " solid ").concat(theme.borderColor || 'inherit', ";border-radius:100%;box-sizing:border-box;display:block;flex-shrink:0;margin-inline-end:").concat(theme.simpleFacadeMarginEnd || 'inherit', ";margin-inline-start:0;min-width:1rem;position:relative;transition:all 0.2s ease-out}\n\n[dir=ltr] .Vmatu_cAug .Vmatu_cSXm{margin-left:0;margin-right:").concat(theme.simpleFacadeMarginEnd || 'inherit', "}\n\n[dir=rtl] .Vmatu_cAug .Vmatu_cSXm{margin-left:").concat(theme.simpleFacadeMarginEnd || 'inherit', ";margin-right:0}\n\n.Vmatu_cAug .Vmatu_cSXm:before{border:").concat(theme.focusBorderWidth || 'inherit', " ").concat(theme.focusBorderStyle || 'inherit', " ").concat(theme.focusBorderColor || 'inherit', ";border-radius:100%;box-sizing:border-box;content:\"\";height:calc(100% + 0.75rem);left:-0.375rem;opacity:0;pointer-events:none;position:absolute;top:-0.375rem;transform:scale(0.75);transition:all 0.2s;width:calc(100% + 0.75rem)}\n\n.Vmatu_cAug.Vmatu_doqw .Vmatu_cSXm{height:").concat(theme.simpleFacadeSmallSize || 'inherit', ";width:").concat(theme.simpleFacadeSmallSize || 'inherit', "}\n\n.Vmatu_cAug.Vmatu_doqw .Vmatu_blJt{font-size:").concat(theme.simpleFontSizeSmall || 'inherit', "}\n\n.Vmatu_cAug.Vmatu_doqw .Vmatu_cwos:checked+.Vmatu_bOnW .Vmatu_cSXm{box-shadow:inset 0 0 0 ").concat(theme.simpleCheckedInsetSmall || 'inherit', " ").concat(theme.hoverBorderColor || 'inherit', "}\n\n.Vmatu_cAug.Vmatu_ycrn .Vmatu_cSXm{height:").concat(theme.simpleFacadeMediumSize || 'inherit', ";width:").concat(theme.simpleFacadeMediumSize || 'inherit', "}\n\n.Vmatu_cAug.Vmatu_ycrn .Vmatu_blJt{font-size:").concat(theme.simpleFontSizeMedium || 'inherit', "}\n\n.Vmatu_cAug.Vmatu_ycrn .Vmatu_cwos:checked+.Vmatu_bOnW .Vmatu_cSXm{box-shadow:inset 0 0 0 ").concat(theme.simpleCheckedInsetMedium || 'inherit', " ").concat(theme.hoverBorderColor || 'inherit', "}\n\n.Vmatu_cAug.Vmatu_cMDj .Vmatu_cSXm{height:").concat(theme.simpleFacadeLargeSize || 'inherit', ";width:").concat(theme.simpleFacadeLargeSize || 'inherit', "}\n\n.Vmatu_cAug.Vmatu_cMDj .Vmatu_blJt{font-size:").concat(theme.simpleFontSizeLarge || 'inherit', "}\n\n.Vmatu_cAug.Vmatu_cMDj .Vmatu_cwos:checked+.Vmatu_bOnW .Vmatu_cSXm{box-shadow:inset 0 0 0 ").concat(theme.simpleCheckedInsetLarge || 'inherit', " ").concat(theme.hoverBorderColor || 'inherit', "}\n\n.Vmatu_cAug .Vmatu_cwos:hover+.Vmatu_bOnW .Vmatu_cSXm{border-color:").concat(theme.hoverBorderColor || 'inherit', "}\n\n.Vmatu_cAug .Vmatu_cwos:checked+.Vmatu_bOnW .Vmatu_cSXm{background:").concat(theme.background || 'inherit', ";border-color:").concat(theme.hoverBorderColor || 'inherit', ";box-shadow:inset 0 0 0 ").concat(theme.controlSize || 'inherit', " ").concat(theme.hoverBorderColor || 'inherit', "}\n\n.Vmatu_cAug .Vmatu_cwos:focus+.Vmatu_bOnW .Vmatu_cSXm{background:").concat(theme.background || 'inherit', "}\n\n.Vmatu_cAug .Vmatu_cwos:focus+.Vmatu_bOnW .Vmatu_cSXm:before{opacity:1;transform:scale(1)}\n\n.Vmatu_cjSw .Vmatu_bOnW{-ms-user-select:none;-webkit-user-select:none;box-sizing:border-box;display:block;position:relative;user-select:none}\n\n.Vmatu_cjSw .Vmatu_blJt{align-items:center;display:flex;line-height:1;min-width:0.0625rem;overflow:hidden;position:relative;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;z-index:1}\n\n.Vmatu_cjSw .Vmatu_cSXm{border-radius:").concat(theme.toggleBorderRadius || 'inherit', ";box-shadow:").concat(theme.toggleShadow || 'inherit', ";display:block;height:100%;left:0;top:0;visibility:hidden;width:100%;z-index:1}\n\n.Vmatu_cjSw .Vmatu_cSXm,.Vmatu_cjSw .Vmatu_cSXm:before{box-sizing:border-box;position:absolute}\n\n.Vmatu_cjSw .Vmatu_cSXm:before{border:").concat(theme.focusBorderWidth || 'inherit', " ").concat(theme.focusBorderStyle || 'inherit', " ").concat(theme.focusBorderColor || 'inherit', ";border-radius:calc(").concat(theme.toggleBorderRadius || 'inherit', " + 0.0625rem);content:\"\";height:calc(100% + 0.5rem);left:-0.25rem;opacity:0;top:-0.25rem;transform:scale(0.75);transition:all 0.2s;width:calc(100% + 0.5rem)}\n\n.Vmatu_cjSw.Vmatu_cOXX .Vmatu_cSXm{background-color:").concat(theme.toggleBackgroundSuccess || 'inherit', "}\n\n.Vmatu_cjSw.Vmatu_zGXc .Vmatu_cSXm{background-color:").concat(theme.toggleBackgroundDanger || 'inherit', "}\n\n.Vmatu_cjSw.Vmatu_eRqw .Vmatu_cSXm{background-color:").concat(theme.toggleBackgroundWarning || 'inherit', "}\n\n.Vmatu_cjSw.Vmatu_ksNK .Vmatu_cSXm{background-color:").concat(theme.toggleBackgroundOff || 'inherit', "}\n\n.Vmatu_cjSw.Vmatu_doqw .Vmatu_bOnW{height:").concat(theme.toggleSmallHeight || 'inherit', ";padding:0 0.5rem}\n\n.Vmatu_cjSw.Vmatu_doqw .Vmatu_bOnW .Vmatu_blJt{font-size:").concat(theme.toggleSmallFontSize || 'inherit', ";height:").concat(theme.toggleSmallHeight || 'inherit', "}\n\n.Vmatu_cjSw.Vmatu_doqw .Vmatu_bOnW .Vmatu_blJt svg{font-size:calc(").concat(theme.toggleSmallFontSize || 'inherit', " + 0.375rem)}\n\n.Vmatu_cjSw.Vmatu_ycrn .Vmatu_bOnW{height:").concat(theme.toggleMediumHeight || 'inherit', ";padding:0 0.875rem}\n\n.Vmatu_cjSw.Vmatu_ycrn .Vmatu_bOnW .Vmatu_blJt{font-size:").concat(theme.toggleMediumFontSize || 'inherit', ";height:").concat(theme.toggleMediumHeight || 'inherit', "}\n\n.Vmatu_cjSw.Vmatu_ycrn .Vmatu_bOnW .Vmatu_blJt svg{font-size:calc(").concat(theme.toggleMediumFontSize || 'inherit', " + 0.375rem)}\n\n.Vmatu_cjSw.Vmatu_cMDj .Vmatu_bOnW{height:").concat(theme.toggleLargeHeight || 'inherit', ";padding:0 1rem}\n\n.Vmatu_cjSw.Vmatu_cMDj .Vmatu_bOnW .Vmatu_blJt{font-size:").concat(theme.toggleLargeFontSize || 'inherit', ";height:").concat(theme.toggleLargeHeight || 'inherit', "}\n\n.Vmatu_cjSw.Vmatu_cMDj .Vmatu_bOnW .Vmatu_blJt svg{font-size:calc(").concat(theme.toggleLargeFontSize || 'inherit', " + 0.375rem)}\n\n.Vmatu_cjSw .Vmatu_cwos:checked+.Vmatu_bOnW .Vmatu_cSXm{visibility:visible}\n\n.Vmatu_cjSw .Vmatu_cwos:checked+.Vmatu_bOnW .Vmatu_blJt{color:").concat(theme.toggleHandleText || 'inherit', "}\n\n.Vmatu_cjSw .Vmatu_cwos:focus+.Vmatu_bOnW .Vmatu_blJt{text-decoration:underline}\n\n.Vmatu_cjSw .Vmatu_cwos:focus+.Vmatu_bOnW .Vmatu_cSXm:before{opacity:1;transform:scale(1)}");
44
44
  },
45
- 'root': 'fNHEA_bGBk',
46
- 'control': 'fNHEA_bOnW',
47
- 'input': 'fNHEA_cwos',
48
- 'disabled': 'fNHEA_ywdX',
49
- 'inline': 'fNHEA_eXrk',
50
- 'label': 'fNHEA_blJt',
51
- 'simple': 'fNHEA_cAug',
52
- 'facade': 'fNHEA_cSXm',
53
- 'small': 'fNHEA_doqw',
54
- 'medium': 'fNHEA_ycrn',
55
- 'large': 'fNHEA_cMDj',
56
- 'toggle': 'fNHEA_cjSw',
57
- 'success': 'fNHEA_cOXX',
58
- 'danger': 'fNHEA_zGXc',
59
- 'warning': 'fNHEA_eRqw',
60
- 'off': 'fNHEA_ksNK'
45
+ 'root': 'Vmatu_bGBk',
46
+ 'control': 'Vmatu_bOnW',
47
+ 'input': 'Vmatu_cwos',
48
+ 'disabled': 'Vmatu_ywdX',
49
+ 'inline': 'Vmatu_eXrk',
50
+ 'label': 'Vmatu_blJt',
51
+ 'simple': 'Vmatu_cAug',
52
+ 'facade': 'Vmatu_cSXm',
53
+ 'small': 'Vmatu_doqw',
54
+ 'medium': 'Vmatu_ycrn',
55
+ 'large': 'Vmatu_cMDj',
56
+ 'toggle': 'Vmatu_cjSw',
57
+ 'success': 'Vmatu_cOXX',
58
+ 'danger': 'Vmatu_zGXc',
59
+ 'warning': 'Vmatu_eRqw',
60
+ 'off': 'Vmatu_ksNK'
61
61
  };
62
62
  import theme from "./theme.js";
63
63
  /**
package/es/RadioInput/theme.js CHANGED
@@ -34,7 +34,8 @@ export default function generator(_ref) {
34
34
  labelFontWeight: typography.fontWeightNormal,
35
35
  labelLineHeight: typography.lineHeightCondensed,
36
36
  background: colors.backgroundLightest,
37
- borderColor: colors.borderDarkest,
37
+ borderWidth: borders.widthSmall,
38
+ borderColor: colors.borderMedium,
38
39
  hoverBorderColor: colors.borderDarkest,
39
40
  controlSize: '0.1875rem',
40
41
  focusBorderColor: colors.borderBrand,
@@ -78,7 +79,6 @@ generator['canvas-a11y'] = generator['canvas-high-contrast'] = function (_ref2)
78
79
  generator.canvas = function (variables) {
79
80
  return {
80
81
  focusBorderColor: variables['ic-brand-primary'],
81
- borderColor: variables['ic-brand-font-color-dark'],
82
82
  hoverBorderColor: variables['ic-brand-font-color-dark'],
83
83
  labelColor: variables['ic-brand-font-color-dark']
84
84
  };
package/lib/RadioInput/index.js CHANGED
@@ -40,26 +40,26 @@ var _theme = _interopRequireDefault(require("./theme.js"));
40
40
  var _dec, _dec2, _class, _class2, _temp;
41
41
 
42
42
  var styles = {
43
- componentId: 'fNHEA',
43
+ componentId: 'Vmatu',
44
44
  template: function template(theme) {
45
- return "\n\n.fNHEA_bGBk{position:relative;width:100%}\n\n.fNHEA_bGBk:hover{cursor:default}\n\n.fNHEA_bOnW{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;direction:inherit;display:inline;display:block;empty-cells:show;float:none;font-family:serif;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:start;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[dir=ltr] .fNHEA_bOnW{text-align:left}\n\n[dir=rtl] .fNHEA_bOnW{text-align:right}\n\n.fNHEA_cwos,input.fNHEA_cwos[type=radio]{font-size:inherit;left:0;line-height:inherit;margin:0;opacity:0.0001;padding:0;position:absolute;top:0;width:auto}\n\n.fNHEA_ywdX{opacity:0.5}\n\n.fNHEA_ywdX:hover{cursor:not-allowed}\n\n.fNHEA_eXrk{display:inline-block;vertical-align:middle;width:auto}\n\n.fNHEA_blJt{color:".concat(theme.labelColor || 'inherit', ";flex:1 1 auto;font-family:").concat(theme.labelFontFamily || 'inherit', ";font-weight:").concat(theme.labelFontWeight || 'inherit', ";line-height:").concat(theme.labelLineHeight || 'inherit', "}\n\n.fNHEA_cAug .fNHEA_bOnW{align-items:flex-start;display:flex}\n\n.fNHEA_cAug .fNHEA_cSXm{-webkit-margin-end:").concat(theme.simpleFacadeMarginEnd || 'inherit', ";-webkit-margin-start:0;background:").concat(theme.background || 'inherit', ";border:0.125rem solid ").concat(theme.borderColor || 'inherit', ";border-radius:100%;box-sizing:border-box;display:block;flex-shrink:0;margin-inline-end:").concat(theme.simpleFacadeMarginEnd || 'inherit', ";margin-inline-start:0;min-width:1rem;position:relative;transition:all 0.2s ease-out}\n\n[dir=ltr] .fNHEA_cAug .fNHEA_cSXm{margin-left:0;margin-right:").concat(theme.simpleFacadeMarginEnd || 'inherit', "}\n\n[dir=rtl] .fNHEA_cAug .fNHEA_cSXm{margin-left:").concat(theme.simpleFacadeMarginEnd || 'inherit', ";margin-right:0}\n\n.fNHEA_cAug .fNHEA_cSXm:before{border:").concat(theme.focusBorderWidth || 'inherit', " ").concat(theme.focusBorderStyle || 'inherit', " ").concat(theme.focusBorderColor || 'inherit', ";border-radius:100%;box-sizing:border-box;content:\"\";height:calc(100% + 0.75rem);left:-0.375rem;opacity:0;pointer-events:none;position:absolute;top:-0.375rem;transform:scale(0.75);transition:all 0.2s;width:calc(100% + 0.75rem)}\n\n.fNHEA_cAug.fNHEA_doqw .fNHEA_cSXm{height:").concat(theme.simpleFacadeSmallSize || 'inherit', ";width:").concat(theme.simpleFacadeSmallSize || 'inherit', "}\n\n.fNHEA_cAug.fNHEA_doqw .fNHEA_blJt{font-size:").concat(theme.simpleFontSizeSmall || 'inherit', "}\n\n.fNHEA_cAug.fNHEA_doqw .fNHEA_cwos:checked+.fNHEA_bOnW .fNHEA_cSXm{box-shadow:inset 0 0 0 ").concat(theme.simpleCheckedInsetSmall || 'inherit', " ").concat(theme.hoverBorderColor || 'inherit', "}\n\n.fNHEA_cAug.fNHEA_ycrn .fNHEA_cSXm{height:").concat(theme.simpleFacadeMediumSize || 'inherit', ";width:").concat(theme.simpleFacadeMediumSize || 'inherit', "}\n\n.fNHEA_cAug.fNHEA_ycrn .fNHEA_blJt{font-size:").concat(theme.simpleFontSizeMedium || 'inherit', "}\n\n.fNHEA_cAug.fNHEA_ycrn .fNHEA_cwos:checked+.fNHEA_bOnW .fNHEA_cSXm{box-shadow:inset 0 0 0 ").concat(theme.simpleCheckedInsetMedium || 'inherit', " ").concat(theme.hoverBorderColor || 'inherit', "}\n\n.fNHEA_cAug.fNHEA_cMDj .fNHEA_cSXm{height:").concat(theme.simpleFacadeLargeSize || 'inherit', ";width:").concat(theme.simpleFacadeLargeSize || 'inherit', "}\n\n.fNHEA_cAug.fNHEA_cMDj .fNHEA_blJt{font-size:").concat(theme.simpleFontSizeLarge || 'inherit', "}\n\n.fNHEA_cAug.fNHEA_cMDj .fNHEA_cwos:checked+.fNHEA_bOnW .fNHEA_cSXm{box-shadow:inset 0 0 0 ").concat(theme.simpleCheckedInsetLarge || 'inherit', " ").concat(theme.hoverBorderColor || 'inherit', "}\n\n.fNHEA_cAug .fNHEA_cwos:hover+.fNHEA_bOnW .fNHEA_cSXm{border-color:").concat(theme.hoverBorderColor || 'inherit', "}\n\n.fNHEA_cAug .fNHEA_cwos:checked+.fNHEA_bOnW .fNHEA_cSXm{background:").concat(theme.background || 'inherit', ";border-color:").concat(theme.hoverBorderColor || 'inherit', ";box-shadow:inset 0 0 0 ").concat(theme.controlSize || 'inherit', " ").concat(theme.hoverBorderColor || 'inherit', "}\n\n.fNHEA_cAug .fNHEA_cwos:focus+.fNHEA_bOnW .fNHEA_cSXm{background:").concat(theme.background || 'inherit', "}\n\n.fNHEA_cAug .fNHEA_cwos:focus+.fNHEA_bOnW .fNHEA_cSXm:before{opacity:1;transform:scale(1)}\n\n.fNHEA_cjSw .fNHEA_bOnW{-ms-user-select:none;-webkit-user-select:none;box-sizing:border-box;display:block;position:relative;user-select:none}\n\n.fNHEA_cjSw .fNHEA_blJt{align-items:center;display:flex;line-height:1;min-width:0.0625rem;overflow:hidden;position:relative;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;z-index:1}\n\n.fNHEA_cjSw .fNHEA_cSXm{border-radius:").concat(theme.toggleBorderRadius || 'inherit', ";box-shadow:").concat(theme.toggleShadow || 'inherit', ";display:block;height:100%;left:0;top:0;visibility:hidden;width:100%;z-index:1}\n\n.fNHEA_cjSw .fNHEA_cSXm,.fNHEA_cjSw .fNHEA_cSXm:before{box-sizing:border-box;position:absolute}\n\n.fNHEA_cjSw .fNHEA_cSXm:before{border:").concat(theme.focusBorderWidth || 'inherit', " ").concat(theme.focusBorderStyle || 'inherit', " ").concat(theme.focusBorderColor || 'inherit', ";border-radius:calc(").concat(theme.toggleBorderRadius || 'inherit', " + 0.0625rem);content:\"\";height:calc(100% + 0.5rem);left:-0.25rem;opacity:0;top:-0.25rem;transform:scale(0.75);transition:all 0.2s;width:calc(100% + 0.5rem)}\n\n.fNHEA_cjSw.fNHEA_cOXX .fNHEA_cSXm{background-color:").concat(theme.toggleBackgroundSuccess || 'inherit', "}\n\n.fNHEA_cjSw.fNHEA_zGXc .fNHEA_cSXm{background-color:").concat(theme.toggleBackgroundDanger || 'inherit', "}\n\n.fNHEA_cjSw.fNHEA_eRqw .fNHEA_cSXm{background-color:").concat(theme.toggleBackgroundWarning || 'inherit', "}\n\n.fNHEA_cjSw.fNHEA_ksNK .fNHEA_cSXm{background-color:").concat(theme.toggleBackgroundOff || 'inherit', "}\n\n.fNHEA_cjSw.fNHEA_doqw .fNHEA_bOnW{height:").concat(theme.toggleSmallHeight || 'inherit', ";padding:0 0.5rem}\n\n.fNHEA_cjSw.fNHEA_doqw .fNHEA_bOnW .fNHEA_blJt{font-size:").concat(theme.toggleSmallFontSize || 'inherit', ";height:").concat(theme.toggleSmallHeight || 'inherit', "}\n\n.fNHEA_cjSw.fNHEA_doqw .fNHEA_bOnW .fNHEA_blJt svg{font-size:calc(").concat(theme.toggleSmallFontSize || 'inherit', " + 0.375rem)}\n\n.fNHEA_cjSw.fNHEA_ycrn .fNHEA_bOnW{height:").concat(theme.toggleMediumHeight || 'inherit', ";padding:0 0.875rem}\n\n.fNHEA_cjSw.fNHEA_ycrn .fNHEA_bOnW .fNHEA_blJt{font-size:").concat(theme.toggleMediumFontSize || 'inherit', ";height:").concat(theme.toggleMediumHeight || 'inherit', "}\n\n.fNHEA_cjSw.fNHEA_ycrn .fNHEA_bOnW .fNHEA_blJt svg{font-size:calc(").concat(theme.toggleMediumFontSize || 'inherit', " + 0.375rem)}\n\n.fNHEA_cjSw.fNHEA_cMDj .fNHEA_bOnW{height:").concat(theme.toggleLargeHeight || 'inherit', ";padding:0 1rem}\n\n.fNHEA_cjSw.fNHEA_cMDj .fNHEA_bOnW .fNHEA_blJt{font-size:").concat(theme.toggleLargeFontSize || 'inherit', ";height:").concat(theme.toggleLargeHeight || 'inherit', "}\n\n.fNHEA_cjSw.fNHEA_cMDj .fNHEA_bOnW .fNHEA_blJt svg{font-size:calc(").concat(theme.toggleLargeFontSize || 'inherit', " + 0.375rem)}\n\n.fNHEA_cjSw .fNHEA_cwos:checked+.fNHEA_bOnW .fNHEA_cSXm{visibility:visible}\n\n.fNHEA_cjSw .fNHEA_cwos:checked+.fNHEA_bOnW .fNHEA_blJt{color:").concat(theme.toggleHandleText || 'inherit', "}\n\n.fNHEA_cjSw .fNHEA_cwos:focus+.fNHEA_bOnW .fNHEA_blJt{text-decoration:underline}\n\n.fNHEA_cjSw .fNHEA_cwos:focus+.fNHEA_bOnW .fNHEA_cSXm:before{opacity:1;transform:scale(1)}");
45
+ return "\n\n.Vmatu_bGBk{position:relative;width:100%}\n\n.Vmatu_bGBk:hover{cursor:default}\n\n.Vmatu_bOnW{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;direction:inherit;display:inline;display:block;empty-cells:show;float:none;font-family:serif;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:start;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[dir=ltr] .Vmatu_bOnW{text-align:left}\n\n[dir=rtl] .Vmatu_bOnW{text-align:right}\n\n.Vmatu_cwos,input.Vmatu_cwos[type=radio]{font-size:inherit;left:0;line-height:inherit;margin:0;opacity:0.0001;padding:0;position:absolute;top:0;width:auto}\n\n.Vmatu_ywdX{opacity:0.5}\n\n.Vmatu_ywdX:hover{cursor:not-allowed}\n\n.Vmatu_eXrk{display:inline-block;vertical-align:middle;width:auto}\n\n.Vmatu_blJt{color:".concat(theme.labelColor || 'inherit', ";flex:1 1 auto;font-family:").concat(theme.labelFontFamily || 'inherit', ";font-weight:").concat(theme.labelFontWeight || 'inherit', ";line-height:").concat(theme.labelLineHeight || 'inherit', "}\n\n.Vmatu_cAug .Vmatu_bOnW{align-items:flex-start;display:flex}\n\n.Vmatu_cAug .Vmatu_cSXm{-webkit-margin-end:").concat(theme.simpleFacadeMarginEnd || 'inherit', ";-webkit-margin-start:0;background:").concat(theme.background || 'inherit', ";border:").concat(theme.borderWidth || 'inherit', " solid ").concat(theme.borderColor || 'inherit', ";border-radius:100%;box-sizing:border-box;display:block;flex-shrink:0;margin-inline-end:").concat(theme.simpleFacadeMarginEnd || 'inherit', ";margin-inline-start:0;min-width:1rem;position:relative;transition:all 0.2s ease-out}\n\n[dir=ltr] .Vmatu_cAug .Vmatu_cSXm{margin-left:0;margin-right:").concat(theme.simpleFacadeMarginEnd || 'inherit', "}\n\n[dir=rtl] .Vmatu_cAug .Vmatu_cSXm{margin-left:").concat(theme.simpleFacadeMarginEnd || 'inherit', ";margin-right:0}\n\n.Vmatu_cAug .Vmatu_cSXm:before{border:").concat(theme.focusBorderWidth || 'inherit', " ").concat(theme.focusBorderStyle || 'inherit', " ").concat(theme.focusBorderColor || 'inherit', ";border-radius:100%;box-sizing:border-box;content:\"\";height:calc(100% + 0.75rem);left:-0.375rem;opacity:0;pointer-events:none;position:absolute;top:-0.375rem;transform:scale(0.75);transition:all 0.2s;width:calc(100% + 0.75rem)}\n\n.Vmatu_cAug.Vmatu_doqw .Vmatu_cSXm{height:").concat(theme.simpleFacadeSmallSize || 'inherit', ";width:").concat(theme.simpleFacadeSmallSize || 'inherit', "}\n\n.Vmatu_cAug.Vmatu_doqw .Vmatu_blJt{font-size:").concat(theme.simpleFontSizeSmall || 'inherit', "}\n\n.Vmatu_cAug.Vmatu_doqw .Vmatu_cwos:checked+.Vmatu_bOnW .Vmatu_cSXm{box-shadow:inset 0 0 0 ").concat(theme.simpleCheckedInsetSmall || 'inherit', " ").concat(theme.hoverBorderColor || 'inherit', "}\n\n.Vmatu_cAug.Vmatu_ycrn .Vmatu_cSXm{height:").concat(theme.simpleFacadeMediumSize || 'inherit', ";width:").concat(theme.simpleFacadeMediumSize || 'inherit', "}\n\n.Vmatu_cAug.Vmatu_ycrn .Vmatu_blJt{font-size:").concat(theme.simpleFontSizeMedium || 'inherit', "}\n\n.Vmatu_cAug.Vmatu_ycrn .Vmatu_cwos:checked+.Vmatu_bOnW .Vmatu_cSXm{box-shadow:inset 0 0 0 ").concat(theme.simpleCheckedInsetMedium || 'inherit', " ").concat(theme.hoverBorderColor || 'inherit', "}\n\n.Vmatu_cAug.Vmatu_cMDj .Vmatu_cSXm{height:").concat(theme.simpleFacadeLargeSize || 'inherit', ";width:").concat(theme.simpleFacadeLargeSize || 'inherit', "}\n\n.Vmatu_cAug.Vmatu_cMDj .Vmatu_blJt{font-size:").concat(theme.simpleFontSizeLarge || 'inherit', "}\n\n.Vmatu_cAug.Vmatu_cMDj .Vmatu_cwos:checked+.Vmatu_bOnW .Vmatu_cSXm{box-shadow:inset 0 0 0 ").concat(theme.simpleCheckedInsetLarge || 'inherit', " ").concat(theme.hoverBorderColor || 'inherit', "}\n\n.Vmatu_cAug .Vmatu_cwos:hover+.Vmatu_bOnW .Vmatu_cSXm{border-color:").concat(theme.hoverBorderColor || 'inherit', "}\n\n.Vmatu_cAug .Vmatu_cwos:checked+.Vmatu_bOnW .Vmatu_cSXm{background:").concat(theme.background || 'inherit', ";border-color:").concat(theme.hoverBorderColor || 'inherit', ";box-shadow:inset 0 0 0 ").concat(theme.controlSize || 'inherit', " ").concat(theme.hoverBorderColor || 'inherit', "}\n\n.Vmatu_cAug .Vmatu_cwos:focus+.Vmatu_bOnW .Vmatu_cSXm{background:").concat(theme.background || 'inherit', "}\n\n.Vmatu_cAug .Vmatu_cwos:focus+.Vmatu_bOnW .Vmatu_cSXm:before{opacity:1;transform:scale(1)}\n\n.Vmatu_cjSw .Vmatu_bOnW{-ms-user-select:none;-webkit-user-select:none;box-sizing:border-box;display:block;position:relative;user-select:none}\n\n.Vmatu_cjSw .Vmatu_blJt{align-items:center;display:flex;line-height:1;min-width:0.0625rem;overflow:hidden;position:relative;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;z-index:1}\n\n.Vmatu_cjSw .Vmatu_cSXm{border-radius:").concat(theme.toggleBorderRadius || 'inherit', ";box-shadow:").concat(theme.toggleShadow || 'inherit', ";display:block;height:100%;left:0;top:0;visibility:hidden;width:100%;z-index:1}\n\n.Vmatu_cjSw .Vmatu_cSXm,.Vmatu_cjSw .Vmatu_cSXm:before{box-sizing:border-box;position:absolute}\n\n.Vmatu_cjSw .Vmatu_cSXm:before{border:").concat(theme.focusBorderWidth || 'inherit', " ").concat(theme.focusBorderStyle || 'inherit', " ").concat(theme.focusBorderColor || 'inherit', ";border-radius:calc(").concat(theme.toggleBorderRadius || 'inherit', " + 0.0625rem);content:\"\";height:calc(100% + 0.5rem);left:-0.25rem;opacity:0;top:-0.25rem;transform:scale(0.75);transition:all 0.2s;width:calc(100% + 0.5rem)}\n\n.Vmatu_cjSw.Vmatu_cOXX .Vmatu_cSXm{background-color:").concat(theme.toggleBackgroundSuccess || 'inherit', "}\n\n.Vmatu_cjSw.Vmatu_zGXc .Vmatu_cSXm{background-color:").concat(theme.toggleBackgroundDanger || 'inherit', "}\n\n.Vmatu_cjSw.Vmatu_eRqw .Vmatu_cSXm{background-color:").concat(theme.toggleBackgroundWarning || 'inherit', "}\n\n.Vmatu_cjSw.Vmatu_ksNK .Vmatu_cSXm{background-color:").concat(theme.toggleBackgroundOff || 'inherit', "}\n\n.Vmatu_cjSw.Vmatu_doqw .Vmatu_bOnW{height:").concat(theme.toggleSmallHeight || 'inherit', ";padding:0 0.5rem}\n\n.Vmatu_cjSw.Vmatu_doqw .Vmatu_bOnW .Vmatu_blJt{font-size:").concat(theme.toggleSmallFontSize || 'inherit', ";height:").concat(theme.toggleSmallHeight || 'inherit', "}\n\n.Vmatu_cjSw.Vmatu_doqw .Vmatu_bOnW .Vmatu_blJt svg{font-size:calc(").concat(theme.toggleSmallFontSize || 'inherit', " + 0.375rem)}\n\n.Vmatu_cjSw.Vmatu_ycrn .Vmatu_bOnW{height:").concat(theme.toggleMediumHeight || 'inherit', ";padding:0 0.875rem}\n\n.Vmatu_cjSw.Vmatu_ycrn .Vmatu_bOnW .Vmatu_blJt{font-size:").concat(theme.toggleMediumFontSize || 'inherit', ";height:").concat(theme.toggleMediumHeight || 'inherit', "}\n\n.Vmatu_cjSw.Vmatu_ycrn .Vmatu_bOnW .Vmatu_blJt svg{font-size:calc(").concat(theme.toggleMediumFontSize || 'inherit', " + 0.375rem)}\n\n.Vmatu_cjSw.Vmatu_cMDj .Vmatu_bOnW{height:").concat(theme.toggleLargeHeight || 'inherit', ";padding:0 1rem}\n\n.Vmatu_cjSw.Vmatu_cMDj .Vmatu_bOnW .Vmatu_blJt{font-size:").concat(theme.toggleLargeFontSize || 'inherit', ";height:").concat(theme.toggleLargeHeight || 'inherit', "}\n\n.Vmatu_cjSw.Vmatu_cMDj .Vmatu_bOnW .Vmatu_blJt svg{font-size:calc(").concat(theme.toggleLargeFontSize || 'inherit', " + 0.375rem)}\n\n.Vmatu_cjSw .Vmatu_cwos:checked+.Vmatu_bOnW .Vmatu_cSXm{visibility:visible}\n\n.Vmatu_cjSw .Vmatu_cwos:checked+.Vmatu_bOnW .Vmatu_blJt{color:").concat(theme.toggleHandleText || 'inherit', "}\n\n.Vmatu_cjSw .Vmatu_cwos:focus+.Vmatu_bOnW .Vmatu_blJt{text-decoration:underline}\n\n.Vmatu_cjSw .Vmatu_cwos:focus+.Vmatu_bOnW .Vmatu_cSXm:before{opacity:1;transform:scale(1)}");
46
46
  },
47
- 'root': 'fNHEA_bGBk',
48
- 'control': 'fNHEA_bOnW',
49
- 'input': 'fNHEA_cwos',
50
- 'disabled': 'fNHEA_ywdX',
51
- 'inline': 'fNHEA_eXrk',
52
- 'label': 'fNHEA_blJt',
53
- 'simple': 'fNHEA_cAug',
54
- 'facade': 'fNHEA_cSXm',
55
- 'small': 'fNHEA_doqw',
56
- 'medium': 'fNHEA_ycrn',
57
- 'large': 'fNHEA_cMDj',
58
- 'toggle': 'fNHEA_cjSw',
59
- 'success': 'fNHEA_cOXX',
60
- 'danger': 'fNHEA_zGXc',
61
- 'warning': 'fNHEA_eRqw',
62
- 'off': 'fNHEA_ksNK'
47
+ 'root': 'Vmatu_bGBk',
48
+ 'control': 'Vmatu_bOnW',
49
+ 'input': 'Vmatu_cwos',
50
+ 'disabled': 'Vmatu_ywdX',
51
+ 'inline': 'Vmatu_eXrk',
52
+ 'label': 'Vmatu_blJt',
53
+ 'simple': 'Vmatu_cAug',
54
+ 'facade': 'Vmatu_cSXm',
55
+ 'small': 'Vmatu_doqw',
56
+ 'medium': 'Vmatu_ycrn',
57
+ 'large': 'Vmatu_cMDj',
58
+ 'toggle': 'Vmatu_cjSw',
59
+ 'success': 'Vmatu_cOXX',
60
+ 'danger': 'Vmatu_zGXc',
61
+ 'warning': 'Vmatu_eRqw',
62
+ 'off': 'Vmatu_ksNK'
63
63
  };
64
64
 
65
65
  /**
package/lib/RadioInput/theme.js CHANGED
@@ -41,7 +41,8 @@ function generator(_ref) {
41
41
  labelFontWeight: typography.fontWeightNormal,
42
42
  labelLineHeight: typography.lineHeightCondensed,
43
43
  background: colors.backgroundLightest,
44
- borderColor: colors.borderDarkest,
44
+ borderWidth: borders.widthSmall,
45
+ borderColor: colors.borderMedium,
45
46
  hoverBorderColor: colors.borderDarkest,
46
47
  controlSize: '0.1875rem',
47
48
  focusBorderColor: colors.borderBrand,
@@ -85,7 +86,6 @@ generator['canvas-a11y'] = generator['canvas-high-contrast'] = function (_ref2)
85
86
  generator.canvas = function (variables) {
86
87
  return {
87
88
  focusBorderColor: variables['ic-brand-primary'],
88
- borderColor: variables['ic-brand-font-color-dark'],
89
89
  hoverBorderColor: variables['ic-brand-font-color-dark'],
90
90
  labelColor: variables['ic-brand-font-color-dark']
91
91
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-radio-input",
3
- "version": "7.9.0",
3
+ "version": "7.13.0",
4
4
  "description": "A styled HTML input type='radio' element",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "type": "commonjs",
@@ -23,21 +23,21 @@
23
23
  "license": "MIT",
24
24
  "dependencies": {
25
25
  "@babel/runtime": "^7.9.2",
26
- "@instructure/ui-dom-utils": "^7.9.0",
27
- "@instructure/ui-form-field": "^7.9.0",
28
- "@instructure/ui-prop-types": "^7.9.0",
29
- "@instructure/ui-react-utils": "^7.9.0",
30
- "@instructure/ui-testable": "^7.9.0",
31
- "@instructure/ui-themeable": "^7.9.0",
32
- "@instructure/uid": "^7.9.0",
26
+ "@instructure/ui-dom-utils": "^7.13.0",
27
+ "@instructure/ui-form-field": "^7.13.0",
28
+ "@instructure/ui-prop-types": "^7.13.0",
29
+ "@instructure/ui-react-utils": "^7.13.0",
30
+ "@instructure/ui-testable": "^7.13.0",
31
+ "@instructure/ui-themeable": "^7.13.0",
32
+ "@instructure/uid": "^7.13.0",
33
33
  "classnames": "^2",
34
34
  "prop-types": "^15"
35
35
  },
36
36
  "devDependencies": {
37
- "@instructure/ui-babel-preset": "^7.9.0",
38
- "@instructure/ui-color-utils": "^7.9.0",
39
- "@instructure/ui-test-locator": "^7.9.0",
40
- "@instructure/ui-test-utils": "^7.9.0"
37
+ "@instructure/ui-babel-preset": "^7.13.0",
38
+ "@instructure/ui-color-utils": "^7.13.0",
39
+ "@instructure/ui-test-locator": "^7.13.0",
40
+ "@instructure/ui-test-utils": "^7.13.0"
41
41
  },
42
42
  "peerDependencies": {
43
43
  "react": "^16.8"
package/src/RadioInput/styles.css CHANGED
@@ -71,7 +71,7 @@ input.input[type="radio"] {
71
71
  min-width: 1rem;
72
72
  transition: all 0.2s ease-out;
73
73
  border-radius: 100%;
74
- border: 0.125rem solid var(--borderColor);
74
+ border: var(--borderWidth) solid var(--borderColor);
75
75
  background: var(--background);
76
76
 
77
77
  &::before {
package/src/RadioInput/theme.js CHANGED
@@ -37,7 +37,8 @@ export default function generator({
37
37
  labelLineHeight: typography.lineHeightCondensed,
38
38
 
39
39
  background: colors.backgroundLightest,
40
- borderColor: colors.borderDarkest,
40
+ borderWidth: borders.widthSmall,
41
+ borderColor: colors.borderMedium,
41
42
  hoverBorderColor: colors.borderDarkest,
42
43
  controlSize: '0.1875rem',
43
44
 
@@ -86,7 +87,6 @@ generator['canvas-a11y'] = generator['canvas-high-contrast'] = function ({
86
87
  generator.canvas = function (variables) {
87
88
  return {
88
89
  focusBorderColor: variables['ic-brand-primary'],
89
- borderColor: variables['ic-brand-font-color-dark'],
90
90
  hoverBorderColor: variables['ic-brand-font-color-dark'],
91
91
  labelColor: variables['ic-brand-font-color-dark']
92
92
  }