@instructure/ui-radio-input 8.11.2-snapshot.53 → 8.11.2-snapshot.54

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 (7) hide show
  1. package/es/RadioInput/styles.js +1 -1
  2. package/es/RadioInput/theme.js +2 -2
  3. package/lib/RadioInput/styles.js +1 -1
  4. package/lib/RadioInput/theme.js +2 -2
  5. package/package.json +15 -15
  6. package/src/RadioInput/styles.ts +1 -1
  7. package/src/RadioInput/theme.ts +2 -2
package/es/RadioInput/styles.js CHANGED
@@ -67,7 +67,7 @@ const generateStyle = (componentTheme, props) => {
67
67
  minWidth: '1rem',
68
68
  transition: 'all 0.2s ease-out',
69
69
  borderRadius: '100%',
70
- border: `0.125rem solid ${componentTheme.borderColor}`,
70
+ border: `${componentTheme.borderWidth} solid ${componentTheme.borderColor}`,
71
71
  background: componentTheme.background,
72
72
  '&::before': {
73
73
  content: '""',
package/es/RadioInput/theme.js CHANGED
@@ -38,7 +38,6 @@ const generateComponentTheme = theme => {
38
38
  const themeSpecificStyle = {
39
39
  canvas: {
40
40
  focusBorderColor: theme['ic-brand-primary'],
41
- borderColor: theme['ic-brand-font-color-dark'],
42
41
  hoverBorderColor: theme['ic-brand-font-color-dark'],
43
42
  labelColor: theme['ic-brand-font-color-dark']
44
43
  },
@@ -52,7 +51,8 @@ const generateComponentTheme = theme => {
52
51
  labelFontWeight: typography === null || typography === void 0 ? void 0 : typography.fontWeightNormal,
53
52
  labelLineHeight: typography === null || typography === void 0 ? void 0 : typography.lineHeightCondensed,
54
53
  background: colors === null || colors === void 0 ? void 0 : colors.backgroundLightest,
55
- borderColor: colors === null || colors === void 0 ? void 0 : colors.borderDarkest,
54
+ borderWidth: borders === null || borders === void 0 ? void 0 : borders.widthSmall,
55
+ borderColor: colors === null || colors === void 0 ? void 0 : colors.borderMedium,
56
56
  hoverBorderColor: colors === null || colors === void 0 ? void 0 : colors.borderDarkest,
57
57
  controlSize: '0.1875rem',
58
58
  focusBorderColor: colors === null || colors === void 0 ? void 0 : colors.borderBrand,
package/lib/RadioInput/styles.js CHANGED
@@ -74,7 +74,7 @@ const generateStyle = (componentTheme, props) => {
74
74
  minWidth: '1rem',
75
75
  transition: 'all 0.2s ease-out',
76
76
  borderRadius: '100%',
77
- border: `0.125rem solid ${componentTheme.borderColor}`,
77
+ border: `${componentTheme.borderWidth} solid ${componentTheme.borderColor}`,
78
78
  background: componentTheme.background,
79
79
  '&::before': {
80
80
  content: '""',
package/lib/RadioInput/theme.js CHANGED
@@ -45,7 +45,6 @@ const generateComponentTheme = theme => {
45
45
  const themeSpecificStyle = {
46
46
  canvas: {
47
47
  focusBorderColor: theme['ic-brand-primary'],
48
- borderColor: theme['ic-brand-font-color-dark'],
49
48
  hoverBorderColor: theme['ic-brand-font-color-dark'],
50
49
  labelColor: theme['ic-brand-font-color-dark']
51
50
  },
@@ -59,7 +58,8 @@ const generateComponentTheme = theme => {
59
58
  labelFontWeight: typography === null || typography === void 0 ? void 0 : typography.fontWeightNormal,
60
59
  labelLineHeight: typography === null || typography === void 0 ? void 0 : typography.lineHeightCondensed,
61
60
  background: colors === null || colors === void 0 ? void 0 : colors.backgroundLightest,
62
- borderColor: colors === null || colors === void 0 ? void 0 : colors.borderDarkest,
61
+ borderWidth: borders === null || borders === void 0 ? void 0 : borders.widthSmall,
62
+ borderColor: colors === null || colors === void 0 ? void 0 : colors.borderMedium,
63
63
  hoverBorderColor: colors === null || colors === void 0 ? void 0 : colors.borderDarkest,
64
64
  controlSize: '0.1875rem',
65
65
  focusBorderColor: colors === null || colors === void 0 ? void 0 : colors.borderBrand,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-radio-input",
3
- "version": "8.11.2-snapshot.53+3a59c3f04",
3
+ "version": "8.11.2-snapshot.54+a6aaef205",
4
4
  "description": "A styled HTML input type='radio' element",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "type": "commonjs",
@@ -25,22 +25,22 @@
25
25
  "license": "MIT",
26
26
  "dependencies": {
27
27
  "@babel/runtime": "^7.13.10",
28
- "@instructure/emotion": "8.11.2-snapshot.53+3a59c3f04",
29
- "@instructure/shared-types": "8.11.2-snapshot.53+3a59c3f04",
30
- "@instructure/ui-dom-utils": "8.11.2-snapshot.53+3a59c3f04",
31
- "@instructure/ui-form-field": "8.11.2-snapshot.53+3a59c3f04",
32
- "@instructure/ui-prop-types": "8.11.2-snapshot.53+3a59c3f04",
33
- "@instructure/ui-react-utils": "8.11.2-snapshot.53+3a59c3f04",
34
- "@instructure/ui-testable": "8.11.2-snapshot.53+3a59c3f04",
35
- "@instructure/uid": "8.11.2-snapshot.53+3a59c3f04",
28
+ "@instructure/emotion": "8.11.2-snapshot.54+a6aaef205",
29
+ "@instructure/shared-types": "8.11.2-snapshot.54+a6aaef205",
30
+ "@instructure/ui-dom-utils": "8.11.2-snapshot.54+a6aaef205",
31
+ "@instructure/ui-form-field": "8.11.2-snapshot.54+a6aaef205",
32
+ "@instructure/ui-prop-types": "8.11.2-snapshot.54+a6aaef205",
33
+ "@instructure/ui-react-utils": "8.11.2-snapshot.54+a6aaef205",
34
+ "@instructure/ui-testable": "8.11.2-snapshot.54+a6aaef205",
35
+ "@instructure/uid": "8.11.2-snapshot.54+a6aaef205",
36
36
  "prop-types": "^15"
37
37
  },
38
38
  "devDependencies": {
39
- "@instructure/ui-babel-preset": "8.11.2-snapshot.53+3a59c3f04",
40
- "@instructure/ui-color-utils": "8.11.2-snapshot.53+3a59c3f04",
41
- "@instructure/ui-test-locator": "8.11.2-snapshot.53+3a59c3f04",
42
- "@instructure/ui-test-utils": "8.11.2-snapshot.53+3a59c3f04",
43
- "@instructure/ui-themes": "8.11.2-snapshot.53+3a59c3f04"
39
+ "@instructure/ui-babel-preset": "8.11.2-snapshot.54+a6aaef205",
40
+ "@instructure/ui-color-utils": "8.11.2-snapshot.54+a6aaef205",
41
+ "@instructure/ui-test-locator": "8.11.2-snapshot.54+a6aaef205",
42
+ "@instructure/ui-test-utils": "8.11.2-snapshot.54+a6aaef205",
43
+ "@instructure/ui-themes": "8.11.2-snapshot.54+a6aaef205"
44
44
  },
45
45
  "peerDependencies": {
46
46
  "react": ">=16.8 <=17"
@@ -49,5 +49,5 @@
49
49
  "access": "public"
50
50
  },
51
51
  "sideEffects": false,
52
- "gitHead": "3a59c3f0443db81631c4f4d5dafe5778389e8dbc"
52
+ "gitHead": "a6aaef20508325ae9e5bfbbb29317174edebce9c"
53
53
  }
package/src/RadioInput/styles.ts CHANGED
@@ -63,7 +63,7 @@ const generateStyle = (
63
63
  minWidth: '1rem',
64
64
  transition: 'all 0.2s ease-out',
65
65
  borderRadius: '100%',
66
- border: `0.125rem solid ${componentTheme.borderColor}`,
66
+ border: `${componentTheme.borderWidth} solid ${componentTheme.borderColor}`,
67
67
  background: componentTheme.background,
68
68
 
69
69
  '&::before': {
package/src/RadioInput/theme.ts CHANGED
@@ -44,7 +44,6 @@ const generateComponentTheme = (theme: Theme): RadioInputTheme => {
44
44
  const themeSpecificStyle: ThemeSpecificStyle<RadioInputTheme> = {
45
45
  canvas: {
46
46
  focusBorderColor: theme['ic-brand-primary'],
47
- borderColor: theme['ic-brand-font-color-dark'],
48
47
  hoverBorderColor: theme['ic-brand-font-color-dark'],
49
48
  labelColor: theme['ic-brand-font-color-dark']
50
49
  },
@@ -60,7 +59,8 @@ const generateComponentTheme = (theme: Theme): RadioInputTheme => {
60
59
  labelLineHeight: typography?.lineHeightCondensed,
61
60
 
62
61
  background: colors?.backgroundLightest,
63
- borderColor: colors?.borderDarkest,
62
+ borderWidth: borders?.widthSmall,
63
+ borderColor: colors?.borderMedium,
64
64
  hoverBorderColor: colors?.borderDarkest,
65
65
  controlSize: '0.1875rem',
66
66