diff --git a/src/components/list/list_item.style.js b/src/components/list/list_item.style.js deleted file mode 100644 index cf3ee9b85..000000000 --- a/src/components/list/list_item.style.js +++ /dev/null @@ -1,48 +0,0 @@ -export default { - name: 'ListItem', - selector: '.list-item', - states: { - active: '.-active', - hover: ':is(:hover, :focus-visible, :has(:focus-visible)):not(.-non-interactive)' - }, - validInnerComponents: [ - 'Text', - 'Link', - 'Icon', - 'Border', - // Optimization: don't put heavy components unless needed - // 'Button', - // 'ButtonUnstyled', - // 'Input', - 'Avatar' - ], - defaultRules: [ - { - directives: { - background: '--bg', - opacity: 0 - } - }, - { - state: ['active'], - directives: { - background: '--inheritedBackground, 10', - opacity: 1 - } - }, - { - state: ['hover'], - directives: { - background: '--inheritedBackground, 10', - opacity: 1 - } - }, - { - state: ['hover', 'active'], - directives: { - background: '--inheritedBackground, 20', - opacity: 1 - } - } - ] -} diff --git a/src/components/menu_item.style.js b/src/components/menu_item.style.js index 883355efa..859932062 100644 --- a/src/components/menu_item.style.js +++ b/src/components/menu_item.style.js @@ -4,11 +4,7 @@ export default { validInnerComponents: [ 'Text', 'Icon', - 'Input', - 'Border', - 'ButtonUnstyled', - 'Badge', - 'Avatar' + 'Border' ], states: { hover: ':is(:hover, :focus-visible, :has(:focus-visible)):not(.disabled)', diff --git a/src/components/mobile_drawer.style.js b/src/components/mobile_drawer.style.js index a17befb63..da3923fc9 100644 --- a/src/components/mobile_drawer.style.js +++ b/src/components/mobile_drawer.style.js @@ -10,11 +10,9 @@ export default { // 'Button', // 'ButtonUnstyled', // 'Input', - 'PanelHeader', 'MenuItem', 'Notification', - 'Alert', - 'UserCard' + 'Alert' ], defaultRules: [ { diff --git a/src/components/panel.style.js b/src/components/panel.style.js index bf28356a0..88dcf4382 100644 --- a/src/components/panel.style.js +++ b/src/components/panel.style.js @@ -6,30 +6,16 @@ export default { 'Link', 'Icon', 'Border', - // Optimization: don't put heavy components unless needed - // 'Button', - // 'ButtonUnstyled', - // 'Input', 'PanelHeader', - 'MenuItem', 'Post', - 'Notification', - 'Alert', - 'UserCard', - 'Chat', - 'Tab', - 'ListItem' + 'Notification' ], validInnerComponentsLite: [ 'Text', 'Link', 'Icon', 'Border', - // Optimization: don't put heavy components unless needed - // 'Button', - // 'Input', - 'PanelHeader', - 'Alert' + 'PanelHeader' ], defaultRules: [ { diff --git a/src/components/popover.style.js b/src/components/popover.style.js index 02ab6d0d3..9c87a3c95 100644 --- a/src/components/popover.style.js +++ b/src/components/popover.style.js @@ -14,9 +14,7 @@ export default { // 'Button', // 'ButtonUnstyled', // 'Input', - 'MenuItem', - 'Post', - 'UserCard' + 'MenuItem' ], defaultRules: [ { diff --git a/src/components/user_card/user_card.style.js b/src/components/user_card/user_card.style.js deleted file mode 100644 index ad1312880..000000000 --- a/src/components/user_card/user_card.style.js +++ /dev/null @@ -1,42 +0,0 @@ -export default { - name: 'UserCard', - selector: '.user-card', - notEditable: true, - validInnerComponents: [ - 'Text', - 'Link', - 'Icon', - // Optimization: don't put heavy components unless needed - // 'Button', - // 'ButtonUnstyled', - // 'Input', - 'Alert' - ], - defaultRules: [ - { - directives: { - background: '--bg', - opacity: 0, - roundness: 3, - shadow: [{ - x: 1, - y: 1, - blur: 4, - spread: 0, - color: '#000000', - alpha: 0.6 - }], - '--profileTint': 'color | $alpha(--background 0.5)' - } - }, - { - parent: { - component: 'UserCard' - }, - component: 'RichContent', - directives: { - opacity: 0 - } - } - ] -} diff --git a/src/services/style_setter/style_setter.js b/src/services/style_setter/style_setter.js index 2a001007d..2c10238ed 100644 --- a/src/services/style_setter/style_setter.js +++ b/src/services/style_setter/style_setter.js @@ -86,7 +86,7 @@ export const generateTheme = (inputRuleset, callbacks, debug) => { const themes3 = init({ inputRuleset, - debug + debug: true }) getCssRules(themes3.eager, debug).forEach(rule => {