@khanacademy/wonder-blocks-button 6.2.1 → 6.2.2
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.
package/CHANGELOG.md
CHANGED
package/dist/es/index.js
CHANGED
|
@@ -454,22 +454,25 @@ const _generateStyles = (buttonColor = "default", kind, light, size, theme, them
|
|
|
454
454
|
default: {
|
|
455
455
|
background: light ? theme.color.bg.secondary.inverse : theme.color.bg.secondary.default,
|
|
456
456
|
color: light ? theme.color.text.inverse : color,
|
|
457
|
-
|
|
458
|
-
|
|
459
|
-
|
|
460
|
-
outlineOffset: 1,
|
|
457
|
+
borderColor: light ? theme.color.border.secondary.inverse : secondaryBorderColor,
|
|
458
|
+
borderStyle: "solid",
|
|
459
|
+
borderWidth: theme.border.width.secondary,
|
|
461
460
|
paddingLeft: padding,
|
|
462
461
|
paddingRight: padding
|
|
463
462
|
},
|
|
464
463
|
focus: {
|
|
465
464
|
background: light ? theme.color.bg.secondary.inverse : theme.color.bg.secondary.focus,
|
|
465
|
+
borderColor: "transparent",
|
|
466
466
|
outlineColor: light ? theme.color.border.primary.inverse : color,
|
|
467
|
+
outlineStyle: "solid",
|
|
467
468
|
outlineWidth: theme.border.width.focused
|
|
468
469
|
},
|
|
469
470
|
active: {
|
|
470
471
|
background: light ? activeColor : secondaryActiveColor,
|
|
471
472
|
color: light ? fadedColor : activeColor,
|
|
473
|
+
borderColor: "transparent",
|
|
472
474
|
outlineColor: light ? fadedColor : activeColor,
|
|
475
|
+
outlineStyle: "solid",
|
|
473
476
|
outlineWidth: theme.border.width.focused
|
|
474
477
|
},
|
|
475
478
|
disabled: {
|
package/dist/index.js
CHANGED
|
@@ -476,22 +476,25 @@ const _generateStyles = (buttonColor = "default", kind, light, size, theme, them
|
|
|
476
476
|
default: {
|
|
477
477
|
background: light ? theme.color.bg.secondary.inverse : theme.color.bg.secondary.default,
|
|
478
478
|
color: light ? theme.color.text.inverse : color,
|
|
479
|
-
|
|
480
|
-
|
|
481
|
-
|
|
482
|
-
outlineOffset: 1,
|
|
479
|
+
borderColor: light ? theme.color.border.secondary.inverse : secondaryBorderColor,
|
|
480
|
+
borderStyle: "solid",
|
|
481
|
+
borderWidth: theme.border.width.secondary,
|
|
483
482
|
paddingLeft: padding,
|
|
484
483
|
paddingRight: padding
|
|
485
484
|
},
|
|
486
485
|
focus: {
|
|
487
486
|
background: light ? theme.color.bg.secondary.inverse : theme.color.bg.secondary.focus,
|
|
487
|
+
borderColor: "transparent",
|
|
488
488
|
outlineColor: light ? theme.color.border.primary.inverse : color,
|
|
489
|
+
outlineStyle: "solid",
|
|
489
490
|
outlineWidth: theme.border.width.focused
|
|
490
491
|
},
|
|
491
492
|
active: {
|
|
492
493
|
background: light ? activeColor : secondaryActiveColor,
|
|
493
494
|
color: light ? fadedColor : activeColor,
|
|
495
|
+
borderColor: "transparent",
|
|
494
496
|
outlineColor: light ? fadedColor : activeColor,
|
|
497
|
+
outlineStyle: "solid",
|
|
495
498
|
outlineWidth: theme.border.width.focused
|
|
496
499
|
},
|
|
497
500
|
disabled: {
|