@scalewing/react 1.9.0 → 1.10.1

package/dist/palette/postcard.css

@@ -7,6 +7,7 @@
   --sw-color-muted: #5C5346;
   --sw-color-accent: #A33B2B;
   --sw-color-onAccent: #FFFFFF;
+  --sw-color-accentSubtle: #E7DCCB;
   --sw-color-border: #D0D0B8;
   --sw-button-secondary-border: #D0D0B8;
   --sw-glass-blur: 24px;
@@ -23,6 +24,7 @@
   --sw-color-muted: #B8B49A;
   --sw-color-accent: #EEAF90;
   --sw-color-onAccent: #101214;
+  --sw-color-accentSubtle: #393848;
   --sw-color-border: #3A4158;
   --sw-button-secondary-border: #3A4158;
   --sw-glass-blur: 24px;

package/dist/palette/raspberry.css

@@ -3,6 +3,7 @@
 [data-theme='light'] {
   --sw-color-accent: #DB2777;
   --sw-color-onAccent: #FFFFFF;
+  --sw-color-accentSubtle: #FFFDFE;
   --sw-glass-blur: 24px;
   --sw-glass-saturate: 1;
   --sw-glass-fill: rgba(255, 255, 255, 1);
@@ -13,6 +14,7 @@
 [data-theme='dark'] {
   --sw-color-accent: #F472B6;
   --sw-color-onAccent: #101214;
+  --sw-color-accentSubtle: #32252D;
   --sw-glass-blur: 24px;
   --sw-glass-saturate: 1.8;
   --sw-glass-fill: rgba(67, 43, 57, 0.72);

package/dist/palette/signal.css

@@ -3,6 +3,7 @@
 [data-theme='light'] {
   --sw-color-accent: #0066CC;
   --sw-color-onAccent: #FFFFFF;
+  --sw-color-accentSubtle: #E6F0FA;
   --sw-color-secondary: #1D1D1F;
   --sw-color-onSecondary: #FFFFFF;
   --sw-color-tertiary: #7C5CD6;
@@ -18,6 +19,7 @@
 [data-theme='dark'] {
   --sw-color-accent: #5AC8FA;
   --sw-color-onAccent: #101214;
+  --sw-color-accentSubtle: #222D34;
   --sw-color-secondary: #F5F5F7;
   --sw-color-onSecondary: #101214;
   --sw-color-tertiary: #C4B5FD;

package/dist/palette/sky.css

@@ -3,6 +3,7 @@
 [data-theme='light'] {
   --sw-color-accent: #0369A1;
   --sw-color-onAccent: #FFFFFF;
+  --sw-color-accentSubtle: #E6F0F6;
   --sw-glass-blur: 24px;
   --sw-glass-saturate: 1;
   --sw-glass-fill: rgba(255, 255, 255, 1);
@@ -13,6 +14,7 @@
 [data-theme='dark'] {
   --sw-color-accent: #38BDF8;
   --sw-color-onAccent: #101214;
+  --sw-color-accentSubtle: #1F2C34;
   --sw-glass-blur: 24px;
   --sw-glass-saturate: 1.8;
   --sw-glass-fill: rgba(33, 57, 69, 0.72);

package/dist/palette/soft-blue.css

@@ -3,6 +3,7 @@
 [data-theme='light'] {
   --sw-color-accent: #3B6FD4;
   --sw-color-onAccent: #FFFFFF;
+  --sw-color-accentSubtle: #F7F9FD;
   --sw-glass-blur: 24px;
   --sw-glass-saturate: 1;
   --sw-glass-fill: rgba(255, 255, 255, 1);
@@ -13,6 +14,7 @@
 [data-theme='dark'] {
   --sw-color-accent: #8BB8FF;
   --sw-color-onAccent: #101214;
+  --sw-color-accentSubtle: #272C35;
   --sw-glass-blur: 24px;
   --sw-glass-saturate: 1.8;
   --sw-glass-fill: rgba(48, 56, 71, 0.72);

package/dist/palette/sunburst.css

@@ -7,6 +7,7 @@
   --sw-color-muted: #5C5346;
   --sw-color-accent: #A33B20;
   --sw-color-onAccent: #FFFFFF;
+  --sw-color-accentSubtle: #F2DEC6;
   --sw-color-border: #E5C48A;
   --sw-button-secondary-border: #E5C48A;
   --sw-glass-blur: 24px;
@@ -23,6 +24,7 @@
   --sw-color-muted: #C4A882;
   --sw-color-accent: #FAA968;
   --sw-color-onAccent: #101214;
+  --sw-color-accentSubtle: #22485D;
   --sw-color-border: #1A5A70;
   --sw-button-secondary-border: #1A5A70;
   --sw-glass-blur: 24px;

package/dist/palette/synthwave.css

@@ -3,6 +3,7 @@
 [data-theme='light'] {
   --sw-color-accent: #D81B60;
   --sw-color-onAccent: #FFFFFF;
+  --sw-color-accentSubtle: #FDF4F7;
   --sw-glass-blur: 24px;
   --sw-glass-saturate: 1;
   --sw-glass-fill: rgba(255, 255, 255, 1);
@@ -17,6 +18,7 @@
   --sw-color-muted: #C9B8E8;
   --sw-color-accent: #FF2A6D;
   --sw-color-onAccent: #101214;
+  --sw-color-accentSubtle: #2F1145;
   --sw-color-border: #4A2C6A;
   --sw-button-secondary-border: #4A2C6A;
   --sw-glass-blur: 24px;

package/dist/palette/tangerine.css

@@ -3,6 +3,7 @@
 [data-theme='light'] {
   --sw-color-accent: #C2410C;
   --sw-color-onAccent: #FFFFFF;
+  --sw-color-accentSubtle: #FAEEE9;
   --sw-glass-blur: 24px;
   --sw-glass-saturate: 1;
   --sw-glass-fill: rgba(255, 255, 255, 1);
@@ -13,6 +14,7 @@
 [data-theme='dark'] {
   --sw-color-accent: #FB923C;
   --sw-color-onAccent: #101214;
+  --sw-color-accentSubtle: #322821;
   --sw-glass-blur: 24px;
   --sw-glass-saturate: 1.8;
   --sw-glass-fill: rgba(68, 49, 35, 0.72);

package/dist/styles.css

@@ -7,6 +7,7 @@
   --sw-color-muted: #6E6E73;
   --sw-color-accent: #5B3DF5;
   --sw-color-onAccent: #FFFFFF;
+  --sw-color-accentSubtle: #EFECFE;
   --sw-color-secondary: #FFFFFF;
   --sw-color-onSecondary: #1D1D1F;
   --sw-color-tertiary: #48484A;
@@ -70,6 +71,7 @@
   --sw-color-muted: #A1A1A6;
   --sw-color-accent: #A78BFA;
   --sw-color-onAccent: #101214;
+  --sw-color-accentSubtle: #2A2734;
   --sw-color-secondary: #1C1C1E;
   --sw-color-onSecondary: #F5F5F7;
   --sw-color-tertiary: #D1D1D6;
@@ -129,6 +131,7 @@
 [data-theme='light'][data-palette='cerulean'] {
   --sw-color-accent: #0066CC;
   --sw-color-onAccent: #FFFFFF;
+  --sw-color-accentSubtle: #E6F0FA;
   --sw-glass-blur: 24px;
   --sw-glass-saturate: 1;
   --sw-glass-fill: rgba(255, 255, 255, 1);
@@ -139,6 +142,7 @@
 [data-theme='dark'][data-palette='cerulean'] {
   --sw-color-accent: #5AC8FA;
   --sw-color-onAccent: #101214;
+  --sw-color-accentSubtle: #222D34;
   --sw-glass-blur: 24px;
   --sw-glass-saturate: 1.8;
   --sw-glass-fill: rgba(39, 59, 70, 0.72);
@@ -149,6 +153,7 @@
 [data-theme='light'][data-palette='signal'] {
   --sw-color-accent: #0066CC;
   --sw-color-onAccent: #FFFFFF;
+  --sw-color-accentSubtle: #E6F0FA;
   --sw-color-secondary: #1D1D1F;
   --sw-color-onSecondary: #FFFFFF;
   --sw-color-tertiary: #7C5CD6;
@@ -164,6 +169,7 @@
 [data-theme='dark'][data-palette='signal'] {
   --sw-color-accent: #5AC8FA;
   --sw-color-onAccent: #101214;
+  --sw-color-accentSubtle: #222D34;
   --sw-color-secondary: #F5F5F7;
   --sw-color-onSecondary: #101214;
   --sw-color-tertiary: #C4B5FD;
@@ -179,6 +185,7 @@
 [data-theme='light'][data-palette='navy'] {
   --sw-color-accent: #0A2540;
   --sw-color-onAccent: #FFFFFF;
+  --sw-color-accentSubtle: #E7E9EC;
   --sw-glass-blur: 24px;
   --sw-glass-saturate: 1;
   --sw-glass-fill: rgba(255, 255, 255, 1);
@@ -189,6 +196,7 @@
 [data-theme='dark'][data-palette='navy'] {
   --sw-color-accent: #7EB8FF;
   --sw-color-onAccent: #101214;
+  --sw-color-accentSubtle: #262C35;
   --sw-glass-blur: 24px;
   --sw-glass-saturate: 1.8;
   --sw-glass-fill: rgba(46, 56, 71, 0.72);
@@ -199,6 +207,7 @@
 [data-theme='light'][data-palette='sky'] {
   --sw-color-accent: #0369A1;
   --sw-color-onAccent: #FFFFFF;
+  --sw-color-accentSubtle: #E6F0F6;
   --sw-glass-blur: 24px;
   --sw-glass-saturate: 1;
   --sw-glass-fill: rgba(255, 255, 255, 1);
@@ -209,6 +218,7 @@
 [data-theme='dark'][data-palette='sky'] {
   --sw-color-accent: #38BDF8;
   --sw-color-onAccent: #101214;
+  --sw-color-accentSubtle: #1F2C34;
   --sw-glass-blur: 24px;
   --sw-glass-saturate: 1.8;
   --sw-glass-fill: rgba(33, 57, 69, 0.72);
@@ -219,6 +229,7 @@
 [data-theme='light'][data-palette='ink'] {
   --sw-color-accent: #1D1D1F;
   --sw-color-onAccent: #FFFFFF;
+  --sw-color-accentSubtle: #E8E8E9;
   --sw-glass-blur: 24px;
   --sw-glass-saturate: 1;
   --sw-glass-fill: rgba(255, 255, 255, 1);
@@ -229,6 +240,7 @@
 [data-theme='dark'][data-palette='ink'] {
   --sw-color-accent: #F5F5F7;
   --sw-color-onAccent: #101214;
+  --sw-color-accentSubtle: #323234;
   --sw-glass-blur: 24px;
   --sw-glass-saturate: 1.8;
   --sw-glass-fill: rgba(67, 67, 69, 0.72);
@@ -239,6 +251,7 @@
 [data-theme='light'][data-palette='cornflower'] {
   --sw-color-accent: #4F6BED;
   --sw-color-onAccent: #FFFFFF;
+  --sw-color-accentSubtle: #FFFFFF;
   --sw-glass-blur: 24px;
   --sw-glass-saturate: 1;
   --sw-glass-fill: rgba(255, 255, 255, 1);
@@ -249,6 +262,7 @@
 [data-theme='dark'][data-palette='cornflower'] {
   --sw-color-accent: #93A4FF;
   --sw-color-onAccent: #101214;
+  --sw-color-accentSubtle: #282A35;
   --sw-glass-blur: 24px;
   --sw-glass-saturate: 1.8;
   --sw-glass-fill: rgba(49, 52, 71, 0.72);
@@ -259,6 +273,7 @@
 [data-theme='light'][data-palette='soft-blue'] {
   --sw-color-accent: #3B6FD4;
   --sw-color-onAccent: #FFFFFF;
+  --sw-color-accentSubtle: #F7F9FD;
   --sw-glass-blur: 24px;
   --sw-glass-saturate: 1;
   --sw-glass-fill: rgba(255, 255, 255, 1);
@@ -269,6 +284,7 @@
 [data-theme='dark'][data-palette='soft-blue'] {
   --sw-color-accent: #8BB8FF;
   --sw-color-onAccent: #101214;
+  --sw-color-accentSubtle: #272C35;
   --sw-glass-blur: 24px;
   --sw-glass-saturate: 1.8;
   --sw-glass-fill: rgba(48, 56, 71, 0.72);
@@ -279,6 +295,7 @@
 [data-theme='light'][data-palette='capri'] {
   --sw-color-accent: #0077B6;
   --sw-color-onAccent: #FFFFFF;
+  --sw-color-accentSubtle: #F2F8FB;
   --sw-glass-blur: 24px;
   --sw-glass-saturate: 1;
   --sw-glass-fill: rgba(255, 255, 255, 1);
@@ -289,6 +306,7 @@
 [data-theme='dark'][data-palette='capri'] {
   --sw-color-accent: #48CAE4;
   --sw-color-onAccent: #101214;
+  --sw-color-accentSubtle: #202D32;
   --sw-glass-blur: 24px;
   --sw-glass-saturate: 1.8;
   --sw-glass-fill: rgba(36, 59, 66, 0.72);
@@ -299,6 +317,7 @@
 [data-theme='light'][data-palette='raspberry'] {
   --sw-color-accent: #DB2777;
   --sw-color-onAccent: #FFFFFF;
+  --sw-color-accentSubtle: #FFFDFE;
   --sw-glass-blur: 24px;
   --sw-glass-saturate: 1;
   --sw-glass-fill: rgba(255, 255, 255, 1);
@@ -309,6 +328,7 @@
 [data-theme='dark'][data-palette='raspberry'] {
   --sw-color-accent: #F472B6;
   --sw-color-onAccent: #101214;
+  --sw-color-accentSubtle: #32252D;
   --sw-glass-blur: 24px;
   --sw-glass-saturate: 1.8;
   --sw-glass-fill: rgba(67, 43, 57, 0.72);
@@ -319,6 +339,7 @@
 [data-theme='light'][data-palette='tangerine'] {
   --sw-color-accent: #C2410C;
   --sw-color-onAccent: #FFFFFF;
+  --sw-color-accentSubtle: #FAEEE9;
   --sw-glass-blur: 24px;
   --sw-glass-saturate: 1;
   --sw-glass-fill: rgba(255, 255, 255, 1);
@@ -329,6 +350,7 @@
 [data-theme='dark'][data-palette='tangerine'] {
   --sw-color-accent: #FB923C;
   --sw-color-onAccent: #101214;
+  --sw-color-accentSubtle: #322821;
   --sw-glass-blur: 24px;
   --sw-glass-saturate: 1.8;
   --sw-glass-fill: rgba(68, 49, 35, 0.72);
@@ -339,6 +361,7 @@
 [data-theme='light'][data-palette='amber'] {
   --sw-color-accent: #B45309;
   --sw-color-onAccent: #FFFFFF;
+  --sw-color-accentSubtle: #FAF3EE;
   --sw-glass-blur: 24px;
   --sw-glass-saturate: 1;
   --sw-glass-fill: rgba(255, 255, 255, 1);
@@ -349,6 +372,7 @@
 [data-theme='dark'][data-palette='amber'] {
   --sw-color-accent: #FCD34D;
   --sw-color-onAccent: #101214;
+  --sw-color-accentSubtle: #322E23;
   --sw-glass-blur: 24px;
   --sw-glass-saturate: 1.8;
   --sw-glass-fill: rgba(68, 61, 38, 0.72);
@@ -359,6 +383,7 @@
 [data-theme='light'][data-palette='fuchsia'] {
   --sw-color-accent: #C026D3;
   --sw-color-onAccent: #FFFFFF;
+  --sw-color-accentSubtle: #FEFBFE;
   --sw-glass-blur: 24px;
   --sw-glass-saturate: 1;
   --sw-glass-fill: rgba(255, 255, 255, 1);
@@ -369,6 +394,7 @@
 [data-theme='dark'][data-palette='fuchsia'] {
   --sw-color-accent: #E879F9;
   --sw-color-onAccent: #101214;
+  --sw-color-accentSubtle: #302534;
   --sw-glass-blur: 24px;
   --sw-glass-saturate: 1.8;
   --sw-glass-fill: rgba(65, 45, 69, 0.72);
@@ -383,6 +409,7 @@
   --sw-color-muted: #5C5346;
   --sw-color-accent: #A33B20;
   --sw-color-onAccent: #FFFFFF;
+  --sw-color-accentSubtle: #F2DEC6;
   --sw-color-border: #E5C48A;
   --sw-button-secondary-border: #E5C48A;
   --sw-glass-blur: 24px;
@@ -399,6 +426,7 @@
   --sw-color-muted: #C4A882;
   --sw-color-accent: #FAA968;
   --sw-color-onAccent: #101214;
+  --sw-color-accentSubtle: #22485D;
   --sw-color-border: #1A5A70;
   --sw-button-secondary-border: #1A5A70;
   --sw-glass-blur: 24px;
@@ -415,6 +443,7 @@
   --sw-color-muted: #5C5346;
   --sw-color-accent: #3E3E24;
   --sw-color-onAccent: #FFFFFF;
+  --sw-color-accentSubtle: #DAD5C4;
   --sw-color-border: #C9C2AE;
   --sw-button-secondary-border: #C9C2AE;
   --sw-glass-blur: 24px;
@@ -431,6 +460,7 @@
   --sw-color-muted: #B8B090;
   --sw-color-accent: #CEA453;
   --sw-color-onAccent: #101214;
+  --sw-color-accentSubtle: #2F4A2C;
   --sw-color-border: #3D5238;
   --sw-button-secondary-border: #3D5238;
   --sw-glass-blur: 24px;
@@ -447,6 +477,7 @@
   --sw-color-muted: #5C5346;
   --sw-color-accent: #A33B2B;
   --sw-color-onAccent: #FFFFFF;
+  --sw-color-accentSubtle: #E7DCCB;
   --sw-color-border: #D0D0B8;
   --sw-button-secondary-border: #D0D0B8;
   --sw-glass-blur: 24px;
@@ -463,6 +494,7 @@
   --sw-color-muted: #B8B49A;
   --sw-color-accent: #EEAF90;
   --sw-color-onAccent: #101214;
+  --sw-color-accentSubtle: #393848;
   --sw-color-border: #3A4158;
   --sw-button-secondary-border: #3A4158;
   --sw-glass-blur: 24px;
@@ -479,6 +511,7 @@
   --sw-color-muted: #6B5348;
   --sw-color-accent: #473333;
   --sw-color-onAccent: #FFFFFF;
+  --sw-color-accentSubtle: #E6DBCF;
   --sw-color-border: #E0CBA8;
   --sw-button-secondary-border: #E0CBA8;
   --sw-glass-blur: 24px;
@@ -495,6 +528,7 @@
   --sw-color-muted: #D4C4A8;
   --sw-color-accent: #E8C69F;
   --sw-color-onAccent: #101214;
+  --sw-color-accentSubtle: #684F4B;
   --sw-color-border: #6B5353;
   --sw-button-secondary-border: #6B5353;
   --sw-glass-blur: 24px;
@@ -507,6 +541,7 @@
 [data-theme='light'][data-palette='synthwave'] {
   --sw-color-accent: #D81B60;
   --sw-color-onAccent: #FFFFFF;
+  --sw-color-accentSubtle: #FDF4F7;
   --sw-glass-blur: 24px;
   --sw-glass-saturate: 1;
   --sw-glass-fill: rgba(255, 255, 255, 1);
@@ -521,6 +556,7 @@
   --sw-color-muted: #C9B8E8;
   --sw-color-accent: #FF2A6D;
   --sw-color-onAccent: #101214;
+  --sw-color-accentSubtle: #2F1145;
   --sw-color-border: #4A2C6A;
   --sw-button-secondary-border: #4A2C6A;
   --sw-glass-blur: 24px;
@@ -734,8 +770,8 @@ body {
 }
 
 /* Backdrop blur makes a glass surface its own stacking context, so it lifts while it holds an open popup (see stacking.ts). */
-.sw-card-glass:has(.sw-select-list, .sw-action-menu-list:not([hidden]), .sw-tooltip:not([hidden]), .sw-date-field-calendar),
-.sw-accordion:has(.sw-select-list, .sw-action-menu-list:not([hidden]), .sw-tooltip:not([hidden]), .sw-date-field-calendar) {
+.sw-card-glass:has(.sw-select-list, .sw-action-menu-list, .sw-tooltip:not([hidden]), .sw-date-field-calendar),
+.sw-accordion:has(.sw-select-list, .sw-action-menu-list, .sw-tooltip:not([hidden]), .sw-date-field-calendar) {
   position: relative;
   z-index: 3;
 }
@@ -756,10 +792,6 @@ body {
   background: var(--sw-color-subtle);
 }
 
-.sw-text-align-start { text-align: start; }
-.sw-text-align-center { text-align: center; }
-.sw-text-align-end { text-align: end; }
-
 .sw-truncate {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -770,6 +802,12 @@ body {
   font-variant-numeric: tabular-nums;
 }
 
+.sw-text-align-start { text-align: start; }
+.sw-text-align-center { text-align: center; }
+.sw-text-align-end { text-align: end; }
+
+:where(.sw-text-display, .sw-text-heading, .sw-text-title, .sw-text-body, .sw-text-label, .sw-text-caption, .sw-text-data) { margin: 0; }
+
 .sw-text-display { font-family: var(--sw-font-sans); font-size: 40px; line-height: 48px; font-weight: 600; letter-spacing: -0.8px; }
 .sw-text-heading { font-family: var(--sw-font-sans); font-size: 28px; line-height: 34px; font-weight: 600; letter-spacing: -0.45px; }
 .sw-text-title { font-family: var(--sw-font-sans); font-size: 20px; line-height: 28px; font-weight: 600; letter-spacing: -0.3px; }
@@ -1410,7 +1448,8 @@ body {
   height: auto;
   inset: auto;
   margin: 0;
-  max-width: calc(100vw - var(--sw-space-2) - var(--sw-space-2));
+  /* On the top layer 100% is the viewport without a classic scrollbar. */
+  max-width: calc(100% - var(--sw-space-2) - var(--sw-space-2));
   overflow: visible;
   padding: var(--sw-space-3);
   position: fixed;
@@ -1544,6 +1583,28 @@ body {
   }
 }
 
+.sw-button.sw-calendar-button {
+  flex: none;
+  padding-inline: 0;
+}
+
+.sw-button-xs.sw-calendar-button { min-width: var(--sw-control-xs-min-height); }
+.sw-button-sm.sw-calendar-button { min-width: var(--sw-control-sm-min-height); }
+.sw-button-md.sw-calendar-button { min-width: var(--sw-control-md-min-height); }
+
+.sw-calendar-button:not(.sw-button-md) .sw-date-field-glyph {
+  height: var(--sw-space-4);
+  width: var(--sw-space-4);
+}
+
+/* A coarse pointer gets the full touch target at the smaller sizes too. */
+@media (pointer: coarse) {
+  .sw-button.sw-calendar-button {
+    min-height: var(--sw-control-md-min-height);
+    min-width: var(--sw-control-md-min-height);
+  }
+}
+
 .sw-bar-chart {
   display: grid;
   gap: var(--sw-space-2);
@@ -1927,20 +1988,22 @@ body {
   -webkit-backdrop-filter: blur(var(--sw-glass-blur)) saturate(var(--sw-glass-saturate));
   box-sizing: border-box;
   color: var(--sw-color-text);
+  /* The popover layer's inset: 0 would ignore the placed left in right-to-left. */
+  inset: auto;
   margin: 0;
   max-height: var(--sw-select-max);
-  max-width: calc(100vw - var(--sw-space-2));
-  min-width: max-content;
+  /* On the top layer 100% is the viewport without a classic scrollbar. */
+  max-width: calc(100% - var(--sw-space-2) - var(--sw-space-2));
+  /* Never narrower than a touch target. */
+  min-width: var(--sw-control-md-min-height);
   overflow: auto;
   padding: var(--sw-space-1);
   position: fixed;
+  /* As wide as its longest command, until max-width wraps it. */
+  width: max-content;
   z-index: 10;
 }
 
-.sw-action-menu-list[hidden] {
-  display: none;
-}
-
 .sw-action-menu-item {
   align-items: center;
   appearance: none;
@@ -1953,7 +2016,11 @@ body {
   font-family: var(--sw-font-sans);
   font-size: 15px;
   gap: var(--sw-space-2);
+  line-height: 20px;
   min-height: var(--sw-control-xs-min-height);
+  /* A long command wraps inside the capped menu, a word at a time if it must. */
+  overflow-wrap: anywhere;
+  padding-block: var(--sw-space-1);
   padding-inline: var(--sw-control-xs-padding-inline);
   text-align: start;
   width: 100%;
@@ -1973,6 +2040,18 @@ body {
   color: var(--sw-color-danger);
 }
 
+/* A coarse pointer gets the full touch target: the trigger at least square, and every command as tall. */
+@media (pointer: coarse) {
+  .sw-action-menu-trigger {
+    min-height: var(--sw-control-md-min-height);
+    min-width: var(--sw-control-md-min-height);
+  }
+
+  .sw-action-menu-item {
+    min-height: var(--sw-control-md-min-height);
+  }
+}
+
 .sw-action-bar {
   align-items: center;
   background: var(--sw-glass-fill);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scalewing/react",
-  "version": "1.9.0",
+  "version": "1.10.1",
   "description": "Scalewing DOM components and package-owned CSS utilities.",
   "type": "module",
   "license": "MIT",

package/dist/components/date-field/use-anchored-popover.d.ts

@@ -1,8 +0,0 @@
-import { type RefObject } from 'react';
-/**
- * Shows a mounted element on the top layer as a manual popover, keeps it
- * beside `anchorRef` through scroll and resize, and calls `onDismiss` for a
- * press outside it and outside `ignoreRef` (the button that toggles it).
- * Browsers without the popover API get the same fixed placement.
- */
-export declare function useAnchoredPopover(popoverRef: RefObject<HTMLElement | null>, anchorRef: RefObject<HTMLElement | null>, ignoreRef: RefObject<HTMLElement | null>, onDismiss: () => void): void;