No OneTemporary
Actions

Authored By

Unknown

Size

1 KB

Referenced Files

None

Subscribers

None

View Options

	diff --git a/src/components/button_unstyled.style.js b/src/components/button_unstyled.style.js
	index a2d854aaad..a47701db7b 100644
	--- a/src/components/button_unstyled.style.js
	+++ b/src/components/button_unstyled.style.js
	@@ -1,87 +1,88 @@
	export default {
	name: 'ButtonUnstyled',
	selector: '.button-unstyled',
	states: {
	disabled: ':disabled',
	hover: ':hover:not(:disabled)',
	- focused: ':focus-within'
	+ focused: ':focus-within',
	+ toggled: '.toggled'
	},
	validInnerComponents: [
	'Text',
	'Icon',
	'Badge'
	],
	defaultRules: [
	{
	directives: {
	background: '#ffffff',
	opacity: 0,
	shadow: []
	}
	},
	{
	component: 'Icon',
	parent: {
	component: 'ButtonUnstyled',
	state: ['hover']
	},
	directives: {
	textColor: '--parent--text'
	}
	},
	{
	component: 'Icon',
	parent: {
	component: 'ButtonUnstyled',
	state: ['toggled']
	},
	directives: {
	textColor: '--parent--text'
	}
	},
	{
	component: 'Text',
	parent: {
	component: 'ButtonUnstyled',
	state: ['disabled']
	},
	directives: {
	textOpacity: 0.25,
	textOpacityMode: 'blend'
	}
	},
	{
	component: 'Text',
	parent: {
	component: 'ButtonUnstyled',
	state: ['disabled', 'hover']
	},
	directives: {
	textOpacity: 0.25,
	textOpacityMode: 'blend'
	}
	},
	{
	component: 'Icon',
	parent: {
	component: 'ButtonUnstyled',
	state: ['disabled']
	},
	directives: {
	textOpacity: 0.25,
	textOpacityMode: 'blend'
	}
	},
	{
	component: 'Icon',
	parent: {
	component: 'ButtonUnstyled',
	state: ['disabled', 'hover']
	},
	directives: {
	textOpacity: 0.25,
	textOpacityMode: 'blend'
	}
	}
	]
	}