@ai-matrx/tap-target 0.1.0 → 0.1.1
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/CHANGELOG.md +9 -0
- package/dist/buttons.cjs +22 -8
- package/dist/buttons.cjs.map +1 -1
- package/dist/buttons.js +22 -8
- package/dist/buttons.js.map +1 -1
- package/dist/index.cjs +22 -8
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +6 -0
- package/dist/index.d.ts +6 -0
- package/dist/index.js +22 -8
- package/dist/index.js.map +1 -1
- package/dist/styles.css +35 -0
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -108,3 +108,38 @@
|
|
|
108
108
|
.matrx-tap-pill-inline-sm .matrx-tap-label {
|
|
109
109
|
font-size: 0.625rem;
|
|
110
110
|
}
|
|
111
|
+
|
|
112
|
+
/* Icon-only on phones, icon + caption from `sm` upward. Keep this geometry
|
|
113
|
+
in the canonical tap system so responsive header actions never hand-roll
|
|
114
|
+
smaller targets or duplicate controls at each breakpoint. */
|
|
115
|
+
.matrx-tap-label-mobile-icon-only {
|
|
116
|
+
display: none;
|
|
117
|
+
}
|
|
118
|
+
@media (min-width: 40rem) {
|
|
119
|
+
.matrx-tap-target-mobile-icon-only {
|
|
120
|
+
width: auto;
|
|
121
|
+
min-width: 2.75rem;
|
|
122
|
+
padding-inline: 0.25rem;
|
|
123
|
+
}
|
|
124
|
+
.matrx-tap-pill-mobile-icon-only {
|
|
125
|
+
width: auto;
|
|
126
|
+
gap: 0.375rem;
|
|
127
|
+
padding-inline: 0.625rem;
|
|
128
|
+
}
|
|
129
|
+
.matrx-tap-target-mobile-icon-only-sm {
|
|
130
|
+
width: auto;
|
|
131
|
+
min-width: 2rem;
|
|
132
|
+
padding-inline: 0.125rem;
|
|
133
|
+
}
|
|
134
|
+
.matrx-tap-pill-mobile-icon-only-sm {
|
|
135
|
+
width: auto;
|
|
136
|
+
gap: 0.25rem;
|
|
137
|
+
padding-inline: 0.5rem;
|
|
138
|
+
}
|
|
139
|
+
.matrx-tap-pill-mobile-icon-only-sm .matrx-tap-label {
|
|
140
|
+
font-size: 0.625rem;
|
|
141
|
+
}
|
|
142
|
+
.matrx-tap-label-mobile-icon-only {
|
|
143
|
+
display: inline;
|
|
144
|
+
}
|
|
145
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ai-matrx/tap-target",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.1",
|
|
4
4
|
"description": "The AI Matrx tap-target button system: an invisible 44x44 touch ring over a 32x32 visible pill, glass/transparent/solid/group variants with correct ref forwarding for Radix asChild triggers, inline labels, link/label/button trigger resolution with an injectable link component, tooltip wiring, and ~60 pre-composed one-tag buttons.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.cjs",
|