@smwb/ui-css 2.6.0 → 2.7.0
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/dist/ui.css +82 -0
- package/package.json +2 -2
package/dist/ui.css
CHANGED
|
@@ -1679,6 +1679,88 @@
|
|
|
1679
1679
|
border-color: CanvasText;
|
|
1680
1680
|
}
|
|
1681
1681
|
}
|
|
1682
|
+
.smwb-identity-badge {
|
|
1683
|
+
--smwb-identity-badge-color: var(--smwb-identity-badge-accent, var(--smui-onSurfaceVariant));
|
|
1684
|
+
display: inline-flex;
|
|
1685
|
+
align-items: center;
|
|
1686
|
+
gap: 2px;
|
|
1687
|
+
flex: none;
|
|
1688
|
+
box-sizing: border-box;
|
|
1689
|
+
height: 18px;
|
|
1690
|
+
padding: 0 4px;
|
|
1691
|
+
vertical-align: middle;
|
|
1692
|
+
white-space: nowrap;
|
|
1693
|
+
border: 1px solid var(--smwb-identity-badge-color);
|
|
1694
|
+
border-radius: 4px;
|
|
1695
|
+
background-color: transparent;
|
|
1696
|
+
color: var(--smwb-identity-badge-color);
|
|
1697
|
+
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
|
|
1698
|
+
font-size: 11px;
|
|
1699
|
+
font-weight: 500;
|
|
1700
|
+
line-height: 1;
|
|
1701
|
+
}
|
|
1702
|
+
.smwb-identity-badge__icon {
|
|
1703
|
+
display: inline-flex;
|
|
1704
|
+
flex: none;
|
|
1705
|
+
align-items: center;
|
|
1706
|
+
justify-content: center;
|
|
1707
|
+
width: 12px;
|
|
1708
|
+
height: 12px;
|
|
1709
|
+
overflow: hidden;
|
|
1710
|
+
}
|
|
1711
|
+
.smwb-identity-badge__icon > .smwb-icon__wrapper {
|
|
1712
|
+
width: 100%;
|
|
1713
|
+
height: 100%;
|
|
1714
|
+
}
|
|
1715
|
+
.smwb-identity-badge__icon svg,
|
|
1716
|
+
.smwb-identity-badge__icon img {
|
|
1717
|
+
max-width: 100%;
|
|
1718
|
+
max-height: 100%;
|
|
1719
|
+
}
|
|
1720
|
+
.smwb-identity-badge__icon .material-symbols-outlined {
|
|
1721
|
+
font-size: 12px !important;
|
|
1722
|
+
}
|
|
1723
|
+
.smwb-identity-badge-group {
|
|
1724
|
+
display: inline-flex;
|
|
1725
|
+
align-items: center;
|
|
1726
|
+
gap: 4px;
|
|
1727
|
+
vertical-align: middle;
|
|
1728
|
+
}
|
|
1729
|
+
.smwb-identity-badge-group__hidden {
|
|
1730
|
+
display: none;
|
|
1731
|
+
}
|
|
1732
|
+
button.smwb-identity-badge-group__surplus {
|
|
1733
|
+
position: relative;
|
|
1734
|
+
margin: 0;
|
|
1735
|
+
appearance: none;
|
|
1736
|
+
background-color: transparent;
|
|
1737
|
+
cursor: pointer;
|
|
1738
|
+
}
|
|
1739
|
+
button.smwb-identity-badge-group__surplus:focus-visible {
|
|
1740
|
+
outline: 2px solid var(--smui-primaryColor);
|
|
1741
|
+
outline-offset: 2px;
|
|
1742
|
+
}
|
|
1743
|
+
@media (pointer: coarse) {
|
|
1744
|
+
button.smwb-identity-badge-group__surplus::after {
|
|
1745
|
+
content: "";
|
|
1746
|
+
position: absolute;
|
|
1747
|
+
top: 50%;
|
|
1748
|
+
left: 50%;
|
|
1749
|
+
width: var(--smui-control-h-sm, 44px);
|
|
1750
|
+
height: var(--smui-control-h-sm, 44px);
|
|
1751
|
+
transform: translate(-50%, -50%);
|
|
1752
|
+
}
|
|
1753
|
+
}
|
|
1754
|
+
@media (forced-colors: active) {
|
|
1755
|
+
.smwb-identity-badge {
|
|
1756
|
+
border-color: CanvasText;
|
|
1757
|
+
color: CanvasText;
|
|
1758
|
+
}
|
|
1759
|
+
button.smwb-identity-badge-group__surplus {
|
|
1760
|
+
border-color: ButtonText;
|
|
1761
|
+
color: ButtonText;
|
|
1762
|
+
}
|
|
1763
|
+
}
|
|
1682
1764
|
.smwb-qr-code {
|
|
1683
1765
|
display: inline-flex;
|
|
1684
1766
|
flex-direction: column;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@smwb/ui-css",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.7.0",
|
|
4
4
|
"description": "Prebuilt aggregate stylesheet for the @smwb design system (compiled from @smwb/ui-styles). Framework-agnostic — shared by the React and SolidJS libraries.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"sideEffects": [
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
"build": "lessc -rp=/ ../styles/less/components.less ./dist/ui.css"
|
|
20
20
|
},
|
|
21
21
|
"devDependencies": {
|
|
22
|
-
"@smwb/ui-styles": "^2.
|
|
22
|
+
"@smwb/ui-styles": "^2.7.0",
|
|
23
23
|
"less": "^4.6.4"
|
|
24
24
|
},
|
|
25
25
|
"homepage": "https://sourcecraft.dev/elfenmail/ui",
|