@hybridui/button
Advanced tools
Comparing version 0.0.38 to 0.0.39
@@ -12,3 +12,3 @@ /** | ||
}; | ||
import { LitElement, html, nothing } from 'lit'; | ||
import { html, LitElement, nothing } from 'lit'; | ||
import { customElement, property, state } from 'lit/decorators.js'; | ||
@@ -15,0 +15,0 @@ import { EMPTY_STRING } from './hy-button.constats.js'; |
@@ -5,2 +5,3 @@ import { css, html } from 'lit'; | ||
display: inline-block; | ||
height: var(--hybrid-button-height, 34px); | ||
user-select: none; | ||
@@ -207,3 +208,4 @@ padding-top: var(--hybrid-button-padding-y, 0.5rem); | ||
.icon-only { | ||
width: 32px; | ||
width: 33px; | ||
height: 34px; | ||
padding-left: 0.6rem; | ||
@@ -240,3 +242,30 @@ } | ||
usedAsStyle, | ||
css ``, | ||
css ` | ||
@media (prefers-color-scheme: dark) { | ||
button { | ||
background-color: var(--hybrid-button-background-color, rgb(44, 44, 44)); | ||
color: var(--hybrid-button-text-color, #ffffff); | ||
} | ||
button[data-type='primary'] { | ||
border-color: var(--hybrid-button-dark-primary-border-color, #4a96ff); | ||
background-color: var(--hybrid-button-dark-primary-background-color, rgb(44, 44, 44)); | ||
color: var(--hybrid-button-dark-primary-text-color, #ffffff); | ||
} | ||
} | ||
#slot{ | ||
vertical-align: middle; | ||
margin-top: -8px; | ||
display: inline-block; | ||
} | ||
`, | ||
]; | ||
@@ -243,0 +272,0 @@ export const hostBlockStyle = html `<style> |
{ | ||
"name": "@hybridui/button", | ||
"version": "0.0.38", | ||
"version": "0.0.39", | ||
"description": "", | ||
@@ -5,0 +5,0 @@ "main": "index.js", |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
55714
634