@kwtv/components 0.4.0 → 0.5.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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kwtv/components",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.5.0",
|
|
4
4
|
"license": "UNLICENSED",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"description": "KWTV UI components for Astro, with React islands. Built on the KWTV design tokens.",
|
|
@@ -34,6 +34,6 @@
|
|
|
34
34
|
}
|
|
35
35
|
},
|
|
36
36
|
"dependencies": {
|
|
37
|
-
"@kwtv/tokens": "^0.
|
|
37
|
+
"@kwtv/tokens": "^0.5.0"
|
|
38
38
|
}
|
|
39
39
|
}
|
package/src/astro/Alert.astro
CHANGED
|
@@ -46,7 +46,7 @@ const classes = ["ui-alert", `ui-alert--${tone}`, className]
|
|
|
46
46
|
@layer components {
|
|
47
47
|
.ui-alert {
|
|
48
48
|
display: flex;
|
|
49
|
-
align-items:
|
|
49
|
+
align-items: center;
|
|
50
50
|
gap: var(--space-2-5, 0.625rem);
|
|
51
51
|
padding: var(--space-3) var(--space-4);
|
|
52
52
|
border-left: 3px solid currentColor;
|
|
@@ -59,7 +59,8 @@ const classes = ["ui-alert", `ui-alert--${tone}`, className]
|
|
|
59
59
|
.ui-alert__icon {
|
|
60
60
|
display: inline-flex;
|
|
61
61
|
flex-shrink: 0;
|
|
62
|
-
|
|
62
|
+
align-self: flex-start;
|
|
63
|
+
margin-top: calc((var(--leading-sm, 1.375rem) - 1em) / 2);
|
|
63
64
|
}
|
|
64
65
|
|
|
65
66
|
/* Body keeps full strength; the left rule carries the tone. */
|
package/src/astro/Checkbox.astro
CHANGED
|
@@ -52,7 +52,7 @@ const classes = ["ui-check", disabled && "is-disabled", className]
|
|
|
52
52
|
@layer components {
|
|
53
53
|
.ui-check {
|
|
54
54
|
display: flex;
|
|
55
|
-
align-items:
|
|
55
|
+
align-items: flex-start;
|
|
56
56
|
gap: var(--space-2);
|
|
57
57
|
min-height: 32px;
|
|
58
58
|
font-family: var(--font-sans);
|
|
@@ -65,6 +65,7 @@ const classes = ["ui-check", disabled && "is-disabled", className]
|
|
|
65
65
|
width: 17px;
|
|
66
66
|
height: 17px;
|
|
67
67
|
flex-shrink: 0;
|
|
68
|
+
margin-top: calc((var(--leading-sm, 1.375rem) - 17px) / 2);
|
|
68
69
|
accent-color: var(--primary);
|
|
69
70
|
cursor: pointer;
|
|
70
71
|
}
|