Constant BUTTON_STYLE
Source pub const BUTTON_STYLE: &str = r#"
.adui-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
border: var(--adui-control-line-width, 1px) solid var(--adui-btn-border);
border-style: var(--adui-btn-border-style, solid);
background: var(--adui-btn-bg);
color: var(--adui-btn-color);
padding: var(--adui-btn-padding-block) var(--adui-btn-padding-inline);
height: var(--adui-btn-height);
min-width: 0;
border-radius: var(--adui-btn-radius);
font-size: var(--adui-btn-font-size);
line-height: 1.2;
cursor: pointer;
transition: all var(--adui-motion-duration-fast, 0.18s) ease;
box-shadow: var(--adui-btn-shadow, none);
text-decoration: none;
user-select: none;
}
.adui-btn:hover:not(.adui-btn-disabled) {
background: var(--adui-btn-bg-hover);
color: var(--adui-btn-color-hover);
border-color: var(--adui-btn-border-hover);
}
.adui-btn:active:not(.adui-btn-disabled) {
background: var(--adui-btn-bg-active);
color: var(--adui-btn-color-active);
border-color: var(--adui-btn-border-active);
box-shadow: none;
}
.adui-btn:focus-visible {
outline: none;
box-shadow: var(--adui-btn-focus-shadow, 0 0 0 2px rgba(22, 119, 255, 0.3));
}
.adui-btn-dashed {
border-style: dashed;
}
.adui-btn-text,
.adui-btn-link {
border-color: transparent;
background: transparent;
}
.adui-btn-link {
box-shadow: none;
}
.adui-btn-primary {
color: #fff;
}
.adui-btn-disabled {
cursor: not-allowed;
opacity: 0.65;
}
.adui-btn-block {
width: 100%;
}
.adui-btn-ghost {
background: transparent;
}
.adui-btn-icon {
display: inline-flex;
align-items: center;
justify-content: center;
}
.adui-btn-spinner {
width: 14px;
height: 14px;
border-radius: 50%;
border: 2px solid currentColor;
border-right-color: transparent;
animation: adui-spin 0.9s linear infinite;
}
.adui-btn-group {
display: inline-flex;
align-items: stretch;
}
.adui-btn-group > .adui-btn {
border-radius: 0;
}
.adui-btn-group > .adui-btn:first-child {
border-top-left-radius: var(--adui-btn-radius);
border-bottom-left-radius: var(--adui-btn-radius);
}
.adui-btn-group > .adui-btn:last-child {
border-top-right-radius: var(--adui-btn-radius);
border-bottom-right-radius: var(--adui-btn-radius);
}
.adui-btn-group > .adui-btn:not(:last-child) {
margin-right: -1px;
}
[dir="rtl"] .adui-btn-group {
direction: rtl;
}
[dir="rtl"] .adui-btn-group > .adui-btn:first-child {
border-top-right-radius: var(--adui-btn-radius);
border-bottom-right-radius: var(--adui-btn-radius);
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
[dir="rtl"] .adui-btn-group > .adui-btn:last-child {
border-top-left-radius: var(--adui-btn-radius);
border-bottom-left-radius: var(--adui-btn-radius);
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
[dir="rtl"] .adui-btn-group > .adui-btn:not(:last-child) {
margin-right: 0;
margin-left: -1px;
}
"#;