@dorsk/tsumikit 0.44.0 → 0.44.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.
|
@@ -64,8 +64,10 @@
|
|
|
64
64
|
variant?: TriggerVariant;
|
|
65
65
|
tone?: TriggerTone;
|
|
66
66
|
size?: TriggerSize;
|
|
67
|
-
/** Shared square box scale (`--box-xs/sm/md/lg`) for an icon-only trigger
|
|
68
|
-
* the default trigger
|
|
67
|
+
/** Shared square box scale (`--box-xs/sm/md/lg`) for an icon-only trigger,
|
|
68
|
+
* pinning the square exactly. The default trigger floors at the `sm` box
|
|
69
|
+
* and grows with its content; override that floor from `triggerClass`
|
|
70
|
+
* with `--pop-box`. */
|
|
69
71
|
box?: 'xs' | 'sm' | 'md' | 'lg';
|
|
70
72
|
/** Use the shared `--control-height` toolbar/composer contract. */
|
|
71
73
|
control?: boolean;
|
|
@@ -184,13 +186,16 @@
|
|
|
184
186
|
/* Default trigger chrome. Zero specificity (`:where`) so any consumer class
|
|
185
187
|
(triggerClass) overrides it; `:not(.bare)` keeps it off bare triggers such
|
|
186
188
|
as the Timestamp <time>, which stay plain inline text. */
|
|
189
|
+
/* The square is one knob, `--pop-box`: the `box` prop sets it inline, and a
|
|
190
|
+
consumer's `triggerClass` can set it too (`--pop-box: var(--box-xs)`) — a
|
|
191
|
+
plain width/height there would not have beaten a `min-*` floor. */
|
|
187
192
|
:where(.pop-trigger:not(.bare)) {
|
|
188
193
|
display: inline-flex;
|
|
189
194
|
align-items: center;
|
|
190
195
|
justify-content: center;
|
|
191
|
-
min-height: var(--box-
|
|
192
|
-
min-width: var(--box-
|
|
193
|
-
padding: var(--sp-
|
|
196
|
+
min-height: var(--pop-box, var(--box-sm));
|
|
197
|
+
min-width: var(--pop-box, var(--box-sm));
|
|
198
|
+
padding: var(--sp-1);
|
|
194
199
|
border: 1px solid transparent;
|
|
195
200
|
border-radius: var(--r-md);
|
|
196
201
|
background: transparent;
|
|
@@ -28,8 +28,10 @@ type $$ComponentProps = {
|
|
|
28
28
|
variant?: TriggerVariant;
|
|
29
29
|
tone?: TriggerTone;
|
|
30
30
|
size?: TriggerSize;
|
|
31
|
-
/** Shared square box scale (`--box-xs/sm/md/lg`) for an icon-only trigger
|
|
32
|
-
* the default trigger
|
|
31
|
+
/** Shared square box scale (`--box-xs/sm/md/lg`) for an icon-only trigger,
|
|
32
|
+
* pinning the square exactly. The default trigger floors at the `sm` box
|
|
33
|
+
* and grows with its content; override that floor from `triggerClass`
|
|
34
|
+
* with `--pop-box`. */
|
|
33
35
|
box?: 'xs' | 'sm' | 'md' | 'lg';
|
|
34
36
|
/** Use the shared `--control-height` toolbar/composer contract. */
|
|
35
37
|
control?: boolean;
|
package/package.json
CHANGED